票务
Showing
1 changed file
with
41 additions
and
40 deletions
| ... | @@ -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 | } | ... | ... |
-
Please register or sign in to post a comment