Browse Source
Merge branch 'milestone-20250913-现金管理' into zhangrenyuan/feature-20250917134308-现金管理
lihui/feature-20250915101448-现金管理
Merge branch 'milestone-20250913-现金管理' into zhangrenyuan/feature-20250917134308-现金管理
lihui/feature-20250915101448-现金管理
zhangrenyuan
2 weeks ago
8 changed files with 937 additions and 20 deletions
-
187package-lock.json
-
2package.json
-
26src/router/index.js
-
4src/utils/menuTreePermission.js
-
4src/utils/menuUtils.js
-
2src/views/moneyManage/executor/executor.vue
-
259src/views/moneyManage/receiveDetail/receiveDetail.vue
-
471src/views/moneyManage/refundDetail/refundDetail.vue
@ -0,0 +1,2 @@ |
|||||
|
<template></template> |
||||
|
<script setup></script> |
||||
@ -0,0 +1,259 @@ |
|||||
|
<template> |
||||
|
<div class="content"> |
||||
|
<el-card style="margin-bottom: 0.5vh; min-height: 110px;"> |
||||
|
<div class="row"> |
||||
|
<div class="rowItem"> |
||||
|
<el-text style="width: 4vw;">精网号</el-text> |
||||
|
<el-input placeholder="请输入精网号" style="width:10vw;" clearable></el-input> |
||||
|
</div> |
||||
|
<div class="rowItem"> |
||||
|
<text style="width: 4vw;">客户姓名</text> |
||||
|
<el-input placeholder="请输入客户姓名" style="width:10vw;" clearable></el-input> |
||||
|
</div> |
||||
|
<div class="rowItem"> |
||||
|
<text style="width: 4vw;">所属地区</text> |
||||
|
<el-select placeholder="请选择所属地区" style="width:10vw;" clearable></el-select> |
||||
|
</div> |
||||
|
<div class="rowItem"> |
||||
|
<text style="width: 4vw;">订单状态</text> |
||||
|
<el-select placeholder="请选择订单状态" style="width: 10vw;" clearable></el-select> |
||||
|
</div> |
||||
|
<div class="rowItem"> |
||||
|
<text style="width: 4vw;">支付方式</text> |
||||
|
<el-select placeholder="请选择支付方式" style="width: 10vw;" clearable></el-select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row" style="margin-top: 10px;"> |
||||
|
<div class="rowItem"> |
||||
|
<text style="width: 4vw;">活动名称</text> |
||||
|
<el-select placeholdert="请选择活动方式" style="width: 10vw;" clearable></el-select> |
||||
|
</div> |
||||
|
<div class="rowItem"> |
||||
|
<text style="width: 4vw;">产品名称</text> |
||||
|
<el-select placeholder="请选择产品名称" style="width: 10vw;" clearable></el-select> |
||||
|
</div> |
||||
|
<div class="rowItem" style="width: 30vw"> |
||||
|
<text style="width: 4vw; margin-left: 0.5vw;">付款时间</text> |
||||
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
||||
|
end-placeholder="结束时间" style="width: 22vw; " @change="handleDatePickerChange" |
||||
|
:default-time="defaultTime" :disabled-date="disabledDate" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row" style="margin-top: 10px;"> |
||||
|
<div class="buttons"> |
||||
|
<el-button type="primary">查询</el-button> |
||||
|
<el-button type="success">重置</el-button> |
||||
|
<el-button type="primary">导出excel</el-button> |
||||
|
<el-button type="primary" style="background-color: #5870FF;">导出列表</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
<div class="detail"> |
||||
|
<el-card> |
||||
|
<div class="btnAdd"> |
||||
|
<el-button @click="openAddForm" type="success">新增收款</el-button> |
||||
|
</div> |
||||
|
<div class="form"> |
||||
|
<el-table :data="tableData" style="width: 80vw;height:54vh" @sort-change="handleSortChange" |
||||
|
:row-style="{ height: '60px' }" :header-cell-style="{ textAlign: 'center' }" |
||||
|
:cell-style="{ textAlign: 'center' }"> |
||||
|
<el-table-column type="index" label="序号" width="100px" fixed="left"> |
||||
|
<template #default="scope"> |
||||
|
<span>{{ scope.$index + 1 + (pageInfo.pageNum - 1) * pageInfo.pageSize }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" /> |
||||
|
<el-table-column fixed="left" prop="name" label="姓名" width="110px" /> |
||||
|
<el-table-column prop="market" label="所属地区" width="80px" /> |
||||
|
<el-table-column prop="activity" label="活动名称" width="120px" /> |
||||
|
<el-table-column prop="rateName" label="产品名称" width="120px" /> |
||||
|
<el-table-column prop="money" label="付款币种" width="100px"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="permanentGold" label="付款金额" width="120px"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="freeGold" label="支付方式" width="110px"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="remark" label="付款时间" width="200px" /> |
||||
|
<el-table-column prop="payModel" label="转账凭证" width="110px"> |
||||
|
<template #default="scope"> |
||||
|
<div v-if="scope.row.voucher" |
||||
|
style="display: flex; justify-content: center; align-items: center; cursor: pointer;" |
||||
|
@click="previewImage(scope.row.voucher)"> |
||||
|
<img :src="scope.row.payModel" alt="支付凭证" style="width: auto; height: 40px;"> |
||||
|
</div> |
||||
|
<div v-else |
||||
|
style="display: flex; justify-content: center; align-items: center; height: 40px;"> |
||||
|
-- |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="" label="备注" width="150px" show-overflow-tooltip> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" prop="adminName" label="订单状态" width="100px" /> |
||||
|
<el-table-column fixed="right" prop="rejectReason" label="操作" width="100px" /> |
||||
|
</el-table> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="total" |
||||
|
@size-change="handlePagination('size', $event)" |
||||
|
@current-change="handlePagination('page', $event)"></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
<el-dialog class="addForm" v-model="addFormisible" width="500px"> |
||||
|
<el-form> |
||||
|
<el-form-item label="驳回理由" required> |
||||
|
<el-input v-model="rejectReason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200" |
||||
|
show-word-limit /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<span class="dialog-footer"> |
||||
|
<el-button @click="addFormisible = false">取消</el-button> |
||||
|
<el-button type="primary" @click="handleReject">确定</el-button> |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref } from 'vue'; |
||||
|
|
||||
|
//================= 客服新增弹窗 ================== |
||||
|
const addFormisible =ref(false) |
||||
|
const openAddForm =()=>{ |
||||
|
addFormisible.value = true |
||||
|
} |
||||
|
const addFormData = ref({ |
||||
|
|
||||
|
}) |
||||
|
//========================分页相关================== |
||||
|
const pageInfo = ref({ |
||||
|
pageSize: 10, |
||||
|
pageNum: 1 |
||||
|
}) |
||||
|
const total = ref(0) |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
jwcode: 'HW2023001', |
||||
|
name: '张三', |
||||
|
market: '北京', |
||||
|
activity: '春季促销活动', |
||||
|
rateName: '黄金投资产品A', |
||||
|
money: '人民币', |
||||
|
permanentGold: '5000.00', |
||||
|
freeGold: '银行转账', |
||||
|
remark: '2023-03-15 10:30:00', |
||||
|
voucher: 'https://example.com/images/voucher1.jpg', |
||||
|
adminName: '已支付', |
||||
|
rejectReason: '无', |
||||
|
}, |
||||
|
{ |
||||
|
jwcode: 'HW2023002', |
||||
|
name: '李四', |
||||
|
market: '上海', |
||||
|
activity: '夏日特惠活动', |
||||
|
rateName: '白银理财产品B', |
||||
|
money: '人民币', |
||||
|
permanentGold: '3000.00', |
||||
|
freeGold: '支付宝', |
||||
|
remark: '2023-06-20 14:15:00', |
||||
|
voucher: 'https://example.com/images/voucher2.jpg', |
||||
|
adminName: '已支付', |
||||
|
rejectReason: '无', |
||||
|
}, |
||||
|
{ |
||||
|
jwcode: 'HW2023003', |
||||
|
name: '王五', |
||||
|
market: '广州', |
||||
|
activity: '秋季回馈活动', |
||||
|
rateName: '铂金收藏产品C', |
||||
|
money: '美元', |
||||
|
permanentGold: '1000.00', |
||||
|
freeGold: '微信支付', |
||||
|
remark: '2023-09-10 09:20:00', |
||||
|
voucher: '', |
||||
|
adminName: '待支付', |
||||
|
rejectReason: '无', |
||||
|
}, |
||||
|
{ |
||||
|
jwcode: 'HW2023004', |
||||
|
name: '赵六', |
||||
|
market: '深圳', |
||||
|
activity: '冬季感恩活动', |
||||
|
rateName: '钻石尊享产品D', |
||||
|
money: '欧元', |
||||
|
permanentGold: '2000.00', |
||||
|
freeGold: '信用卡', |
||||
|
remark: '2023-12-05 16:40:00', |
||||
|
voucher: 'https://example.com/images/voucher4.jpg', |
||||
|
adminName: '已支付', |
||||
|
rejectReason: '无', |
||||
|
}, |
||||
|
{ |
||||
|
jwcode: 'HW2023005', |
||||
|
name: '孙七', |
||||
|
market: '成都', |
||||
|
activity: '周年庆典活动', |
||||
|
rateName: '翡翠投资产品E', |
||||
|
money: '人民币', |
||||
|
permanentGold: '8000.00', |
||||
|
freeGold: '银行转账', |
||||
|
remark: '2024-01-20 11:10:00', |
||||
|
voucher: '', |
||||
|
adminName: '已驳回', |
||||
|
rejectReason: '支付金额有误', |
||||
|
} |
||||
|
]; |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.content { |
||||
|
height: 100%; |
||||
|
width: 80vw; |
||||
|
background-color: #E7F4FD !important; |
||||
|
|
||||
|
.row { |
||||
|
height: 4vh; |
||||
|
width: 80vw; |
||||
|
display: flex; |
||||
|
min-height: 40px; |
||||
|
|
||||
|
.rowItem { |
||||
|
display: flex; |
||||
|
width: 15vw; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
margin-right: 0.5vw; |
||||
|
} |
||||
|
|
||||
|
.buttons { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.detail { |
||||
|
margin-top: 2vh; |
||||
|
|
||||
|
.el-card__body {} |
||||
|
|
||||
|
.btnAdd {} |
||||
|
|
||||
|
.form { |
||||
|
background-color: #E7F4FD !important; |
||||
|
} |
||||
|
|
||||
|
.pagination { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.addForm ::v-deep .el-dialog__body{ |
||||
|
background-color: #E7F4FD !important; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,471 @@ |
|||||
|
<template> |
||||
|
<el-card style="margin-bottom: 0.5vh;"> |
||||
|
<div class="condition1"> |
||||
|
<div class="condition-item"> |
||||
|
<el-text size="large" style="width:4vw;">精网号</el-text> |
||||
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="condition-item"> |
||||
|
<el-text size="large" style="width:4vw;">客户姓名</el-text> |
||||
|
<el-input v-model="searchForm.username" placeholder="请输入客户姓名" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="condition-item"> |
||||
|
<el-text size="large" style="width:4vw;">所属地区</el-text> |
||||
|
<el-input v-model="searchForm.area" placeholder="请输入所属地区" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="condition-item"> |
||||
|
<el-text size="large" style="width:4vw;">提交人</el-text> |
||||
|
<el-input v-model="searchForm.adminName" placeholder="请输入提交人" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="condition-item"> |
||||
|
<el-text size="large" style="width:4vw;">支付方式</el-text> |
||||
|
<el-select v-model="searchForm.payType" style="width:10vw;"> |
||||
|
<el-option v-for="item in payments" :key="item" :label="item" :value="item" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="condition1"> |
||||
|
<div class="condition-item2"> |
||||
|
<el-text size="large" style="width:4vw;">活动名称</el-text> |
||||
|
<el-input v-model="searchForm.activity" placeholder="请输入活动名称" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="condition-item2"> |
||||
|
<el-text size="large" style="width:4vw;">产品名称</el-text> |
||||
|
<el-input v-model="searchForm.productName" placeholder="请输入产品名称" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="condition-item2" style="width: 30vw;"> |
||||
|
<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" |
||||
|
:disabled-date="disabledDate" /> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button type="success">重置</el-button> |
||||
|
<el-button type="primary">查询</el-button> |
||||
|
<el-button type="primary">导出excel</el-button> |
||||
|
<el-button type="primary">导出列表</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
<div style="display: flex;"> |
||||
|
<el-button type="primary" @click="showAdd = true">新增收款</el-button> |
||||
|
<el-button type="primary" @click="showAudit1 = true">新增收款</el-button> |
||||
|
<el-button type="primary" @click="showAudit2 = true">新增收款</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card style="margin-top: 0.5vh;"> |
||||
|
<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" /> |
||||
|
<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="orderCode" label="活动名称" width="120px" show-overflow-tooltip /> |
||||
|
<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="refundType" label="付款时间" width="120" /> |
||||
|
<el-table-column prop="refundType" label="转账凭证" width="120" /> |
||||
|
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip /> |
||||
|
<el-table-column prop="adminName" label="订单状态" width="120" /> |
||||
|
<el-table-column prop="operation" label="操作" fixed="right" width="150px"> |
||||
|
<template #default="scope"> |
||||
|
<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> |
||||
|
</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="showAdd" title="退款" class="addDialog" overflow draggable style="width: 40vw;"> |
||||
|
<div style="display: flex;"> |
||||
|
<div class="left"> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">精网号</el-text> |
||||
|
<el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">客户姓名</el-text> |
||||
|
<el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">所属地区</el-text> |
||||
|
<el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">活动名称</el-text> |
||||
|
<el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">产品名称</el-text> |
||||
|
<el-select v-model="addForm.refundType" placeholder="请选择产品名称" style="width:10vw;" clearable> |
||||
|
<el-option v-for="item in products" :key="item.value" :label="item.label" :value="item.value" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">付款金额</el-text> |
||||
|
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">付款币种</el-text> |
||||
|
<el-select v-model="addForm.refundCurrency" placeholder="请选择付款币种" style="width:10vw;" clearable> |
||||
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" |
||||
|
:value="item.value" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">支付方式</el-text> |
||||
|
<el-select v-model="addForm.paymentMethod" placeholder="请选择支付方式" style="width:10vw;"> |
||||
|
<el-option v-for="item in payments" :key="item.value" :label="item.label" :value="item.value" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<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="addForm.imageUrl" :src="addForm.imageUrl" |
||||
|
style="width: 100%; height: 100%; object-fit: cover;"> |
||||
|
<el-icon v-else> |
||||
|
<Plus /> |
||||
|
</el-icon> |
||||
|
</template> |
||||
|
</el-upload> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">备注</el-text> |
||||
|
<el-input v-model="addForm.remark" placeholder="请输入备注" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="right"> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">退款模式</el-text> |
||||
|
<el-radio-group v-model="addForm.refundMode"> |
||||
|
<el-radio value="1">全部退款</el-radio> |
||||
|
<el-radio value="2">部分退款</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">退款理由</el-text> |
||||
|
<el-input v-model="addForm.refundReason" placeholder="请输入退款理由" style="width:10vw;" :rows="5" |
||||
|
maxlength="100" show-word-limit type="textarea" /> |
||||
|
</div> |
||||
|
<div style="display:flex;justify-content: center;margin-top: 5vh;"> |
||||
|
<el-button type="primary" @click="">重置</el-button> |
||||
|
<el-button type="primary" @click="">提交</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog v-model="showAudit1" title="审核" overflow draggable width="20vw"> |
||||
|
<div class="audit1"> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">精网号</el-text> |
||||
|
<el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">姓名</el-text> |
||||
|
<el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">所属地区</el-text> |
||||
|
<el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">活动名称</el-text> |
||||
|
<el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">商品名称</el-text> |
||||
|
<el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">付款币种</el-text> |
||||
|
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">付款金额</el-text> |
||||
|
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">支付方式</el-text> |
||||
|
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">付款时间</el-text> |
||||
|
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="dialog-item"> |
||||
|
<el-text style="width:4vw;">银行流水订单号</el-text> |
||||
|
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable /> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div style="display:flex;justify-content: center;"> |
||||
|
<el-button type="primary" @click="">驳回</el-button> |
||||
|
<el-button type="primary" @click="">通过</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog v-model="showAudit2" title="审核"> |
||||
|
<el-button type="primary" @click="">驳回</el-button> |
||||
|
|
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref } from 'vue' |
||||
|
import { ElMessage } from 'element-plus' |
||||
|
import API from '@/util/http.js' |
||||
|
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload' |
||||
|
const searchForm = ref({ |
||||
|
jwcode: '' |
||||
|
}) |
||||
|
const addForm = ref({ |
||||
|
jwcode: '' |
||||
|
}) |
||||
|
const pagination = ref({ |
||||
|
pageNum: 1, |
||||
|
pageSize: 50, |
||||
|
total: 0 |
||||
|
}) |
||||
|
const tableData = ref([]) |
||||
|
const showAdd = ref(false) |
||||
|
const showAudit1 = ref(false) |
||||
|
const showAudit2 = ref(false) |
||||
|
const uploadRef = ref(null) |
||||
|
const products = ref([ |
||||
|
{ |
||||
|
value: '1', |
||||
|
label: '产品1' |
||||
|
}, |
||||
|
{ |
||||
|
value: '2', |
||||
|
label: '产品2' |
||||
|
} |
||||
|
]) |
||||
|
const currencies = ref([ |
||||
|
{ |
||||
|
value: 'CNY', |
||||
|
label: '人民币' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'USD', |
||||
|
label: '美元' |
||||
|
} |
||||
|
]) |
||||
|
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 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 handleUploadSuccess = (response, file, fileList) => { |
||||
|
try { |
||||
|
addForm.value.imageUrl = response.data.url |
||||
|
console.log('==========================', response.data.url) |
||||
|
} catch (error) { |
||||
|
console.log('看看报错信息', error) |
||||
|
ElMessage.error(response.data.msg || '图片上传失败') |
||||
|
} |
||||
|
} |
||||
|
const handleUploadError = (error) => { |
||||
|
console.error('上传失败:', error) |
||||
|
addForm.value.imageUrl = null |
||||
|
ElMessage.error('图片上传失败，请重试') |
||||
|
} |
||||
|
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) { |
||||
|
handleUploadSuccess(response, options.file, [options.file]) |
||||
|
ElMessage.success(response.msg || '上传成功') |
||||
|
} else { |
||||
|
ElMessage.error(response.msg || '上传失败') |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.error('上传错误:', error) |
||||
|
ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.condition1 { |
||||
|
width: 82vw; |
||||
|
display: flex; |
||||
|
height: 4vh; |
||||
|
|
||||
|
.condition-item { |
||||
|
width: 19%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
margin-right: 0.5vw; |
||||
|
} |
||||
|
|
||||
|
.condition-item2 { |
||||
|
width: 19%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-right: 0.5vw; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.addDialog { |
||||
|
.left { |
||||
|
width: 50%; |
||||
|
height: 60vh; |
||||
|
|
||||
|
.dialog-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.right { |
||||
|
width: 50%; |
||||
|
height: 50vh; |
||||
|
|
||||
|
.dialog-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.audit1 { |
||||
|
height: 47vh; |
||||
|
|
||||
|
.dialog-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
|
||||
|
.audit-btn { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.audit2{ |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue