Skip to content

杨炀 / dance-pc

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

no message

1 parent c6964735
Inline Side-by-side
Showing 4 changed files with 41 additions and 325 deletions
src/layoutPc/components/AppHeader.vue
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 69
70 <template #dropdown> 70 <template #dropdown>
71 <el-dropdown-menu> 71 <el-dropdown-menu>
72 <el-dropdown-item @click="router.push('/center/myInfo')">{{ language==0?'个人中心':'Personal' }}</el-dropdown-item> 72 <el-dropdown-item @click="router.push('/center/myPassword')">{{ language==0?'个人中心':'Personal' }}</el-dropdown-item>
73 <el-dropdown-item @click="logout()">{{language==0?'退出':'Exit'}}</el-dropdown-item> 73 <el-dropdown-item @click="logout()">{{language==0?'退出':'Exit'}}</el-dropdown-item>
74 </el-dropdown-menu> 74 </el-dropdown-menu>
75 </template> 75 </template>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
119 <el-menu-item index="/meta">媒体中心</el-menu-item> 119 <el-menu-item index="/meta">媒体中心</el-menu-item>
120 <el-menu-item index="/guide">参赛指南</el-menu-item> 120 <el-menu-item index="/guide">参赛指南</el-menu-item>
121 <el-menu-item index="/about/wuDao">关于我们</el-menu-item> 121 <el-menu-item index="/about/wuDao">关于我们</el-menu-item>
122 <el-menu-item v-if="isLogin" index="/center/myInfo">个人中心</el-menu-item> 122 <el-menu-item v-if="isLogin" index="/center/myPassword">个人中心</el-menu-item>
123 </el-menu> 123 </el-menu>
124 <el-menu class="weiMenu" 124 <el-menu class="weiMenu"
125 v-if="language==1" 125 v-if="language==1"
...@@ -134,12 +134,6 @@ ...@@ -134,12 +134,6 @@
134 <el-menu-item index="/meta">MEDIA</el-menu-item> 134 <el-menu-item index="/meta">MEDIA</el-menu-item>
135 <el-menu-item index="/guide">GUIDELINE</el-menu-item> 135 <el-menu-item index="/guide">GUIDELINE</el-menu-item>
136 <el-menu-item index="/about/wuDao">CONTACT & MORE</el-menu-item> 136 <el-menu-item index="/about/wuDao">CONTACT & MORE</el-menu-item>
137 <!-- <el-sub-menu index="/about">-->
138 <!-- <template #title>CONTACT & MORE</template>-->
139 <!-- <el-menu-item index="/about/wuDaoEn">About Us</el-menu-item>-->
140 <!-- <el-menu-item index="/about/regulations">Rules & Regulations</el-menu-item>-->
141 <!-- <el-menu-item index="/about/cultureEn">Culture</el-menu-item>-->
142 <!-- </el-sub-menu>-->
143 <el-menu-item v-if="isLogin" index="/center/myInfo">PERSONAL CENTER</el-menu-item> 137 <el-menu-item v-if="isLogin" index="/center/myInfo">PERSONAL CENTER</el-menu-item>
144 </el-menu> 138 </el-menu>
145 </el-drawer> 139 </el-drawer>
......
src/layoutPc/components/AppTop.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 17
18 <template #dropdown> 18 <template #dropdown>
19 <el-dropdown-menu> 19 <el-dropdown-menu>
20 <el-dropdown-item @click="router.push('/center/myInfo')">{{ language==0?'个人中心':'Personal' }}</el-dropdown-item> 20 <el-dropdown-item @click="router.push('/center/myPassword')">{{ language==0?'个人中心':'Personal' }}</el-dropdown-item>
21 <el-dropdown-item @click="logout()">{{language==0?'退出':'Exit'}}</el-dropdown-item> 21 <el-dropdown-item @click="logout()">{{language==0?'退出':'Exit'}}</el-dropdown-item>
22 </el-dropdown-menu> 22 </el-dropdown-menu>
23 </template> 23 </template>
......
src/viewsPc/center/index.vue
...@@ -5,53 +5,7 @@ ...@@ -5,53 +5,7 @@
5 <el-col :lg="5" :md="5" :xl="6" :sm="8" :xs="8"> 5 <el-col :lg="5" :md="5" :xl="6" :sm="8" :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="language==0">
9 <li v-for="(m, i) in menus"
10 :key="i"
11 :class="{ active: m.isActive }"
12 >
13 <a href="javascript:void(0)" @click="toInfo(m,menus)">
14 <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
15 {{m.name }}
16 </a>
17 </li>
18 </ul>
19 <ul v-if="user.utype=='2'&&language==1">
20 <li v-for="(m, i) in menusEn"
21 :key="i"
22 :class="{ active: m.isActive }"
23 >
24 <a href="javascript:void(0)" @click="toInfo(m,menusEn)">
25 <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
26 {{m.name }}
27 </a>
28 </li>
29 </ul>
30 <ul v-if="user.utype=='1'&&language==0">
31 <li
32 v-for="(m, i) in menusPersonal"
33 :key="i"
34 :class="{ active: m.isActive }"
35 >
36 <a href="javascript:void(0)" @click="toInfo(m,menusPersonal)">
37 <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
38 {{ m.name }}
39 </a>
40 </li>
41 </ul>
42 <ul v-if="user.utype=='1'&&language==1">
43 <li
44 v-for="(m, i) in menusPersonalEn"
45 :key="i"
46 :class="{ active: m.isActive }"
47 >
48 <a href="javascript:void(0)" @click="toInfo(m,menusPersonalEn)">
49 <img :src="m.isActive ? m.picUrl2 : m.picUrl1">
50 {{ m.name }}
51 </a>
52 </li>
53 </ul>
54 <ul v-if="user.utype=='3'&&language==0">
55 <li 9 <li
56 v-for="(m, i) in menus3" 10 v-for="(m, i) in menus3"
57 :key="i" 11 :key="i"
...@@ -63,7 +17,7 @@ ...@@ -63,7 +17,7 @@
63 </a> 17 </a>
64 </li> 18 </li>
65 </ul> 19 </ul>
66 <ul v-if="user.utype=='3'&&language==1"> 20 <ul v-if="language==1">
67 <li 21 <li
68 v-for="(m, i) in menus3En" 22 v-for="(m, i) in menus3En"
69 :key="i" 23 :key="i"
...@@ -99,137 +53,15 @@ const route = useRoute() ...@@ -99,137 +53,15 @@ const route = useRoute()
99 const router = useRouter() 53 const router = useRouter()
100 54
101 const user = useUserStore().user || {} 55 const user = useUserStore().user || {}
102 const menus = ref([ 56
103 {
104 name: language.value==0?'基础信息':'Basic Information',
105 routeName: 'myInfo',
106 picUrl1: '/img/nav_26.png',
107 picUrl2: '/img/nav_26_dwn.png',
108 isActive: false
109 },
110 {
111 name: language.value==0?'修改密码':'Change Password',
112 routeName: 'myPassword',
113 picUrl1: '/img/nav_27.png',
114 picUrl2: '/img/nav_27_dwn.png',
115 isActive: false
116 },
117 {
118 name: language.value==0?'团队认证':'Organization Recognition',
119 routeName: 'myCertification',
120 picUrl1: '/img/nav_32.png',
121 picUrl2: '/img/nav_32_dwn.png',
122 isActive: false
123 },
124 {
125 name: language.value==0?'选手管理':'Athlete Management',
126 routeName: 'myMember',
127 picUrl1: '/img/nav_31.png',
128 picUrl2: '/img/nav_31_dwn.png',
129 isActive: false
130 },
131 {
132 name: language.value==0?'我的报名':'My Registration',
133 routeName: 'myMatch',
134 picUrl1: '/img/nav_28.png',
135 picUrl2: '/img/nav_28_dwn.png',
136 isActive: false
137 },
138 {
139 name: language.value==0?'我的预订':'My Reservation',
140 routeName: 'myReservation',
141 picUrl1: '/img/nav_29.png',
142 picUrl2: '/img/nav_29_dwn.png',
143 isActive: false
144 },
145 {
146 name: language.value==0?'票务预订':'Ticket Reservation',
147 routeName: 'seat_order',
148 picUrl1: '/img/c7.png',
149 picUrl2: '/img/c7.png',
150 isActive: false
151 },
152 {
153 name: language.value==0?'系统消息':'System messages',
154 routeName: 'mySms',
155 picUrl1: '/img/nav_30.png',
156 picUrl2: '/img/nav_30_dwn.png',
157 isActive: false
158 },
159 {
160 name: language.value==0?'发票申请':'Electronic invoice',
161 routeName: 'myKP',
162 picUrl1: '/img/fp.svg',
163 picUrl2: '/img/fp_dwn.svg',
164 isActive: false
165 }
166 ])
167 const menusEn = ref([
168 {
169 name: language.value==0?'基础信息':'Basic Information',
170 routeName: 'myInfo',
171 picUrl1: '/img/nav_26.png',
172 picUrl2: '/img/nav_26_dwn.png',
173 isActive: false
174 },
175 {
176 name: language.value==0?'修改密码':'Change Password',
177 routeName: 'myPassword',
178 picUrl1: '/img/nav_27.png',
179 picUrl2: '/img/nav_27_dwn.png',
180 isActive: false
181 },
182 {
183 name: language.value==0?'团队认证':'Organization Recognition',
184 routeName: 'myCertification',
185 picUrl1: '/img/nav_32.png',
186 picUrl2: '/img/nav_32_dwn.png',
187 isActive: false
188 },
189 {
190 name: language.value==0?'选手管理':'Athlete Management',
191 routeName: 'myMember',
192 picUrl1: '/img/nav_31.png',
193 picUrl2: '/img/nav_31_dwn.png',
194 isActive: false
195 },
196 {
197 name: language.value==0?'我的报名':'My Registration',
198 routeName: 'myMatch',
199 picUrl1: '/img/nav_28.png',
200 picUrl2: '/img/nav_28_dwn.png',
201 isActive: false
202 },
203 {
204 name: language.value==0?'我的预订':'My Reservation',
205 routeName: 'myReservation',
206 picUrl1: '/img/nav_29.png',
207 picUrl2: '/img/nav_29_dwn.png',
208 isActive: false
209 },
210 {
211 name: language.value==0?'票务预订':'Ticket Reservation',
212 routeName: 'seat_order',
213 picUrl1: '/img/c7.png',
214 picUrl2: '/img/c7.png',
215 isActive: false
216 },
217 {
218 name: language.value==0?'系统消息':'System messages',
219 routeName: 'mySms',
220 picUrl1: '/img/nav_30.png',
221 picUrl2: '/img/nav_30_dwn.png',
222 isActive: false
223 }
224 ])
225 const menus3 = ref([ 57 const menus3 = ref([
226 { 58 // {
227 name: language.value==0?'基础信息':'Basic Information', 59 // name: language.value==0?'基础信息':'Basic Information',
228 routeName: 'myInfo', 60 // routeName: 'myInfo',
229 picUrl1: '/img/nav_26.png', 61 // picUrl1: '/img/nav_26.png',
230 picUrl2: '/img/nav_26_dwn.png', 62 // picUrl2: '/img/nav_26_dwn.png',
231 isActive: false 63 // isActive: false
232 }, 64 // },
233 { 65 {
234 name: language.value==0?'修改密码':'Change Password', 66 name: language.value==0?'修改密码':'Change Password',
235 routeName: 'myPassword', 67 routeName: 'myPassword',
...@@ -244,13 +76,13 @@ const menus3 = ref([ ...@@ -244,13 +76,13 @@ const menus3 = ref([
244 picUrl2: '/img/nav_29_dwn.png', 76 picUrl2: '/img/nav_29_dwn.png',
245 isActive: false 77 isActive: false
246 }, 78 },
247 { 79 // {
248 name: language.value==0?'票务预订':'Ticket Reservation', 80 // name: language.value==0?'票务预订':'Ticket Reservation',
249 routeName: 'seat_order', 81 // routeName: 'seat_order',
250 picUrl1: '/img/c7.png', 82 // picUrl1: '/img/c7.png',
251 picUrl2: '/img/c7.png', 83 // picUrl2: '/img/c7.png',
252 isActive: false 84 // isActive: false
253 }, 85 // },
254 { 86 {
255 name: language.value==0?'发票申请':'Electronic invoice', 87 name: language.value==0?'发票申请':'Electronic invoice',
256 routeName: 'myKP', 88 routeName: 'myKP',
...@@ -260,13 +92,13 @@ const menus3 = ref([ ...@@ -260,13 +92,13 @@ const menus3 = ref([
260 } 92 }
261 ]) 93 ])
262 const menus3En = ref([ 94 const menus3En = ref([
263 { 95 // {
264 name: language.value==0?'基础信息':'Basic Information', 96 // name: language.value==0?'基础信息':'Basic Information',
265 routeName: 'myInfo', 97 // routeName: 'myInfo',
266 picUrl1: '/img/nav_26.png', 98 // picUrl1: '/img/nav_26.png',
267 picUrl2: '/img/nav_26_dwn.png', 99 // picUrl2: '/img/nav_26_dwn.png',
268 isActive: false 100 // isActive: false
269 }, 101 // },
270 { 102 {
271 name: language.value==0?'修改密码':'Change Password', 103 name: language.value==0?'修改密码':'Change Password',
272 routeName: 'myPassword', 104 routeName: 'myPassword',
...@@ -281,109 +113,15 @@ const menus3En = ref([ ...@@ -281,109 +113,15 @@ const menus3En = ref([
281 picUrl2: '/img/nav_29_dwn.png', 113 picUrl2: '/img/nav_29_dwn.png',
282 isActive: false 114 isActive: false
283 }, 115 },
284 { 116 // {
285 name: language.value==0?'票务预订':'Ticket Reservation', 117 // name: language.value==0?'票务预订':'Ticket Reservation',
286 routeName: 'seat_order', 118 // routeName: 'seat_order',
287 picUrl1: '/img/c7.png', 119 // picUrl1: '/img/c7.png',
288 picUrl2: '/img/c7.png', 120 // picUrl2: '/img/c7.png',
289 isActive: false 121 // isActive: false
290 } 122 // }
291 ])
292 const menusPersonal = ref([
293 {
294 name: language.value==0?'基础信息':'Basic Information',
295 routeName: 'myInfo',
296 picUrl1: '/img/nav_26.png',
297 picUrl2: '/img/nav_26_dwn.png',
298 isActive: false
299 },
300 {
301 name: language.value==0?'修改密码':'Change Password',
302 routeName: 'myPassword',
303 picUrl1: '/img/nav_27.png',
304 picUrl2: '/img/nav_27_dwn.png',
305 isActive: false
306 },
307 {
308 name: language.value==0?'我的报名':'My Registration',
309 routeName: 'myMatch',
310 picUrl1: '/img/nav_28.png',
311 picUrl2: '/img/nav_28_dwn.png',
312 isActive: false
313 },
314 {
315 name: language.value==0?'我的预订':'My Reservation',
316 routeName: 'myReservation',
317 picUrl1: '/img/nav_29.png',
318 picUrl2: '/img/nav_29_dwn.png',
319 isActive: false
320 },
321 {
322 name: language.value==0?'票务预订':'Ticket Reservation',
323 routeName: 'seat_order',
324 picUrl1: '/img/c7.png',
325 picUrl2: '/img/c7.png',
326 isActive: false
327 },
328 {
329 name: language.value==0?'系统消息':'System messages',
330 routeName: 'mySms',
331 picUrl1: '/img/nav_30.png',
332 picUrl2: '/img/nav_30_dwn.png',
333 isActive: false
334 },
335 {
336 name: language.value==0?'发票申请':'Electronic invoice',
337 routeName: 'myKP',
338 picUrl1: '/img/fp.svg',
339 picUrl2: '/img/fp_dwn.svg',
340 isActive: false
341 }
342 ])
343 const menusPersonalEn = ref([
344 {
345 name: language.value==0?'基础信息':'Basic Information',
346 routeName: 'myInfo',
347 picUrl1: '/img/nav_26.png',
348 picUrl2: '/img/nav_26_dwn.png',
349 isActive: false
350 },
351 {
352 name: language.value==0?'修改密码':'Change Password',
353 routeName: 'myPassword',
354 picUrl1: '/img/nav_27.png',
355 picUrl2: '/img/nav_27_dwn.png',
356 isActive: false
357 },
358 {
359 name: language.value==0?'我的报名':'My Registration',
360 routeName: 'myMatch',
361 picUrl1: '/img/nav_28.png',
362 picUrl2: '/img/nav_28_dwn.png',
363 isActive: false
364 },
365 {
366 name: language.value==0?'我的预订':'My Reservation',
367 routeName: 'myReservation',
368 picUrl1: '/img/nav_29.png',
369 picUrl2: '/img/nav_29_dwn.png',
370 isActive: false
371 },
372 {
373 name: language.value==0?'票务预订':'Ticket Reservation',
374 routeName: 'seat_order',
375 picUrl1: '/img/c7.png',
376 picUrl2: '/img/c7.png',
377 isActive: false
378 },
379 {
380 name: language.value==0?'系统消息':'System messages',
381 routeName: 'mySms',
382 picUrl1: '/img/nav_30.png',
383 picUrl2: '/img/nav_30_dwn.png',
384 isActive: false
385 }
386 ]) 123 ])
124
387 let currMenu 125 let currMenu
388 onMounted(() => { 126 onMounted(() => {
389 console.log(route.query) 127 console.log(route.query)
...@@ -391,26 +129,10 @@ onMounted(() => { ...@@ -391,26 +129,10 @@ onMounted(() => {
391 router.push({name: 'home'}) 129 router.push({name: 'home'})
392 return 130 return
393 } 131 }
394 if(user.utype=='1'){
395 currMenu = _.find(menusPersonal.value, (m) => {
396 return m.routeName === route.name
397 })
398 currMenu.isActive = true
399 }
400 console.log(route.name)
401
402 if(user.utype=='2'){
403 currMenu = _.find(menus.value, (m) => {
404 return m.routeName === route.name
405 })
406 currMenu.isActive = true
407 }
408 if(user.utype=='3'){
409 currMenu = _.find(menus3.value, (m) => { 132 currMenu = _.find(menus3.value, (m) => {
410 return m.routeName === route.name 133 return m.routeName === route.name
411 }) 134 })
412 currMenu.isActive = true 135 currMenu.isActive = true
413 }
414 136
415 }) 137 })
416 138
......
src/viewsPc/center/myCanKP.vue
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
2 <div> 2 <div>
3 <el-card :body-style="{'padding':'10px 0 0'}" class="mb60"> 3 <el-card :body-style="{'padding':'10px 0 0'}" class="mb60">
4 <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> 4 <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
5 <el-tab-pane :label="language==0?'赛事报名':'REGISTRATION'" name="5"></el-tab-pane> 5 <!-- <el-tab-pane :label="language==0?'赛事报名':'REGISTRATION'" name="5"></el-tab-pane>-->
6 <el-tab-pane :label="language==0?'酒店订单':'HOTEL'" name="0"></el-tab-pane> 6 <el-tab-pane :label="language==0?'酒店订单':'HOTEL'" name="0"></el-tab-pane>
7 <el-tab-pane :label="language==0?'票务订单':'Ticket'" name="6"></el-tab-pane> 7 <!-- <el-tab-pane :label="language==0?'票务订单':'Ticket'" name="6"></el-tab-pane>-->
8 <el-tab-pane :label="language==0?'化妆订单':'MakeUp'" name="3"></el-tab-pane> 8 <!-- <el-tab-pane :label="language==0?'化妆订单':'MakeUp'" name="3"></el-tab-pane>-->
9 <el-tab-pane :label="language==0?'车辆订单':'TRANSPORTATION'" name="1"></el-tab-pane> 9 <el-tab-pane :label="language==0?'车辆订单':'TRANSPORTATION'" name="1"></el-tab-pane>
10 <el-tab-pane :label="language==0?'餐饮订单':'DINING'" name="2"></el-tab-pane> 10 <!-- <el-tab-pane :label="language==0?'餐饮订单':'DINING'" name="2"></el-tab-pane>-->
11 <el-tab-pane :label="language==0?'摄像订单':'Shooting'" name="4"></el-tab-pane> 11 <!-- <el-tab-pane :label="language==0?'摄像订单':'Shooting'" name="4"></el-tab-pane>-->
12 </el-tabs> 12 </el-tabs>
13 <div> 13 <div>
14 <el-form label-width="90" size="small"> 14 <el-form label-width="90" size="small">
...@@ -236,7 +236,7 @@ const remark = ref('') ...@@ -236,7 +236,7 @@ const remark = ref('')
236 const showSJDialog = ref(false) 236 const showSJDialog = ref(false)
237 const userStore = useUserStore(); 237 const userStore = useUserStore();
238 const user = useUserStore().user || {} 238 const user = useUserStore().user || {}
239 const activeName = ref(userStore.activeName || '5') 239 const activeName = ref(userStore.activeName || '0')
240 240
241 const query = ref({ 241 const query = ref({
242 createById: user.userId, 242 createById: user.userId,
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!