|
|
@@ -1,12 +1,14 @@
|
|
1
|
1
|
<script lang="ts" setup>
|
|
2
|
|
-import {useUserStore} from "~/stores/userStore";
|
|
|
2
|
+import { useUserStore } from "~/stores/userStore";
|
|
3
|
3
|
import CXBAuthorize from "~/components/CXBAuthorize/CXBAuthorize.vue";
|
|
4
|
|
-import {getAgentInfo, getUserInfo} from "~/apis/user";
|
|
5
|
|
-import {CDN_URL} from "~/config/app";
|
|
|
4
|
+import { getAgentInfo, getUserInfo } from "~/apis/user";
|
|
|
5
|
+import { CDN_URL,CDM_URL } from "~/config/app";
|
|
6
|
6
|
import Routine from "~/libs/routine";
|
|
7
|
|
-import {totalOrderNumber} from "~/apis/order.api";
|
|
8
|
|
-import type {OrderQuantityModel} from "~/apis/model/order.model";
|
|
9
|
|
-import type {Ref} from "vue";
|
|
|
7
|
+import { totalOrderNumber } from "~/apis/order.api";
|
|
|
8
|
+import type { OrderQuantityModel } from "~/apis/model/order.model";
|
|
|
9
|
+import FPopup from "~/components/FPopup/FPopup.vue";
|
|
|
10
|
+import { CANCEL_EVENT, OPEN_EVENT } from "~/constants/event";
|
|
|
11
|
+import type { Ref } from "vue";
|
|
10
|
12
|
const pageStore = usePageStoreWidthOut()
|
|
11
|
13
|
const currentType = ref('')
|
|
12
|
14
|
const myOrderList = [{
|
|
|
@@ -42,13 +44,22 @@ const contactUsList = [{
|
|
42
|
44
|
icon: '/static/icon/kefu_icon.png',
|
|
43
|
45
|
text: '联系客服',
|
|
44
|
46
|
url: 'https://work.weixin.qq.com/kfid/kfce29f31a08fd53ee0'
|
|
45
|
|
-},{
|
|
|
47
|
+}, {
|
|
46
|
48
|
type: 'link',
|
|
47
|
49
|
icon: CDN_URL + '/static/assets/bangzhuzhongxin_220620.png',
|
|
48
|
50
|
text: '帮助中心',
|
|
49
|
51
|
url: '/pages/help-center/index'
|
|
50
|
52
|
}]
|
|
51
|
53
|
|
|
|
54
|
+
|
|
|
55
|
+//市/区代表弹框标识
|
|
|
56
|
+const showValue = ref(false)
|
|
|
57
|
+
|
|
|
58
|
+//https://cdn.bjtdba.com/vod/image/2023-11-24/20231124154421388.png
|
|
|
59
|
+
|
|
|
60
|
+
|
|
|
61
|
+//https://cdn.bjtdba.com/vod/image/2023-11-24/20231124154612477.png
|
|
|
62
|
+
|
|
52
|
63
|
const myServiceList = [{
|
|
53
|
64
|
icon: CDN_URL + '/static/assets/wodeyaoqing_220620.png',
|
|
54
|
65
|
text: '我的邀请',
|
|
|
@@ -234,71 +245,111 @@ function handleShowMyAllOrder(tab?: number) {
|
|
234
|
245
|
|
|
235
|
246
|
const userType = computed(() => {
|
|
236
|
247
|
const userRichType = userStore.userInfo?.user_rich_type
|
|
|
248
|
+
|
|
237
|
249
|
// console.log(userStore.userInfo)
|
|
238
|
|
- const bangfu = userStore.userInfo?.is_bangfu ? '帮扶中心 ' : ''
|
|
239
|
|
- // 创始人
|
|
240
|
|
- if (userRichType == 3) {
|
|
241
|
|
- if (bangfu) {
|
|
242
|
|
- return ['创始人', bangfu]
|
|
243
|
|
- }
|
|
244
|
|
- return ['创始人']
|
|
245
|
|
- // return [].push()
|
|
246
|
|
- }
|
|
247
|
250
|
// 普通用户
|
|
248
|
251
|
if (userRichType == 0) {
|
|
249
|
|
- if (bangfu) {
|
|
250
|
|
- return ['用户', bangfu]
|
|
251
|
|
- }
|
|
252
|
|
- return ['用户']
|
|
|
252
|
+
|
|
|
253
|
+ return '../../static/img-hy/用户.png'
|
|
253
|
254
|
}
|
|
254
|
255
|
// 会员
|
|
255
|
256
|
if (userRichType == 1) {
|
|
256
|
|
- if (bangfu) {
|
|
257
|
|
- return ['会员', bangfu]
|
|
258
|
|
- }
|
|
259
|
|
- return ['会员']
|
|
|
257
|
+
|
|
|
258
|
+ return '../../static/img-hy/会员.png'
|
|
260
|
259
|
|
|
261
|
260
|
}
|
|
262
|
261
|
if (userRichType == 3) {
|
|
263
|
|
- if (bangfu) {
|
|
264
|
|
- return ['创始人', bangfu]
|
|
265
|
|
- }
|
|
266
|
|
- return ['创始人']
|
|
|
262
|
+
|
|
|
263
|
+ return '../../static/img-hy/创始人.png'
|
|
267
|
264
|
}
|
|
268
|
|
- // 合伙人
|
|
|
265
|
+ // 高级会员
|
|
269
|
266
|
if (userRichType == 4) {
|
|
270
|
|
- // return '高级会员'
|
|
271
|
|
- if (bangfu) {
|
|
272
|
|
- return ['VIP', bangfu]
|
|
273
|
|
- }
|
|
274
|
|
- return ['VIP']
|
|
|
267
|
+
|
|
|
268
|
+ return '../../static/img-hy/高级会员.png'
|
|
275
|
269
|
}
|
|
276
|
|
- if (userRichType == 5) {
|
|
277
|
|
- if (bangfu) {
|
|
278
|
|
- return ['初始级合伙人', bangfu]
|
|
279
|
|
- }
|
|
280
|
|
- return ['初始级合伙人']
|
|
|
270
|
+ if (userRichType == 8) {
|
|
|
271
|
+
|
|
|
272
|
+ return '../../static/img-hy/合伙人.png'
|
|
281
|
273
|
}
|
|
282
|
|
- if (userRichType == 6) {
|
|
283
|
|
- if (bangfu) {
|
|
284
|
|
- return ['中级合伙人', bangfu]
|
|
285
|
|
- }
|
|
286
|
|
- return ['中级合伙人']
|
|
|
274
|
+ if (userRichType == 9) {
|
|
|
275
|
+
|
|
|
276
|
+ return '../../static/img-hy/联合创始人.png'
|
|
|
277
|
+ }
|
|
|
278
|
+ if (!userRichType) {
|
|
|
279
|
+
|
|
|
280
|
+ return ''
|
|
287
|
281
|
}
|
|
288
|
|
- if (userRichType == 7) {
|
|
289
|
|
- if (bangfu) {
|
|
290
|
|
- return ['高级合伙人', bangfu]
|
|
|
282
|
+})
|
|
|
283
|
+
|
|
|
284
|
+//0:普通用户 1:股东
|
|
|
285
|
+const AlholderType = computed(() => {
|
|
|
286
|
+ const stockholder = userStore.userInfo?.stockholder
|
|
|
287
|
+ // 普通用户
|
|
|
288
|
+ if (stockholder == 0) {
|
|
|
289
|
+ return ''
|
|
|
290
|
+ }
|
|
|
291
|
+ // 股东
|
|
|
292
|
+ if (stockholder == 1) {
|
|
|
293
|
+ return '../../static/img-hy/股东.png'
|
|
|
294
|
+ }
|
|
|
295
|
+
|
|
|
296
|
+})
|
|
|
297
|
+// '':普通用户 district-区/县代 city-市代',
|
|
|
298
|
+const areaType = computed(() => {
|
|
|
299
|
+ if (userStore.userInfo?.area_manage.area_name.length>0) {
|
|
|
300
|
+ const areamanage = userStore.userInfo?.area_manage_type
|
|
|
301
|
+ // 县/区代理
|
|
|
302
|
+ if (areamanage == 'district') {
|
|
|
303
|
+ return '../../static/img-hy/district.png'
|
|
|
304
|
+ }
|
|
|
305
|
+ // 市代理
|
|
|
306
|
+ if (areamanage == 'city') {
|
|
|
307
|
+ return '../../static/img-hy/city.png'
|
|
|
308
|
+ }
|
|
|
309
|
+ //普通用户
|
|
|
310
|
+ if (!areamanage) {
|
|
|
311
|
+ return ''
|
|
291
|
312
|
}
|
|
292
|
|
- return ['高级合伙人']
|
|
|
313
|
+
|
|
293
|
314
|
}
|
|
294
|
|
- if (!userRichType) {
|
|
295
|
|
- if (bangfu) {
|
|
296
|
|
- return ['用户', bangfu]
|
|
|
315
|
+
|
|
|
316
|
+})
|
|
|
317
|
+
|
|
|
318
|
+//弹框展示
|
|
|
319
|
+function openPopup() {
|
|
|
320
|
+ showValue.value = true
|
|
|
321
|
+}
|
|
|
322
|
+//关闭弹框
|
|
|
323
|
+const onCancel = () => {
|
|
|
324
|
+ // show.value = false
|
|
|
325
|
+ showValue.value = false
|
|
|
326
|
+}
|
|
|
327
|
+
|
|
|
328
|
+//计算市区县展示图片
|
|
|
329
|
+const backImg = computed(() => {
|
|
|
330
|
+ if (userStore.userInfo?.area_manage_type) {
|
|
|
331
|
+ const areamanage = userStore.userInfo?.area_manage_type
|
|
|
332
|
+ // 县/区代理
|
|
|
333
|
+ if (areamanage == 'district') {
|
|
|
334
|
+ return CDM_URL+'/image/2023-11-24/20231124154421388.png'
|
|
|
335
|
+ }
|
|
|
336
|
+ // 市代理
|
|
|
337
|
+ if (areamanage == 'city') {
|
|
|
338
|
+ return CDM_URL+'/image/2023-11-24/20231124154612477.png'
|
|
297
|
339
|
}
|
|
298
|
|
- return ['用户']
|
|
299
|
340
|
}
|
|
|
341
|
+
|
|
|
342
|
+})
|
|
|
343
|
+const textType = computed(() => {
|
|
|
344
|
+ if (userStore.userInfo?.area_manage?.area_name) {
|
|
|
345
|
+ const areamanage = userStore.userInfo?.area_manage.area_name
|
|
|
346
|
+ let res = areamanage.join("");
|
|
|
347
|
+ return res
|
|
|
348
|
+ }
|
|
|
349
|
+
|
|
300
|
350
|
})
|
|
301
|
351
|
|
|
|
352
|
+
|
|
302
|
353
|
function handleToRedIntegral() {
|
|
303
|
354
|
uni.navigateTo({
|
|
304
|
355
|
url: '/pages/red-integral/index'
|
|
|
@@ -333,9 +384,9 @@ function handleShowMyProfile() {
|
|
333
|
384
|
})
|
|
334
|
385
|
}
|
|
335
|
386
|
|
|
336
|
|
-function handleShowMyRulePage(item) {
|
|
|
387
|
+function handleShowMyRulePage() {
|
|
337
|
388
|
uni.navigateTo({
|
|
338
|
|
- url: `/pages/my-rules/index?userType=${item}`
|
|
|
389
|
+ url: `/pages/my-rules/index`
|
|
339
|
390
|
})
|
|
340
|
391
|
}
|
|
341
|
392
|
</script>
|
|
|
@@ -346,71 +397,90 @@ function handleShowMyRulePage(item) {
|
|
346
|
397
|
<div class="pt-15 ">
|
|
347
|
398
|
<div class="flex gap-2 mb-2 text-white mb-6">
|
|
348
|
399
|
<image v-if="userStore.userInfo && userStore.userInfo.avatar" :src="userStore.userInfo.avatar"
|
|
349
|
|
- @click="handleShowMyProfile"
|
|
350
|
|
- mode="widthFix"
|
|
351
|
|
- class="w-9 h-9 rounded-full"
|
|
352
|
|
- ></image>
|
|
353
|
|
- <image
|
|
354
|
|
- v-else
|
|
355
|
|
- @click="checkAuth"
|
|
356
|
|
- src="https://app.bjtdba.com/uploads/logo.jpg"
|
|
357
|
|
- mode="widthFix"
|
|
358
|
|
- class="w-9 h-9 rounded-full"
|
|
359
|
|
- />
|
|
360
|
|
- <div class="flex">
|
|
361
|
|
- <div class="flex flex-col">
|
|
|
400
|
+ @click="handleShowMyProfile" mode="widthFix" class="w-9 h-9 rounded-full"></image>
|
|
|
401
|
+ <image v-else @click="checkAuth" src="https://app.bjtdba.com/uploads/logo.jpg" mode="widthFix"
|
|
|
402
|
+ class="w-9 h-9 rounded-full" />
|
|
|
403
|
+ <div class="flex flex-col">
|
|
|
404
|
+ <div class="flex">
|
|
362
|
405
|
<div class="text-sm">
|
|
363
|
406
|
<div class="text-sm" v-if="userStore.userInfo">
|
|
364
|
407
|
{{ userStore.userInfo.nickname ? userStore.userInfo.nickname : '登录' }}
|
|
365
|
408
|
</div>
|
|
366
|
409
|
</div>
|
|
367
|
|
- <div class="text-xs" v-if="userStore.userInfo && userStore.userInfo.phone">
|
|
|
410
|
+ <div class="text-sm flex-height " v-if="userStore.userInfo && userStore.userInfo.phone">
|
|
368
|
411
|
{{ encodePhone(userStore.userInfo.phone) }}
|
|
369
|
412
|
</div>
|
|
370
|
413
|
</div>
|
|
371
|
|
- <div class="flex gap-1 items-center px-1">
|
|
372
|
|
- <div
|
|
373
|
|
- v-for="(item, index) in userType"
|
|
374
|
|
- :key="index"
|
|
375
|
|
- @click="handleShowMyRulePage(item)"
|
|
376
|
|
- class="flex rounded-full border border-solid border-1px border-yellow text-[12px] text-white w-12 h-5 justify-center items-center w-fit px-1">
|
|
377
|
|
- {{ item }}
|
|
378
|
|
- </div>
|
|
|
414
|
+ <div class="btm flex gap-1 px-1">
|
|
|
415
|
+ <!-- 用户 -->
|
|
|
416
|
+ <div v-if="userType" @click="handleShowMyRulePage()"
|
|
|
417
|
+ class="flex rounded-full text-[12px] text-white w-12 h-5 w-fit px-1">
|
|
|
418
|
+ <image lazy-load class="vip_img" :src="userType"></image>
|
|
|
419
|
+ </div>
|
|
|
420
|
+ <!-- 市区县代理 -->
|
|
|
421
|
+ <div @click="openPopup" v-if="areaType"
|
|
|
422
|
+ class="flex rounded-full text-[12px] text-white w-12 h-5 w-fit px-1">
|
|
|
423
|
+ <image lazy-load class="vip_img" :src="areaType"></image>
|
|
|
424
|
+ </div>
|
|
|
425
|
+ <!-- 股东 -->
|
|
|
426
|
+ <div v-if="AlholderType"
|
|
|
427
|
+ class="flex rounded-full text-[12px] text-white w-12 h-5 w-fit px-1">
|
|
|
428
|
+ <image lazy-load class="vip_img" :src="AlholderType"></image>
|
|
|
429
|
+ </div>
|
|
379
|
430
|
</div>
|
|
380
|
431
|
</div>
|
|
381
|
|
-
|
|
|
432
|
+ <FPopup v-model:show="showValue" position="center" exClass="box_2 ">
|
|
|
433
|
+ <div class="box_2 flex-row">
|
|
|
434
|
+ <div class="box_2" v-if="backImg" >
|
|
|
435
|
+ <image lazy-load class="img_1" :src="backImg"></image>
|
|
|
436
|
+ </div>
|
|
|
437
|
+ <div class="group_2 flex-col lolr ">
|
|
|
438
|
+ <div class="div_box pong1 ">
|
|
|
439
|
+ <div class="blue_1">
|
|
|
440
|
+ <image lazy-load class="off_3" src="../../static/img-hy/DLqy.png" />
|
|
|
441
|
+ <span class="pan">代理区域</span>
|
|
|
442
|
+ </div>
|
|
|
443
|
+ <div class="blue_2 height1 ">
|
|
|
444
|
+ {{ textType }}
|
|
|
445
|
+ </div>
|
|
|
446
|
+ </div>
|
|
|
447
|
+ <div class="div_box pong2 ">
|
|
|
448
|
+ <div class="blue_1">
|
|
|
449
|
+ <image lazy-load class="off_3" src="../../static/img-hy/QYDL.png" />
|
|
|
450
|
+ <span class="pan">代理权益</span>
|
|
|
451
|
+ </div>
|
|
|
452
|
+ <div class="block_1 flex-col blue_2 height2 ">
|
|
|
453
|
+ <div class="text-group_4 flex-col justify-between">
|
|
|
454
|
+ <div class=" pend">所辖区域的区域管理分红</div>
|
|
|
455
|
+ <div class="text_5 pand ">(参照会员系统佣金逻辑）</div>
|
|
|
456
|
+ </div>
|
|
|
457
|
+ </div>
|
|
|
458
|
+ </div>
|
|
|
459
|
+ </div>
|
|
|
460
|
+ </div>
|
|
|
461
|
+ <div @click="onCancel" class="off_1">
|
|
|
462
|
+ <image lazy-load class="off_2" src="../../static/img-hy/关闭.png" />
|
|
|
463
|
+ </div>
|
|
|
464
|
+ </FPopup>
|
|
382
|
465
|
|
|
383
|
466
|
</div>
|
|
384
|
467
|
<div class="bg-white rounded flex flex-col gap-6 py-4 text-xl">
|
|
385
|
|
- <div
|
|
386
|
|
- v-if="userStore.userInfo"
|
|
387
|
|
- class="flex flex-wrap">
|
|
388
|
|
- <div
|
|
389
|
|
- @tap="handleShowAnnuityDetail"
|
|
390
|
|
- class="w-1/3 flex flex-col justify-center items-center"
|
|
391
|
|
- >
|
|
|
468
|
+ <div v-if="userStore.userInfo" class="flex flex-wrap">
|
|
|
469
|
+ <div @tap="handleShowAnnuityDetail" class="w-1/3 flex flex-col justify-center items-center">
|
|
392
|
470
|
<div>{{ userStore.yanglao.all_yanglao }}</div>
|
|
393
|
471
|
<div class="text-xs">养老金</div>
|
|
394
|
472
|
</div>
|
|
395
|
|
- <div
|
|
396
|
|
- @tap="handleShowMyInvitation"
|
|
397
|
|
- class="w-1/3 flex flex-col justify-center items-center">
|
|
398
|
|
- <div>{{ agentInfo.brokerage_price ? agentInfo.brokerage_price : '0.00'}}</div>
|
|
|
473
|
+ <div @tap="handleShowMyInvitation" class="w-1/3 flex flex-col justify-center items-center">
|
|
|
474
|
+ <div>{{ agentInfo.brokerage_price ? agentInfo.brokerage_price : '0.00' }}</div>
|
|
399
|
475
|
<div class="text-xs">我的佣金</div>
|
|
400
|
476
|
</div>
|
|
401
|
|
- <div
|
|
402
|
|
- @tap="handleShowMyIntegral"
|
|
403
|
|
- class="w-1/3 flex flex-col justify-center items-center">
|
|
|
477
|
+ <div @tap="handleShowMyIntegral" class="w-1/3 flex flex-col justify-center items-center">
|
|
404
|
478
|
<div>{{ userStore.userInfo.score }}</div>
|
|
405
|
479
|
<div class="text-xs">我的积分</div>
|
|
406
|
480
|
</div>
|
|
407
|
481
|
</div>
|
|
408
|
|
- <div
|
|
409
|
|
- v-if="userStore.userInfo"
|
|
410
|
|
- class="flex">
|
|
411
|
|
- <div
|
|
412
|
|
- @click="handleToRedIntegral"
|
|
413
|
|
- class="w-1/2 flex flex-col justify-center items-center">
|
|
|
482
|
+ <div v-if="userStore.userInfo" class="flex">
|
|
|
483
|
+ <div @click="handleToRedIntegral" class="w-1/2 flex flex-col justify-center items-center">
|
|
414
|
484
|
<div>{{ userStore.userInfo.red }}</div>
|
|
415
|
485
|
<div class="text-xs">红积分提现</div>
|
|
416
|
486
|
</div>
|
|
|
@@ -428,9 +498,7 @@ function handleShowMyRulePage(item) {
|
|
428
|
498
|
<div class="flex justify-between pt-4 mb-4">
|
|
429
|
499
|
<div>我的订单</div>
|
|
430
|
500
|
<div class="flex items-center">
|
|
431
|
|
- <div
|
|
432
|
|
- @click="handleShowMyAllOrder(0)"
|
|
433
|
|
- class="text-sm text-gray">查看全部
|
|
|
501
|
+ <div @click="handleShowMyAllOrder(0)" class="text-sm text-gray">查看全部
|
|
434
|
502
|
</div>
|
|
435
|
503
|
<div class="f-text-color-2 i-tabler-chevron-right"></div>
|
|
436
|
504
|
</div>
|
|
|
@@ -438,51 +506,35 @@ function handleShowMyRulePage(item) {
|
|
438
|
506
|
|
|
439
|
507
|
</div>
|
|
440
|
508
|
<div class="flex pb-4">
|
|
441
|
|
- <div
|
|
442
|
|
- @click="handleShowMyAllOrder(index + 1)"
|
|
443
|
|
- v-for="(item, index) in myOrderList" :key="index"
|
|
444
|
|
- class="flex flex-col justify-center items-center w-1/5 gap-3"
|
|
445
|
|
- >
|
|
|
509
|
+ <div @click="handleShowMyAllOrder(index + 1)" v-for="(item, index) in myOrderList" :key="index"
|
|
|
510
|
+ class="flex flex-col justify-center items-center w-1/5 gap-3">
|
|
446
|
511
|
<div class="relative">
|
|
447
|
|
- <div class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
448
|
|
- v-if="
|
|
449
|
|
- item.id == 'noPay' && orderQuantity && orderQuantity.noPay != '0'"
|
|
450
|
|
-
|
|
451
|
|
- >
|
|
452
|
|
- {{ orderQuantity.noPay}}
|
|
|
512
|
+ <div
|
|
|
513
|
+ class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
|
514
|
+ v-if="item.id == 'noPay' && orderQuantity && orderQuantity.noPay != '0'">
|
|
|
515
|
+ {{ orderQuantity.noPay }}
|
|
453
|
516
|
</div>
|
|
454
|
|
- <div class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
455
|
|
- v-if="
|
|
456
|
|
- item.id == 'refund' && orderQuantity && orderQuantity.refund != '0'"
|
|
457
|
|
-
|
|
458
|
|
- >
|
|
459
|
|
- {{ orderQuantity.refund}}
|
|
|
517
|
+ <div
|
|
|
518
|
+ class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
|
519
|
+ v-if="item.id == 'refund' && orderQuantity && orderQuantity.refund != '0'">
|
|
|
520
|
+ {{ orderQuantity.refund }}
|
|
460
|
521
|
</div>
|
|
461
|
|
- <div class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
462
|
|
- v-if="
|
|
463
|
|
- item.id == 'noDeliver' && orderQuantity && orderQuantity.noDeliver != '0'"
|
|
464
|
|
-
|
|
465
|
|
- >
|
|
466
|
|
- {{ orderQuantity.noDeliver}}
|
|
|
522
|
+ <div
|
|
|
523
|
+ class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
|
524
|
+ v-if="item.id == 'noDeliver' && orderQuantity && orderQuantity.noDeliver != '0'">
|
|
|
525
|
+ {{ orderQuantity.noDeliver }}
|
|
467
|
526
|
</div>
|
|
468
|
|
- <div class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
469
|
|
- v-if="
|
|
470
|
|
- item.id == 'noPostage' && orderQuantity && orderQuantity.noPostage != '0'"
|
|
471
|
|
-
|
|
472
|
|
- >
|
|
473
|
|
- {{ orderQuantity.noPostage}}
|
|
|
527
|
+ <div
|
|
|
528
|
+ class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
|
529
|
+ v-if="item.id == 'noPostage' && orderQuantity && orderQuantity.noPostage != '0'">
|
|
|
530
|
+ {{ orderQuantity.noPostage }}
|
|
474
|
531
|
</div>
|
|
475
|
|
- <div class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
476
|
|
- v-if="
|
|
477
|
|
- item.id == 'noComment' && orderQuantity && orderQuantity.noComment != '0'"
|
|
478
|
|
-
|
|
479
|
|
- >
|
|
480
|
|
- {{ orderQuantity.noComment}}
|
|
|
532
|
+ <div
|
|
|
533
|
+ class="bg-primary rounded-full w-3 h-3 text-[9px] text-white flex justify-center items-center absolute top--1 right--2 text-center"
|
|
|
534
|
+ v-if="item.id == 'noComment' && orderQuantity && orderQuantity.noComment != '0'">
|
|
|
535
|
+ {{ orderQuantity.noComment }}
|
|
481
|
536
|
</div>
|
|
482
|
|
- <image :src="item.icon"
|
|
483
|
|
- mode="widthFix"
|
|
484
|
|
- class="w-7 h-7 "
|
|
485
|
|
- />
|
|
|
537
|
+ <image :src="item.icon" mode="widthFix" class="w-7 h-7 " />
|
|
486
|
538
|
</div>
|
|
487
|
539
|
|
|
488
|
540
|
<div class="text-xs">{{ item.text }}</div>
|
|
|
@@ -495,15 +547,9 @@ function handleShowMyRulePage(item) {
|
|
495
|
547
|
<div>我的服务</div>
|
|
496
|
548
|
</div>
|
|
497
|
549
|
<div class="flex flex-wrap ">
|
|
498
|
|
- <div
|
|
499
|
|
- v-for="(item, index) in myServiceList" :key="index"
|
|
500
|
|
- @tap="handleService(item)"
|
|
501
|
|
- class="flex flex-col justify-center items-center w-1/4 gap-2 mb-4"
|
|
502
|
|
- >
|
|
503
|
|
- <image :src="item.icon"
|
|
504
|
|
- mode="widthFix"
|
|
505
|
|
- class="w-6 h-6 "
|
|
506
|
|
- />
|
|
|
550
|
+ <div v-for="(item, index) in myServiceList" :key="index" @tap="handleService(item)"
|
|
|
551
|
+ class="flex flex-col justify-center items-center w-1/4 gap-2 mb-4">
|
|
|
552
|
+ <image :src="item.icon" mode="widthFix" class="w-6 h-6 " />
|
|
507
|
553
|
<div class="text-xs">{{ item.text }}</div>
|
|
508
|
554
|
</div>
|
|
509
|
555
|
</div>
|
|
|
@@ -515,15 +561,9 @@ function handleShowMyRulePage(item) {
|
|
515
|
561
|
<div>联系我们</div>
|
|
516
|
562
|
</div>
|
|
517
|
563
|
<div class="flex flex-wrap ">
|
|
518
|
|
- <div
|
|
519
|
|
- v-for="(item, index) in contactUsList" :key="index"
|
|
520
|
|
- @tap="handleToContact(item)"
|
|
521
|
|
- class="flex flex-col justify-center items-center w-1/4 gap-2 mb-4"
|
|
522
|
|
- >
|
|
523
|
|
- <image :src="item.icon"
|
|
524
|
|
- mode="widthFix"
|
|
525
|
|
- class="w-6 h-6 "
|
|
526
|
|
- />
|
|
|
564
|
+ <div v-for="(item, index) in contactUsList" :key="index" @tap="handleToContact(item)"
|
|
|
565
|
+ class="flex flex-col justify-center items-center w-1/4 gap-2 mb-4">
|
|
|
566
|
+ <image :src="item.icon" mode="widthFix" class="w-6 h-6 " />
|
|
527
|
567
|
<div class="text-xs">{{ item.text }}</div>
|
|
528
|
568
|
</div>
|
|
529
|
569
|
</div>
|
|
|
@@ -539,6 +579,114 @@ function handleShowMyRulePage(item) {
|
|
539
|
579
|
page {
|
|
540
|
580
|
background-color: #f8f8f8;
|
|
541
|
581
|
}
|
|
|
582
|
+
|
|
|
583
|
+.flex-height {
|
|
|
584
|
+ margin-left: 3px;
|
|
|
585
|
+}
|
|
|
586
|
+
|
|
|
587
|
+.btm {
|
|
|
588
|
+ margin-top: 1px;
|
|
|
589
|
+}
|
|
|
590
|
+
|
|
|
591
|
+.vip_img {
|
|
|
592
|
+ width: 116rpx;
|
|
|
593
|
+ height: 58rpx;
|
|
|
594
|
+}
|
|
|
595
|
+
|
|
|
596
|
+.box_2 {
|
|
|
597
|
+ background-color: #ffffff00;
|
|
|
598
|
+}
|
|
|
599
|
+
|
|
|
600
|
+.img_1 {
|
|
|
601
|
+ width: 560rpx;
|
|
|
602
|
+ height: 660rpx;
|
|
|
603
|
+}
|
|
|
604
|
+
|
|
|
605
|
+.off_1 {
|
|
|
606
|
+ width: 72rpx;
|
|
|
607
|
+ height: 72rpx;
|
|
|
608
|
+ position: absolute;
|
|
|
609
|
+ margin-top: 40rpx;
|
|
|
610
|
+ left: 50%;
|
|
|
611
|
+ margin-left: -36rpx;
|
|
|
612
|
+}
|
|
|
613
|
+
|
|
|
614
|
+.off_2 {
|
|
|
615
|
+ width: 100%;
|
|
|
616
|
+ height: 100%;
|
|
|
617
|
+}
|
|
|
618
|
+
|
|
|
619
|
+.off_3 {
|
|
|
620
|
+ width: 34rpx;
|
|
|
621
|
+ height: 34rpx;
|
|
|
622
|
+}
|
|
|
623
|
+
|
|
|
624
|
+.div_box {
|
|
|
625
|
+ width: 496rpx;
|
|
|
626
|
+ height: 152rpx;
|
|
|
627
|
+ background: #E5F9FF;
|
|
|
628
|
+ border-radius: 16rpx;
|
|
|
629
|
+ margin-left: 32rpx;
|
|
|
630
|
+}
|
|
|
631
|
+
|
|
|
632
|
+.blue_1 {
|
|
|
633
|
+ height: 80rpx;
|
|
|
634
|
+ line-height: 80rpx;
|
|
|
635
|
+}
|
|
|
636
|
+
|
|
|
637
|
+.blue_1 image {
|
|
|
638
|
+ margin-left: 26rpx;
|
|
|
639
|
+ margin-top: 14rpx;
|
|
|
640
|
+}
|
|
|
641
|
+
|
|
|
642
|
+.pan {
|
|
|
643
|
+ font-size: 28rpx;
|
|
|
644
|
+ margin-left: 10rpx;
|
|
|
645
|
+ font-family: SourceHanSansCN, SourceHanSansCN;
|
|
|
646
|
+ font-weight: 500;
|
|
|
647
|
+ color: #4D4D69;
|
|
|
648
|
+
|
|
|
649
|
+}
|
|
|
650
|
+
|
|
|
651
|
+.blue_2 {
|
|
|
652
|
+ font-size: 30rpx;
|
|
|
653
|
+ font-family: SourceHanSansCN, SourceHanSansCN;
|
|
|
654
|
+ font-weight: bold;
|
|
|
655
|
+ color: #4D4D69;
|
|
|
656
|
+ background: #C2F0FF;
|
|
|
657
|
+ padding-left: 26rpx;
|
|
|
658
|
+}
|
|
|
659
|
+
|
|
|
660
|
+.pand {
|
|
|
661
|
+ font-size: 22rpx;
|
|
|
662
|
+ font-family: SourceHanSansCN, SourceHanSansCN;
|
|
|
663
|
+ font-weight: bold;
|
|
|
664
|
+ color: black;
|
|
|
665
|
+}
|
|
|
666
|
+
|
|
|
667
|
+.height1 {
|
|
|
668
|
+ height: 74rpx;
|
|
|
669
|
+ line-height: 74rpx;
|
|
|
670
|
+}
|
|
|
671
|
+
|
|
|
672
|
+.pend {
|
|
|
673
|
+ padding-top: 14rpx
|
|
|
674
|
+}
|
|
|
675
|
+
|
|
|
676
|
+.height2 {
|
|
|
677
|
+ height: 90rpx;
|
|
|
678
|
+ border-radius: 0rpx 0rpx 16rpx 16rpx;
|
|
|
679
|
+}
|
|
|
680
|
+
|
|
|
681
|
+.pong1 {
|
|
|
682
|
+ position: absolute;
|
|
|
683
|
+ top: 255rpx
|
|
|
684
|
+}
|
|
|
685
|
+
|
|
|
686
|
+.pong2 {
|
|
|
687
|
+ position: absolute;
|
|
|
688
|
+ top: 447rpx
|
|
|
689
|
+}
|
|
542
|
690
|
</style>
|
|
543
|
691
|
<route lang="yaml">
|
|
544
|
692
|
style:
|
dxz1228
