|
|
|
@ -16,7 +16,7 @@ |
|
|
|
<div class="rowItem"> |
|
|
|
<el-text style="width: 4vw;">所属地区</el-text> |
|
|
|
<el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable> |
|
|
|
<el-option v-for="item in marketList" :key="item" :label="item" :value="item" /> |
|
|
|
<el-option v-for="item in marketList" :key="item" :label="item" :value="item"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<!-- 移除客服专属的“订单状态”筛选 --> |
|
|
|
@ -24,13 +24,13 @@ |
|
|
|
<el-text style="width: 4vw;">付款币种</el-text> |
|
|
|
<el-select v-model="searchData.paymentCurrency" placeholder="请选择付款币种" style="width: 10vw;" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in customOptions" :key="item" :label="item" :value="item" /> |
|
|
|
<el-option v-for="item in customOptions" :key="item" :label="item" :value="item"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="rowItem"> |
|
|
|
<el-text style="width: 4vw;">支付方式</el-text> |
|
|
|
<el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable> |
|
|
|
<el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" /> |
|
|
|
<el-option v-for="item in paytypeList" :key="item" :label="item" :value="item"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -39,20 +39,20 @@ |
|
|
|
<el-text style="width: 4vw;">活动名称</el-text> |
|
|
|
<el-select v-model="searchData.activity" placeholder="请选择活动方式" style="width: 10vw;" clearable> |
|
|
|
<el-option v-for="item in activityList" :key="item.id" :label="item.activityName" |
|
|
|
:value="item.id" /> |
|
|
|
:value="item.id"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="rowItem"> |
|
|
|
<el-text style="width: 4vw;">产品名称</el-text> |
|
|
|
<el-cascader v-model="searchData.goodsName" :options="productList" style="width: 10vw;" |
|
|
|
clearable /> |
|
|
|
clearable/> |
|
|
|
</div> |
|
|
|
<div class="rowItem" style="width: 30vw"> |
|
|
|
<el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-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" /> |
|
|
|
:disabled-date="disabledDate"/> |
|
|
|
</div> |
|
|
|
<!-- 地区财务查询/重置按钮 --> |
|
|
|
<div class="buttons"> |
|
|
|
@ -105,11 +105,11 @@ |
|
|
|
<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="marketName" label="所属地区" width="80px" /> |
|
|
|
<el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="goodsName" label="产品名称" width="120px" /> |
|
|
|
<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="marketName" label="所属地区" width="80px"/> |
|
|
|
<el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="goodsName" label="产品名称" width="120px"/> |
|
|
|
<el-table-column prop="goodNum" label="产品数量" width="130px"> |
|
|
|
<template #default="scope"> |
|
|
|
<span v-if="scope.row.goodsName == '金币充值'">{{ scope.row.permanentGold }}</span> |
|
|
|
@ -138,7 +138,7 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="payType" label="支付方式" width="130px"></el-table-column> |
|
|
|
<el-table-column prop="payTime" label="付款时间" width="180px" /> |
|
|
|
<el-table-column prop="payTime" label="付款时间" width="180px"/> |
|
|
|
<el-table-column prop="voucher" label="转账凭证" width="110px"> |
|
|
|
<template #default="scope"> |
|
|
|
<div v-if="scope.row.voucher" |
|
|
|
@ -207,7 +207,7 @@ |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background :page-size="pageInfo.pageSize" :page-sizes="[5, 10, 20, 50, 100]" |
|
|
|
<el-pagination background :current-page="pageInfo.pageNum" :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> |
|
|
|
@ -221,37 +221,37 @@ |
|
|
|
<el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm"> |
|
|
|
<el-form class="addForm" label-width="4vw" label-position="left"> |
|
|
|
<el-form-item label="精网号"> |
|
|
|
<el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由" /> |
|
|
|
<el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户姓名"> |
|
|
|
<el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名" /> |
|
|
|
<el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属地区"> |
|
|
|
<el-input disabled="true" v-model="auditFormData.market" /> |
|
|
|
<el-input disabled="true" v-model="auditFormData.market"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="活动名称"> |
|
|
|
<el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称" /> |
|
|
|
<el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="产品名称"> |
|
|
|
<el-select disabled="true" v-model="auditFormData.goodsName" /> |
|
|
|
<el-select disabled="true" v-model="auditFormData.goodsName"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="付款币种"> |
|
|
|
<el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种" |
|
|
|
@change="handleCurrencyChange" /> |
|
|
|
@change="handleCurrencyChange"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="付款金额"> |
|
|
|
<el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额" /> |
|
|
|
<el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="支付方式"> |
|
|
|
<el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions" |
|
|
|
placeholder="请选择支付方式" /> |
|
|
|
placeholder="请选择支付方式"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="到账地区"> |
|
|
|
<el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区" /> |
|
|
|
<el-select disabled="true" v-model="auditFormData.receivedMarket" placeholder="到账地区"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="付款时间"> |
|
|
|
<el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime" |
|
|
|
placeholder="请选择付款时间" /> |
|
|
|
placeholder="请选择付款时间"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="转账凭证"> |
|
|
|
<div class="pic"> |
|
|
|
@ -259,9 +259,9 @@ |
|
|
|
list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload" |
|
|
|
:on-error="handelImgErr" :on-change="handleImageChange" :http-request="customUpload"> |
|
|
|
<img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar" |
|
|
|
style="height: 100%; width: 100%; object-fit: cover;" /> |
|
|
|
style="height: 100%; width: 100%; object-fit: cover;"/> |
|
|
|
<el-icon v-else class="avatar-uploader-icon"> |
|
|
|
<Plus /> |
|
|
|
<Plus/> |
|
|
|
</el-icon> |
|
|
|
</el-upload> |
|
|
|
<el-text class="picText"> |
|
|
|
@ -271,11 +271,11 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注"> |
|
|
|
<el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3" |
|
|
|
placeholder="请输入备注" maxlength="100" show-word-limit /> |
|
|
|
placeholder="请输入备注" maxlength="100" show-word-limit/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="驳回理由" v-if="ifReject" required> |
|
|
|
<el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由" |
|
|
|
maxlength="100" show-word-limit /> |
|
|
|
maxlength="100" show-word-limit/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<template #footer> |
|
|
|
@ -301,16 +301,16 @@ |
|
|
|
<div class="left"> |
|
|
|
<el-form class="editForm" label-width="4.5vw" label-position="left"> |
|
|
|
<el-form-item label="精网号"> |
|
|
|
<el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由" /> |
|
|
|
<el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户姓名"> |
|
|
|
<el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名" /> |
|
|
|
<el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属地区"> |
|
|
|
<el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区" /> |
|
|
|
<el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="活动名称"> |
|
|
|
<el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称" /> |
|
|
|
<el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="产品名称"> |
|
|
|
<el-select disabled="true" v-model="editFormData.goodsName" placeholder="请选择产品名称" |
|
|
|
@ -319,7 +319,7 @@ |
|
|
|
<el-form-item v-show="!isEditGold" label="产品数量"> |
|
|
|
<div style="padding-right: 50px; display: flex;"> |
|
|
|
<el-input disabled="true" style="padding-right: 10px;" v-model="editFormData.goodNum" |
|
|
|
placeholder="请输入产品数量" /> |
|
|
|
placeholder="请输入产品数量"/> |
|
|
|
<span style="color: #999999;">个</span> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
@ -329,23 +329,23 @@ |
|
|
|
style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span> |
|
|
|
<el-input disabled="true" |
|
|
|
style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;" |
|
|
|
v-model="editFormData.permanentGold" /> |
|
|
|
v-model="editFormData.permanentGold"/> |
|
|
|
</div> |
|
|
|
<div style="padding-right: 5px; display: flex;"> |
|
|
|
<span |
|
|
|
style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span> |
|
|
|
<el-input disabled="true" |
|
|
|
style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;" |
|
|
|
v-model="editFormData.freeGold" /> |
|
|
|
v-model="editFormData.freeGold"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item label="付款币种"> |
|
|
|
<CurrencySelect :disabled="!ifOnline" v-model="editFormData.paymentCurrency" |
|
|
|
:items="customOptions" placeholder="请选择付款币种" /> |
|
|
|
:items="customOptions" placeholder="请选择付款币种"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="付款金额"> |
|
|
|
<el-input :disabled="!ifOnline" v-model="editFormData.paymentAmount" |
|
|
|
placeholder="请输入付款金额" /> |
|
|
|
placeholder="请输入付款金额"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="支付方式"> |
|
|
|
<el-select disabled="true" v-model="editFormData.payType" placeholder="请选择支付方式" |
|
|
|
@ -357,7 +357,7 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="付款时间"> |
|
|
|
<el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime" |
|
|
|
placeholder="请选择付款时间" /> |
|
|
|
placeholder="请选择付款时间"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="转账凭证"> |
|
|
|
<div class="pic"> |
|
|
|
@ -366,9 +366,9 @@ |
|
|
|
:on-error="handelImgErr" :on-change="handleImageChange" |
|
|
|
:http-request="customUpload"> |
|
|
|
<img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar" |
|
|
|
style="height: 100%; width: 100%; object-fit: cover;" /> |
|
|
|
style="height: 100%; width: 100%; object-fit: cover;"/> |
|
|
|
<el-icon v-else class="avatar-uploader-icon"> |
|
|
|
<Plus /> |
|
|
|
<Plus/> |
|
|
|
</el-icon> |
|
|
|
</el-upload> |
|
|
|
<el-text class="picText"> |
|
|
|
@ -378,7 +378,7 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注"> |
|
|
|
<el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4" |
|
|
|
placeholder="请输入驳回理由" maxlength="100" show-word-limit /> |
|
|
|
placeholder="请输入驳回理由" maxlength="100" show-word-limit/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
@ -387,16 +387,16 @@ |
|
|
|
label-width="4.5vw" label-position="left"> |
|
|
|
<el-form-item label="到账货币"> |
|
|
|
<CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions" |
|
|
|
placeholder="请选择到账货币" /> |
|
|
|
placeholder="请选择到账货币"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="到账金额" prop="receivedAmount"> |
|
|
|
<el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额" /> |
|
|
|
<el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手续费" prop="handlingCharge"> |
|
|
|
<el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费" /> |
|
|
|
<el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="到账时间"> |
|
|
|
<el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间" /> |
|
|
|
<el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间"/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<span class="editBtns"> |
|
|
|
@ -419,25 +419,25 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script setup> |
|
|
|
import { ref, watch, computed, onMounted } from 'vue'; |
|
|
|
import { storeToRefs } from 'pinia'; |
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus' |
|
|
|
import {ref, watch, computed, onMounted} from 'vue'; |
|
|
|
import {storeToRefs} from 'pinia'; |
|
|
|
import {ElMessage, ElMessageBox} from 'element-plus' |
|
|
|
import API from '@/util/http.js' |
|
|
|
import request from '@/util/http.js' |
|
|
|
import moment from 'moment' |
|
|
|
import { useAdminStore } from '@/store/index.js' |
|
|
|
import { hasMenuPermission } from '@/utils/menuTreePermission.js' |
|
|
|
import {useAdminStore} from '@/store/index.js' |
|
|
|
import {hasMenuPermission} from '@/utils/menuTreePermission.js' |
|
|
|
|
|
|
|
import _ from 'lodash' |
|
|
|
import { editFormRule } from './utils/recriveFormRules.js' |
|
|
|
import { productList, MarketNameForId, CurrencyForId, marketList, statusList } from './utils/staticData.js' |
|
|
|
import {editFormRule} from './utils/recriveFormRules.js' |
|
|
|
import {productList, MarketNameForId, CurrencyForId, marketList, statusList} from './utils/staticData.js' |
|
|
|
import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue' |
|
|
|
import { Plus } from '@element-plus/icons-vue'; |
|
|
|
import {Plus} from '@element-plus/icons-vue'; |
|
|
|
|
|
|
|
|
|
|
|
// ===================== 1. 核心状态管理（仅地区财务） ===================== |
|
|
|
const adminStore = useAdminStore(); |
|
|
|
const { menuTree } = storeToRefs(adminStore); |
|
|
|
const {menuTree} = storeToRefs(adminStore); |
|
|
|
|
|
|
|
|
|
|
|
//===================== 查询相关 ================================= |
|
|
|
@ -450,9 +450,12 @@ const defaultTime = [ |
|
|
|
const getTime = ref([]) |
|
|
|
|
|
|
|
// 空函数占位（原模板引用但未定义，避免报错） |
|
|
|
const handleDatePickerChange = ref(() => { }) |
|
|
|
const disabledDate = ref(() => { }) |
|
|
|
const handleSortChange = ref(() => { }) |
|
|
|
const handleDatePickerChange = ref(() => { |
|
|
|
}) |
|
|
|
const disabledDate = ref(() => { |
|
|
|
}) |
|
|
|
const handleSortChange = ref(() => { |
|
|
|
}) |
|
|
|
|
|
|
|
const search = () => { |
|
|
|
getlist() |
|
|
|
@ -461,6 +464,8 @@ const search = () => { |
|
|
|
const reset = () => { |
|
|
|
searchData.value = {} |
|
|
|
getTime.value = [] |
|
|
|
// 重置页码 |
|
|
|
pageInfo.value.pageNum = 1 |
|
|
|
getlist() |
|
|
|
} |
|
|
|
|
|
|
|
|
lihui
3 weeks ago