|
|
@ -1,23 +1,23 @@ |
|
|
<template> |
|
|
<template> |
|
|
<el-card style="margin-bottom: 0.5vh;"> |
|
|
<el-card style="margin-bottom: 0.5vh;"> |
|
|
<div class="condition1"> |
|
|
<div class="condition1"> |
|
|
<div class="condition-item"> |
|
|
|
|
|
|
|
|
<div class="search"> |
|
|
<el-text size="large" style="width:4vw;">姓名</el-text> |
|
|
<el-text size="large" style="width:4vw;">姓名</el-text> |
|
|
<el-input v-model="searchForm.username" placeholder="请输入姓名" style="width:9vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="searchForm.name" placeholder="请输入姓名" style="width:9vw;" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition-item"> |
|
|
|
|
|
|
|
|
<div class="search"> |
|
|
<el-text size="large" style="width:4vw;">精网号</el-text> |
|
|
<el-text size="large" style="width:4vw;">精网号</el-text> |
|
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable /> |
|
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition-item"> |
|
|
|
|
|
|
|
|
<div class="search"> |
|
|
<el-text size="large" style="width:4vw;">所属地区</el-text> |
|
|
<el-text size="large" style="width:4vw;">所属地区</el-text> |
|
|
<el-input v-model="searchForm.area" placeholder="请输入所属地区" style="width:9vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="searchForm.marketName" placeholder="请输入所属地区" style="width:9vw;" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition-item"> |
|
|
|
|
|
|
|
|
<div class="search"> |
|
|
<el-text size="large" style="width:4vw;">产品名称</el-text> |
|
|
<el-text size="large" style="width:4vw;">产品名称</el-text> |
|
|
<el-input v-model="searchForm.productName" placeholder="请输入产品名称" style="width:9vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="searchForm.goodsName" placeholder="请输入产品名称" style="width:9vw;" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition-item"> |
|
|
|
|
|
|
|
|
<div class="search"> |
|
|
<el-text size="large" style="width:4vw;">退款币种</el-text> |
|
|
<el-text size="large" style="width:4vw;">退款币种</el-text> |
|
|
<el-select v-model="searchForm.payType" style="width:9vw;"> |
|
|
<el-select v-model="searchForm.payType" style="width:9vw;"> |
|
|
<el-option v-for="item in payments" :key="item" :label="item" :value="item" /> |
|
|
<el-option v-for="item in payments" :key="item" :label="item" :value="item" /> |
|
|
@ -25,68 +25,71 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition1"> |
|
|
<div class="condition1"> |
|
|
<div class="condition-item2"> |
|
|
|
|
|
|
|
|
<div class="search2"> |
|
|
<el-text size="large" style="width:4vw;">退款途径</el-text> |
|
|
<el-text size="large" style="width:4vw;">退款途径</el-text> |
|
|
<el-select v-model="searchForm.auditStatus" style="width:9vw;"> |
|
|
|
|
|
<el-option v-for="item in auditStatusOptions" :key="item.value" :label="item.label" |
|
|
|
|
|
|
|
|
<el-select v-model="searchForm.refundChannels" style="width:9vw;"> |
|
|
|
|
|
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label" |
|
|
:value="item.value" /> |
|
|
:value="item.value" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition-item2"> |
|
|
|
|
|
|
|
|
<div class="search2"> |
|
|
<el-text size="large" style="width:4vw;">订单状态</el-text> |
|
|
<el-text size="large" style="width:4vw;">订单状态</el-text> |
|
|
<el-input v-model="searchForm.productName" placeholder="请输入订单状态" style="width:9vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-select v-model="searchForm.statuses" style="width:9vw;"> |
|
|
|
|
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="condition-item2" style="width: 28vw;"> |
|
|
|
|
|
<el-text size="large" style="width:4vw;">付款时间</el-text> |
|
|
|
|
|
|
|
|
<div class="search2" style="width: 28vw;"> |
|
|
|
|
|
<el-text size="large" style="width:4vw;">退款时间</el-text> |
|
|
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" |
|
|
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" |
|
|
:disabled-date="disabledDate" /> |
|
|
:disabled-date="disabledDate" /> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<el-button type="success">重置</el-button> |
|
|
|
|
|
<el-button type="primary">查询</el-button> |
|
|
|
|
|
|
|
|
<el-button type="primary" @click="getRefund">查询</el-button> |
|
|
|
|
|
<el-button type="editRow" @click="reset">重置</el-button> |
|
|
<el-button type="warning">导出excel</el-button> |
|
|
<el-button type="warning">导出excel</el-button> |
|
|
<el-button type="primary">查看导出列表</el-button> |
|
|
<el-button type="primary">查看导出列表</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</el-card> |
|
|
</el-card> |
|
|
<div style="height:4vh;"> |
|
|
|
|
|
<el-button type="primary" @click="showEdit = true">新增</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-card> |
|
|
<el-card> |
|
|
<el-table :data="tableData" style="height:60vh;width:82vw"> |
|
|
<el-table :data="tableData" style="height:60vh;width:82vw"> |
|
|
<el-table-column type="index" label="序号" width="60" fixed="left" /> |
|
|
<el-table-column type="index" label="序号" width="60" fixed="left" /> |
|
|
<el-table-column prop="name" label="Homily ID" width="120" fixed="left" /> |
|
|
<el-table-column prop="name" label="Homily ID" width="120" fixed="left" /> |
|
|
<el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip /> |
|
|
<el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip /> |
|
|
<el-table-column prop="market" label="所属地区" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="产品名称" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款类型" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款币种" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款金额" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款途径" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款截图" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款时间" width="120" /> |
|
|
|
|
|
<el-table-column prop="adminName" label="订单状态" width="120" /> |
|
|
|
|
|
<el-table-column prop="operation" label="操作" fixed="right" width="150px"> |
|
|
|
|
|
|
|
|
<el-table-column prop="marketName" label="所属地区" width="120" /> |
|
|
|
|
|
<el-table-column prop="goodsName" label="产品名称" width="120" /> |
|
|
|
|
|
<el-table-column prop="goodNum" label="产品数量" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundType" label="退款方式" width="120"> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
{{ scope.row.refundType === 1 ? '部分退款' : '全部退款' }} |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="refundCurrency" label="退款币种" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundAmount" label="退款金额" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundChannels" label="退款途径" width="120" /> |
|
|
|
|
|
<el-table-column prop="refundVoucher" label="退款截图" width="120" show-overflow-tooltip> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
<img v-if="scope.row.refundVoucher" :src="scope.row.refundVoucher" style="width: 40px; height: 40px;" /> |
|
|
|
|
|
<span v-else>无退款截图</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="refundTime" label="退款时间" width="180" /> |
|
|
|
|
|
<el-table-column prop="status" label="订单状态" width="120"> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
{{ scope.row.status === 41 ? '已完成' : '待处理' }} |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="operation" label="操作" fixed="right" width="100px"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<div class="operation"> |
|
|
<div class="operation"> |
|
|
<el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)"> |
|
|
|
|
|
<template #reference> |
|
|
|
|
|
<el-button v-if="hasrefundWaitThough" :disabled="clicked || cancelClicked" |
|
|
|
|
|
type="primary" text> |
|
|
|
|
|
通过 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template #actions="{ confirm, cancel }"> |
|
|
|
|
|
<el-button size="small" @click="cancel">取消</el-button> |
|
|
|
|
|
<el-button type="primary" size="small" :disabled="clicked" @click="confirm"> |
|
|
|
|
|
确认 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-popconfirm> |
|
|
|
|
|
<el-button v-if="hasrefundWaitReject" :disabled="clicked || cancelClicked" type="primary" text |
|
|
|
|
|
@click="showRejectDialog(scope.row)"> |
|
|
|
|
|
驳回 |
|
|
|
|
|
|
|
|
<el-button v-if="scope.row.status === 40" type="primary" text |
|
|
|
|
|
@click="showEditDialog(scope.row)"> |
|
|
|
|
|
提交 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
<el-button v-else type="primary" text @click="showEditDialog(scope.row)"> |
|
|
|
|
|
编辑 |
|
|
</el-button> |
|
|
</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -102,79 +105,66 @@ |
|
|
<div class="left"> |
|
|
<div class="left"> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">精网号</el-text> |
|
|
<el-text style="width:4vw;">精网号</el-text> |
|
|
<el-input v-model="editForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.jwcode" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">客户姓名</el-text> |
|
|
<el-text style="width:4vw;">客户姓名</el-text> |
|
|
<el-input v-model="editForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.name" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">所属地区</el-text> |
|
|
<el-text style="width:4vw;">所属地区</el-text> |
|
|
<el-input v-model="editForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.marketName" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">产品名称</el-text> |
|
|
<el-text style="width:4vw;">产品名称</el-text> |
|
|
<el-input v-model="editForm.orderCode" placeholder="请输入产品名称" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.goodsName" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">退款类型</el-text> |
|
|
<el-text style="width:4vw;">退款类型</el-text> |
|
|
<el-select v-model="editForm.refundType" placeholder="请选择退款类型" style="width:10vw;" clearable> |
|
|
|
|
|
<el-option v-for="item in products" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.refundModel" style="width:10vw;" disabled> |
|
|
|
|
|
{{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }} |
|
|
|
|
|
</el-input> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">付款币种</el-text> |
|
|
<el-text style="width:4vw;">付款币种</el-text> |
|
|
<el-select v-model="editForm.refundCurrency" placeholder="请选择付款币种" style="width:10vw;" clearable> |
|
|
|
|
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" |
|
|
|
|
|
:value="item.value" /> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">付款金额</el-text> |
|
|
<el-text style="width:4vw;">付款金额</el-text> |
|
|
<el-input v-model="editForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">支付方式</el-text> |
|
|
<el-text style="width:4vw;">支付方式</el-text> |
|
|
<el-select v-model="editForm.paymentMethod" placeholder="请选择支付方式" style="width:10vw;"> |
|
|
|
|
|
<el-option v-for="item in payments" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.payType" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">付款时间</el-text> |
|
|
<el-text style="width:4vw;">付款时间</el-text> |
|
|
<el-date-picker v-model="editForm.payTime" type="datetime" placeholder="请选择付款时间" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">提交人</el-text> |
|
|
<el-text style="width:4vw;">提交人</el-text> |
|
|
<el-input v-model="editForm.submitter" placeholder="请输入提交人" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editRow.submitterName" style="width:10vw;" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">转账凭证</el-text> |
|
|
<el-text style="width:4vw;">转账凭证</el-text> |
|
|
<el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }"> |
|
|
|
|
|
<el-upload ref="uploadRef" list-type="picture-card" :auto-upload="false" |
|
|
|
|
|
:http-request="customUpload" :on-change="handleImageChange" |
|
|
|
|
|
:on-success="handleUploadSuccess" :on-error="handleUploadError" |
|
|
|
|
|
:before-upload="beforeUpload" :show-file-list="false"> |
|
|
|
|
|
<template #default> |
|
|
|
|
|
<img v-if="editForm.imageUrl" :src="editForm.imageUrl" |
|
|
|
|
|
style="width: 100%; height: 100%; object-fit: cover;"> |
|
|
|
|
|
<el-icon v-else> |
|
|
|
|
|
<Plus /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<img v-if="editRow.voucher" :src="editRow.voucher" |
|
|
|
|
|
style="width: 100%; height: 100%; object-fit: cover;"> |
|
|
|
|
|
<div v-else> |
|
|
|
|
|
无转账凭证 |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">备注</el-text> |
|
|
<el-text style="width:4vw;">备注</el-text> |
|
|
<el-input v-model="editForm.remark" placeholder="请输入备注" style="width:10vw;" :row="3" |
|
|
|
|
|
maxlength="100" type="textarea" show-word-limit clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="editForm.remark" style="width:10vw;" :row="3" disabled maxlength="100" |
|
|
|
|
|
type="textarea" show-word-limit clearable /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="right"> |
|
|
<div class="right"> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">退款币种</el-text> |
|
|
<el-text style="width:4vw;">退款币种</el-text> |
|
|
<el-select v-model="editForm.refundCurrency" placeholder="请选择退款币种" style="width:10vw;"> |
|
|
<el-select v-model="editForm.refundCurrency" placeholder="请选择退款币种" style="width:10vw;"> |
|
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
|
|
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" |
|
|
|
|
|
:value="item.value" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
@ -183,38 +173,65 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">退款途径</el-text> |
|
|
<el-text style="width:4vw;">退款途径</el-text> |
|
|
<el-select v-model="editForm.refundWay" placeholder="请选择退款途径" style="width:10vw;"> |
|
|
|
|
|
<el-option v-for="item in refundWays" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
|
|
|
<el-select v-model="editForm.refundChannels" placeholder="请选择退款途径" style="width:10vw;"> |
|
|
|
|
|
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label" |
|
|
|
|
|
:value="item.value" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">退款时间</el-text> |
|
|
<el-text style="width:4vw;">退款时间</el-text> |
|
|
<el-date-picker v-model="editForm.refundTime" type="datetime" placeholder="请选择退款时间" style="width:10vw;" clearable /> |
|
|
|
|
|
|
|
|
<el-date-picker v-model="editForm.refundTime" type="datetime" placeholder="请选择退款时间" |
|
|
|
|
|
style="width:10vw;" clearable /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="dialog-item"> |
|
|
|
|
|
<el-text style="width:4vw;">支付凭证</el-text> |
|
|
|
|
|
<el-upload ref="uploadRef" :http-request="customUpload" list-type="picture-card" |
|
|
|
|
|
:auto-upload="false" :on-change="handleImageChange" :before-upload="beforeUpload" |
|
|
|
|
|
:show-file-list="false"> |
|
|
|
|
|
<template #default> |
|
|
|
|
|
<img v-if="editForm.imageUrl" :src="editForm.imageUrl" |
|
|
|
|
|
style="width: 100%; height: 100%; object-fit: cover;"> |
|
|
|
|
|
<el-icon v-else> |
|
|
|
|
|
<Plus /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-upload> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialog-item"> |
|
|
<div class="dialog-item"> |
|
|
<el-text style="width:4vw;">备注</el-text> |
|
|
<el-text style="width:4vw;">备注</el-text> |
|
|
<el-input v-model="editForm.remark" placeholder="请输入备注" style="width:10vw;" :rows="3" |
|
|
|
|
|
|
|
|
<el-input v-model="editForm.refundRemark" placeholder="请输入备注" style="width:10vw;" :rows="3" |
|
|
maxlength="100" show-word-limit type="textarea" clearable /> |
|
|
maxlength="100" show-word-limit type="textarea" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div style="display:flex;justify-content: center;margin-top: 5vh;"> |
|
|
<div style="display:flex;justify-content: center;margin-top: 5vh;"> |
|
|
<el-button type="default" @click="" style="margin-right: 2vw;">取消</el-button> |
|
|
|
|
|
<el-button type="primary" @click="">提交</el-button> |
|
|
|
|
|
|
|
|
<el-button type="default" @click="hideEditDialog" style="margin-right: 2vw;">取消</el-button> |
|
|
|
|
|
<el-button type="primary" @click="submitRefund">提交</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</template> |
|
|
</template> |
|
|
<script setup> |
|
|
<script setup> |
|
|
import { ref } from 'vue' |
|
|
|
|
|
|
|
|
import { ref, onMounted } from 'vue' |
|
|
import { ElMessage } from 'element-plus' |
|
|
import { ElMessage } from 'element-plus' |
|
|
import API from '@/util/http.js' |
|
|
import API from '@/util/http.js' |
|
|
|
|
|
import dayjs from 'dayjs' |
|
|
|
|
|
import { useAdminStore } from "@/store/index.js" |
|
|
|
|
|
import { storeToRefs } from "pinia" |
|
|
|
|
|
import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue' |
|
|
|
|
|
const adminStore = useAdminStore() |
|
|
|
|
|
const { adminData, menuTree } = storeToRefs(adminStore) |
|
|
|
|
|
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js" |
|
|
|
|
|
|
|
|
|
|
|
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload' |
|
|
|
|
|
const dateRange = ref([]) |
|
|
const tableData = ref([]) |
|
|
const tableData = ref([]) |
|
|
|
|
|
const editRow = ref({})// 编辑回显 |
|
|
const pagination = ref({ |
|
|
const pagination = ref({ |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
pageSize: 50, |
|
|
pageSize: 50, |
|
|
total: 0 |
|
|
total: 0 |
|
|
}) |
|
|
}) |
|
|
|
|
|
const uploadRef = ref(null) |
|
|
const searchForm = ref({ |
|
|
const searchForm = ref({ |
|
|
jwcode: '' |
|
|
jwcode: '' |
|
|
}) |
|
|
}) |
|
|
@ -222,6 +239,225 @@ const showEdit = ref(false) |
|
|
const editForm = ref({ |
|
|
const editForm = ref({ |
|
|
jwcode: '' |
|
|
jwcode: '' |
|
|
}) |
|
|
}) |
|
|
|
|
|
// 查全部 |
|
|
|
|
|
const getRefund = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
searchForm.value.statuses = [40, 41] // 默认：看不到进度没到这里的 |
|
|
|
|
|
|
|
|
|
|
|
const params = { |
|
|
|
|
|
pageNum: pagination.value.pageNum, |
|
|
|
|
|
pageSize: pagination.value.pageSize, |
|
|
|
|
|
cashRecordDone: { |
|
|
|
|
|
jwcode: searchForm.value.jwcode, |
|
|
|
|
|
name: searchForm.value.name, |
|
|
|
|
|
markets: searchForm.value.markets, |
|
|
|
|
|
goodsName: searchForm.value.goodsName, |
|
|
|
|
|
statuses: searchForm.value.statuses,//10：地区财务待审核；12：地区财务驳回； |
|
|
|
|
|
// 20：地区负责人待审核；22：地区负责人驳回； |
|
|
|
|
|
// 30：总部财务待审核；32：总部财务驳回； |
|
|
|
|
|
// 40：执行人待处理；41：执行人已处理，退款完成； |
|
|
|
|
|
paymentCurrency: searchForm.value.paymentCurrency, |
|
|
|
|
|
payType: searchForm.value.payType, |
|
|
|
|
|
startTime: dateRange.value && dateRange.value[0] ? moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "", |
|
|
|
|
|
endtime: dateRange.value && dateRange.value[1] ? moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "", |
|
|
|
|
|
adminId: adminData.value.id, |
|
|
|
|
|
account: adminData.value.account |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const result = await API({ |
|
|
|
|
|
url: '/Money/select', |
|
|
|
|
|
method: 'POST', |
|
|
|
|
|
data: params |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
tableData.value = result.data.list || [] |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
ElMessage.error(error.message || '查询失败') |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 提交 |
|
|
|
|
|
const submitRefund = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
const params = { |
|
|
|
|
|
refundVoucher: editForm.value.imageUrl, |
|
|
|
|
|
refundTime: editForm.value.refundTime ? dayjs(editForm.value.refundTime).format('YYYY-MM-DD HH:mm:ss') : "", |
|
|
|
|
|
refundRemark: editForm.value.refundRemark, |
|
|
|
|
|
id: editRow.value.id, |
|
|
|
|
|
refundCurrency: editForm.value.refundCurrency, |
|
|
|
|
|
refundAmount: editForm.value.refundAmount, |
|
|
|
|
|
refundChannels: editForm.value.refundChannels, |
|
|
|
|
|
status: 41 |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
const result = await API({ |
|
|
|
|
|
url: '/Money/executor', |
|
|
|
|
|
data: params |
|
|
|
|
|
}) |
|
|
|
|
|
if (result.code === 200) { |
|
|
|
|
|
ElMessage.success('提交成功') |
|
|
|
|
|
hideEditDialog() |
|
|
|
|
|
getRefund() |
|
|
|
|
|
} else { |
|
|
|
|
|
ElMessage.error(result.data.msg || '提交失败') |
|
|
|
|
|
} |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
ElMessage.error(error.message || '提交失败') |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
const showEditDialog = (row) => { |
|
|
|
|
|
editRow.value = row |
|
|
|
|
|
showEdit.value = true |
|
|
|
|
|
} |
|
|
|
|
|
const hideEditDialog = () => { |
|
|
|
|
|
showEdit.value = false |
|
|
|
|
|
editForm.value = { |
|
|
|
|
|
jwcode: '' |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const statusList = ref([ |
|
|
|
|
|
{ |
|
|
|
|
|
value: 40, |
|
|
|
|
|
label: '待处理', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 41, |
|
|
|
|
|
label: '退款完成' |
|
|
|
|
|
} |
|
|
|
|
|
]) |
|
|
|
|
|
const channelOptions = 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 currencies = ref([ |
|
|
|
|
|
{ |
|
|
|
|
|
value: '新币', |
|
|
|
|
|
label: '新币' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '港币', |
|
|
|
|
|
label: '港币' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '马币', |
|
|
|
|
|
label: '马币' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '加币', |
|
|
|
|
|
label: '加币' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '泰铢', |
|
|
|
|
|
label: '泰铢' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '越南盾', |
|
|
|
|
|
label: '越南盾' |
|
|
|
|
|
} |
|
|
|
|
|
]) |
|
|
|
|
|
const handleImageChange = (file) => { |
|
|
|
|
|
uploadRef.value.submit() |
|
|
|
|
|
} |
|
|
|
|
|
const beforeUpload = (file) => { |
|
|
|
|
|
const isJPG = file.type === 'image/jpeg' |
|
|
|
|
|
const isPNG = file.type === 'image/png' |
|
|
|
|
|
const isLt1 = file.size / 1024 < 1024 |
|
|
|
|
|
if (!isJPG && !isPNG) { |
|
|
|
|
|
ElMessage.error('上传图片只能是 JPG 或 PNG 格式') |
|
|
|
|
|
return false |
|
|
|
|
|
} |
|
|
|
|
|
if (!isLt1) { |
|
|
|
|
|
ElMessage.error('上传图片大小不能超过1MB') |
|
|
|
|
|
return false |
|
|
|
|
|
} |
|
|
|
|
|
return true |
|
|
|
|
|
} |
|
|
|
|
|
const customUpload = async (options) => { |
|
|
|
|
|
try { |
|
|
|
|
|
const formData = new FormData() |
|
|
|
|
|
formData.append('file', options.file) |
|
|
|
|
|
const response = await API({ |
|
|
|
|
|
url: uploadUrl, |
|
|
|
|
|
method: 'POST', |
|
|
|
|
|
data: formData, |
|
|
|
|
|
headers: { |
|
|
|
|
|
'Content-Type': 'multipart/form-data' |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
if (response.code === 200 && response.data) { |
|
|
|
|
|
editForm.value.imageUrl = response.data.url |
|
|
|
|
|
ElMessage.success(response.msg || '上传成功') |
|
|
|
|
|
} else { |
|
|
|
|
|
ElMessage.error(response.msg || '上传失败') |
|
|
|
|
|
} |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.error('上传错误:', error) |
|
|
|
|
|
ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`) |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
|
console.log('???????????????????', adminData.value) |
|
|
|
|
|
getRefund() |
|
|
|
|
|
}) |
|
|
</script> |
|
|
</script> |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
.condition1 { |
|
|
.condition1 { |
|
|
@ -230,7 +466,7 @@ const editForm = ref({ |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
height: 4vh; |
|
|
height: 4vh; |
|
|
|
|
|
|
|
|
.condition-item { |
|
|
|
|
|
|
|
|
.search { |
|
|
width: 18%; |
|
|
width: 18%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
@ -238,7 +474,7 @@ const editForm = ref({ |
|
|
margin-right: 0.5vw; |
|
|
margin-right: 0.5vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.condition-item2 { |
|
|
|
|
|
|
|
|
.search2 { |
|
|
width: 18%; |
|
|
width: 18%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
lihuilin
1 month ago