Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
4fc3f5c9 by 杨炀
Options

no message

1 parent 1175159b
Inline Side-by-side
Showing 31 changed files with 592 additions and 158 deletions
src/assets/styles/index.scss
...@@ -274,11 +274,10 @@ aside { ...@@ -274,11 +274,10 @@ aside {
274 --el-button-bg-color:#fff!important; 274 --el-button-bg-color:#fff!important;
275 } 275 }
276 @media (max-width: 500px) { 276 @media (max-width: 500px) {
277 .footAll{display: none;}
278 .app-container{padding: 0;overflow: auto; 277 .app-container{padding: 0;overflow: auto;
279 min-height: auto;} 278 min-height: auto;}
280 .rightPart{width: calc(100vw - 100px);left: 100px;position: fixed; 279 .rightPart{width: calc(100vw - 100px);left: 100px;position: fixed;
281 border: none!important; 280 border: none!important;background: #fff;z-index: 1;
282 281
283 height: calc(100vh - 80px);overflow: auto;top: 80px; 282 height: calc(100vh - 80px);overflow: auto;top: 80px;
284 .indexTitle{display: none;} 283 .indexTitle{display: none;}
......
src/layoutPc/components/AppBottom.vue
...@@ -2,16 +2,15 @@ ...@@ -2,16 +2,15 @@
2 <div class="footAll"> 2 <div class="footAll">
3 <div class="box" style="max-width: 90%"> 3 <div class="box" style="max-width: 90%">
4 <el-row style="align-items: center;" v-if="language==0"> 4 <el-row style="align-items: center;" v-if="language==0">
5 <el-col :lg="10" :md="12" :xs="24"> 5 <el-col :lg="10" :md="10" :xs="10">
6 <ul> 6 <ul>
7 <li>邮编：214000</li> 7 <li>邮编：214000</li>
8 <li>微信: 15606190026</li> 8 <li>微信: 15606190026</li>
9 <li>QQ: 497118883</li> 9 <li>QQ: 497118883</li>
10 <li>江苏省 无锡市太湖新城和风路与清舒交叉口东北100米</li> 10 <li>江苏省 无锡市太湖新城和风路与清舒交叉口东北100米</li>
11
12 </ul> 11 </ul>
13 </el-col> 12 </el-col>
14 <el-col :lg="10" :md="12" :xs="24"> 13 <el-col :lg="10" :md="10" :xs="10">
15 <ul style="text-align: right"> 14 <ul style="text-align: right">
16 <li>客服及报障电话:15606190026</li> 15 <li>客服及报障电话:15606190026</li>
17 <li>客服及报障邮箱: info@wdsfwuxicenter.com</li> 16 <li>客服及报障邮箱: info@wdsfwuxicenter.com</li>
...@@ -24,7 +23,7 @@ ...@@ -24,7 +23,7 @@
24 </li> 23 </li>
25 </ul> 24 </ul>
26 </el-col> 25 </el-col>
27 <el-col :lg="4" :md="12" :xs="24"> 26 <el-col :lg="4" :md="4" :xs="4">
28 <div> 27 <div>
29 <img class="mauto" src="/img/wb2.jpg"/> 28 <img class="mauto" src="/img/wb2.jpg"/>
30 <p class="text-center mt10">微博关注</p> 29 <p class="text-center mt10">微博关注</p>
...@@ -39,14 +38,14 @@ ...@@ -39,14 +38,14 @@
39 38
40 39
41 <el-row style="align-items: center;" v-if="language==1"> 40 <el-row style="align-items: center;" v-if="language==1">
42 <el-col :lg="14" :md="12" :xs="24"> 41 <el-col :span="14">
43 <ul> 42 <ul>
44 <li>Postal code：214000</li> 43 <li>Postal code：214000</li>
45 <li>Address：100 meters northeast of the intersection of Hefeng Road and Qingshu, the Taihu Lake New Town, Wuxi, Jiangsu</li> 44 <li>Address：100 meters northeast of the intersection of Hefeng Road and Qingshu, the Taihu Lake New Town, Wuxi, Jiangsu</li>
46 45
47 </ul> 46 </ul>
48 </el-col> 47 </el-col>
49 <el-col :lg="6" :md="12" :xs="24"> 48 <el-col :span="6">
50 <ul style="text-align: right"> 49 <ul style="text-align: right">
51 <li>Telephone:086-15606190026</li> 50 <li>Telephone:086-15606190026</li>
52 <li>E-mail:info@wdsfwuxicenter.com</li> 51 <li>E-mail:info@wdsfwuxicenter.com</li>
...@@ -59,7 +58,7 @@ ...@@ -59,7 +58,7 @@
59 </li> 58 </li>
60 </ul> 59 </ul>
61 </el-col> 60 </el-col>
62 <el-col :lg="4" :md="12" :xs="24"> 61 <el-col :span="4">
63 <div> 62 <div>
64 <img class="mauto" src="/img/wb2.jpg"/> 63 <img class="mauto" src="/img/wb2.jpg"/>
65 <p class="text-center mt10">Weibo</p> 64 <p class="text-center mt10">Weibo</p>
...@@ -73,7 +72,7 @@ ...@@ -73,7 +72,7 @@
73 </el-row> 72 </el-row>
74 </div> 73 </div>
75 </div> 74 </div>
76 <div class="fixed-right"> 75 <div class="fixed-right forPc">
77 <div class="mlb" v-if="language==0"> 76 <div class="mlb" v-if="language==0">
78 <div href="#" target="_blank" 77 <div href="#" target="_blank"
79 onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="客服" > 78 onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="客服" >
...@@ -124,7 +123,7 @@ const goHelpZH = () => { ...@@ -124,7 +123,7 @@ const goHelpZH = () => {
124 .kf{width: 45px;margin: auto;height: auto; 123 .kf{width: 45px;margin: auto;height: auto;
125 //animation: pop 2s infinite; 124 //animation: pop 2s infinite;
126 } 125 }
127 .fixed-right{position: fixed;right: 0;bottom: 200px;z-index: 9; 126 .fixed-right{position: fixed;right: 0;top: 65%;z-index: 9;
128 .mlb{background: #fff;border-radius: 10px 0 0 10px;box-shadow: 0 2px 8px #aaa; 127 .mlb{background: #fff;border-radius: 10px 0 0 10px;box-shadow: 0 2px 8px #aaa;
129 padding: 10px 8px;text-align: center;cursor: pointer; 128 padding: 10px 8px;text-align: center;cursor: pointer;
130 div:first-child{border-bottom: 0.5px solid #eee;padding: 0 0 10px;margin-bottom: 10px} 129 div:first-child{border-bottom: 0.5px solid #eee;padding: 0 0 10px;margin-bottom: 10px}
...@@ -159,6 +158,17 @@ const goHelpZH = () => { ...@@ -159,6 +158,17 @@ const goHelpZH = () => {
159 } 158 }
160 @media (max-width: 500px) { 159 @media (max-width: 500px) {
161 .forWei{display: none;} 160 .forWei{display: none;}
161 .footAll{padding:10px 0;
162 //display: none;
163 ul {
164 li {
165 font-size: 10px;line-height: 1.4;
166 }
167 }
168 img{height: 60px;}
169 p{font-size: 10px;line-height: 1.4;}
170 .copyright{font-size: 10px;line-height: 1.4;}
171 }
162 } 172 }
163 .ffoot{display: inline-flex; 173 .ffoot{display: inline-flex;
164 img{width: 20px;height: 20px;display: inline-block;position: relative;top: 4px;margin-right: 4px;} 174 img{width: 20px;height: 20px;display: inline-block;position: relative;top: 4px;margin-right: 4px;}
......
src/layoutPc/components/AppHeader.vue
...@@ -87,6 +87,13 @@ ...@@ -87,6 +87,13 @@
87 :with-header="false" title="菜单" 87 :with-header="false" title="菜单"
88 > 88 >
89 <div class="weiHead"> 89 <div class="weiHead">
90 <el-button size="large" v-if="!isLogin" @click="goLogin" round style="color: #fff" class="btn-lineG">
91 <span>{{ language==0?'登录':'LOGIN' }}</span>
92 <!-- ｜ &nbsp;<span @click="goRegister">注册</span>-->
93 </el-button>
94 <el-button type="primary" round plain size="large" v-if="isLogin" @click="logout()">{{language==0?'退出':'Exit'}}</el-button>
95
96 <div style="display: flex">
90 <div class="languageBtn"> 97 <div class="languageBtn">
91 <span v-if="language==0" :class="language==0?'active':''" @click="changeLanguage(0)">中文</span> 98 <span v-if="language==0" :class="language==0?'active':''" @click="changeLanguage(0)">中文</span>
92 <span v-else :class="language==0?'active':''" @click="changeLanguage(0)">CN</span> 99 <span v-else :class="language==0?'active':''" @click="changeLanguage(0)">CN</span>
...@@ -95,6 +102,8 @@ ...@@ -95,6 +102,8 @@
95 </div> 102 </div>
96 103
97 <el-icon color="#453DEA" size="30" @click="closeDrawer"><close/></el-icon> 104 <el-icon color="#453DEA" size="30" @click="closeDrawer"><close/></el-icon>
105
106 </div>
98 </div> 107 </div>
99 108
100 <el-menu class="weiMenu" 109 <el-menu class="weiMenu"
...@@ -134,6 +143,7 @@ ...@@ -134,6 +143,7 @@
134 <el-menu-item index="/about/regulations">Rules & Regulations</el-menu-item> 143 <el-menu-item index="/about/regulations">Rules & Regulations</el-menu-item>
135 <el-menu-item index="/about/cultureEn">Culture</el-menu-item> 144 <el-menu-item index="/about/cultureEn">Culture</el-menu-item>
136 </el-sub-menu> 145 </el-sub-menu>
146 <el-menu-item v-if="isLogin" index="/center/myInfo">PERSONAL CENTER</el-menu-item>
137 </el-menu> 147 </el-menu>
138 </el-drawer> 148 </el-drawer>
139 <LoginDialog ref="pcloginDialog" @submitForm="reFlash" /> 149 <LoginDialog ref="pcloginDialog" @submitForm="reFlash" />
...@@ -338,8 +348,9 @@ function getCode() { ...@@ -338,8 +348,9 @@ function getCode() {
338 border: none; 348 border: none;
339 :deep(.el-menu-item.is-active){color: var(--el-color-primary);} 349 :deep(.el-menu-item.is-active){color: var(--el-color-primary);}
340 } 350 }
341 .weiHead{display: flex;justify-content: end;padding: 15px;align-items: center; 351 .weiHead{display: flex;justify-content: space-between;padding: 15px;align-items: center;
342 .languageBtn{font-size: 20px;margin-right: 20px;line-height: 30px;white-space: nowrap;} 352 width: 100%;
353 .languageBtn{font-size: 20px;line-height: 30px;white-space: nowrap;margin-right: 20px;}
343 } 354 }
344 .weiMenu{ 355 .weiMenu{
345 .el-menu-item{font-size: 20px} 356 .el-menu-item{font-size: 20px}
......
src/routerPc/en.js
...@@ -522,6 +522,12 @@ export const constantRoutes = [ ...@@ -522,6 +522,12 @@ export const constantRoutes = [
522 component: () => import('@/viewsPc/center/mySms'), 522 component: () => import('@/viewsPc/center/mySms'),
523 name: 'mySms', 523 name: 'mySms',
524 meta: { title: 'System messages' } 524 meta: { title: 'System messages' }
525 },
526 {
527 path: 'myKP',
528 component: () => import('@/viewsPc/center/myCanKP'),
529 name: 'myKP',
530 meta: { title: '发票管理' }
525 } 531 }
526 ] 532 ]
527 }, 533 },
......
src/viewsPc/booking/addInvoice.vue
...@@ -58,28 +58,28 @@ ...@@ -58,28 +58,28 @@
58 58
59 <el-form-item :label="`发票形式`" required prop="invoiceForm"> 59 <el-form-item :label="`发票形式`" required prop="invoiceForm">
60 <el-radio-group v-model="form.invoiceForm"> 60 <el-radio-group v-model="form.invoiceForm">
61 <el-radio value="1" v-if="kpType.indexOf('1')!=-1">{{ language == 0 ? '电子发票' : 'E-invoice' }}</el-radio> 61 <el-radio value="1">{{ language == 0 ? '电子发票' : 'E-invoice' }}</el-radio>
62 <el-radio value="2" v-if="kpType.indexOf('2')!=-1">{{ language == 0 ? '纸质普票' : 'Paper-invoice' }}</el-radio> 62 <!-- <el-radio value="2" v-if="kpType.indexOf('2')!=-1">{{ language == 0 ? '纸质普票' : 'Paper-invoice' }}</el-radio>-->
63 <el-radio value="3" v-if="kpType.indexOf('3')!=-1">{{ language == 0 ? '纸质专票' : 'Paper-special-invoice' }}</el-radio> 63 <!-- <el-radio value="3" v-if="kpType.indexOf('3')!=-1">{{ language == 0 ? '纸质专票' : 'Paper-special-invoice' }}</el-radio>-->
64 </el-radio-group> 64 </el-radio-group>
65 </el-form-item> 65 </el-form-item>
66 <el-form-item :label="`邮箱`" v-if="form.invoiceForm=='1'" required prop="address"> 66 <!-- <el-form-item :label="`邮箱`" v-if="form.invoiceForm=='1'" required prop="address">-->
67 <el-input v-model="form.address"/> 67 <!-- <el-input v-model="form.address"/>-->
68 </el-form-item> 68 <!-- </el-form-item>-->
69 <el-form-item :label="`邮寄地址`" v-else required> 69 <!-- <el-form-item :label="`邮寄地址`" v-else required>-->
70 <el-button plain type="primary" size="small" v-if="addrList.length==0" @click="goEditAddress"> 70 <!-- <el-button plain type="primary" size="small" v-if="addrList.length==0" @click="goEditAddress">-->
71 +{{ language==0?'添加地址':'Add' }} 71 <!-- +{{ language==0?'添加地址':'Add' }}-->
72 </el-button> 72 <!-- </el-button>-->
73 <div v-else class="flexCenter"> 73 <!-- <div v-else class="flexCenter">-->
74 <div> 74 <!-- <div>-->
75 <div class="bigSize">{{nowAddress.contact}} {{nowAddress.phone}}</div> 75 <!-- <div class="bigSize">{{nowAddress.contact}} {{nowAddress.phone}}</div>-->
76 <div class="smallSize">{{nowAddress.addName}}</div> 76 <!-- <div class="smallSize">{{nowAddress.addName}}</div>-->
77 </div> 77 <!-- </div>-->
78 <a @click="goEditAddress" class="text-primary"> 78 <!-- <a @click="goEditAddress" class="text-primary">-->
79 <el-icon><Switch /></el-icon>切换 79 <!-- <el-icon><Switch /></el-icon>切换-->
80 </a> 80 <!-- </a>-->
81 </div> 81 <!-- </div>-->
82 </el-form-item> 82 <!-- </el-form-item>-->
83 <el-form-item :label="`发票类型`" required prop="invoiceType"> 83 <el-form-item :label="`发票类型`" required prop="invoiceType">
84 <el-radio-group v-model="form.invoiceType"> 84 <el-radio-group v-model="form.invoiceType">
85 <el-radio value="0">{{ language == 0 ? '企业' : 'Company' }}</el-radio> 85 <el-radio value="0">{{ language == 0 ? '企业' : 'Company' }}</el-radio>
...@@ -107,6 +107,17 @@ ...@@ -107,6 +107,17 @@
107 </el-form-item> 107 </el-form-item>
108 </div> 108 </div>
109 </el-form> 109 </el-form>
110
111 <div class="tip">
112 <label>开票须知:</label>
113 <div>
114 1.发票开具时间：提交后后，开票时间为开票日起7天（含7天）内；<br/>
115 2.开具发票后，发票金额不得修改；<br/>
116 3.未开具发票前，可修改修改公司抬头/税号；<br/>
117 4.未开票成功，请及时联系客服处理；<br/>
118 5.发票开具后，将发送至当前登录账号邮箱；
119 </div>
120 </div>
110 </div> 121 </div>
111 </el-col> 122 </el-col>
112 </el-row> 123 </el-row>
...@@ -124,6 +135,7 @@ ...@@ -124,6 +135,7 @@
124 </div> 135 </div>
125 </div> 136 </div>
126 <address-list-dialog ref="dialogAddressListRef" @submit="getAddress"/> 137 <address-list-dialog ref="dialogAddressListRef" @submit="getAddress"/>
138 <!-- 开票须知 -->
127 </template> 139 </template>
128 140
129 <script setup> 141 <script setup>
...@@ -150,7 +162,7 @@ const list = ref([]) ...@@ -150,7 +162,7 @@ const list = ref([])
150 const addrList = ref([]) 162 const addrList = ref([])
151 const nowAddress = ref({}) 163 const nowAddress = ref({})
152 const totalMoney = ref(0) 164 const totalMoney = ref(0)
153 const kpType = ref('') 165 const kpType = ref('1')
154 const rules = ref({ 166 const rules = ref({
155 invoiceType: [ 167 invoiceType: [
156 {required: true, message: language.value==0?'请选择发票类型':'Please select invoice type', trigger: 'change'} 168 {required: true, message: language.value==0?'请选择发票类型':'Please select invoice type', trigger: 'change'}
...@@ -184,8 +196,9 @@ const isEdit = ref(false) ...@@ -184,8 +196,9 @@ const isEdit = ref(false)
184 let invoiceId 196 let invoiceId
185 onMounted(() => { 197 onMounted(() => {
186 if(route.query.orders){ 198 if(route.query.orders){
187 list.value = JSON.parse(decodeURIComponent(route.query.orders)) || [] 199 let obj = JSON.parse(decodeURIComponent(route.query.orders)) || []
188 let arr = [] 200 let arr = []
201 list.value.push(obj)
189 for (var bill of list.value) { 202 for (var bill of list.value) {
190 bill.messageObj = JSON.parse(bill.message) 203 bill.messageObj = JSON.parse(bill.message)
191 arr.push(bill.id) 204 arr.push(bill.id)
...@@ -199,19 +212,22 @@ onMounted(() => { ...@@ -199,19 +212,22 @@ onMounted(() => {
199 totalMoney.value = route.query.totalMoney 212 totalMoney.value = route.query.totalMoney
200 form.value.total = totalMoney.value 213 form.value.total = totalMoney.value
201 } 214 }
202 if(route.query.kpType){ 215 // if(route.query.kpType){
203 kpType.value = route.query.kpType 216 // kpType.value = route.query.kpType
204 if(kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1){ 217 // if(kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1){
205 getAddrList() 218 // getAddrList()
206 } 219 // }
207 } else { 220 // } else {
208 kpType.value = '1' 221 // kpType.value = '1'
209 } 222 // }
210 if (route.query.isEdit) { 223 if (route.query.isEdit) {
211 isEdit.value = route.query.isEdit 224 isEdit.value = route.query.isEdit
212 invoiceId = route.query.invoiceId 225 invoiceId = route.query.invoiceId
213 getList() 226 getList()
214 } 227 }
228 if(user.userName.indexOf('@')>-1){
229 form.value.address = user.userName
230 }
215 }) 231 })
216 function getList() { 232 function getList() {
217 getInvoiceDetailBills(invoiceId).then(res => { 233 getInvoiceDetailBills(invoiceId).then(res => {
...@@ -224,9 +240,9 @@ function getList() { ...@@ -224,9 +240,9 @@ function getList() {
224 getInvoiceDetail(invoiceId).then(res => { 240 getInvoiceDetail(invoiceId).then(res => {
225 form.value = res.data; 241 form.value = res.data;
226 totalMoney.value = form.value.total 242 totalMoney.value = form.value.total
227 if (form.value.invoiceForm == '1') { 243 // if (form.value.invoiceForm == '1') {
228 email.value = form.value.address 244 // email.value = form.value.address
229 } 245 // }
230 getAddrList() 246 getAddrList()
231 }); 247 });
232 } 248 }
...@@ -254,14 +270,14 @@ function getAddress(obj) { ...@@ -254,14 +270,14 @@ function getAddress(obj) {
254 function submit() { 270 function submit() {
255 proxy.$refs['formRef'].validate((valid) => { 271 proxy.$refs['formRef'].validate((valid) => {
256 if(valid){ 272 if(valid){
257 if((kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1)&&!nowAddress.value){ 273 // if((kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1)&&!nowAddress.value){
258 ElMessage({ 274 // ElMessage({
259 message: language.value==0?'请选择邮寄地址':'Please select address', 275 // message: language.value==0?'请选择邮寄地址':'Please select address',
260 type: 'warning', 276 // type: 'warning',
261 duration: 2000 277 // duration: 2000
262 }) 278 // })
263 return 279 // return
264 } 280 // }
265 // 提交确认 281 // 提交确认
266 ElMessageBox.confirm(language.value == 0 ? '确认提交吗？' : 'Confirm to submit ?', { 282 ElMessageBox.confirm(language.value == 0 ? '确认提交吗？' : 'Confirm to submit ?', {
267 confirmButtonText: language.value == 0 ? '确定' : 'Confirm', 283 confirmButtonText: language.value == 0 ? '确定' : 'Confirm',
...@@ -294,7 +310,8 @@ function add() { ...@@ -294,7 +310,8 @@ function add() {
294 } 310 }
295 function backList() { 311 function backList() {
296 router.push({ 312 router.push({
297 name: 'invoice' 313 // name: 'invoice'
314 name: 'myKP'
298 }) 315 })
299 } 316 }
300 </script> 317 </script>
......
src/viewsPc/booking/component/makeUpCalendar.vue
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
3 <el-calendar v-model="currentDate" :range="calendarRange"> 3 <el-calendar v-model="currentDate" :range="calendarRange">
4 <template #header="{date}"> 4 <template #header="{date}">
5 <el-row style="width: 100%"> 5 <el-row style="width: 100%">
6 <el-col :span="7"> 6 <el-col :lg="7" class="forPc">
7 </el-col> 7 </el-col>
8 <el-col :span="10"> 8 <el-col :lg="10" class="forPc">
9 <el-row justify="center" align='middle' > 9 <el-row justify="center" align='middle'>
10 <!-- <div class="canBtn"><el-icon><ArrowLeftBold /></el-icon></div>--> 10 <!-- <div class="canBtn"><el-icon><ArrowLeftBold /></el-icon></div>-->
11 <div class="cTitle"> 11 <div class="cTitle">
12 <!-- <el-date-picker--> 12 <!-- <el-date-picker-->
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 <!-- <div class="canBtn"><el-icon><ArrowRightBold /></el-icon></div>--> 26 <!-- <div class="canBtn"><el-icon><ArrowRightBold /></el-icon></div>-->
27 </el-row> 27 </el-row>
28 </el-col> 28 </el-col>
29 <el-col :span="7"> 29 <el-col :lg="7" :xs="24">
30 <div style="text-align: right;padding-right: 10px"> 30 <div style="text-align: right;padding-right: 10px">
31 <el-date-picker 31 <el-date-picker
32 v-model="currentDate1" 32 v-model="currentDate1"
...@@ -52,34 +52,47 @@ ...@@ -52,34 +52,47 @@
52 <div class="calendarList"> 52 <div class="calendarList">
53 <ul v-loading="loading"> 53 <ul v-loading="loading">
54 <li v-for="n in schList" :key="n.id" > 54 <li v-for="n in schList" :key="n.id" >
55 <el-row style="width: 100%"> 55 <el-row :gutter="15" align="top">
56 <div style="margin-right: 25px"> 56 <el-col :lg="3" :sm="6" :xs="6">
57 <el-image style="width: 90px;height: 115px" :src="fillImgUrl(n.photos?.split(',')[0]) " fit="cover" /> 57 <el-image style="width: 90px;height: 115px;max-width: 100%;" :src="fillImgUrl(n.photos?.split(',')[0]) "
58 fit="contain" />
59 </el-col>
60 <el-col :lg="21" :sm="18" :xs="18">
61 <el-row class="hz-title">{{ n.name }}</el-row>
62 <el-row justify="space-between" class="hz-p" :gutter="15" align="middle">
63 <el-col :lg="5" :sm="6" :xs="24">
64 <div @click="hazelView(n)" class="forPc" :class="{esp_3:n.active}" >
65 {{ language==0?'套餐说明':'Package Description' }}:
66 <span style="margin-right: 20px">{{n.introduction}}</span>
67 </div>
68 <div @click="hazelView(n)" class="forWei" :class="{esp:n.active}" >
69 {{ language==0?'套餐说明':'Package Description' }}:
70 <span style="margin-right: 20px">{{n.introduction}}</span>
58 </div> 71 </div>
59 <div style="flex: 1" >
60 <div class="hz-title">{{ n.name }}</div>
61 <div>
62 <el-row justify="space-between">
63 <el-row class="hz-p" style="flex: 1">
64 <el-col :span="12">
65 <div @click="hazelView(n)" :class="{esp_3:n.active}" >{{ language==0?'套餐说明':'Package Description' }}: <span style="margin-right: 20px">{{n.introduction}}</span></div>
66 </el-col> 72 </el-col>
67 73
68 <el-col :span="5" style="padding-left: 20px"> 74 <el-col :lg="4" :sm="6" :xs="24">
69 <div>{{ language==0?'剩余':'' }}<span class="sign">{{ n.num-n.counts }}</span>{{language==0?'名额':'Places Remaining' }} </div> 75 <div>{{ language==0?'剩余':'' }}<span class="sign">{{ n.num-n.counts }}</span>{{language==0?'名额':'Places Remaining' }} </div>
70 </el-col> 76 </el-col>
71 <el-col :span="7"> 77 <el-col :lg="5" :sm="6" :xs="24">
72 <div v-if="language==0" >地点:{{n.address}}</div> 78 <div v-if="language==0" class="esp">地点:{{n.address}}</div>
73 <div v-else >address:{{n.addressEn}}</div> 79 <div v-else class="esp">address:{{n.addressEn}}</div>
80 </el-col>
81
82 <el-col :lg="4" :sm="12" :xs="12" class="zh-margin">
83 <span style="font-size: 24px">{{ language==0?'¥':'€'}} </span>
84 {{language==0?n.mealPrice:n.mealPriceEn}}
85 </el-col>
86 <el-col :lg="6" :sm="12" :xs="12" class="forPc">
87 <el-button :disabled="n.num-n.counts<=0||Date.now()>dayjs(currentDate).subtract(-1,'day').valueOf()"
88 class="btn-lineG w200px mauto" round type="primary" size="large" @click="goMatch(n)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
89 </el-col>
90 <el-col :lg="6" :sm="12" :xs="12" class="forWei">
91 <el-button :disabled="n.num-n.counts<=0||Date.now()>dayjs(currentDate).subtract(-1,'day').valueOf()"
92 class="btn-lineG forWei mt10" round type="primary" size="small" @click="goMatch(n)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
74 </el-col> 93 </el-col>
75 </el-row> 94 </el-row>
76 <el-row> 95 </el-col>
77 <div class="zh-margin" style="font-size: 36px;color: #ff8124"><span style="font-size: 24px">{{ language==0?'¥':'€'}} </span> {{language==0?n.mealPrice:n.mealPriceEn}}</div>
78 <el-button :disabled="n.num-n.counts<=0||Date.now()>dayjs(currentDate).subtract(-1,'day').valueOf()" class="btn-lineG w200px" round type="primary" size="large" @click="goMatch(n)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
79 </el-row>
80 </el-row>
81 </div>
82 </div>
83 </el-row> 96 </el-row>
84 </li> 97 </li>
85 </ul> 98 </ul>
...@@ -211,6 +224,7 @@ function goMatch(n) { ...@@ -211,6 +224,7 @@ function goMatch(n) {
211 </script> 224 </script>
212 225
213 <style scoped lang="scss"> 226 <style scoped lang="scss">
227 .forWei{display: none}
214 .el-calendar { 228 .el-calendar {
215 --el-calendar-border: none; 229 --el-calendar-border: none;
216 --el-calendar-cell-width: 40px; 230 --el-calendar-cell-width: 40px;
...@@ -333,18 +347,16 @@ function goMatch(n) { ...@@ -333,18 +347,16 @@ function goMatch(n) {
333 font-size: 20px; 347 font-size: 20px;
334 font-weight: 400; 348 font-weight: 400;
335 color: #000; 349 color: #000;
336 margin-top:20px;
337 margin-bottom: 10px; 350 margin-bottom: 10px;
338 } 351 }
339 352
340 .zh-margin{ 353 .zh-margin{
341 font-weight: bold; 354 font-weight: bold;
342 font-size: 36px; 355 font-size: 32px;
343 color: #FF8124; 356 color: #FF8124;
344 margin-right: 30px;
345 } 357 }
346 .hz-p{ 358 .hz-p{
347 font-size: 16px; 359 font-size: 15px;
348 color: #4C5359; 360 color: #4C5359;
349 font-weight: 400; 361 font-weight: 400;
350 } 362 }
...@@ -372,4 +384,17 @@ function goMatch(n) { ...@@ -372,4 +384,17 @@ function goMatch(n) {
372 font-size: 20px; 384 font-size: 20px;
373 font-weight: 500; 385 font-weight: 500;
374 } 386 }
387
388 @media screen and (max-width: 768px) {
389 .forPc{display: none!important;}
390 .forWei{display: block}
391 .hz-title{font-size: 16px}
392 .hz-p{font-size: 12px;}
393 .zh-margin{font-size: 20px;
394 span{font-size: 16px!important;}
395 }
396 .calendarList{padding: 0;
397 ul li{margin: 0}
398 }
399 }
375 </style> 400 </style>
......
src/viewsPc/booking/invoiceDetail.vue
...@@ -197,7 +197,7 @@ function getAddrList() { ...@@ -197,7 +197,7 @@ function getAddrList() {
197 } 197 }
198 function backList() { 198 function backList() {
199 router.push({ 199 router.push({
200 name: 'invoice' 200 name: 'myKP'
201 }) 201 })
202 } 202 }
203 </script> 203 </script>
......
src/viewsPc/booking/makeUp.vue
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 </div> 14 </div>
15 <div class="box" v-loading="loading"> 15 <div class="box" v-loading="loading">
16 <el-row style="width: 100%" :gutter="20"> 16 <el-row style="width: 100%" :gutter="20">
17 <el-col :span="8" v-for="(h,index) in list" class="mb20" > 17 <el-col :lg="8" :md="8" :sm="12" :xs="24" v-for="(h,index) in list" class="mb20" >
18 <el-card style="position: relative;"> 18 <el-card style="position: relative;">
19 <img class="w100 hz-img" :src="fillImgUrl(h.cover)"/> 19 <img class="w100 hz-img" :src="fillImgUrl(h.cover)"/>
20 <div class="yuyue"> 20 <div class="yuyue">
......
src/viewsPc/booking/makeUpDetail.vue
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
31 </el-row> 31 </el-row>
32 32
33 <div style="display: flex"> 33 <div style="display: flex">
34 <div style="min-width: 130px" class="title">{{language==0?'工作室简介:':'Studio profile:'}}</div> 34 <div style="min-width: 130px" class="title forPc">{{language==0?'工作室简介:':'Studio profile:'}}</div>
35 <div v-html="form.introduction"></div> 35 <div v-html="form.introduction"></div>
36 </div> 36 </div>
37 </el-card> 37 </el-card>
......
src/viewsPc/booking/makeUpOrder.vue
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
73 <div class="yu">{{ language==0?'预约信息':"Reservation information" }}</div> 73 <div class="yu">{{ language==0?'预约信息':"Reservation information" }}</div>
74 <br> 74 <br>
75 <div class="form-order"> 75 <div class="form-order">
76 <el-form :model="form" style="width: 800px" :label-width="language==0?'140px':'200px'" :rules="rules" ref="formRef"> 76 <el-form :model="form" style="width: 90%" :label-width="language==0?'140px':'200px'" :rules="rules" ref="formRef">
77 <el-form-item :label="language==0?'预约数量':'Number Of Reservations'" required prop="num"> 77 <el-form-item :label="language==0?'预约数量':'Number Of Reservations'" required prop="num">
78 <el-input-number style="width: 100%" v-model.trim="form.num" :min="1" :max="10" @change="changNum"/> 78 <el-input-number style="width: 100%" v-model.trim="form.num" :min="1" :max="10" @change="changNum"/>
79 </el-form-item> 79 </el-form-item>
......
src/viewsPc/center/index.vue
...@@ -120,7 +120,14 @@ const menus = ref([ ...@@ -120,7 +120,14 @@ const menus = ref([
120 picUrl1: '/img/nav_30.png', 120 picUrl1: '/img/nav_30.png',
121 picUrl2: '/img/nav_30_dwn.png', 121 picUrl2: '/img/nav_30_dwn.png',
122 isActive: false 122 isActive: false
123 } 123 },
124 // {
125 // name: language.value==0?'电子发票':'System messages',
126 // routeName: 'myKP',
127 // picUrl1: '/img/nav_30.png',
128 // picUrl2: '/img/nav_30_dwn.png',
129 // isActive: false
130 // }
124 ]) 131 ])
125 const menus3 = ref([ 132 const menus3 = ref([
126 { 133 {
...@@ -274,7 +281,7 @@ li img { ...@@ -274,7 +281,7 @@ li img {
274 :deep(.el-card__body){padding: 0!important;} 281 :deep(.el-card__body){padding: 0!important;}
275 } 282 }
276 .el-col{padding: 0!important;} 283 .el-col{padding: 0!important;}
277 .center-menu{height: 100vh;padding: 20px 0;position: fixed;left: 0; 284 .center-menu{height: 100vh;padding: 20px 0;position: fixed;left: 0;z-index: 1;
278 background: #F5F7F9;top: 80px;width: 100px;border-right: 1px solid #eee; 285 background: #F5F7F9;top: 80px;width: 100px;border-right: 1px solid #eee;
279 li{font-size: 13px;padding:8px 10px;border-radius: 0; 286 li{font-size: 13px;padding:8px 10px;border-radius: 0;
280 img{display: none} 287 img{display: none}
...@@ -283,8 +290,8 @@ li img { ...@@ -283,8 +290,8 @@ li img {
283 color: var(--el-color-primary);} 290 color: var(--el-color-primary);}
284 } 291 }
285 } 292 }
286 .rightPart{width: calc(100vw - 100px);left: 100px;position: fixed; 293 .rightPart{width: calc(100vw - 100px);left: 100px;position: fixed; z-index: 1;
287 height: calc(100vh - 80px);overflow: auto;top: 80px; 294 height: calc(100vh - 80px);overflow: auto;top: 80px;background: #fff;
288 } 295 }
289 } 296 }
290 .app-container{min-height: 80vh;} 297 .app-container{min-height: 80vh;}
......
src/viewsPc/center/myCanKP.vue 0 → 100644
1 <template>
2 <div>
3 <el-card :body-style="{'padding':'10px 0 0'}">
4 <!-- <div class="indexTitle">-->
5 <!-- <h3 class="leftboderTT">{{ language==0?'电子发票':'E-invoice' }}-->
6 <!-- </h3>-->
7 <!-- </div>-->
8 <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
9 <el-tab-pane label="赛事订单" name="5"></el-tab-pane>
10 <el-tab-pane label="酒店订单" name="0"></el-tab-pane>
11 <el-tab-pane label="票务订单" name="6"></el-tab-pane>
12 <el-tab-pane label="化妆订单" name="3"></el-tab-pane>
13 <el-tab-pane label="车辆订单" name="1"></el-tab-pane>
14 <el-tab-pane label="餐饮订单" name="2"></el-tab-pane>
15 <el-tab-pane label="摄像订单" name="4"></el-tab-pane>
16 </el-tabs>
17 <el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/>
18
19 <div class="pd20">
20 <div v-for="b in list" class="item">
21 <div class="title">
22 <label class="blueTag" v-if="b.orderType == 0"> {{ language==0?'酒店':'HOTEL' }} </label>
23 <label class="purpleTag" v-if="b.orderType == 1"> {{ language==0?'车辆':'TRANSPORTATION' }} </label>
24 <label class="orangeTag" v-if="b.orderType == 2"> {{ language==0?'餐饮':'DINING' }} </label>
25 <label class="orangeTag" v-if="b.orderType == 3"> {{ language==0?'化妆':'MakeUp' }} </label>
26 <label class="orangeTag" v-if="b.orderType == 4"> {{ language==0?'拍摄':'Shooting ' }} </label>
27 <span>{{ language==0?'订单编号：':'No.' }} {{ b.id }}</span>
28 </div>
29
30 <el-row class="pd20 mt10" justify="space-between" align="middle">
31 <el-col :lg="9" :md="12" :sm="12" :xs="24">
32 <div v-if="b.orderType == 0">
33 <p>{{b.messageObj.roomName}}</p>
34 <p>{{b.messageObj.roomInfo}}</p>
35 <p>{{b.messageObj.roomType}}</p>
36 <p>{{b.messageObj.roomStayDate}}</p>
37 </div>
38 <div v-if="b.orderType == 1">
39 <div v-for="(car,index) in b.messageObj.carsList" :key="index">
40 <p v-if="car.num>0">{{car.name}}：{{car.num}} 辆</p>
41 </div>
42 </div>
43 <div v-if="b.orderType == 2">
44 <div v-for="(n,index) in b.messageObj.foodsList" :key="index">
45 <p v-if="n.num > 0">
46 {{n.name}}({{n.categoryName}}) <text>{{n.num}} 份</text>
47 </p>
48 </div>
49 </div>
50 <div v-if="b.orderType == 3 || b.orderType == 4">
51 <div>
52 {{language==0?'套餐名称：':''}}{{b.messageObj.packageName}}
53 </div>
54 <div>
55 {{language==0?'预约时间：':''}}{{b.deliveryTime.slice(0,10)}} {{b.messageObj.timePeriod}}
56 </div>
57 </div>
58 </el-col>
59 <el-col :lg="3" :md="6" :sm="6" :xs="6" class="text-center">
60 <span class="text-warning"> {{ language==0?'¥':'€' }}
61 <span class="bigMoney">{{language==0?b.total:b.totalEn}}</span>
62 </span>
63 </el-col>
64 <el-col :lg="6" :md="16" :sm="16" :xs="16">
65 <div class="text-right">
66 <el-button type="primary" plain round v-if="b.isInvoice == '0'&&!b.invoiceId" @click.stop="gokp(b)">
67 {{ language == 0 ? '开发票' : 'Edit' }}
68 </el-button>
69 <el-button type="primary" plain round v-if="b.isInvoice == '0'&&b.invoiceId" @click.stop="editkp(b)">
70 {{ language == 0 ? '重开发票' : 'Edit' }}
71 </el-button>
72 <el-button type="primary" plain round v-if="b.invoiceId"
73 @click.stop="showDetail(b)">{{ language == 0 ? '查看发票' : 'Detail' }}
74 </el-button>
75 <el-button type="primary" v-if="b.isInvoice == '0'&&!b.invoiceId" plain round @click.stop="goSj(b)">
76 {{ language == 0 ? '开收据' : 'Edit' }}
77 </el-button>
78 <el-button type="primary" plain round v-if="b.invoiceId"
79 @click.stop="showSJ(b)">{{ language == 0 ? '查看收据' : 'Detail' }}
80 </el-button>
81 </div>
82 </el-col>
83 </el-row>
84 </div>
85 </div>
86 </el-card>
87
88 <el-dialog title="开收据" v-model="showSJDialog" width="460px" :close-on-click-modal="false" :close-on-press-escape="false">
89 <div class="flex">
90 <el-form-item label="开票人">
91 <div class="flex">
92 <el-input v-model="lpName" placeholder="请输入开票人"></el-input>
93 <el-button type="primary" @click="submitSJ">提交</el-button>
94 </div>
95 </el-form-item>
96 </div>
97 <div class="tip mt20">
98 <label>开电子收据须知:</label>
99 <div class="pd10">
100 1.发票开具时间：提交后，开票时间为开票日起7天（含7天）内；<br/>
101 2.开具发票后，发票金额不得修改；<br/>
102 3.未开具发票前，可修改修改公司抬头/税号；<br/>
103 4.未开票成功，请及时联系客服处理；<br/>
104 5.发票开具后，将发送至当前登录账号邮箱；
105 </div>
106 </div>
107
108 </el-dialog>
109 </div>
110 </template>
111
112 <script setup>
113 import {useStorage} from "@vueuse/core/index";
114 import useUserStore from "@/store/modules/user";
115 import {getCanInvoiceBills, getInvoiceByActiveId} from "@/apiPc/booking";
116 import {onMounted, ref} from "vue";
117 const router = useRouter()
118 const route = useRoute()
119 const language= useStorage('language',0)
120 const activeName = ref('5')
121 const lpName = ref('')
122 const showSJDialog = ref(false)
123 const user = useUserStore().user
124 const query = ref({
125 createById: user.userId,
126 orderType:'5'
127 })
128 const list = ref([])
129 onMounted(() => {
130 getList()
131 })
132 const getList = () => {
133 getCanInvoiceBills(query.value).then(res=>{
134 list.value = res.rows
135
136 for (let b of list.value) {
137 b.messageObj = JSON.parse(b.message)
138 }
139 })
140 }
141 const handleClick = (e) => {
142 console.log(e.paneName)
143 query.value.orderType = e.paneName
144 getList()
145 }
146 const gokp = (item) => {
147 router.push({
148 path: '/booking/addInvoice',
149 query: {
150 orders: encodeURIComponent(JSON.stringify(item)),
151 totalMoney:item.total
152 }
153 })
154 }
155 const editkp = (item) => {
156 router.push({
157 name:'addInvoice',
158 query:{
159 invoiceId:item.invoiceId,
160 isEdit:true
161 }
162 })
163 }
164 const showDetail = (item) => {
165 router.push({
166 name:'invoiceDetail',
167 query:{
168 invoiceId:item.invoiceId
169 }
170 })
171 }
172 const goSj = (item) => {
173 // 电子收据须知 开票人
174 showSJDialog.value = true
175 }
176 const showSJ = (item) => {
177 // 查看电子收据预览信息
178
179 }
180 const submitSJ = () => {
181 // lpName.value
182 }
183 </script>
184
185 <style scoped lang="scss">
186 .indexTitle {
187 margin: 20px 0 12px; overflow: visible;
188 padding: 0 20px 15px;
189 border-bottom: 1px solid #e5e5e5;
190 .fr{margin: -8px 0 0}
191 h3 {display: inline-block;
192 font-size: 16px;
193 color: var(--el-color-primary);
194 }
195 }
196 .bigMoney{font-size: 24px;font-family: "DIN Alternate";}
197 .name{font-size: 18px;margin: 0;}
198 .status-po{position: absolute;right: 0;top: 0;font-size: 12px;
199 color: #FFFFFF;
200 span{border-radius: 0px 10px 0px 10px;padding: 4px 10px;}
201 .bg-danger{background: #E60012;}
202 .bg-warning{background: #e89f39;}
203 .bg-pink{background: #F740A6;}
204 .bg-primary{background: var(--el-color-primary)}
205 .bg-blue{background: #00a0e9}
206 }
207 .item{
208 .name{font-size: 18px;
209 color: #000000;margin: 0 0 10px;}
210 p{margin: 8px 0 0;color: #707070;font-size: 14px;}
211
212 margin: 0 0 20px;border: 1px solid #E5E5E5;
213 border-radius: 10px;
214 position: relative;
215 .bbody{padding: 0 15px 20px;}
216 .title{background: #F7F7F7;border-bottom: 1px solid #E5E5E5;
217 span{font-size: 14px;
218 color: #4C5359;}
219 }
220 .title label{border-radius: 5px 0 5px 0; font-size: 12px; color: #fff; padding:4px 10px;margin-right: 10px;}
221 .blueTag{
222 background-color: #1EC886;}
223 .purpleTag {
224 background-color: #717bef;
225 }
226 .orangeTag {
227 background-color: #ff8124;
228 }
229 }
230 </style>
src/viewsPc/center/myMatch.vue
...@@ -317,4 +317,12 @@ function getList() { ...@@ -317,4 +317,12 @@ function getList() {
317 label{color: #929AA0;display: block;font-size: 12px;} 317 label{color: #929AA0;display: block;font-size: 12px;}
318 } 318 }
319 .btnbox{text-align: right;} 319 .btnbox{text-align: right;}
320 @media screen and (max-width: 768px) {
321 .matchItem{
322 img.w100{margin-bottom: 10px}
323 .ppl{margin: 0 0 5px;display: flex;}
324 .status-po{right: 15px;top: 23px;z-index: 2}
325 .btnbox{justify-content: end;}
326 }
327 }
320 </style> 328 </style>
......
src/viewsPc/center/myMember.vue
1 <template> 1 <template>
2 <div class="rightPart">
2 <el-card class="mb20"> 3 <el-card class="mb20">
3 <div class="funcBtns"> 4 <div class="funcBtns">
4 <el-button type="primary" @click="addMember">{{ language==0?'添加选手':'Add Player'}}</el-button> 5 <el-button type="primary" @click="addMember">{{ language==0?'添加选手':'Add Player'}}</el-button>
5 <!-- <el-button type="primary" v-if="group.type!='4'" plain @click="importSportman">{{ language==0?'导入选手':'Import Player' }}</el-button>--> 6 <!-- <el-button type="primary" v-if="group.type!='4'" plain @click="importSportman">{{ language==0?'导入选手':'Import Player' }}</el-button>-->
6 </div> 7 </div>
7 <div class="from-Card"> 8 <div class="from-Card">
8 <el-form :inline="true" :model="query" class="mt20" :label-width="language==0?60:80" size="small"> 9 <el-form :inline="true" :model="query" class="mt20" :label-width="language==0?60:80" size="small">
...@@ -47,6 +48,7 @@ ...@@ -47,6 +48,7 @@
47 @pagination="getList" 48 @pagination="getList"
48 /> 49 />
49 </el-card> 50 </el-card>
51 </div>
50 52
51 <!-- 添加人员--> 53 <!-- 添加人员-->
52 <addCoach ref="dialogAddCoach" @submitForm="getList"/> 54 <addCoach ref="dialogAddCoach" @submitForm="getList"/>
...@@ -222,4 +224,9 @@ function delperson(p) { ...@@ -222,4 +224,9 @@ function delperson(p) {
222 .el-form--inline .el-form-item { 224 .el-form--inline .el-form-item {
223 width: auto; 225 width: auto;
224 } 226 }
227 @media screen and (max-width: 768px) {
228 .el-form--inline .el-form-item {
229 margin-bottom: 5px;
230 }
231 }
225 </style> 232 </style>
......
src/viewsPc/center/myReservation.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 </h3> 6 </h3>
7 7
8 <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>--> 8 <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>-->
9 <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button> 9 <!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button>-->
10 </div> 10 </div>
11 <el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/> 11 <el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/>
12 12
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </div> 33 </div>
34 34
35 <el-row class="pd20 mt10" justify="space-between" align="middle"> 35 <el-row class="pd20 mt10" justify="space-between" align="middle">
36 <el-col :lg="9"> 36 <el-col :lg="9" :md="12" :sm="12" :xs="24">
37 <div v-if="b.orderType == 0"> 37 <div v-if="b.orderType == 0">
38 <h3 class="name">{{b.name}}</h3> 38 <h3 class="name">{{b.name}}</h3>
39 <p v-if="language==0">{{b.messageObj?.roomStayDate}}</p> 39 <p v-if="language==0">{{b.messageObj?.roomStayDate}}</p>
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
66 </p> 66 </p>
67 </div> 67 </div>
68 </el-col> 68 </el-col>
69 <el-col :lg="6"> 69 <el-col :lg="6" :md="12" :sm="12" :xs="24">
70 <div v-if="b.orderType == 0"> 70 <div v-if="b.orderType == 0">
71 <p>{{b.messageObj?.roomName}}</p> 71 <p>{{b.messageObj?.roomName}}</p>
72 <p>{{b.messageObj?.roomInfo}}</p> 72 <p>{{b.messageObj?.roomInfo}}</p>
...@@ -79,13 +79,12 @@ ...@@ -79,13 +79,12 @@
79 <p>{{ b.extJsonObj.packageName }}</p> 79 <p>{{ b.extJsonObj.packageName }}</p>
80 </div> 80 </div>
81 </el-col> 81 </el-col>
82 <el-col :lg="3" class="text-center"> 82 <el-col :lg="3" :md="6" :sm="6" :xs="6" class="text-center">
83 <span class="text-warning"> {{ language==0?'¥':'€' }} 83 <span class="text-warning"> {{ language==0?'¥':'€' }}
84 <span class="bigMoney">{{language==0?b.total:b.totalEn}}</span> 84 <span class="bigMoney">{{language==0?b.total:b.totalEn}}</span>
85 </span> 85 </span>
86 </el-col> 86 </el-col>
87 87 <el-col :lg="6" :md="16" :sm="16" :xs="16">
88 <el-col :lg="6" >
89 <div class="text-right mb20 text-danger"> 88 <div class="text-right mb20 text-danger">
90 <el-countdown value-style="color:#E60012;font-size:16px;" v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" format="mm:ss" :value="b.countdown" @finish="finish(b)"/> 89 <el-countdown value-style="color:#E60012;font-size:16px;" v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" format="mm:ss" :value="b.countdown" @finish="finish(b)"/>
91 </div> 90 </div>
...@@ -285,5 +284,6 @@ function toInvoice(){ ...@@ -285,5 +284,6 @@ function toInvoice(){
285 color: #1EC886; 284 color: #1EC886;
286 } 285 }
287 } 286 }
287
288 </style> 288 </style>
289 289
......
src/viewsPc/components/homeQuick.vue
1 <template> 1 <template>
2 <div class="itemBox" v-if="language == 0"> 2 <div class="itemBox" v-if="language == 0">
3 <el-row :gutter="20"> 3 <el-row :gutter="20">
4 <el-col :sm="12" :lg="8"> 4 <el-col :sm="12" :lg="8" :xs="12">
5 <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">酒店预订</div> 5 <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">酒店预订</div>
6 </el-col> 6 </el-col>
7 <el-col :sm="12" :lg="8"> 7 <el-col :sm="12" :lg="8" :xs="12">
8 <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">车辆预订</div> 8 <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">车辆预订</div>
9 </el-col> 9 </el-col>
10 <el-col :sm="12" :lg="8"> 10 <el-col :sm="12" :lg="8" :xs="12">
11 <div class="item" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">餐饮预订</div> 11 <div class="item" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">餐饮预订</div>
12 </el-col> 12 </el-col>
13 <el-col :sm="12" :lg="8"> 13 <el-col :sm="12" :lg="8" :xs="12">
14 <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn04.png">票务预订</div> 14 <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn04.png">票务预订</div>
15 </el-col> 15 </el-col>
16 <el-col :sm="12" :lg="8"> 16 <el-col :sm="12" :lg="8" :xs="12">
17 <div class="item" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">化妆预约</div> 17 <div class="item" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">化妆预约</div>
18 </el-col> 18 </el-col>
19 <el-col :sm="12" :lg="8"> 19 <el-col :sm="12" :lg="8" :xs="12">
20 <div class="item" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">拍照预约</div> 20 <div class="item" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">拍照预约</div>
21 </el-col> 21 </el-col>
22 </el-row> 22 </el-row>
23 </div> 23 </div>
24 <div class="itemBox_en" v-else> 24 <div class="itemBox_en" v-else>
25 <el-row :gutter="20"> 25 <el-row :gutter="20">
26 <el-col :sm="12" :lg="8"> 26 <el-col :sm="12" :lg="8" :xs="12">
27 <div class="item_en" @click="popRemark(1)"><img src="@/assets/dance/btn01.png"> 27 <div class="item_en" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">
28 <p>HOTEL RESERVATION</p> 28 <p>HOTEL RESERVATION</p>
29 </div> 29 </div>
30 </el-col> 30 </el-col>
31 <el-col :sm="12" :lg="8"> 31 <el-col :sm="12" :lg="8" :xs="12">
32 <div class="item_en" @click="popRemark(2)"><img src="@/assets/dance/btn02.png"> 32 <div class="item_en" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">
33 <p>TRANSPORTATION RESERVATION</p> 33 <p>TRANSPORTATION RESERVATION</p>
34 </div> 34 </div>
35 </el-col> 35 </el-col>
36 <el-col :sm="12" :lg="8"> 36 <el-col :sm="12" :lg="8" :xs="12">
37 <div class="item_en" @click="popRemark(3)"><img src="@/assets/dance/btn03.png"> 37 <div class="item_en" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">
38 <p>DINING RESERVATION</p> 38 <p>DINING RESERVATION</p>
39 </div> 39 </div>
40 </el-col> 40 </el-col>
41 <el-col :sm="12" :lg="8"> 41 <el-col :sm="12" :lg="8" :xs="12">
42 <div class="item_en" @click="popRemark(0)"> 42 <div class="item_en" @click="popRemark(0)">
43 <img src="@/assets/dance/btn04.png"> 43 <img src="@/assets/dance/btn04.png">
44 <p>TICKET BOOKING</p> 44 <p>TICKET BOOKING</p>
45 </div> 45 </div>
46 </el-col> 46 </el-col>
47 <el-col :sm="12" :lg="8"> 47 <el-col :sm="12" :lg="8" :xs="12">
48 <div class="item_en" @click="popRemark(4)"><img src="@/assets/dance/btn05.png"> 48 <div class="item_en" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">
49 <p>MAKEUP APPOINTMENT</p> 49 <p>MAKEUP APPOINTMENT</p>
50 </div> 50 </div>
51 </el-col> 51 </el-col>
52 <el-col :sm="12" :lg="8"> 52 <el-col :sm="12" :lg="8" :xs="12">
53 <div class="item_en" @click="popRemark(5)"><img src="@/assets/dance/btn06.png"> 53 <div class="item_en" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">
54 <p>PHOTOGRAPHY APPOINTMENT</p> 54 <p>PHOTOGRAPHY APPOINTMENT</p>
55 </div> 55 </div>
...@@ -233,4 +233,11 @@ function goBooking(n) { ...@@ -233,4 +233,11 @@ function goBooking(n) {
233 } 233 }
234 } 234 }
235 } 235 }
236
237 @media screen and (max-width: 768px) {
238 .itemBox,.itemBox_en{padding: 0 20px 20px}
239 .item{font-size: 16px;
240 img{width: 50px;height: 50px}
241 }
242 }
236 </style> 243 </style>
......
src/viewsPc/components/orderRemark.vue
1 <template> 1 <template>
2 <el-dialog :title="title" v-model="show" width="30%" @close="close"> 2 <el-dialog :title="title" v-model="show" width="400px" @close="close">
3 <div> 3 <div>
4 <h2 class="text-warning text-center" v-if="cptName">{{cptName}}</h2> 4 <h2 class="text-warning text-center" v-if="cptName">{{cptName}}</h2>
5 5
......
src/viewsPc/guide/index.vue
...@@ -3,7 +3,16 @@ ...@@ -3,7 +3,16 @@
3 <div class="box"> 3 <div class="box">
4 <div class=" mt30"></div> 4 <div class=" mt30"></div>
5 <div class="flexBody" v-if="language==0"> 5 <div class="flexBody" v-if="language==0">
6 <el-tabs v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab"> 6 <el-tabs class="forPc" v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab">
7 <el-tab-pane v-for="(tab,index) in list" :label="tab.name" :name="index">
8 <template #label>
9 <span class="custom-tabs-label">
10 <span class="tabFont">{{ tab.name }}</span>
11 </span>
12 </template>
13 </el-tab-pane>
14 </el-tabs>
15 <el-tabs class="forWei" v-model="activeName" tab-position="top" @tab-change="changeTab" @tab-click="clickTab">
7 <el-tab-pane v-for="(tab,index) in list" :label="tab.name" :name="index"> 16 <el-tab-pane v-for="(tab,index) in list" :label="tab.name" :name="index">
8 <template #label> 17 <template #label>
9 <span class="custom-tabs-label"> 18 <span class="custom-tabs-label">
...@@ -105,7 +114,16 @@ ...@@ -105,7 +114,16 @@
105 </div> 114 </div>
106 </div> 115 </div>
107 <div class="flexBody" v-else> 116 <div class="flexBody" v-else>
108 <el-tabs v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab"> 117 <el-tabs class="forPc" v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab">
118 <el-tab-pane v-for="(tab,index) in list_en" :label="tab.name" :name="index">
119 <template #label>
120 <span class="custom-tabs-label">
121 <span class="tabFont">{{ tab.name }}</span>
122 </span>
123 </template>
124 </el-tab-pane>
125 </el-tabs>
126 <el-tabs class="forWei" v-model="activeName" tab-position="top" @tab-change="changeTab" @tab-click="clickTab">
109 <el-tab-pane v-for="(tab,index) in list_en" :label="tab.name" :name="index"> 127 <el-tab-pane v-for="(tab,index) in list_en" :label="tab.name" :name="index">
110 <template #label> 128 <template #label>
111 <span class="custom-tabs-label"> 129 <span class="custom-tabs-label">
...@@ -397,5 +415,9 @@ h4.leftboderTT{text-indent: 0; ...@@ -397,5 +415,9 @@ h4.leftboderTT{text-indent: 0;
397 :deep(.el-tabs__content){padding:0 10px;} 415 :deep(.el-tabs__content){padding:0 10px;}
398 416
399 } 417 }
400 418 @media (max-width: 768px) {
419 .infoPart .leftboderTT{
420 font-size: 16px;
421 }
422 }
401 </style> 423 </style>
......
src/viewsPc/home.vue
...@@ -59,7 +59,9 @@ ...@@ -59,7 +59,9 @@
59 </div> 59 </div>
60 </el-dialog> 60 </el-dialog>
61 </div> 61 </div>
62 62 <div class="poCode">
63 <el-image :preview-src-list="['/img/code.jpg']" hide-on-click-modal="true" style="width: 120px;height: 120px;" src="/img/code.jpg"/>
64 </div>
63 <dialog-master-class ref="masterClassRef"/> 65 <dialog-master-class ref="masterClassRef"/>
64 <pickup ref="pickupRef"></pickup> 66 <pickup ref="pickupRef"></pickup>
65 </div> 67 </div>
...@@ -117,4 +119,16 @@ const openPickup= (params) => { ...@@ -117,4 +119,16 @@ const openPickup= (params) => {
117 </script> 119 </script>
118 120
119 <style scoped lang="scss"> 121 <style scoped lang="scss">
122 .poCode{position: fixed;right: 0;top: 40%;background: #fff;padding: 10px 0 0;border-radius: 10px;overflow: hidden;
123 box-shadow: 0 2px 8px #aaa;z-index: 99;}
124 @media screen and (max-width: 768px) {
125 :deep(.zn-Box .zn-btn){margin-top: 10px;font-size: 14px}
126 :deep(.bgbg){ padding: 3% 5% 0!important;
127 h1 {font-size: 22px;margin:20px 0 0;}
128 }
129 .fixed_gg{
130 transform: scale(0.7);
131 transform-origin: right;
132 }
133 }
120 </style> 134 </style>
......
src/viewsPc/index.vue
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
93 </el-icon> 93 </el-icon>
94 </a> 94 </a>
95 <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>--> 95 <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>-->
96 <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a> 96 <a class="zn-btn ml20 btn-q forPc" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a>
97 97
98 <!-- <div>--> 98 <!-- <div>-->
99 <!-- <a class="ding" @click="handlePickup">接/送机服务</a>--> 99 <!-- <a class="ding" @click="handlePickup">接/送机服务</a>-->
...@@ -231,7 +231,6 @@ ...@@ -231,7 +231,6 @@
231 </div> 231 </div>
232 </el-col> 232 </el-col>
233 <el-col :lg="16"> 233 <el-col :lg="16">
234
235 <div class="swiperPic"> 234 <div class="swiperPic">
236 <swiper 235 <swiper
237 class="swiper-wrapper" :modules="modules" :slides-per-view="3" :space-between="20" 236 class="swiper-wrapper" :modules="modules" :slides-per-view="3" :space-between="20"
...@@ -247,7 +246,6 @@ ...@@ -247,7 +246,6 @@
247 <div class="picprev"><img src="@/assets/dance/prev1.png"></div> 246 <div class="picprev"><img src="@/assets/dance/prev1.png"></div>
248 <div class="picnext"><img src="@/assets/dance/next1.png"></div> 247 <div class="picnext"><img src="@/assets/dance/next1.png"></div>
249 </div> 248 </div>
250
251 </el-col> 249 </el-col>
252 </el-row> 250 </el-row>
253 <el-row class="news-l-r"> 251 <el-row class="news-l-r">
...@@ -336,22 +334,22 @@ ...@@ -336,22 +334,22 @@
336 <h3 class="leftboderTT">合作伙伴</h3> 334 <h3 class="leftboderTT">合作伙伴</h3>
337 </div> 335 </div>
338 <el-row :gutter="20"> 336 <el-row :gutter="20">
339 <el-col :lg="6" :sm="12"> 337 <el-col :lg="6" :sm="6" :xs="6">
340 <div class="logobox"> 338 <div class="logobox">
341 <img src="@/assets/dance/logo1.png"/> 339 <img src="@/assets/dance/logo1.png"/>
342 </div> 340 </div>
343 </el-col> 341 </el-col>
344 <el-col :lg="6" :sm="12"> 342 <el-col :lg="6" :sm="6" :xs="6">
345 <div class="logobox"> 343 <div class="logobox">
346 <img src="@/assets/dance/logo2.png"/> 344 <img src="@/assets/dance/logo2.png"/>
347 </div> 345 </div>
348 </el-col> 346 </el-col>
349 <el-col :lg="6" :sm="12"> 347 <el-col :lg="6" :sm="6" :xs="6">
350 <div class="logobox"> 348 <div class="logobox">
351 <img src="@/assets/dance/logo3.png"/> 349 <img src="@/assets/dance/logo3.png"/>
352 </div> 350 </div>
353 </el-col> 351 </el-col>
354 <el-col :lg="6" :sm="12"> 352 <el-col :lg="6" :sm="6" :xs="6">
355 <div class="logobox"> 353 <div class="logobox">
356 <img src="@/assets/dance/logo4.png"/> 354 <img src="@/assets/dance/logo4.png"/>
357 </div> 355 </div>
...@@ -952,6 +950,13 @@ const handlePickup=()=>{ ...@@ -952,6 +950,13 @@ const handlePickup=()=>{
952 } 950 }
953 } 951 }
954 } 952 }
953
954 @media (max-width: 500px) {
955 .forPc{display: none!important;}
956 .logobox{
957 height: 60px;
958 }
959 }
955 :deep(.btn-q) { 960 :deep(.btn-q) {
956 //background: #FFFFFF; 961 //background: #FFFFFF;
957 //font-size: 18px; 962 //font-size: 18px;
......
src/viewsPc/index_en.vue
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
68 </van-count-down> 68 </van-count-down>
69 </div> 69 </div>
70 <div class="banner-count bb" v-else @click="goMatch(n)"> 70 <div class="banner-count bb" v-else @click="goMatch(n)">
71 开始报名 71 REGISTER NOW
72 <!-- <el-button class="btn-lineG" style="font-size: 17px;height: 40px" round type="primary">开始报名</el-button>--> 72 <!-- <el-button class="btn-lineG" style="font-size: 17px;height: 40px" round type="primary">开始报名</el-button>-->
73 </div> 73 </div>
74 </div> 74 </div>
...@@ -85,12 +85,12 @@ ...@@ -85,12 +85,12 @@
85 <el-col :sm="24" :lg="10"> 85 <el-col :sm="24" :lg="10">
86 <div class="bgbg"> 86 <div class="bgbg">
87 <h1 style="color: #fff">{{matchData?.name}}</h1> 87 <h1 style="color: #fff">{{matchData?.name}}</h1>
88 <div style="margin-bottom: 30px"> 88 <div class="mb30">
89 <a class="zn-btn" style="font-size: 15px" v-show="matchData?.id=='1778253367748993026'" @click="goGuide"> 89 <a class="zn-btn" style="font-size: 15px" v-show="matchData?.id=='1778253367748993026'" @click="goGuide">
90 GUIDELINE 90 GUIDELINE
91 <el-icon><download /></el-icon> 91 <el-icon><download /></el-icon>
92 </a> 92 </a>
93 <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster"> 93 <a class="zn-btn ml20 btn-q forPc" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster">
94 Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon> 94 Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon>
95 </a> 95 </a>
96 <!-- <div>--> 96 <!-- <div>-->
...@@ -349,22 +349,22 @@ ...@@ -349,22 +349,22 @@
349 <h3 class="leftboderTT">PARTNERS</h3> 349 <h3 class="leftboderTT">PARTNERS</h3>
350 </div> 350 </div>
351 <el-row :gutter="20"> 351 <el-row :gutter="20">
352 <el-col :lg="6" :sm="12"> 352 <el-col :lg="6" :sm="12" :xs="6">
353 <div class="logobox"> 353 <div class="logobox">
354 <img src="@/assets/dance/logo1.png"> 354 <img src="@/assets/dance/logo1.png">
355 </div> 355 </div>
356 </el-col> 356 </el-col>
357 <el-col :lg="6" :sm="12"> 357 <el-col :lg="6" :sm="12" :xs="6">
358 <div class="logobox"> 358 <div class="logobox">
359 <img src="@/assets/dance/logo2.png"> 359 <img src="@/assets/dance/logo2.png">
360 </div> 360 </div>
361 </el-col> 361 </el-col>
362 <el-col :lg="6" :sm="12"> 362 <el-col :lg="6" :sm="12" :xs="6">
363 <div class="logobox"> 363 <div class="logobox">
364 <img src="@/assets/dance/logo3.png"> 364 <img src="@/assets/dance/logo3.png">
365 </div> 365 </div>
366 </el-col> 366 </el-col>
367 <el-col :lg="6" :sm="12"> 367 <el-col :lg="6" :sm="12" :xs="6">
368 <div class="logobox"> 368 <div class="logobox">
369 <img src="@/assets/dance/logo4.png"> 369 <img src="@/assets/dance/logo4.png">
370 </div> 370 </div>
...@@ -862,4 +862,15 @@ const handlePickup=()=>{ ...@@ -862,4 +862,15 @@ const handlePickup=()=>{
862 //height: 100px; 862 //height: 100px;
863 padding: 20px; 863 padding: 20px;
864 } 864 }
865 .mb30{margin-bottom: 30px;}
866 @media (max-width: 500px) {
867 .forPc{display: none!important;}
868 .zn-Box .bgbg{padding: 10px 0 0;
869 .mb30{margin: 0}
870 .zn-btn{margin-top: 10px}
871 }
872 .logobox{
873 height: 60px;
874 }
875 }
865 </style> 876 </style>
......
src/viewsPc/match/components/quick-row.vue
...@@ -79,10 +79,10 @@ ...@@ -79,10 +79,10 @@
79 </div> 79 </div>
80 <order-remark ref="orderRemarkRef" @submit="goBooking"/> 80 <order-remark ref="orderRemarkRef" @submit="goBooking"/>
81 81
82 <div class="fixedKP" @click="addInvoice"> 82 <!-- <div class="fixedKP" @click="addInvoice">-->
83 <img src="@/assets/img/kp.svg"/> 83 <!-- <img src="@/assets/img/kp.svg"/>-->
84 开票 84 <!-- 开票-->
85 </div> 85 <!-- </div>-->
86 </template> 86 </template>
87 87
88 <script setup> 88 <script setup>
......
src/viewsPc/seat/add-watch-people.vue
...@@ -49,7 +49,6 @@ const people = reactive({ ...@@ -49,7 +49,6 @@ const people = reactive({
49 </div> 49 </div>
50 <el-input 50 <el-input
51 v-model="people.form.name" 51 v-model="people.form.name"
52 style="width: 570px"
53 :placeholder="language == 0 ? '请输入姓名' : 'Name'" 52 :placeholder="language == 0 ? '请输入姓名' : 'Name'"
54 /> 53 />
55 </div> 54 </div>
...@@ -72,7 +71,6 @@ const people = reactive({ ...@@ -72,7 +71,6 @@ const people = reactive({
72 </div> 71 </div>
73 <el-input 72 <el-input
74 v-model="people.form.idCard" 73 v-model="people.form.idCard"
75 style="width: 570px"
76 :placeholder="language == 0 ? '请输入有效证件号' : 'ID Number'" 74 :placeholder="language == 0 ? '请输入有效证件号' : 'ID Number'"
77 /> 75 />
78 </div> 76 </div>
...@@ -116,7 +114,7 @@ div { ...@@ -116,7 +114,7 @@ div {
116 } 114 }
117 .form-item { 115 .form-item {
118 display: flex; 116 display: flex;
119 gap: 20px; 117 gap: 20px;width: 100%;
120 margin-bottom: 36px; 118 margin-bottom: 36px;
121 &:last-child { 119 &:last-child {
122 margin: 0; 120 margin: 0;
...@@ -127,6 +125,7 @@ div { ...@@ -127,6 +125,7 @@ div {
127 margin-bottom: 16px; 125 margin-bottom: 16px;
128 } 126 }
129 } 127 }
128 :deep(.el-input) {width: 400px;}
130 } 129 }
131 .footer { 130 .footer {
132 display: flex; 131 display: flex;
...@@ -164,4 +163,9 @@ div { ...@@ -164,4 +163,9 @@ div {
164 } 163 }
165 } 164 }
166 } 165 }
166 @media screen and (max-width: 768px) {
167 .container {
168 width: 100%;
169 }
170 }
167 </style> 171 </style>
......
src/viewsPc/seat/confirm-order.vue
...@@ -3,14 +3,15 @@ ...@@ -3,14 +3,15 @@
3 <div class="title"> 3 <div class="title">
4 {{ languageFormat(language, "订单确认", "Order confirmation") }} 4 {{ languageFormat(language, "订单确认", "Order confirmation") }}
5 </div> 5 </div>
6 <div class="content"> 6 <div class="content pd20">
7 <div class="left"> 7 <el-row gutter="20">
8 <el-col :lg="16" class="left">
8 <div class="info"> 9 <div class="info">
9 <div class="name">{{ order.data?.activityName }}</div> 10 <div class="name">{{ order.data?.activityName }}</div>
10 <div class="address">{{ order.data?.placeName }}</div> 11 <div class="address">{{ order.data?.placeName }}</div>
11 </div> 12 </div>
12 13
13 <div class="ticket_info"> 14 <div class="ticket_info mb20">
14 <div class="tit_box"> 15 <div class="tit_box">
15 <div class="line"></div> 16 <div class="line"></div>
16 <div class="txt"> 17 <div class="txt">
...@@ -65,9 +66,9 @@ ...@@ -65,9 +66,9 @@
65 </el-form> 66 </el-form>
66 </div> 67 </div>
67 </div> 68 </div>
68 </div> 69 </el-col>
69 70
70 <div class="right"> 71 <el-col :lg="8" class="right">
71 <div class="tit_box"> 72 <div class="tit_box">
72 <div class="line"></div> 73 <div class="line"></div>
73 <div class="txt"> 74 <div class="txt">
...@@ -115,7 +116,8 @@ ...@@ -115,7 +116,8 @@
115 </div> 116 </div>
116 </div> 117 </div>
117 </div> 118 </div>
118 </div> 119 </el-col>
120 </el-row>
119 </div> 121 </div>
120 <div class="footer"> 122 <div class="footer">
121 <div> 123 <div>
...@@ -331,9 +333,7 @@ div { ...@@ -331,9 +333,7 @@ div {
331 } 333 }
332 334
333 .content { 335 .content {
334 display: flex;
335 background-color: #fff; 336 background-color: #fff;
336 padding: 20px 0;
337 } 337 }
338 338
339 .line { 339 .line {
...@@ -344,9 +344,7 @@ div { ...@@ -344,9 +344,7 @@ div {
344 } 344 }
345 345
346 .left { 346 .left {
347 padding-left: 20px;
348 .info { 347 .info {
349 width: 640px;
350 background: rgba(69, 61, 234, 0.04); 348 background: rgba(69, 61, 234, 0.04);
351 border-radius: 8px; 349 border-radius: 8px;
352 border: 1px solid #d3d1f6; 350 border: 1px solid #d3d1f6;
...@@ -378,17 +376,16 @@ div { ...@@ -378,17 +376,16 @@ div {
378 } 376 }
379 } 377 }
380 .form { 378 .form {
381 width: 640px;
382 min-height: 464px; 379 min-height: 464px;
383 padding: 20px 60px; 380 padding: 20px 60px;
384 border-radius: 5px; 381 border-radius: 5px;
385 border: 1px solid #dcdfe6; 382 border: 1px solid #dcdfe6;
386 383
387 .p_box { 384 .p_box {
388 display: flex; 385 display: flex;width: 100%;
389 gap: 10px; 386 gap: 10px;max-width: 400px;
390 .people { 387 .people {
391 width: 298px; 388 width: 100%;
392 background: #fbfcfd; 389 background: #fbfcfd;
393 border-radius: 2px; 390 border-radius: 2px;
394 border: 1px solid #dcdfe6; 391 border: 1px solid #dcdfe6;
...@@ -433,8 +430,6 @@ div { ...@@ -433,8 +430,6 @@ div {
433 } 430 }
434 431
435 .right { 432 .right {
436 width: 460px;
437 margin-left: 36px;
438 .tit_box { 433 .tit_box {
439 display: flex; 434 display: flex;
440 align-items: center; 435 align-items: center;
...@@ -534,4 +529,9 @@ div { ...@@ -534,4 +529,9 @@ div {
534 } 529 }
535 } 530 }
536 } 531 }
532 @media screen and (max-width: 768px) {
533 .container {
534 width: 100%;
535 }
536 }
537 </style> 537 </style>
......
src/viewsPc/seat/order-detail.vue
...@@ -673,4 +673,9 @@ detail.fetchData(); ...@@ -673,4 +673,9 @@ detail.fetchData();
673 } 673 }
674 } 674 }
675 } 675 }
676 @media screen and (max-width: 768px) {
677 .container {
678 width: 100%;
679 }
680 }
676 </style> 681 </style>
......
src/viewsPc/seat/order-list.vue
...@@ -414,4 +414,9 @@ onMounted(() => { ...@@ -414,4 +414,9 @@ onMounted(() => {
414 display: flex; 414 display: flex;
415 justify-content: center; 415 justify-content: center;
416 } 416 }
417 @media screen and (max-width: 768px) {
418 .container {
419 width: 100%;
420 }
421 }
417 </style> 422 </style>
......
src/viewsPc/seat/people-manage.vue
...@@ -161,4 +161,9 @@ div { ...@@ -161,4 +161,9 @@ div {
161 } 161 }
162 } 162 }
163 } 163 }
164 @media screen and (max-width: 768px) {
165 .container {
166 width: 100%;
167 }
168 }
164 </style> 169 </style>
......
src/viewsPc/seat/seat-picker.vue
...@@ -493,4 +493,10 @@ price.fetchData(); ...@@ -493,4 +493,10 @@ price.fetchData();
493 } 493 }
494 } 494 }
495 } 495 }
496
497 @media screen and (max-width: 768px) {
498 .container {
499 width: 100%;
500 }
501 }
496 </style> 502 </style>
......
src/viewsPc/seat/seat.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 8
9 <style scoped lang="scss"> 9 <style scoped lang="scss">
10 .view { 10 .view {
11 min-width: 1024px; 11 //min-width: 1024px;
12 max-width: 1920px; 12 max-width: 1920px;
13 margin: 0 auto; 13 margin: 0 auto;
14 } 14 }
......
src/viewsPc/seat/ticket-detail.vue
...@@ -363,7 +363,7 @@ watch( ...@@ -363,7 +363,7 @@ watch(
363 {{ it.placeName }} 363 {{ it.placeName }}
364 </div> 364 </div>
365 365
366 <div style="padding-top: 10px" v-if="language==0"> 366 <div class="tip" style="padding-top: 10px" v-if="language==0">
367 备注：B6馆（国际赛事），B4馆（国内赛事），最终以实际赛事表为准 367 备注：B6馆（国际赛事），B4馆（国内赛事），最终以实际赛事表为准
368 </div> 368 </div>
369 </div> 369 </div>
...@@ -396,9 +396,12 @@ watch( ...@@ -396,9 +396,12 @@ watch(
396 </div> 396 </div>
397 </div> 397 </div>
398 <!-- button --> 398 <!-- button -->
399 <div class="btn" @click="select_form.toSelectSeat()"> 399 <div class="btn forPc" @click="select_form.toSelectSeat()">
400 {{ languageFormat(language, "选座购票", "Seat selection") }} 400 {{ languageFormat(language, "选座购票", "Seat selection") }}
401 </div> 401 </div>
402 <el-button round size="small" style="color: #fff" class="btn-lineG forWei" @click="select_form.toSelectSeat()">
403 {{ languageFormat(language, "选座购票", "Seat selection") }}
404 </el-button>
402 </div> 405 </div>
403 </div> 406 </div>
404 407
...@@ -418,6 +421,8 @@ watch( ...@@ -418,6 +421,8 @@ watch(
418 </template> 421 </template>
419 422
420 <style scoped lang="scss"> 423 <style scoped lang="scss">
424 .forWei{display: none}
425
421 .container { 426 .container {
422 width: 1200px; 427 width: 1200px;
423 margin: 0 auto; 428 margin: 0 auto;
...@@ -557,4 +562,29 @@ watch( ...@@ -557,4 +562,29 @@ watch(
557 margin-top: 30px; 562 margin-top: 30px;
558 } 563 }
559 } 564 }
565 @media screen and (max-width: 768px) {
566 .container {
567 width: 100%;
568 }
569 .forWei{display: block}
570 .top{
571 //transform: scale(0.5);transform-origin: left top;
572 .cover_img{width: 120px;height: 160px;
573 margin-right: 15px;}
574 .info{
575 .title{font-size: 14px;}
576 .time,.address,.label,.tip{font-size: 12px;}
577 .title,.time,.address,.tip,.select_item_box{margin-bottom: 3px;}
578 .select_item_box {
579 .label {
580 font-size: 12px;
581 }
582 .select_item .tag{padding: 2px 10px;font-size: 12px;}
583 .select_item .tagActive{padding: 2px 10px;font-size: 12px;}
584 .select_item .tagDisabled{padding: 2px 10px;font-size: 12px;}
585 }
586 }
587 }
588 .bottom{padding: 0}
589 }
560 </style> 590 </style>
......
vite.config.js
...@@ -92,8 +92,8 @@ export default defineConfig(({ mode, command }) => { ...@@ -92,8 +92,8 @@ export default defineConfig(({ mode, command }) => {
92 '/ticket': { 92 '/ticket': {
93 // target: 'http://192.168.1.118:8098/', 93 // target: 'http://192.168.1.118:8098/',
94 // target: 'http://192.168.1.131:8081/', 94 // target: 'http://192.168.1.131:8081/',
95 target: 'https://jijin.wtwuxicenter.com/stage-api', 95 target: 'https://jijin.wtwuxicenter.com/h5',
96 // target: 'https://wdsfwuxicenter.com/stage-api/', 96 // target: 'https://ticketh5.wdsfwuxicenter.com/h5/stage-api',
97 changeOrigin: true, 97 changeOrigin: true,
98 rewrite: (p) => p.replace(/^\/ticket/, '') 98 rewrite: (p) => p.replace(/^\/ticket/, '')
99 } 99 }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!