Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
000585fa by 杨炀
Options

no message

1 parent a12d666a
Inline Side-by-side
Showing 2 changed files with 190 additions and 140 deletions
src/viewsPc/booking/ticket/confirmOrder.vue
......@@ -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
......
src/viewsPc/center/index.vue
......@@ -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',
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',
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',
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',
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',
routeName: 'myInfo',
picUrl1: '/img/nav_26.png',
picUrl2: '/img/nav_26_dwn.png',
isActive: false
},
{
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 Registration',
routeName: 'myMatch',
picUrl1: '/img/nav_28.png',
picUrl2: '/img/nav_28_dwn.png',
isActive: false
},
{
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 ? '基础信息' : 'Basic Information',
routeName: 'myInfo',
picUrl1: '/img/nav_26.png',
picUrl2: '/img/nav_26_dwn.png',
isActive: false
},
{
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 Registration',
routeName: 'myMatch',
picUrl1: '/img/nav_28.png',
picUrl2: '/img/nav_28_dwn.png',
isActive: false
},
{
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?'系统消息':'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 ? '系统消息' : 'System messages',
routeName: 'mySms',
picUrl1: '/img/nav_30.png',
picUrl2: '/img/nav_30_dwn.png',
isActive: false
},
{
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',
routeName: 'myInfo',
picUrl1: '/img/nav_26.png',
picUrl2: '/img/nav_26_dwn.png',
isActive: false
},
{
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 Registration',
routeName: 'myMatch',
picUrl1: '/img/nav_28.png',
picUrl2: '/img/nav_28_dwn.png',
isActive: false
},
{
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 ? '基础信息' : 'Basic Information',
routeName: 'myInfo',
picUrl1: '/img/nav_26.png',
picUrl2: '/img/nav_26_dwn.png',
isActive: false
},
{
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 Registration',
routeName: 'myMatch',
picUrl1: '/img/nav_28.png',
picUrl2: '/img/nav_28_dwn.png',
isActive: false
},
{
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?'系统消息':'System messages',
routeName: 'mySms',
picUrl1: '/img/nav_30.png',
picUrl2: '/img/nav_30_dwn.png',
isActive: false
}
{
name: language.value == 0 ? '系统消息' : 'System messages',
routeName: 'mySms',
picUrl1: '/img/nav_30.png',
picUrl2: '/img/nav_30_dwn.png',
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;
a{display: flex;align-items: center;}
&.en-menu {
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;}
.el-card{box-shadow: none!important;
:deep(.el-card__body){padding: 0!important;}
.pd20 {
padding: 8px;
}
.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{height: 100vh;padding: 20px 0;position: fixed;left: 0;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;
.center-menu {
height: 100vh;
padding: 20px 0;
position: fixed;
left: 0;
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;
height: calc(100vh - 80px);overflow: auto;top: 80px;background: #fff;
.rightPart {
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>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!