You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
936 lines
36 KiB
936 lines
36 KiB
<!-- 各地财务 -->
|
|
<template>
|
|
<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>
|
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
|
|
</div>
|
|
<div class="item1">
|
|
<el-text size="large" style="width:4vw;">客户姓名</el-text>
|
|
<el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
|
|
</div>
|
|
<div class="item1">
|
|
<el-text size="large" style="width:4vw;">产品名称</el-text>
|
|
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
|
|
</div>
|
|
<div class="item1" v-if="adminData.markets === '总部'">
|
|
<el-text size="large" style="width:4vw;">所属地区</el-text>
|
|
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
|
|
clearable @change="handleMarketChange" />
|
|
</div>
|
|
<div class="item1">
|
|
<el-text size="large" style="width:4vw;">订单状态</el-text>
|
|
<el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
|
|
<el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
<div class="condition">
|
|
<div class="item2">
|
|
<el-text size="large" style="width:4vw;">付款币种</el-text>
|
|
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
|
|
<el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
|
|
</el-select>
|
|
</div>
|
|
<div class="item2">
|
|
<el-text size="large" style="width:4vw;">支付方式</el-text>
|
|
<el-select v-model="searchForm.payType" style="width:9vw;" clearable>
|
|
<el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
|
|
</el-select>
|
|
</div>
|
|
<div class="item2" style="width: 28.5vw;">
|
|
<el-text size="large" style="width:4vw;">付款时间</el-text>
|
|
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
|
|
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
|
|
:disabled-date="disabledDate" :default-time="defaultTime" />
|
|
</div>
|
|
<div>
|
|
<el-button type="primary" @click="getRefund">查询</el-button>
|
|
<el-button type="warning" @click="exportExcel()">导出excel</el-button>
|
|
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
|
|
<el-button type="success" @click="reset">重置</el-button>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
|
|
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
|
|
<el-table :data="tableData" style="height:73vh;width:82vw">
|
|
<el-table-column type="index" label="序号" width="60" fixed="left">
|
|
<template #default="scope">
|
|
{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
|
|
</template>
|
|
</el-table-column>
|
|
<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 />
|
|
<el-table-column prop="marketName" label="所属地区" width="120" />
|
|
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
|
|
<el-table-column prop="goodsNum" label="产品数量" width="120" />
|
|
<el-table-column prop="refundModel" label="退款方式" width="120">
|
|
<template #default="scope">
|
|
{{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="submitter" label="提交人" width="120" />
|
|
<el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
|
|
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
|
|
<el-table-column prop="status" label="订单状态" width="120">
|
|
<template #default="scope">
|
|
{{
|
|
[10].includes(scope.row.status) ? '待审核' :
|
|
[20, 30, 40].includes(scope.row.status) ? '审核通过' :
|
|
[12, 22, 32].includes(scope.row.status) ? '已驳回' :
|
|
[41].includes(scope.row.status) ? '退款成功' : scope.row.status
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="operation" label="操作" fixed="right" width="100px">
|
|
<template #default="scope">
|
|
<div class="operation">
|
|
<el-button v-if="scope.row.status === 10" type="primary" text @click="showAudit2(scope.row)">
|
|
审核
|
|
</el-button>
|
|
<el-button v-else type="primary" text @click="showStep(scope.row)">
|
|
查看进度
|
|
</el-button>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
|
|
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
|
|
@size-change="handlePageSizeChange" @current-change="handleCurrentChange"
|
|
style="margin-top: 1vh;"></el-pagination>
|
|
</el-card>
|
|
|
|
<el-dialog v-model="showAudit" title="审核" class="audit" width="35vw" overflow draggable
|
|
style="background-color: #F3FAFE !important;">
|
|
<div class="top">
|
|
<el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
|
|
<div class="top-item">
|
|
<el-text style="width:4vw;" size="small">退款方式</el-text>
|
|
<el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
|
|
<el-option label="全部退款" :value="0"></el-option>
|
|
<el-option label="部分退款" :value="1"></el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="top-item">
|
|
<el-text style="width:4vw;" size="small">永久金币</el-text>
|
|
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled /> 个
|
|
</div>
|
|
<div class="top-item">
|
|
<el-text style="width:4vw;" size="small">免费金币</el-text>
|
|
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled /> 个
|
|
</div>
|
|
<div class="top-item">
|
|
<el-text style="width:4vw;" size="small">退款理由</el-text>
|
|
<el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
|
|
show-word-limit type="textarea" disabled />
|
|
</div>
|
|
</div>
|
|
<el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
|
|
<div class="center">
|
|
<div class="center-left">
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;" size="small">精网号</el-text>
|
|
<el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;" size="small">所属地区</el-text>
|
|
<el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;" size="small">产品名称</el-text>
|
|
<el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;" size="small">付款币种</el-text>
|
|
<el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;" size="small">付款金额</el-text>
|
|
<el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;" size="small">付款时间</el-text>
|
|
<el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="center-item">
|
|
<el-text style="width:4vw;">转账凭证</el-text>
|
|
<img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
|
|
style="width: 80px; height: 80px; object-fit: cover;">
|
|
<div v-else>
|
|
无转账凭证
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="center-right">
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">客户姓名</el-text>
|
|
<el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">活动名称</el-text>
|
|
<el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">支付方式</el-text>
|
|
<el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">到账币种</el-text>
|
|
<el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">到账金额</el-text>
|
|
<el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">到账时间</el-text>
|
|
<el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">手续费</el-text>
|
|
<el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">提交人</el-text>
|
|
<el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
|
|
</div>
|
|
<div class="right-item">
|
|
<el-text style="width:4vw;" size="small">备注</el-text>
|
|
<el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
|
|
type="textarea" show-word-limit disabled />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
|
|
<div class="bottom-item" v-show="showReject">
|
|
<el-text style="width:4vw;" size="small">驳回备注</el-text>
|
|
<el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
|
|
maxlength="100" type="textarea" show-word-limit clearable />
|
|
</div>
|
|
<div style="text-align: center;" v-show="!showReject">
|
|
<el-button type="default" @click="showReject = true">驳回</el-button>
|
|
<el-button type="primary" @click="handlePass">通过</el-button>
|
|
</div>
|
|
<div style="text-align: center;" v-show="showReject">
|
|
<el-button type="default" @click="hideReject">取消</el-button>
|
|
<el-button type="primary" @click="handleReject">确定</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
|
|
backgroundImage: `url(${RefundFinanceBackground})`,
|
|
backgroundSize: 'cover',
|
|
backgroundPosition: 'center'
|
|
}">
|
|
<div class="steps">
|
|
<div class="steps-content">
|
|
<el-steps :active="currentStep" align-center>
|
|
<el-step>
|
|
<template #title>
|
|
<div>
|
|
提交人<br>{{ submitter || '未知提交人' }}
|
|
</div>
|
|
</template>
|
|
<template #icon>
|
|
<img src="@/assets/images/refund-approved.png" alt="已完成">
|
|
</template>
|
|
</el-step>
|
|
|
|
<el-step>
|
|
<template #title>
|
|
<div>
|
|
地区财务<br>{{ areaFinance || '未记录审核人' }}
|
|
</div>
|
|
</template>
|
|
<template #icon>
|
|
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
|
|
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
|
|
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
|
|
</template>
|
|
</el-step>
|
|
|
|
<el-step>
|
|
<template #title>
|
|
<div>
|
|
地区负责人<br>{{ areaCharge || '未记录审核人' }}
|
|
</div>
|
|
</template>
|
|
<template #icon>
|
|
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
|
|
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
|
|
<img v-else-if="currentStep > 3 && currentStep != 4"
|
|
src="@/assets/images/refund-approved.png" alt="已审核">
|
|
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
|
|
</template>
|
|
</el-step>
|
|
|
|
<el-step>
|
|
<template #title>
|
|
<div>
|
|
总部财务<br>{{ headFinance || '未记录审核人' }}
|
|
</div>
|
|
</template>
|
|
<template #icon>
|
|
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
|
|
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
|
|
<img v-else-if="currentStep > 5 && currentStep != 6"
|
|
src="@/assets/images/refund-approved.png" alt="已审核">
|
|
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
|
|
</template>
|
|
</el-step>
|
|
|
|
<el-step>
|
|
<template #title>
|
|
<div>
|
|
指定执行人<br>{{ executor || '未记录执行人' }}
|
|
</div>
|
|
</template>
|
|
<template #icon>
|
|
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
|
|
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
|
|
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
|
|
</template>
|
|
</el-step>
|
|
</el-steps>
|
|
</div>
|
|
<div class="steps-btn">
|
|
<el-button type="primary" @click="showSteps = false">确定</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<el-dialog v-model="exportListVisible" title="导出列表" width="80%">
|
|
<el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
|
|
<el-table-column prop="fileName" label="文件名" />
|
|
<el-table-column prop="state" label="状态">
|
|
<template #default="scope">
|
|
<el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
|
|
{{ getTagText(scope.row.state) }}
|
|
</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="createTime" label="创建时间">
|
|
<template #default="scope">
|
|
{{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作">
|
|
<template #default="scope">
|
|
<el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
|
|
:disabled="scope.row.state !== 2">
|
|
下载
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<template #footer>
|
|
<div class="dialog-footer">
|
|
<el-button text @click="exportListVisible = false">关闭</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
<script setup>
|
|
import { ref, onMounted } from 'vue'
|
|
import { ElMessage } from 'element-plus'
|
|
import API from '@/util/http.js'
|
|
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
|
|
import { useAdminStore } from "@/store/index.js"
|
|
import { storeToRefs } from "pinia"
|
|
import dayjs from 'dayjs'
|
|
const adminStore = useAdminStore()
|
|
const { adminData, menuTree } = storeToRefs(adminStore)
|
|
import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
|
|
import moment from 'moment'
|
|
import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js'
|
|
import RefundFinanceBackground from '@/assets/images/refund-progress.png'
|
|
import { isNumber } from 'lodash'
|
|
|
|
const currentStep = ref(0)// 进度图
|
|
const searchForm = ref({
|
|
jwcode: '',
|
|
markets: []
|
|
})
|
|
const dateRange = ref([])
|
|
const addForm = ref({
|
|
remark: ''
|
|
})
|
|
const auditForm = ref({
|
|
refundType: ''
|
|
})
|
|
const isReject = ref(false)// 进度图有没有驳回状态
|
|
const showReject = ref(false)
|
|
const pagination = ref({
|
|
pageNum: 1,
|
|
pageSize: 50,
|
|
total: 0
|
|
})
|
|
const market = ref([])
|
|
const tableData = ref([])
|
|
const showAudit = ref(false)
|
|
const auditRow = ref({})// 审核回显
|
|
const showSteps = ref(false)
|
|
const uploadRef = ref(null)
|
|
const submitter = ref('')// 提交人
|
|
const areaFinance = ref('')// 地区财务
|
|
const areaCharge = ref('')// 地区负责人
|
|
const headFinance = ref('')// 总部财务
|
|
const executor = ref('')// 指定执行人
|
|
const exportListVisible = ref(false)
|
|
const exportList = ref([])
|
|
// 导出列表加载状态
|
|
const exportListLoading = ref(false)
|
|
const payments = ref([{
|
|
value: '银行转账',
|
|
label: '银行转账'
|
|
},
|
|
{
|
|
value: '现金',
|
|
label: '现金'
|
|
},
|
|
{
|
|
value: '支票',
|
|
label: '支票'
|
|
},
|
|
{
|
|
value: '刷卡',
|
|
label: '刷卡'
|
|
},
|
|
{
|
|
value: 'Grabpay',
|
|
label: 'Grabpay'
|
|
},
|
|
{
|
|
value: 'Nets',
|
|
label: 'Nets'
|
|
},
|
|
{
|
|
value: 'PayPal',
|
|
label: 'PayPal'
|
|
},
|
|
{
|
|
value: 'Stripe-链接收款',
|
|
label: 'Stripe-链接收款'
|
|
},
|
|
{
|
|
value: 'Ipay88-链接收款',
|
|
label: 'Ipay88-链接收款'
|
|
},
|
|
{
|
|
value: 'PaymentAsia-链接收款',
|
|
label: 'PaymentAsia-链接收款'
|
|
},
|
|
{
|
|
value: 'Stripe-Link平台',
|
|
label: 'Stripe-Link平台'
|
|
},
|
|
{
|
|
value: 'PaymentAsia-Link平台',
|
|
label: 'PaymentAsia-Link平台'
|
|
},
|
|
{
|
|
value: 'FirstData-Link平台-Link平台',
|
|
label: 'FirstData-Link平台-Link平台'
|
|
},
|
|
{
|
|
value: 'IOS-Link平台',
|
|
label: 'IOS-Link平台'
|
|
},
|
|
{
|
|
value: 'Ipay88-Link平台',
|
|
label: 'Ipay88-Link平台'
|
|
}
|
|
])
|
|
const statusStepMap = {
|
|
10: [1, false],
|
|
12: [2, true],
|
|
20: [3, false],
|
|
22: [4, true],
|
|
30: [5, false],
|
|
32: [6, true],
|
|
40: [7, false],
|
|
41: [8, false]
|
|
}
|
|
const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
|
|
// 查全部
|
|
const getRefund = async function () {
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_finance_refund)) {
|
|
ElMessage.error('无此权限')
|
|
return
|
|
}
|
|
try {
|
|
const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
|
|
if (searchForm.value.statuses === '审核通过') {
|
|
statusParam.value = [20, 30, 40]
|
|
} else if (searchForm.value.statuses === '已驳回') {
|
|
statusParam.value = [12, 22, 32]
|
|
} else if (searchForm.value.statuses === '待审核') {
|
|
statusParam.value = [10]
|
|
} else if (searchForm.value.statuses === '退款成功') {
|
|
statusParam.value = [41]
|
|
} else {
|
|
statusParam.value = [10, 20, 22, 30, 32, 40, 41]
|
|
}
|
|
|
|
const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
|
|
? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : ''
|
|
|
|
if (searchForm.value.jwcode) {
|
|
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
|
|
if (!isPositiveInteger) {
|
|
ElMessage.error('请输入正确的精网号')
|
|
return;
|
|
}
|
|
}
|
|
// 增加精网号长度限制，防止后端400错误
|
|
if (searchForm.value.jwcode.length > 8) {
|
|
ElMessage.error('精网号长度不能超过8位')
|
|
return;
|
|
}
|
|
|
|
const params = {
|
|
pageNum: pagination.value.pageNum,
|
|
pageSize: pagination.value.pageSize,
|
|
cashRecordDTO: {
|
|
jwcode: searchForm.value.jwcode,//精网号
|
|
name: searchForm.value.name,//姓名
|
|
markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
|
|
goodsName: goodsName,//商品名
|
|
statuses: statusParam.value,//10：地区财务待审核；12：地区财务驳回；
|
|
// 20：地区负责人待审核；22：地区负责人驳回；
|
|
// 30：总部财务待审核；32：总部财务驳回；
|
|
// 40：执行人待处理；41：执行人已处理，退款完成；
|
|
paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),//付款币种
|
|
payType: searchForm.value.payType,//支付方式
|
|
startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
|
|
endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
|
|
adminId: adminData.value.id
|
|
}
|
|
}
|
|
|
|
const result = await API({
|
|
url: '/Money/select',
|
|
method: 'POST',
|
|
data: params
|
|
})
|
|
|
|
tableData.value = result.data.list || []
|
|
pagination.value.total = result.data.total || 0
|
|
} catch (error) {
|
|
ElMessage.error(error.message || '查询失败')
|
|
}
|
|
}
|
|
// 审核通过
|
|
const handlePass = async function () {
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
|
|
ElMessage.error('无此权限')
|
|
return
|
|
}
|
|
try {
|
|
const params = {
|
|
id: auditRow.value.id,
|
|
status: 20,
|
|
areaFinance: adminData.value.adminName,
|
|
auditId: auditRow.value.auditId,
|
|
relatedId: auditRow.value.relatedId
|
|
}
|
|
const result = await API({
|
|
url: '/Money/review',
|
|
data: params
|
|
})
|
|
if (result.code === 200) {
|
|
ElMessage.success('审核通过')
|
|
showAudit.value = false
|
|
getRefund()
|
|
}
|
|
} catch (error) {
|
|
ElMessage.error(error.message || '审核失败')
|
|
}
|
|
}
|
|
// 审核驳回
|
|
const handleReject = async function () {
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
|
|
ElMessage.error('无此权限')
|
|
return
|
|
}
|
|
try {
|
|
const params = {
|
|
id: auditRow.value.id,
|
|
status: 12,
|
|
rejectReason: addForm.value.remark,
|
|
areaFinance: adminData.value.adminName,
|
|
auditId: auditRow.value.auditId,
|
|
orderCode: auditRow.value.orderCode,
|
|
relatedId: auditRow.value.relatedId
|
|
}
|
|
const result = await API({
|
|
url: '/Money/review',
|
|
data: params
|
|
})
|
|
if (result.code === 200) {
|
|
ElMessage.success('审核驳回')
|
|
showAudit.value = false
|
|
getRefund()
|
|
addForm.value.remark = ''
|
|
showReject.value = false
|
|
}
|
|
} catch (error) {
|
|
ElMessage.error(error.message || '审核失败')
|
|
}
|
|
}
|
|
const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
|
|
const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
|
|
|
|
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.id,
|
|
label: child.name,
|
|
children: grandchildren
|
|
};
|
|
});
|
|
};
|
|
market.value = transformTree(result.data)
|
|
console.log('转换后的地区树==============', market.value)
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
}
|
|
}
|
|
const showStep = function (row) {
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_finance_refund_progress)) {
|
|
ElMessage.error('无此权限')
|
|
return
|
|
}
|
|
|
|
isReject.value = false
|
|
submitter.value = row.submitter || ''
|
|
areaFinance.value = row.areaFinance || ''
|
|
areaCharge.value = row.areaCharge || ''
|
|
headFinance.value = row.headFinance || ''
|
|
executor.value = row.executorName || ''
|
|
currentStep.value = 1
|
|
|
|
const status = row.status
|
|
if (statusStepMap[status]) {
|
|
const [step, reject] = statusStepMap[status]
|
|
currentStep.value = step
|
|
isReject.value = reject
|
|
}
|
|
|
|
console.log('步骤条状态', currentStep.value)
|
|
showSteps.value = true
|
|
}
|
|
const exportExcel = async function () {
|
|
const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
|
|
if (searchForm.value.statuses === '审核通过') {
|
|
statusParam.value = [20, 30, 40]
|
|
} else if (searchForm.value.statuses === '已驳回') {
|
|
statusParam.value = [12, 22, 32]
|
|
} else if (searchForm.value.statuses === '待审核') {
|
|
statusParam.value = [10]
|
|
} else if (searchForm.value.statuses === '退款成功') {
|
|
statusParam.value = [41]
|
|
} else {
|
|
statusParam.value = [10, 20, 22, 30, 32, 40, 41]
|
|
}
|
|
|
|
const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0
|
|
? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : '';
|
|
|
|
if (searchForm.value.jwcode) {
|
|
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
|
|
if (!isPositiveInteger) {
|
|
ElMessage.error('请输入正确的精网号')
|
|
return;
|
|
}
|
|
}
|
|
// 增加精网号长度限制，防止后端400错误
|
|
if (searchForm.value.jwcode.length > 8) {
|
|
ElMessage.error('精网号长度不能超过8位')
|
|
return;
|
|
}
|
|
|
|
const params = {
|
|
pageNum: pagination.value.pageNum,
|
|
pageSize: pagination.value.pageSize,
|
|
cashRecordDTO: {
|
|
jwcode: searchForm.value.jwcode,//精网号
|
|
name: searchForm.value.name,//姓名
|
|
markets: searchForm.value.markets && searchForm.value.markets.length > 0 ? [searchForm.value.markets[searchForm.value.markets.length - 1]] : [],
|
|
goodsName: goodsName,//商品名
|
|
statuses: statusParam.value,//10：地区财务待审核；12：地区财务驳回；
|
|
// 20：地区负责人待审核；22：地区负责人驳回；
|
|
// 30：总部财务待审核；32：总部财务驳回；
|
|
// 40：执行人待处理；41：执行人已处理，退款完成；
|
|
paymentCurrency: CurrencyForId(searchForm.value.paymentCurrency),//付款币种
|
|
payType: searchForm.value.payType,//支付方式
|
|
startTime: dateRange.value && dateRange.value[0] ? dayjs(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "",
|
|
endTime: dateRange.value && dateRange.value[1] ? dayjs(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "",
|
|
adminId: adminData.value.id
|
|
}
|
|
}
|
|
|
|
const res = await API({ url: '/export/exportFinance', data: params })
|
|
if (res.code === 200) {
|
|
ElMessage.success('导出成功')
|
|
} else {
|
|
ElMessage.error(res.msg || '导出失败')
|
|
}
|
|
}
|
|
const openExportList = () => {
|
|
getExportList()
|
|
exportListVisible.value = true
|
|
}
|
|
const getExportList = async () => {
|
|
exportListLoading.value = true
|
|
try {
|
|
const result = await API({ url: '/export/export' })
|
|
if (result.code === 200) {
|
|
const filteredData = result.data.filter(item => {
|
|
return item.type === 12
|
|
})
|
|
exportList.value = filteredData
|
|
} else {
|
|
ElMessage.error(result.msg || '获取导出列表失败')
|
|
}
|
|
} catch (error) {
|
|
console.error('获取导出列表出错:', error)
|
|
ElMessage.error('获取导出列表失败，请稍后重试')
|
|
} finally {
|
|
exportListLoading.value = false
|
|
}
|
|
}
|
|
const downloadExportFile = (item) => {
|
|
if (item.state === 2) {
|
|
const link = document.createElement('a')
|
|
link.href = item.url
|
|
link.download = item.fileName
|
|
link.click()
|
|
} else {
|
|
ElMessage.warning('文件还在导出中，请稍后再试')
|
|
}
|
|
}
|
|
//根据状态返回对应的标签类型
|
|
const getTagType = (state) => {
|
|
switch (state) {
|
|
case 0:
|
|
return 'info';
|
|
case 1:
|
|
return 'primary';
|
|
case 2:
|
|
return 'success';
|
|
case 3:
|
|
return 'danger';
|
|
default:
|
|
return 'info';
|
|
}
|
|
}
|
|
//根据状态返回对应的标签文案
|
|
const getTagText = (state) => {
|
|
switch (state) {
|
|
case 0:
|
|
return '待执行';
|
|
case 1:
|
|
return '执行中';
|
|
case 2:
|
|
return '执行完成';
|
|
case 3:
|
|
return '执行出错';
|
|
default:
|
|
return '未知状态';
|
|
}
|
|
}
|
|
const showAudit2 = function (row) {
|
|
auditRow.value = row
|
|
showAudit.value = true
|
|
}
|
|
const reset = function () {
|
|
searchForm.value = {
|
|
jwcode: '',
|
|
markets: [],
|
|
statuses: []
|
|
}
|
|
// 重置页码
|
|
pagination.value.pageNum = 1
|
|
dateRange.value = []
|
|
getRefund()
|
|
}
|
|
const hideReject = function () {
|
|
showReject.value = false
|
|
addForm.value.remark = ''
|
|
}
|
|
const defaultTime = [
|
|
new Date(2000, 1, 1, 0, 0, 0),
|
|
new Date(2000, 2, 1, 23, 59, 59),
|
|
]
|
|
const disabledDate = (time) => {
|
|
const limitDate = new Date(2025, 0, 1);
|
|
return time.getTime() < limitDate.getTime();
|
|
}
|
|
const handlePageSizeChange = function (val) {
|
|
pagination.value.pageSize = val
|
|
getRefund()
|
|
}
|
|
const handleCurrentChange = function (val) {
|
|
pagination.value.pageNum = val
|
|
getRefund()
|
|
}
|
|
onMounted(() => {
|
|
console.log('???????????????????', adminData.value)
|
|
getRefund()
|
|
getMarket()
|
|
})
|
|
</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;
|
|
align-items: center;
|
|
height: 4vh;
|
|
|
|
.item1 {
|
|
width: 18%;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1vh;
|
|
margin-right: 0.5vw;
|
|
}
|
|
|
|
.item2 {
|
|
width: 18%;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 0.5vw;
|
|
}
|
|
}
|
|
|
|
.audit {
|
|
display: flex;
|
|
justify-content: center;
|
|
height: auto;
|
|
min-height: 40vh;
|
|
|
|
.top {
|
|
width: 30vw;
|
|
height: 22vh;
|
|
|
|
.top-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1vh;
|
|
}
|
|
}
|
|
|
|
.smallTitle {
|
|
background-color: white;
|
|
color: rgb(64, 158, 255);
|
|
border-color: rgb(64, 158, 255);
|
|
margin-bottom: 0.5vh;
|
|
}
|
|
|
|
.center {
|
|
display: flex;
|
|
width: 30vw;
|
|
height: 35vh;
|
|
|
|
.dialog-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1vh;
|
|
}
|
|
|
|
.center-left {
|
|
width: 60%;
|
|
height: 35vh;
|
|
|
|
.image {
|
|
width: 4vw !important;
|
|
height: 4vw !important;
|
|
}
|
|
|
|
:deep(.el-upload--picture-card) {
|
|
width: 4vw !important;
|
|
height: 4vw !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.center-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1vh;
|
|
}
|
|
}
|
|
|
|
.center-right {
|
|
height: 35vh;
|
|
|
|
.right-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1vh;
|
|
}
|
|
}
|
|
}
|
|
|
|
.bottom {
|
|
width: 30vw;
|
|
height: auto;
|
|
padding-bottom: 1vh;
|
|
|
|
.bottom-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1vh;
|
|
}
|
|
}
|
|
}
|
|
|
|
.steps {
|
|
.steps-content {
|
|
padding-top: 15vw;
|
|
}
|
|
|
|
.steps-status {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.steps-btn {
|
|
height: 15vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
</style>
|