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

换行哈哈哈哈哈

lihuilin/feature-20250923114949-现金
lihuilin 2 weeks ago
parent
66489ec66a
commit
59b98dfb6d
8 changed files with 372 additions and 15 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. BIN
      src/assets/images/已审核.png
  2. BIN
      src/assets/images/待审核.png
  3. BIN
      src/assets/images/背景图.png
  4. BIN
      src/assets/images/还没传到.png
  5. 2
      src/utils/menuTreePermission.js
  6. 2
      src/utils/menuUtils.js
  7. 58
      src/views/moneyManage/executor/executor.vue
  8. 321
      src/views/moneyManage/refundDetail/refundDetail.vue

BIN
src/assets/images/已审核.png
View File

Side by Side

After

Width: 46  |  Height: 46  |  Size: 2.9 KiB

BIN
src/assets/images/待审核.png
View File

Side by Side

After

Width: 46  |  Height: 46  |  Size: 2.8 KiB

BIN
src/assets/images/背景图.png
View File

Side by Side

After

Width: 1206  |  Height: 509  |  Size: 433 KiB

BIN
src/assets/images/还没传到.png
View File

Side by Side

After

Width: 46  |  Height: 46  |  Size: 2.9 KiB

2
src/utils/menuTreePermission.js
View File

@ -91,7 +91,7 @@ export const permissionMapping = {
receiveDetail:74, // 收款明细
refundDetail:75, // 退款明细
executor:76, // 执行人
executor:76, // 执行明细
}
// 递归查找菜单中是否存在目标id

2
src/utils/menuUtils.js
View File

@ -81,7 +81,7 @@ export const getRoutePath = (menu) => {
'收款明细': '/receiveDetail/receiveDetail',
'退款明细': '/moneyManage/refundDetail',
'执行人': '/moneyManage/executor/executor',
'执行明细': '/moneyManage/executor',
};
// 未匹配的菜单默认使用id作为路由（可根据实际需求调整）

58
src/views/moneyManage/executor/executor.vue
View File

@ -1,2 +1,56 @@
<template></template>
<script setup></script>
<template>
<el-table :data="tableData" style="height:80vh;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="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">
<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" style="margin-top: 1vh;"
@size-change="handlePageSizeChange" @current-change="handleCurrentChange" />
</template>
<script setup>
import { ref } from 'vue'
import { ElMessage } from 'element-plus'
import API from '@/util/http.js'
const tableData = ref([])
const pagination = ref({
pageNum: 1,
pageSize: 50,
total: 0
})
</script>

321
src/views/moneyManage/refundDetail/refundDetail.vue
View File

@ -49,10 +49,11 @@
</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-button type="primary" @click="showAdd = true">新增退款</el-button>
<el-button type="primary" @click="showAudit1 = true">审核1</el-button>
<el-button type="primary" @click="showAudit2 = true">审核2</el-button>
<el-button type="primary" @click="showSteps = true">看看步骤条</el-button>
</div>
<el-card style="margin-top: 0.5vh;">
<el-table :data="tableData" style="height:64vh;width:82vw">
@ -238,9 +239,202 @@
</div>
</el-dialog>
<el-dialog v-model="showAudit2" title="审核">
<el-button type="primary" @click="">驳回</el-button>
<el-dialog v-model="showAudit2" title="审核" class="audit2" overflow draggable>
<div class="top">
<el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">退款类型</el-text>
<el-input v-model="auditForm.refundType" placeholder="请输入退款类型" size="small" style="width:10vw;"
clearable></el-input>
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">退款金额</el-text>
<el-input v-model="auditForm.refundAmount" placeholder="请输入退款金额" size="small" style="width:10vw;"
clearable></el-input>
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">退款备注</el-text>
<el-input v-model="auditForm.refundReason" placeholder="请输入退款备注" size="small" style="width:10vw;"
:rows="3" maxlength="100" show-word-limit type="textarea" />
</div>
</div>
<el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
<div class="center">
<div class="center-left">
<div class="center-audit1">
<div class="dialog-item">
<el-text style="width:4vw;" size="small">精网号</el-text>
<el-input v-model="addForm.jwcode" placeholder="请输入精网号" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">所属地区</el-text>
<el-input v-model="addForm.name" placeholder="请输入所属地区" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">产品名称</el-text>
<el-input v-model="addForm.productName" placeholder="请输入产品名称" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">付款金额</el-text>
<el-input v-model="addForm.orderCode" placeholder="请输入付款金额" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">到账金额</el-text>
<el-input v-model="addForm.orderCode" placeholder="请输入到账金额" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">支付方式</el-text>
<el-input v-model="addForm.refundAmount" placeholder="请输入支付方式" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">付款金额</el-text>
<el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:3vw;padding-right: 1vw;" size="small">银行流水订单号</el-text>
<el-input size="small" v-model="addForm.bankOrderNo" placeholder="请输入银行流水订单号"
style="width:10vw;" clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">审核人</el-text>
<el-input v-model="addForm.auditUser" placeholder="请输入审核人" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">转账凭证</el-text>
<el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
<el-upload ref="uploadRef" :auto-upload="false" :http-request="customUpload"
list-type="picture-card" :on-change="handleImageChange" class="image"
: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 class="upload-icon">
<Plus />
</el-icon>
</template>
</el-upload>
</el-form-item>
</div>
</div>
</div>
<div class="center-right">
<div class="dialog-item">
<el-text style="width:4vw;" size="small">客户姓名</el-text>
<el-input v-model="addForm.customerName" placeholder="请输入客户姓名" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">活动名称</el-text>
<el-input v-model="addForm.activityName" placeholder="请输入活动名称" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">付款币种</el-text>
<el-input v-model="addForm.paymentCurrency" placeholder="请输入付款币种" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">到账币种</el-text>
<el-input v-model="addForm.receiveCurrency" placeholder="请输入到账币种" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">手续费</el-text>
<el-input v-model="addForm.fee" placeholder="请输入手续费" size="small" style="width:10vw;" clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">付款时间</el-text>
<el-input v-model="addForm.paymentTime" placeholder="请输入付款时间" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">提交人</el-text>
<el-input v-model="addForm.submitUser" placeholder="请输入提交人" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">到账时间</el-text>
<el-input v-model="addForm.receiveTime" placeholder="请输入到账时间" size="small" style="width:10vw;"
clearable />
</div>
<div class="dialog-item">
<el-text style="width:4vw;" size="small">备注</el-text>
<el-input v-model="addForm.remark" placeholder="请输入备注" size="small" style="width:10vw;" :row="3"
clearable />
</div>
</div>
</div>
<el-button @click="" class="smallTitle" size="small">转交信息</el-button>
<div class="bottom">
<div class="dialog-item">
<el-text style="width:4vw;">执行人</el-text>
<el-select v-model="addForm.executor" placeholder="请选择执行人" style="width:10vw;">
<el-option v-for="item in executor" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</div>
</el-dialog>
<el-dialog v-model="showSteps" title="唉！！！" overflow draggable width="1206px" height="506px" class="steps-dialog"
:style="{
backgroundImage: 'url(/src/assets/images/背景图.png)',
backgroundSize: 'cover',
backgroundPosition: 'center'
}">
<div class="steps">
<div class="steps-content">
<el-steps style="min-width: 60vw" :active="1" align-center>
<el-step> <template #title>
<div>提交人<br>你是死的</div>
</template>
<template #icon>
<img src="@/assets/images/已审核.png" alt="已审核图标">
</template>
</el-step>
<el-step title="地区财务">
<template #icon>
<img src="@/assets/images/待审核.png" alt="待审核图标">
</template>
</el-step>
<el-step title="地区负责人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
</template>
</el-step>
<el-step title="总部财务">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
</template>
</el-step>
<el-step title="指定执行人">
<template #icon>
<img src="@/assets/images/还没传到.png" alt="还没传到图标">
</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>
</div>
</div>
</el-dialog>
</template>
<script setup>
@ -254,6 +448,9 @@ const searchForm = ref({
const addForm = ref({
jwcode: ''
})
const auditForm = ref({
refundType: ''
})
const pagination = ref({
pageNum: 1,
pageSize: 50,
@ -263,7 +460,34 @@ const tableData = ref([])
const showAdd = ref(false)
const showAudit1 = ref(false)
const showAudit2 = ref(false)
const showSteps = ref(false)
const uploadRef = ref(null)
const executor = ref([
{
value: '1',
label: '亲爱的佳丽老师'
},
{
value: '2',
label: '张三'
},
{
value: '3',
label: '李四'
},
{
value: '4',
label: '王五'
},
{
value: '5',
label: '赵六'
},
{
value: '6',
label: '弘历黄总'
}
])
const products = ref([
{
value: '1',
@ -429,6 +653,7 @@ const customUpload = async (options) => {
.left {
width: 50%;
height: 60vh;
padding: 0 2vw;
.dialog-item {
display: flex;
@ -457,15 +682,93 @@ const customUpload = async (options) => {
align-items: center;
margin-bottom: 1vh;
}
}
.audit2 {
width: 30vw;
height: auto;
.audit-btn {
.top {
width: 30vw;
height: 17vh;
.dialog-item {
display: flex;
justify-content: center;
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: 41vh;
.dialog-item {
display: flex;
align-items: center;
margin-bottom: 1vh;
}
.center-left {
width: 60%;
.image {
width: 4vw !important;
height: 4vw !important;
}
:deep(.el-upload--picture-card) {
width: 4vw !important;
height: 4vw !important;
padding: 0 !important;
}
}
.center-audit1 {
.dialog-item {
display: flex;
align-items: center;
margin-bottom: 1vh;
}
}
}
.bottom {
width: 30vw;
height: 5vh;
}
}
.audit2{
.steps {
.steps-content {
width: 45vw;
height: 15vh;
display: flex;
justify-content: center;
padding-top: 15vw;
padding-left: 8vw;
}
.steps-status {
display: flex;
align-items: center;
justify-content: center;
}
.steps-btn {
height: 15vh;
display: flex;
justify-content: center;
align-items: center;
}
}
</style>
Write Preview
Loading…
Cancel
Save