no message

杨炀
Showing 2 changed files with 190 additions and 140 deletions
src/viewsPc/booking/ticket/confirmOrder.vue
src/viewsPc/center/index.vue
--- a/src/viewsPc/booking/ticket/confirmOrder.vue
View file @000585f
+++ b/src/viewsPc/booking/ticket/confirmOrder.vue
View file @000585f
@@ -308,7 +308,7 @@ async function paymentHandle() {
    }
    if (currSeat.value.length != orderForm.value.customerIds.length) {
      ElMessage({
-        message: language.value == 0 ? '座位数与人数不一致' : '',
+        message: language.value == 0 ? '座位数与人数不一致' : 'Seat number is inconsistent with the number of people',
        type: 'error'
      })
      return
--- a/src/viewsPc/center/index.vue
View file @000585f
+++ b/src/viewsPc/center/index.vue
View file @000585f
@@ -12,7 +12,7 @@
                >
                  <a href="javascript:void(0)" @click="toInfo(m,menus)">
                    <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
-                    {{m.name }}
+                    {{ m.name }}
                  </a>
                </li>
              </ul>
@@ -23,7 +23,7 @@
                >
                  <a href="javascript:void(0)" @click="toInfo(m,menusEn)">
                    <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
-                    {{m.name }}
+                    {{ m.name }}
                  </a>
                </li>
              </ul>
@@ -93,7 +93,8 @@ import {onMounted} from '@vue/runtime-core'
 import useUserStore from '@/store/modules/user'
 import _ from 'lodash'
 import {useStorage} from "@vueuse/core/index";
-const language= useStorage('language',0)
+const language = useStorage('language', 0)
 const route = useRoute()
 const router = useRouter()
@@ -101,63 +102,63 @@ const router = useRouter()
 const user = useUserStore().user || {}
 const menus = ref([
  {
-    name: language.value==0?'基础信息':'Basic Information',
+    name: language.value == 0 ? '基础信息' : 'Basic Information',
    routeName: 'myInfo',
    picUrl1: '/img/nav_26.png',
    picUrl2: '/img/nav_26_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'修改密码':'Change Password',
+    name: language.value == 0 ? '修改密码' : 'Change Password',
    routeName: 'myPassword',
    picUrl1: '/img/nav_27.png',
    picUrl2: '/img/nav_27_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'团队认证':'Organization Recognition',
+    name: language.value == 0 ? '团队认证' : 'Organization Recognition',
    routeName: 'myCertification',
    picUrl1: '/img/nav_32.png',
    picUrl2: '/img/nav_32_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'选手管理':'Athlete Management',
+    name: language.value == 0 ? '选手管理' : 'Athlete Management',
    routeName: 'myMember',
    picUrl1: '/img/nav_31.png',
    picUrl2: '/img/nav_31_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'我的报名':'My Registration',
+    name: language.value == 0 ? '我的报名' : 'My Registration',
    routeName: 'myMatch',
    picUrl1: '/img/nav_28.png',
    picUrl2: '/img/nav_28_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'我的预订':'My Reservation',
+    name: language.value == 0 ? '我的预订' : 'My Reservation',
    routeName: 'myReservation',
    picUrl1: '/img/nav_29.png',
    picUrl2: '/img/nav_29_dwn.png',
    isActive: false
  },
+  // {
+  //   name: language.value==0?'票务预订':'Ticket Reservation',
+  //   routeName: 'seat_order',
+  //   picUrl1: '/img/c7.png',
+  //   picUrl2: '/img/c7.png',
+  //   isActive: false
+  // },
  {
-    name: language.value==0?'票务预订':'Ticket Reservation',
+    name: language.value == 0 ? '系统消息' : 'System messages',
-    routeName: 'seat_order',
-    picUrl1: '/img/c7.png',
-    picUrl2: '/img/c7.png',
-    isActive: false
-  },
-  {
-    name: language.value==0?'系统消息':'System messages',
    routeName: 'mySms',
    picUrl1: '/img/nav_30.png',
    picUrl2: '/img/nav_30_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'发票申请':'Electronic invoice',
+    name: language.value == 0 ? '发票申请' : 'Electronic invoice',
    routeName: 'myKP',
    picUrl1: '/img/fp.svg',
    picUrl2: '/img/fp_dwn.svg',
@@ -166,56 +167,56 @@ const menus = ref([
 ])
 const menusEn = ref([
  {
-    name: language.value==0?'基础信息':'Basic Information',
+    name: language.value == 0 ? '基础信息' : 'Basic Information',
    routeName: 'myInfo',
    picUrl1: '/img/nav_26.png',
    picUrl2: '/img/nav_26_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'修改密码':'Change Password',
+    name: language.value == 0 ? '修改密码' : 'Change Password',
    routeName: 'myPassword',
    picUrl1: '/img/nav_27.png',
    picUrl2: '/img/nav_27_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'团队认证':'Organization Recognition',
+    name: language.value == 0 ? '团队认证' : 'Organization Recognition',
    routeName: 'myCertification',
    picUrl1: '/img/nav_32.png',
    picUrl2: '/img/nav_32_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'选手管理':'Athlete Management',
+    name: language.value == 0 ? '选手管理' : 'Athlete Management',
    routeName: 'myMember',
    picUrl1: '/img/nav_31.png',
    picUrl2: '/img/nav_31_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'我的报名':'My Registration',
+    name: language.value == 0 ? '我的报名' : 'My Registration',
    routeName: 'myMatch',
    picUrl1: '/img/nav_28.png',
    picUrl2: '/img/nav_28_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'我的预订':'My Reservation',
+    name: language.value == 0 ? '我的预订' : 'My Reservation',
    routeName: 'myReservation',
    picUrl1: '/img/nav_29.png',
    picUrl2: '/img/nav_29_dwn.png',
    isActive: false
  },
+  // {
+  //   name: language.value==0?'票务预订':'Ticket Reservation',
+  //   routeName: 'seat_order',
+  //   picUrl1: '/img/c7.png',
+  //   picUrl2: '/img/c7.png',
+  //   isActive: false
+  // },
  {
-    name: language.value==0?'票务预订':'Ticket Reservation',
+    name: language.value == 0 ? '系统消息' : 'System messages',
-    routeName: 'seat_order',
-    picUrl1: '/img/c7.png',
-    picUrl2: '/img/c7.png',
-    isActive: false
-  },
-  {
-    name: language.value==0?'系统消息':'System messages',
    routeName: 'mySms',
    picUrl1: '/img/nav_30.png',
    picUrl2: '/img/nav_30_dwn.png',
@@ -224,35 +225,35 @@ const menusEn = ref([
 ])
 const menus3 = ref([
  {
-    name: language.value==0?'基础信息':'Basic Information',
+    name: language.value == 0 ? '基础信息' : 'Basic Information',
    routeName: 'myInfo',
    picUrl1: '/img/nav_26.png',
    picUrl2: '/img/nav_26_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'修改密码':'Change Password',
+    name: language.value == 0 ? '修改密码' : 'Change Password',
    routeName: 'myPassword',
    picUrl1: '/img/nav_27.png',
    picUrl2: '/img/nav_27_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'我的预订':'My Reservation',
+    name: language.value == 0 ? '我的预订' : 'My Reservation',
    routeName: 'myReservation',
    picUrl1: '/img/nav_29.png',
    picUrl2: '/img/nav_29_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'票务预订':'Ticket Reservation',
+    name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
    routeName: 'seat_order',
    picUrl1: '/img/c7.png',
    picUrl2: '/img/c7.png',
    isActive: false
  },
  {
-    name: language.value==0?'发票申请':'Electronic invoice',
+    name: language.value == 0 ? '发票申请' : 'Electronic invoice',
    routeName: 'myKP',
    picUrl1: '/img/fp.svg',
    picUrl2: '/img/fp_dwn.svg',
@@ -261,28 +262,28 @@ const menus3 = ref([
 ])
 const menus3En = ref([
  {
-    name: language.value==0?'基础信息':'Basic Information',
+    name: language.value == 0 ? '基础信息' : 'Basic Information',
    routeName: 'myInfo',
    picUrl1: '/img/nav_26.png',
    picUrl2: '/img/nav_26_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'修改密码':'Change Password',
+    name: language.value == 0 ? '修改密码' : 'Change Password',
    routeName: 'myPassword',
    picUrl1: '/img/nav_27.png',
    picUrl2: '/img/nav_27_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'我的预订':'My Reservation',
+    name: language.value == 0 ? '我的预订' : 'My Reservation',
    routeName: 'myReservation',
    picUrl1: '/img/nav_29.png',
    picUrl2: '/img/nav_29_dwn.png',
    isActive: false
  },
  {
-    name: language.value==0?'票务预订':'Ticket Reservation',
+    name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
    routeName: 'seat_order',
    picUrl1: '/img/c7.png',
    picUrl2: '/img/c7.png',
@@ -290,50 +291,50 @@ const menus3En = ref([
  }
 ])
 const menusPersonal = ref([
-    {
+  {
-      name: language.value==0?'基础信息':'Basic Information',
+    name: language.value == 0 ? '基础信息' : 'Basic Information',
-      routeName: 'myInfo',
+    routeName: 'myInfo',
-      picUrl1: '/img/nav_26.png',
+    picUrl1: '/img/nav_26.png',
-      picUrl2: '/img/nav_26_dwn.png',
+    picUrl2: '/img/nav_26_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
-    {
+  {
-      name: language.value==0?'修改密码':'Change Password',
+    name: language.value == 0 ? '修改密码' : 'Change Password',
-      routeName: 'myPassword',
+    routeName: 'myPassword',
-      picUrl1: '/img/nav_27.png',
+    picUrl1: '/img/nav_27.png',
-      picUrl2: '/img/nav_27_dwn.png',
+    picUrl2: '/img/nav_27_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
-    {
+  {
-      name: language.value==0?'我的报名':'My Registration',
+    name: language.value == 0 ? '我的报名' : 'My Registration',
-      routeName: 'myMatch',
+    routeName: 'myMatch',
-      picUrl1: '/img/nav_28.png',
+    picUrl1: '/img/nav_28.png',
-      picUrl2: '/img/nav_28_dwn.png',
+    picUrl2: '/img/nav_28_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
-    {
+  {
-      name: language.value==0?'我的预订':'My Reservation',
+    name: language.value == 0 ? '我的预订' : 'My Reservation',
-      routeName: 'myReservation',
+    routeName: 'myReservation',
-      picUrl1: '/img/nav_29.png',
+    picUrl1: '/img/nav_29.png',
-      picUrl2: '/img/nav_29_dwn.png',
+    picUrl2: '/img/nav_29_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
  {
-    name: language.value==0?'票务预订':'Ticket Reservation',
+    name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
    routeName: 'seat_order',
    picUrl1: '/img/c7.png',
    picUrl2: '/img/c7.png',
    isActive: false
  },
-    {
+  {
-      name: language.value==0?'系统消息':'System messages',
+    name: language.value == 0 ? '系统消息' : 'System messages',
-      routeName: 'mySms',
+    routeName: 'mySms',
-      picUrl1: '/img/nav_30.png',
+    picUrl1: '/img/nav_30.png',
-      picUrl2: '/img/nav_30_dwn.png',
+    picUrl2: '/img/nav_30_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
  {
-    name: language.value==0?'发票申请':'Electronic invoice',
+    name: language.value == 0 ? '发票申请' : 'Electronic invoice',
    routeName: 'myKP',
    picUrl1: '/img/fp.svg',
    picUrl2: '/img/fp_dwn.svg',
@@ -341,57 +342,57 @@ const menusPersonal = ref([
  }
 ])
 const menusPersonalEn = ref([
-    {
+  {
-      name: language.value==0?'基础信息':'Basic Information',
+    name: language.value == 0 ? '基础信息' : 'Basic Information',
-      routeName: 'myInfo',
+    routeName: 'myInfo',
-      picUrl1: '/img/nav_26.png',
+    picUrl1: '/img/nav_26.png',
-      picUrl2: '/img/nav_26_dwn.png',
+    picUrl2: '/img/nav_26_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
-    {
+  {
-      name: language.value==0?'修改密码':'Change Password',
+    name: language.value == 0 ? '修改密码' : 'Change Password',
-      routeName: 'myPassword',
+    routeName: 'myPassword',
-      picUrl1: '/img/nav_27.png',
+    picUrl1: '/img/nav_27.png',
-      picUrl2: '/img/nav_27_dwn.png',
+    picUrl2: '/img/nav_27_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
-    {
+  {
-      name: language.value==0?'我的报名':'My Registration',
+    name: language.value == 0 ? '我的报名' : 'My Registration',
-      routeName: 'myMatch',
+    routeName: 'myMatch',
-      picUrl1: '/img/nav_28.png',
+    picUrl1: '/img/nav_28.png',
-      picUrl2: '/img/nav_28_dwn.png',
+    picUrl2: '/img/nav_28_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
-    {
+  {
-      name: language.value==0?'我的预订':'My Reservation',
+    name: language.value == 0 ? '我的预订' : 'My Reservation',
-      routeName: 'myReservation',
+    routeName: 'myReservation',
-      picUrl1: '/img/nav_29.png',
+    picUrl1: '/img/nav_29.png',
-      picUrl2: '/img/nav_29_dwn.png',
+    picUrl2: '/img/nav_29_dwn.png',
-      isActive: false
+    isActive: false
-    },
+  },
  {
-    name: language.value==0?'票务预订':'Ticket Reservation',
+    name: language.value == 0 ? '票务预订' : 'Ticket Reservation',
    routeName: 'seat_order',
    picUrl1: '/img/c7.png',
    picUrl2: '/img/c7.png',
    isActive: false
  },
-    {
+  {
-      name: language.value==0?'系统消息':'System messages',
+    name: language.value == 0 ? '系统消息' : 'System messages',
-      routeName: 'mySms',
+    routeName: 'mySms',
-      picUrl1: '/img/nav_30.png',
+    picUrl1: '/img/nav_30.png',
-      picUrl2: '/img/nav_30_dwn.png',
+    picUrl2: '/img/nav_30_dwn.png',
-      isActive: false
+    isActive: false
-    }
+  }
 ])
 let currMenu
 onMounted(() => {
  console.log(route.query)
-  if(!user.utype){
+  if (!user.utype) {
    router.push({name: 'home'})
    return
  }
-  if(user.utype=='1'){
+  if (user.utype == '1') {
    currMenu = _.find(menusPersonal.value, (m) => {
      return m.routeName === route.name
    })
@@ -399,13 +400,13 @@ onMounted(() => {
  }
  console.log(route.name)
-  if(user.utype=='2'){
+  if (user.utype == '2') {
    currMenu = _.find(menus.value, (m) => {
      return m.routeName === route.name
    })
    currMenu.isActive = true
  }
-  if(user.utype=='3'){
+  if (user.utype == '3') {
    currMenu = _.find(menus3.value, (m) => {
      return m.routeName === route.name
    })
@@ -414,7 +415,7 @@ onMounted(() => {
 })
-const toInfo = (item,list) => {
+const toInfo = (item, list) => {
  _.each(list, (m) => {
    m.isActive = false
  })
@@ -437,11 +438,23 @@ const toInfo = (item,list) => {
  li {
    margin-bottom: 15px;
  }
-  &.en-menu{text-align: left;
-    li{padding: 6px 0 6px 14px;
+  &.en-menu {
-      a{display: flex;align-items: center;}
+    text-align: left;
+    li {
+      padding: 6px 0 6px 14px;
+      a {
+        display: flex;
+        align-items: center;
+      }
+    }
+    img {
+      padding: 0;
+      width: 26px;
    }
-    img{padding: 0;width: 26px;}
  }
 }
@@ -457,24 +470,61 @@ li img {
  background: linear-gradient(90deg, #8623FC, #453DEA);
  border-radius: 20px;
 }
 @media (max-width: 500px) {
-  .pd20{padding: 8px;}
+  .pd20 {
-  .el-card{box-shadow: none!important;
+    padding: 8px;
-    :deep(.el-card__body){padding: 0!important;}
+  }
+  .el-card {
+    box-shadow: none !important;
+    :deep(.el-card__body) {
+      padding: 0 !important;
+    }
+  }
+  .el-col {
+    padding: 0 !important;
  }
-  .el-col{padding: 0!important;}
+  .center-menu {
-  .center-menu{height: 100vh;padding: 20px 0;position: fixed;left: 0;z-index: 1;
+    height: 100vh;
-    background: #F5F7F9;top: 80px;width: 100px;border-right: 1px solid #eee;
+    padding: 20px 0;
-    li{font-size: 13px;padding:8px 10px;border-radius: 0;
+    position: fixed;
-      img{display: none}
+    left: 0;
-      &.active{background: #fff;
+    z-index: 1;
+    background: #F5F7F9;
+    top: 80px;
+    width: 100px;
+    border-right: 1px solid #eee;
+    li {
+      font-size: 13px;
+      padding: 8px 10px;
+      border-radius: 0;
+      img {
+        display: none
+      }
+      &.active {
+        background: #fff;
        border-left: 2px solid var(--el-color-primary);
-        color: var(--el-color-primary);}
+        color: var(--el-color-primary);
+      }
    }
  }
-  .rightPart{width: calc(100vw - 100px);left: 100px;position: fixed;        z-index: 1;
+  .rightPart {
-    height: calc(100vh - 80px);overflow: auto;top: 80px;background: #fff;
+    width: calc(100vw - 100px);
+    left: 100px;
+    position: fixed;
+    z-index: 1;
+    height: calc(100vh - 80px);
+    overflow: auto;
+    top: 80px;
+    background: #fff;
  }
 }
-.app-container{min-height: 80vh;}
+.app-container {
+  min-height: 80vh;
+}
 </style>