Browse Source

对话框组件

zhangyong/milestone-20250913-现金管理
lihuilin 1 month ago
parent
commit
f76d1dda35
  1. 24
      src/views/moneyManage/executor/executor.vue
  2. 4
      src/views/moneyManage/refundDetail/refundCharge.vue
  3. 4
      src/views/moneyManage/refundDetail/refundFinance.vue
  4. 4
      src/views/moneyManage/refundDetail/refundHeader.vue
  5. 23
      src/views/moneyManage/refundDetail/refundService.vue

24
src/views/moneyManage/executor/executor.vue

@ -11,8 +11,8 @@
</div>
<div class="search">
<el-text size="large" style="width:4vw;">所属地区</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.marketName" :options="market"
placeholder="请选择所属地区" clearable />
<el-cascader style="width: 9vw;" v-model="searchForm.marketName" :options="market" placeholder="请选择所属地区"
clearable />
</div>
<div class="search">
<el-text size="large" style="width:4vw;">产品名称</el-text>
@ -70,9 +70,12 @@
<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>
<el-table-column prop="refundVoucher" label="退款截图" width="120" >
<template #default="scope">
<img v-if="scope.row.refundVoucher" :src="scope.row.refundVoucher" style="width: 40px; height: 40px;" />
<el-image v-if="scope.row.refundVoucher" :src="scope.row.refundVoucher"
:preview-src-list="[scope.row.refundVoucher]"
style="width: 40px; height: 40px; cursor: pointer;z-index: 99999;" fit="cover"
/>
<span v-else>无退款截图</span>
</template>
</el-table-column>
@ -260,8 +263,8 @@ const getRefund = async function () {
// 4041退
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') : "",
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,
account: adminData.value.account
}
@ -633,6 +636,15 @@ onMounted(() => {
background-color: #F3FAFE !important;
}
:deep(.el-image-viewer) {
z-index: 3000 !important; /* 确保高于固定列和对话框的层级 */
}
/* 若固定列仍遮挡,强制提高固定列容器的层级(可选) */
:deep(.el-table__fixed),
:deep(.el-table__fixed-right) {
z-index: 10 !important; /* 低于预览层的 3000 即可 */
}
.condition1 {
width: 82vw;

4
src/views/moneyManage/refundDetail/refundCharge.vue

@ -62,7 +62,7 @@
<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="goodsName" label="产品名称" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodNum" label="产品数量" width="120" />
<el-table-column prop="refundType" label="退款方式" width="120">
<template #default="scope">
@ -70,7 +70,7 @@
</template>
</el-table-column>
<el-table-column prop="areaServise" label="提交人" width="120" />
<el-table-column prop="refundReason" 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">

4
src/views/moneyManage/refundDetail/refundFinance.vue

@ -62,7 +62,7 @@
<el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="market" label="所属地区" width="120" />
<el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
<el-table-column prop="goodsName" label="产品名称" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodNum" label="产品数量" width="120" />
<el-table-column prop="refundType" label="退款方式" width="120">
<template #default="scope">
@ -70,7 +70,7 @@
</template>
</el-table-column>
<el-table-column prop="areaServise" label="提交人" width="120" />
<el-table-column prop="refundReason" 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">

4
src/views/moneyManage/refundDetail/refundHeader.vue

@ -61,7 +61,7 @@
<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="goodsName" label="产品名称" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodNum" label="产品数量" width="120" />
<el-table-column prop="refundType" label="退款方式" width="120">
<template #default="scope">
@ -69,7 +69,7 @@
</template>
</el-table-column>
<el-table-column prop="areaServise" label="提交人" width="120" />
<el-table-column prop="refundReason" 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">

23
src/views/moneyManage/refundDetail/refundService.vue

@ -60,11 +60,11 @@
<el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="market" label="所属地区" width="120" />
<el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
<el-table-column prop="goodsName" label="产品名称" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodNum" label="产品数量" width="120" />
<el-table-column prop="paymentCurrency" label="付款币种" width="120" />
<el-table-column prop="paymentAmount" label="付款金额" width="120" />
<el-table-column prop="payType" label="支付方式" width="120" />
<el-table-column prop="payType" label="支付方式" width="140" />
<el-table-column prop="payTime" label="付款时间" width="180" />
<el-table-column prop="voucher" label="转账凭证" width="120" show-overflow-tooltip>
<template #default="scope">
@ -183,17 +183,13 @@
</div>
</el-dialog>
<el-dialog v-model="showBack" title="撤回退款" overflow draggable class="back-dialog" :style="{
backgroundImage: 'url(/src/assets/images/撤回.png)',
backgroundSize: 'cover',
backgroundPosition: 'center'
}">
<div class="back-text"> </div>
<div class="back-btn">
<el-button type="default" @click="showBack = false">取消</el-button>
<el-button type="primary" @click="recall" style="margin-left: 2vw;">确定</el-button>
</div>
</el-dialog>
<ConfirmDialog
v-model="showBack"
message="撤回该信息!"
@confirm="recall"
@cancel="showBack = false"
@close="showBack = false"
/>
<el-dialog v-model="showError" overflow draggable class="back-dialog" :style="{
backgroundImage: 'url(/src/assets/images/撤回.png)',
@ -218,6 +214,7 @@ import dayjs from 'dayjs'
const adminStore = useAdminStore()
const { adminData, menuTree } = storeToRefs(adminStore)
import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menuTreePermission.js"
import ConfirmDialog from '@/components/dialogs/ConfirmDialog.vue'
const dateRange = ref([])
const searchForm = ref({

Loading…
Cancel
Save