03402fac by zhangmeng

票务

1 parent 8340c88d
...@@ -2,11 +2,12 @@ ...@@ -2,11 +2,12 @@
2 <div class="app-container"> 2 <div class="app-container">
3 <div class="box"> 3 <div class="box">
4 <el-row :gutter="20"> 4 <el-row :gutter="20">
5 <el-col :lg="5" :md="5" :xl="6" :sm="8" :xs="8"> 5 <el-col :lg="5" :md="5" :sm="8" :xl="6" :xs="8">
6 <el-card class="mb20"> 6 <el-card class="mb20">
7 <div :class="language==0?'center-menu':'center-menu en-menu'"> 7 <div :class="language==0?'center-menu':'center-menu en-menu'">
8 <ul v-if="user.utype=='2'&&language==0"> 8 <ul v-if="user.utype=='2'&&language==0">
9 <li v-for="(m, i) in menus" 9 <li
10 v-for="(m, i) in menus"
10 :key="i" 11 :key="i"
11 :class="{ active: m.isActive }" 12 :class="{ active: m.isActive }"
12 > 13 >
...@@ -17,7 +18,8 @@ ...@@ -17,7 +18,8 @@
17 </li> 18 </li>
18 </ul> 19 </ul>
19 <ul v-if="user.utype=='2'&&language==1"> 20 <ul v-if="user.utype=='2'&&language==1">
20 <li v-for="(m, i) in menusEn" 21 <li
22 v-for="(m, i) in menusEn"
21 :key="i" 23 :key="i"
22 :class="{ active: m.isActive }" 24 :class="{ active: m.isActive }"
23 > 25 >
...@@ -78,8 +80,8 @@ ...@@ -78,8 +80,8 @@
78 </div> 80 </div>
79 </el-card> 81 </el-card>
80 </el-col> 82 </el-col>
81 <el-col :lg="19" :md="19" :xl="18" :sm="16" :xs="16"> 83 <el-col :lg="19" :md="19" :sm="16" :xl="18" :xs="16">
82 <router-view :user="user" class="rightPart"/> 84 <router-view :user="user" class="rightPart" />
83 </el-col> 85 </el-col>
84 </el-row> 86 </el-row>
85 </div> 87 </div>
...@@ -87,12 +89,12 @@ ...@@ -87,12 +89,12 @@
87 </template> 89 </template>
88 90
89 <script setup> 91 <script setup>
90 import {ref} from 'vue' 92 import { ref } from 'vue'
91 import {useRoute, useRouter} from 'vue-router' 93 import { useRoute, useRouter } from 'vue-router'
92 import {onMounted} from '@vue/runtime-core' 94 import { onMounted } from '@vue/runtime-core'
93 import useUserStore from '@/store/modules/user' 95 import useUserStore from '@/store/modules/user'
94 import _ from 'lodash' 96 import _ from 'lodash'
95 import {useStorage} from "@vueuse/core/index"; 97 import { useStorage } from '@vueuse/core/index'
96 98
97 const language = useStorage('language', 0) 99 const language = useStorage('language', 0)
98 100
...@@ -245,13 +247,13 @@ const menus3 = ref([ ...@@ -245,13 +247,13 @@ const menus3 = ref([
245 picUrl2: '/img/nav_29_dwn.png', 247 picUrl2: '/img/nav_29_dwn.png',
246 isActive: false 248 isActive: false
247 }, 249 },
248 { 250 // {
249 name: language.value == 0 ? '票务预订' : 'Ticket Reservation', 251 // name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
250 routeName: 'seat_order', 252 // routeName: 'seat_order',
251 picUrl1: '/img/c7.png', 253 // picUrl1: '/img/c7.png',
252 picUrl2: '/img/c7.png', 254 // picUrl2: '/img/c7.png',
253 isActive: false 255 // isActive: false
254 }, 256 // },
255 { 257 {
256 name: language.value == 0 ? '发票申请' : 'Electronic invoice', 258 name: language.value == 0 ? '发票申请' : 'Electronic invoice',
257 routeName: 'myKP', 259 routeName: 'myKP',
...@@ -281,14 +283,14 @@ const menus3En = ref([ ...@@ -281,14 +283,14 @@ const menus3En = ref([
281 picUrl1: '/img/nav_29.png', 283 picUrl1: '/img/nav_29.png',
282 picUrl2: '/img/nav_29_dwn.png', 284 picUrl2: '/img/nav_29_dwn.png',
283 isActive: false 285 isActive: false
284 },
285 {
286 name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
287 routeName: 'seat_order',
288 picUrl1: '/img/c7.png',
289 picUrl2: '/img/c7.png',
290 isActive: false
291 } 286 }
287 // {
288 // name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
289 // routeName: 'seat_order',
290 // picUrl1: '/img/c7.png',
291 // picUrl2: '/img/c7.png',
292 // isActive: false
293 // }
292 ]) 294 ])
293 const menusPersonal = ref([ 295 const menusPersonal = ref([
294 { 296 {
...@@ -319,13 +321,13 @@ const menusPersonal = ref([ ...@@ -319,13 +321,13 @@ const menusPersonal = ref([
319 picUrl2: '/img/nav_29_dwn.png', 321 picUrl2: '/img/nav_29_dwn.png',
320 isActive: false 322 isActive: false
321 }, 323 },
322 { 324 // {
323 name: language.value == 0 ? '票务预订' : 'Ticket Reservation', 325 // name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
324 routeName: 'seat_order', 326 // routeName: 'seat_order',
325 picUrl1: '/img/c7.png', 327 // picUrl1: '/img/c7.png',
326 picUrl2: '/img/c7.png', 328 // picUrl2: '/img/c7.png',
327 isActive: false 329 // isActive: false
328 }, 330 // },
329 { 331 {
330 name: language.value == 0 ? '系统消息' : 'System messages', 332 name: language.value == 0 ? '系统消息' : 'System messages',
331 routeName: 'mySms', 333 routeName: 'mySms',
...@@ -370,13 +372,13 @@ const menusPersonalEn = ref([ ...@@ -370,13 +372,13 @@ const menusPersonalEn = ref([
370 picUrl2: '/img/nav_29_dwn.png', 372 picUrl2: '/img/nav_29_dwn.png',
371 isActive: false 373 isActive: false
372 }, 374 },
373 { 375 // {
374 name: language.value == 0 ? '票务预订' : 'Ticket Reservation', 376 // name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
375 routeName: 'seat_order', 377 // routeName: 'seat_order',
376 picUrl1: '/img/c7.png', 378 // picUrl1: '/img/c7.png',
377 picUrl2: '/img/c7.png', 379 // picUrl2: '/img/c7.png',
378 isActive: false 380 // isActive: false
379 }, 381 // },
380 { 382 {
381 name: language.value == 0 ? '系统消息' : 'System messages', 383 name: language.value == 0 ? '系统消息' : 'System messages',
382 routeName: 'mySms', 384 routeName: 'mySms',
...@@ -389,7 +391,7 @@ let currMenu ...@@ -389,7 +391,7 @@ let currMenu
389 onMounted(() => { 391 onMounted(() => {
390 console.log(route.query) 392 console.log(route.query)
391 if (!user.utype) { 393 if (!user.utype) {
392 router.push({name: 'home'}) 394 router.push({ name: 'home' })
393 return 395 return
394 } 396 }
395 if (user.utype == '1') { 397 if (user.utype == '1') {
...@@ -412,7 +414,6 @@ onMounted(() => { ...@@ -412,7 +414,6 @@ onMounted(() => {
412 }) 414 })
413 currMenu.isActive = true 415 currMenu.isActive = true
414 } 416 }
415
416 }) 417 })
417 418
418 const toInfo = (item, list) => { 419 const toInfo = (item, list) => {
...@@ -427,7 +428,7 @@ const toInfo = (item, list) => { ...@@ -427,7 +428,7 @@ const toInfo = (item, list) => {
427 } 428 }
428 </script> 429 </script>
429 430
430 <style scoped lang="scss"> 431 <style lang="scss" scoped>
431 :deep(.el-tabs__nav-wrap) { 432 :deep(.el-tabs__nav-wrap) {
432 padding: 0 15px; 433 padding: 0 15px;
433 } 434 }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!