huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

进度图好了

zhangyong/milestone-20250913-现金管理
lihuilin 1 month ago
parent
9a6d37170d
commit
066b0be2d2
5 changed files with 336 additions and 119 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/utils/menuUtils.js
  2. 123
      src/views/moneyManage/refundDetail/refundCharge.vue
  3. 100
      src/views/moneyManage/refundDetail/refundFinance.vue
  4. 124
      src/views/moneyManage/refundDetail/refundHeader.vue
  5. 60
      src/views/moneyManage/refundDetail/refundService.vue

2
src/utils/menuUtils.js
View File

@ -85,7 +85,7 @@ export const getRoutePath = (menu) => {
'收款-总部财务/管理员':'/moneyManage/receiveDetail/receiveHead',
'退款明细': '/moneyManage/refundDetail',
'退款-地区客服':'/moneyManage/refundDetail/service',
'退款-地区客服':'/moneyManage/refundDetail/refundService',
'退款-地区财务':'/moneyManage/refundDetail/refundFinance',
'退款-地区负责人':'/moneyManage/refundDetail/refundCharge',
'退款-总部财务/管理员':'/moneyManage/refundDetail/refundHeader',

123
src/views/moneyManage/refundDetail/refundCharge.vue
View File

@ -1,6 +1,6 @@
<!-- 各地负责人 -->
<template>
<el-card style="margin-bottom: 0.5vh;">
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
@ -28,11 +28,15 @@
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;">
<el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
<el-select v-model="searchForm.payType" style="width:9vw;">
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
@ -49,7 +53,7 @@
</div>
</el-card>
<el-card style="margin-top: 0.5vh;">
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:64vh;width:82vw">
<el-table-column type="index" label="序号" width="60" fixed="left" />
<el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
@ -212,47 +216,65 @@
}">
<div class="steps">
<div class="steps-content">
<el-steps style="min-width: 60vw" :active="1" align-center>
<el-step> <template #title>
<el-steps :active="currentStep" align-center>
<el-step title="提交人">
<template #title>
<div>提交人<br>你是死的</div>
</template>
<template #icon>
<img src="@/assets/images/已审核.png" alt="已审核图标">
<img v-if="currentStep === 1" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 1" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="地区财务">
<template #icon>
<img src="@/assets/images/待审核.png" alt="待审核图标">
<img v-if="currentStep < 2" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 2" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 2" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="地区负责人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 3" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 3" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 3" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="总部财务">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 4" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 4" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 4" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="指定执行人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 5" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 5" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
</el-steps>
</div>
<div class="steps-status">
<el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
<el-step title="已通过" />
<el-step title="待审核" />
<el-step title="待审核" />
<el-step title="待审核" />
<el-step title="待审核" />
</el-steps>
</div>
<div class="steps-btn">
<el-button type="primary">确定</el-button>
<el-button type="primary" @click="showSteps = false">确定</el-button>
</div>
</div>
</el-dialog>
@ -267,8 +289,9 @@ import { storeToRefs } from "pinia"
import dayjs from 'dayjs'
const adminStore = useAdminStore()
const { adminData, menuTree } = storeToRefs(adminStore)
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
const currentStep = ref(0)// 进度图
const searchForm = ref({
jwcode: '',
markets:[]
@ -288,7 +311,33 @@ const showAudit2 = ref(false)
const tableData = ref([])
const showSteps = ref(false)
const uploadRef = ref(null)
const payments = ref([{
const currencies = ref([
{
value: '新币',
label: '新币'
},
{
value: '港币',
label: '港币'
},
{
value: '马币',
label: '马币'
},
{
value: '加币',
label: '加币'
},
{
value: '泰铢',
label: '泰铢'
},
{
value: '越南盾',
label: '越南盾'
}
])
const channelOptions = ref([{
value: '银行转账',
label: '银行转账'
},
@ -468,6 +517,19 @@ const showStep = function (row) {
ElMessage.error('无此权限')
return
}
if (row.areaService !== null || row.areaService !== '') {
currentStep.value = 1
}
if (row.areaFinance !== null || row.areaFinance !== '') {
currentStep.value = 2
}
if (row.areaCharge !== null || row.areaCharge !== '') {
currentStep.value = 3
}
if (row.headFinance !== null || row.headFinance !== '') {
currentStep.value = 4
}
console.log("看看顺序到哪了",currentStep.value)
showSteps.value = true
}
const hideReject = function () {
@ -491,6 +553,16 @@ onMounted(() => {
})
</script>
<style scoped lang="scss">
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
.condition {
width: 82vw;
display: flex;
@ -604,12 +676,7 @@ onMounted(() => {
.steps {
.steps-content {
width: 45vw;
height: 15vh;
display: flex;
justify-content: center;
padding-top: 15vw;
padding-left: 8vw;
}
.steps-status {

100
src/views/moneyManage/refundDetail/refundFinance.vue
View File

@ -1,6 +1,6 @@
<!-- 各地财务 -->
<template>
<el-card style="margin-bottom: 0.5vh;">
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
@ -28,11 +28,16 @@
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;">
<el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
<el-select v-model="searchForm.payType" style="width:9vw;">
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
@ -49,7 +54,7 @@
</div>
</el-card>
<el-card style="margin-top: 0.5vh;">
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:64vh;width:82vw">
<el-table-column type="index" label="序号" width="60" fixed="left" />
<el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" />
@ -144,7 +149,8 @@
</div>
<div class="center-item">
<el-text style="width:4vw;">转账凭证</el-text>
<img v-if="auditRow.voucher" :src="auditRow.voucher" style="width: 100%; height: 100%; object-fit: cover;">
<img v-if="auditRow.voucher" :src="auditRow.voucher"
style="width: 100%; height: 100%; object-fit: cover;">
<div v-else>
无转账凭证
</div>
@ -215,47 +221,65 @@
}">
<div class="steps">
<div class="steps-content">
<el-steps style="min-width: 60vw" :active="1" align-center>
<el-step> <template #title>
<el-steps :active="currentStep" align-center>
<el-step title="提交人">
<template #title>
<div>提交人<br>你是死的</div>
</template>
<template #icon>
<img src="@/assets/images/已审核.png" alt="已审核图标">
<img v-if="currentStep === 1" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 1" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="地区财务">
<template #icon>
<img src="@/assets/images/待审核.png" alt="待审核图标">
<img v-if="currentStep < 2" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 2" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 2" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="地区负责人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 3" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 3" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 3" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="总部财务">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 4" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 4" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 4" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="指定执行人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 5" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 5" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
</el-steps>
</div>
<div class="steps-status">
<el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
<el-step title="已通过" />
<el-step title="待审核" />
<el-step title="待审核" />
<el-step title="待审核" />
<el-step title="待审核" />
</el-steps>
</div>
<div class="steps-btn">
<el-button type="primary">确定</el-button>
<el-button type="primary" @click="showSteps = false">确定</el-button>
</div>
</div>
</el-dialog>
@ -270,9 +294,10 @@ import { storeToRefs } from "pinia"
import dayjs from 'dayjs'
const adminStore = useAdminStore()
const { adminData, menuTree } = storeToRefs(adminStore)
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
import { get } from 'lodash'
const currentStep = ref(0)// 进度图
const searchForm = ref({
jwcode: '',
markets: []
@ -560,6 +585,19 @@ const showStep = function (row) {
ElMessage.error('无此权限')
return
}
if (row.areaService !== null || row.areaService !== '') {
currentStep.value = 1
}
if (row.areaFinance !== null || row.areaFinance !== '') {
currentStep.value = 2
}
if (row.areaCharge !== null || row.areaCharge !== '') {
currentStep.value = 3
}
if (row.headFinance !== null || row.headFinance !== '') {
currentStep.value = 4
}
console.log("看看顺序到哪了",currentStep.value)
showSteps.value = true
}
const showAudit2 = function (row) {
@ -583,6 +621,17 @@ onMounted(() => {
})
</script>
<style scoped lang="scss">
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
.condition {
width: 82vw;
display: flex;
@ -686,12 +735,7 @@ onMounted(() => {
.steps {
.steps-content {
width: 45vw;
height: 15vh;
display: flex;
justify-content: center;
padding-top: 15vw;
padding-left: 8vw;
}
.steps-status {

124
src/views/moneyManage/refundDetail/refundHeader.vue
View File

@ -1,6 +1,6 @@
<!-- 各地负责人 -->
<!-- 总部财务/管理员 -->
<template>
<el-card style="margin-bottom: 0.5vh;">
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
@ -28,11 +28,15 @@
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;">
<el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
<el-select v-model="searchForm.payType" style="width:9vw;">
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
@ -49,7 +53,7 @@
</div>
</el-card>
<el-card style="margin-top: 0.5vh;">
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:64vh;width:82vw">
<el-table-column type="index" label="序号" width="60" fixed="left" />
<el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
@ -222,47 +226,65 @@
}">
<div class="steps">
<div class="steps-content">
<el-steps style="min-width: 60vw" :active="1" align-center>
<el-step> <template #title>
<el-steps :active="currentStep" align-center>
<el-step title="提交人">
<template #title>
<div>提交人<br>你是死的</div>
</template>
<template #icon>
<img src="@/assets/images/已审核.png" alt="已审核图标">
<img v-if="currentStep === 1" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 1" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="地区财务">
<template #icon>
<img src="@/assets/images/待审核.png" alt="待审核图标">
<img v-if="currentStep < 2" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 2" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 2" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="地区负责人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 3" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 3" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 3" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="总部财务">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 4" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 4" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep > 4" src="@/assets/images/已审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
<el-step title="指定执行人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
<img v-if="currentStep < 5" src="@/assets/images/还没传到.png" alt="步骤图标"
style="width: 30px; height: 30px;">
<img v-if="currentStep === 5" src="@/assets/images/待审核.png" alt="步骤图标"
style="width: 30px; height: 30px;">
</template>
</el-step>
</el-steps>
</div>
<div class="steps-status">
<el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
<el-step title="已通过" />
<el-step title="待审核" />
<el-step title="待审核" />
<el-step title="待审核" />
<el-step title="待审核" />
</el-steps>
</div>
<div class="steps-btn">
<el-button type="primary">确定</el-button>
<el-button type="primary" @click="showSteps = false">确定</el-button>
</div>
</div>
</el-dialog>
@ -277,8 +299,9 @@ import { storeToRefs } from "pinia"
import dayjs from 'dayjs'
const adminStore = useAdminStore()
const { adminData, menuTree } = storeToRefs(adminStore)
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
const currentStep = ref(0)// 进度图
const searchForm = ref({
jwcode: '',
markets: [],
@ -300,7 +323,33 @@ const showAudit2 = ref(false)
const tableData = ref([])
const showSteps = ref(false)
const uploadRef = ref(null)
const payments = ref([{
const currencies = ref([
{
value: '新币',
label: '新币'
},
{
value: '港币',
label: '港币'
},
{
value: '马币',
label: '马币'
},
{
value: '加币',
label: '加币'
},
{
value: '泰铢',
label: '泰铢'
},
{
value: '越南盾',
label: '越南盾'
}
])
const channelOptions = ref([{
value: '银行转账',
label: '银行转账'
},
@ -509,6 +558,19 @@ const showStep = function (row) {
ElMessage.error('无此权限')
return
}
if (row.areaService !== null || row.areaService !== '') {
currentStep.value = 1
}
if (row.areaFinance !== null || row.areaFinance !== '') {
currentStep.value = 2
}
if (row.areaCharge !== null || row.areaCharge !== '') {
currentStep.value = 3
}
if (row.headFinance !== null || row.headFinance !== '') {
currentStep.value = 4
}
console.log("看看顺序到哪了",currentStep.value)
showSteps.value = true
}
const showAudit = function (row) {
@ -521,6 +583,15 @@ onMounted(() => {
})
</script>
<style scoped lang="scss">
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
.condition {
width: 82vw;
display: flex;
@ -634,12 +705,7 @@ onMounted(() => {
.steps {
.steps-content {
width: 45vw;
height: 15vh;
display: flex;
justify-content: center;
padding-top: 15vw;
padding-left: 8vw;
}
.steps-status {

60
src/views/moneyManage/refundDetail/refundService.vue
View File

@ -1,6 +1,6 @@
<!-- 客服 -->
<template>
<el-card style="margin-bottom: 0.5vh;">
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
@ -12,7 +12,8 @@
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">所属地区</el-text>
<el-input v-model="searchForm.market" placeholder="请输入所属地区" style="width:9vw;" clearable />
<el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market"
placeholder="请选择所属地区" clearable @change="handleMarketChange" />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">产品名称</el-text>
@ -52,8 +53,8 @@
</div>
</el-card>
<el-card style="margin-top: 0.5vh;">
<el-table :data="tableData" style="height:64vh;width:82vw">
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:64vh;width:82vw;background-color: rgb(243,250,254);">
<el-table-column type="index" label="序号" width="60" fixed="left" />
<el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" />
<el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip />
@ -92,10 +93,6 @@
@click="showEditDialog(scope.row)">
编辑
</el-button>
<el-button v-if="scope.row.status !== 11 && scope.row.status !== 10" type="primary" text
@click="showSteps = true">
查看进度
</el-button>
</div>
</template>
</el-table-column>
@ -263,7 +260,7 @@ import { storeToRefs } from "pinia"
import dayjs from 'dayjs'
const adminStore = useAdminStore()
const { adminData, menuTree } = storeToRefs(adminStore)
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
const dateRange = ref([])
const searchForm = ref({
@ -271,6 +268,7 @@ const searchForm = ref({
market: [],
statuses: []
})
const market = ref([])
const backRow = ref({})// 撤回存数据
const editRow = ref({})// 编辑存数据
const editForm = ref({
@ -412,6 +410,35 @@ const submitEdit = async function () {
ElMessage.error(error.message || '编辑失败')
}
}
const getMarket = async function () {
try {
const result = await API({
url: '/market/selectMarket',
})
console.log('看看地区树', result)
const transformTree = (nodes) => {
const allChildren = nodes.flatMap(node => node.children || []);
return allChildren.map(child => {
const grandchildren = child.children && child.children.length
? transformTree([child])
: null;
return {
value: child.name,
label: child.name,
children: grandchildren
};
});
};
market.value = transformTree(result.data)
console.log('转换后的地区树==============', market.value)
} catch (error) {
console.log('请求失败', error)
}
}
const currencies = ref([
{
value: '新币',
@ -532,13 +559,26 @@ const disabledDate = (time) => {
const limitDate = new Date(2025, 0, 1);
return time.getTime() < limitDate.getTime();
}
const handleMarketChange = (value) => {
searchForm.value.market = value || []
}
onMounted(() => {
getRefund()
getMarket()
console.log('???????????????????', adminData.value)
})
</script>
<style scoped lang="scss">
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),
:deep(.el-table__body td) {
background-color: #F3FAFE !important;
}
:deep(.el-table__header th) {
background-color: #F3FAFE !important;
}
.condition {
width: 82vw;
display: flex;

Write Preview
Loading…
Cancel
Save