添加下拉框
This commit is contained in:
parent
2fc5955d3d
commit
df3d8f527d
|
|
@ -1,36 +1,36 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="所属组织" prop="deptIdList">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="所属组织" prop="deptIdList">
|
||||
<el-cascader v-model="queryParams.deptIdList"
|
||||
:options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
|
||||
:props="{
|
||||
:props="{
|
||||
multiple: true,
|
||||
emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
|
||||
checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
|
||||
value:'id',label:'label'
|
||||
value:'id',label:'label'
|
||||
}" clearable collapse-tags >
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字" prop="searchValue">
|
||||
<el-input v-model="queryParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
|
||||
</el-form-item>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="tableListData" height="800">
|
||||
<el-table-column label="序号" align="center" width="80" type="index" fixed="left">
|
||||
<template scope="scope">
|
||||
<span v-if="!scope.row.userId">合计：</span>
|
||||
<span v-else>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" width="120" fixed="left"/>
|
||||
<el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" width="120" fixed="left"/>
|
||||
<el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" width="120"/>
|
||||
|
|
@ -44,27 +44,27 @@
|
|||
<el-table-column label="账户总余额" align="center" prop="accBalTotal" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.accBalTotal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="可用总余额" align="center" prop="accAvailableBal" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.accAvailableBal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="个人钱包余额" align="center" prop="walletBal" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.walletBal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="补贴钱包余额" align="center" prop="subsidyBal" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.subsidyBal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="冻结金额" align="center" prop="accFreezeBalTotal" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.accFreezeBalTotal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="账户状态" align="center" prop="accountStatus" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
|
|
@ -73,37 +73,37 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="账户有效期" align="center" prop="endDate" :show-overflow-tooltip="true" width="160"/>
|
||||
|
||||
<!--
|
||||
|
||||
<!--
|
||||
<el-table-column label="个人钱包允许最低金额" align="center" prop="minWalletBalLimit" :show-overflow-tooltip="true" width="160">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.minWalletBalLimit/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="补贴钱包允许最低金额" align="center" prop="minSubBalLimit" :show-overflow-tooltip="true" width="160">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.minSubBalLimit/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
|
||||
|
||||
<!-- <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" fixed="right">
|
||||
<template slot-scope="scope" v-if="scope.$index!=10">
|
||||
|
||||
|
||||
<template slot-scope="scope" v-if="scope.$index!=10">
|
||||
|
||||
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import { deptTreeSelect } from '@/api/system/user'
|
||||
import { accInfoPageApi, accInfoSumPageApi} from "@/api/accountCenter/manager";
|
||||
|
|
@ -130,22 +130,22 @@
|
|||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
open: false,
|
||||
//下拉选数据
|
||||
deptOptions:[],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
deptIdList:[],
|
||||
searchValue:null,
|
||||
},
|
||||
pageSize: 10,
|
||||
deptIdList:[],
|
||||
searchValue:null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
form: {},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getDeptTree()
|
||||
this.getDeptTree()
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -164,14 +164,14 @@
|
|||
return node
|
||||
})
|
||||
.filter((node) => node.status !== '1')
|
||||
},
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
|
|
@ -180,26 +180,32 @@
|
|||
console.log(this.queryParams)
|
||||
this.loading = true;
|
||||
let param = {
|
||||
"pageNum": this.queryParams.pageNum,
|
||||
"pageSize": this.queryParams.pageSize,
|
||||
"deptIdList": this.queryParams.deptIdList,
|
||||
"searchValue": this.queryParams.searchValue,
|
||||
}
|
||||
"pageNum": this.queryParams.pageNum,
|
||||
"pageSize": this.queryParams.pageSize,
|
||||
"deptIdList": this.queryParams.deptIdList,
|
||||
"searchValue": this.queryParams.searchValue,
|
||||
}
|
||||
accInfoPageApi(param).then(response => {
|
||||
this.tableListData = response.rows;
|
||||
this.total = Number(response.total);
|
||||
this.tableListData.forEach(item=>{
|
||||
if(item.phoneNumber&&item.phoneNumber!=""){
|
||||
this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
|
||||
// this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
|
||||
this.$set(item, "phoneNumber", this.maskPhoneNumber(item.phoneNumber));
|
||||
}
|
||||
})
|
||||
})
|
||||
accInfoSumPageApi(param).then(response => {
|
||||
this.tableListData.push(response.data)
|
||||
});
|
||||
this.tableListData.push(response.data)
|
||||
});
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
},
|
||||
maskPhoneNumber(phoneNumber) {
|
||||
// 解密电话号码
|
||||
const decryptedPhone = decryptWithSM4(phoneNumber);
|
||||
// 这里使用正则表达式将中间四位数字替换为 ***
|
||||
return decryptedPhone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
@ -14,18 +14,18 @@
|
|||
:default-time="['00:00:00', '23:59:59']"
|
||||
:picker-options="pickerOptions" >
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属组织" prop="deptIdList">
|
||||
</el-form-item>
|
||||
<el-form-item label="所属组织" prop="deptIdList">
|
||||
<el-cascader v-model="queryParams.deptIdList"
|
||||
:options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
|
||||
:props="{
|
||||
:props="{
|
||||
multiple: true,
|
||||
emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
|
||||
checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
|
||||
value:'id',label:'label'
|
||||
value:'id',label:'label'
|
||||
}" clearable collapse-tags>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字">
|
||||
<el-input v-model="queryParams.searchValue" placeholder="请输入关键字" maxlength="20" clearable style="width: 240px"/>
|
||||
</el-form-item>
|
||||
|
|
@ -47,45 +47,45 @@
|
|||
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="组织全称" align="center" prop="deptFullName" :show-overflow-tooltip="true" width="180"/>
|
||||
<el-table-column label="组织全称" align="center" prop="deptFullName" :show-overflow-tooltip="true" width="180"/>
|
||||
<el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" width="120" />
|
||||
<el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" width="120" />
|
||||
<el-table-column label="用户手机号" align="center" prop="phonenumber" :show-overflow-tooltip="true" width="120"/>
|
||||
<el-table-column label="用户手机号" align="center" prop="phonenumber" :show-overflow-tooltip="true" width="120"/>
|
||||
<el-table-column label="上期余额" align="center" prop="lastWalletBal" :show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.lastWalletBal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="本期余额" align="center" prop="walletBalNow" :show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.walletBalNow/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="总收入" align="center" prop="income" :show-overflow-tooltip="true" >
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.income/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="总支出" align="center" prop="outcome" :show-overflow-tooltip="true" >
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.outcome/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="账户余额" align="center" prop="walletBal" :show-overflow-tooltip="true" >
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (scope.row.walletBal/100).toFixed(2) }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleView(scope.row)"
|
||||
>详情</el-button>
|
||||
type="text"
|
||||
@click="handleView(scope.row)"
|
||||
>详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -96,11 +96,11 @@
|
|||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
/>
|
||||
|
||||
<el-dialog title="查看" :visible.sync="openView" width="800px" append-to-body>
|
||||
<div style="width: 100%;height: 300px;overflow-y: auto;">
|
||||
<el-descriptions class="margin-top" title="" :column="2" size="small" border>
|
||||
<el-descriptions class="margin-top" title="" :column="2" size="small" border>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">组织全称</template>
|
||||
{{ rowData.deptFullName }}
|
||||
|
|
@ -116,30 +116,30 @@
|
|||
<el-descriptions-item>
|
||||
<template slot="label">用户手机号</template>
|
||||
{{ rowData.phonenumber }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">上期余额</template>
|
||||
{{ (rowData.lastWalletBal/100).toFixed(2) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">本期余额</template>
|
||||
{{ (rowData.walletBalNow/100).toFixed(2) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">总收入</template>
|
||||
{{ (rowData.income/100).toFixed(2) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">总支出</template>
|
||||
{{ (rowData.outcome/100).toFixed(2) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">账户余额</template>
|
||||
{{ (rowData.walletBal/100).toFixed(2) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions-item>
|
||||
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="openView=false">确 定</el-button>
|
||||
<el-button @click="openView=false">取 消</el-button>
|
||||
|
|
@ -149,12 +149,12 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { deptTreeSelect } from '@/api/system/user'
|
||||
import { deptTreeSelect } from '@/api/system/user'
|
||||
import { reportUserIncomeListApi } from "@/api/reportCenter/index";
|
||||
import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
||||
export default {//交易流水
|
||||
name: "",
|
||||
dicts: ['sys_user_type'],
|
||||
dicts: ['sys_user_type'],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
|
|
@ -170,9 +170,9 @@ export default {//交易流水
|
|||
// 总条数
|
||||
total: 0,
|
||||
//表格数据
|
||||
tableListData: [],
|
||||
tableListData: [],
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
open: false,
|
||||
dateRange:this.defaultDateRange(),
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
|
|
@ -209,7 +209,7 @@ export default {//交易流水
|
|||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
pageSize: 10,
|
||||
deptIdList:[],
|
||||
searchValue:null
|
||||
},
|
||||
|
|
@ -217,11 +217,11 @@ export default {//交易流水
|
|||
openView:false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getDeptTree();
|
||||
created() {
|
||||
this.getDeptTree();
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
methods: {
|
||||
/** 查询部门下拉树结构 */
|
||||
getDeptTree() {
|
||||
deptTreeSelect().then((response) => {
|
||||
|
|
@ -248,7 +248,7 @@ export default {//交易流水
|
|||
this.dateRange = this.defaultDateRange()
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
pageSize: 10,
|
||||
deptIdList:[],
|
||||
searchValue:null
|
||||
}
|
||||
|
|
@ -257,10 +257,10 @@ export default {//交易流水
|
|||
},
|
||||
/** 查询列表 */
|
||||
getList() {
|
||||
this.loading = false;
|
||||
let param = {
|
||||
this.loading = false;
|
||||
let param = {
|
||||
...this.queryParams,
|
||||
"pageNum": this.queryParams.pageNum,
|
||||
"pageNum": this.queryParams.pageNum,
|
||||
"pageSize": this.queryParams.pageSize
|
||||
}
|
||||
if(this.dateRange&&this.dateRange.length>0){
|
||||
|
|
@ -275,9 +275,10 @@ export default {//交易流水
|
|||
this.total = Number(response.total);
|
||||
this.tableListData.forEach(item=>{
|
||||
if(item.phonenumber&&item.phonenumber!=""){
|
||||
this.$set(item,"phonenumber",decryptWithSM4(item.phonenumber))
|
||||
//this.$set(item,"phonenumber",decryptWithSM4(item.phonenumber))
|
||||
this.$set(item, "phonenumber", this.maskPhoneNumber(item.phonenumber));
|
||||
}
|
||||
})
|
||||
})
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
|
@ -285,7 +286,13 @@ export default {//交易流水
|
|||
this.rowData = row;
|
||||
this.openView = true
|
||||
},
|
||||
|
||||
maskPhoneNumber(phoneNumber) {
|
||||
// 解密电话号码
|
||||
const decryptedPhone = decryptWithSM4(phoneNumber);
|
||||
console.log(decryptedPhone)
|
||||
// 这里使用正则表达式将中间四位数字替换为 ***
|
||||
return decryptedPhone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
|
||||
},
|
||||
|
||||
defaultDateRange() {
|
||||
const end = new Date(new Date().toLocaleDateString());
|
||||
|
|
@ -296,7 +303,7 @@ export default {//交易流水
|
|||
this.start = parseInt(start.getTime() / 1000)
|
||||
this.end = parseInt(end.getTime() / 1000)
|
||||
return [start, end]
|
||||
},
|
||||
},
|
||||
//日期
|
||||
formatDate(date) {
|
||||
// 格式化为 YYYY-MM-DD
|
||||
|
|
@ -307,7 +314,7 @@ export default {//交易流水
|
|||
const minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
|
||||
const seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
|
||||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams1" ref="queryForm1" size="small" :inline="true" v-show="showSearch" label-width="90px">
|
||||
<el-form-item label="日期时间">
|
||||
<el-date-picker
|
||||
|
|
@ -15,19 +15,19 @@
|
|||
:picker-options="pickerOptions" >
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字">
|
||||
<el-form-item label="关键字">
|
||||
<el-input v-model="queryParams1.searchValue" placeholder="请输入关键字" maxlength="20" clearable style="width: 240px"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属组织" prop="deptIds">
|
||||
</el-form-item>
|
||||
<el-form-item label="所属组织" prop="deptIds">
|
||||
<el-cascader v-model="queryParams1.deptIds"
|
||||
:options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
|
||||
:props="{
|
||||
:props="{
|
||||
multiple: true,
|
||||
emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
|
||||
checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
|
||||
value:'id',label:'label'
|
||||
value:'id',label:'label'
|
||||
}" clearable collapse-tags>
|
||||
</el-cascader>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作员">
|
||||
<el-input v-model="queryParams1.createBy" placeholder="请输入操作员" maxlength="20" clearable style="width: 240px"/>
|
||||
|
|
@ -35,28 +35,28 @@
|
|||
<!-- <el-form-item label="订单号">
|
||||
<el-input v-model="queryParams1.accTradeId" placeholder="请输入订单号" maxlength="20" clearable style="width: 240px"/>
|
||||
</el-form-item> -->
|
||||
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList1"></right-toolbar>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="tableListData1" height="550" ref="multipleTable1" :row-key="(row)=>{return row.tradeId}" @selection-change="handleSelectionChange1">
|
||||
<el-table v-loading="loading" :data="tableListData1" height="550" ref="multipleTable1" :row-key="(row)=>{return row.tradeId}" @selection-change="handleSelectionChange1">
|
||||
<!-- <el-table-column type="selection" width="50" align="center" :reserve-selection="true" /> -->
|
||||
<el-table-column label="序号" align="center" width="100" type="index" >
|
||||
<template scope="scope">
|
||||
<span v-if="!scope.row.userId">合计：</span>
|
||||
<span v-else>{{ (queryParams1.pageNum - 1) * queryParams1.pageSize + scope.$index+1 }}</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" width="120"/>
|
||||
<el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" width="120" />
|
||||
<el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" width="120" />
|
||||
<el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true"/>
|
||||
<!-- <el-table-column label="用户类别" align="center" prop="userTypeName" :show-overflow-tooltip="true"/> -->
|
||||
<el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
|
||||
<template slot-scope="scope">
|
||||
|
|
@ -79,46 +79,46 @@
|
|||
<el-table-column label="充值结果" align="center" prop="tradeStateName" :show-overflow-tooltip="true" width="120"></el-table-column>
|
||||
<el-table-column label="操作员" align="center" prop="createBy" :show-overflow-tooltip="true" width="100"></el-table-column>
|
||||
<el-table-column label="订单号" align="center" prop="tradeId" :show-overflow-tooltip="true" width="180"></el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="tradeTime" :show-overflow-tooltip="true" width="160"/>
|
||||
<el-table-column label="操作时间" align="center" prop="tradeTime" :show-overflow-tooltip="true" width="160"/>
|
||||
<!-- <el-table-column label="操作" align="center" width="100" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
style="color: red;"
|
||||
@click="handleRepeal1(scope.row)"
|
||||
@click="handleRepeal1(scope.row)"
|
||||
>撤销</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total1>0"
|
||||
:total="total1"
|
||||
:page.sync="queryParams1.pageNum"
|
||||
:limit.sync="queryParams1.pageSize"
|
||||
@pagination="getList1"
|
||||
/>
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import { deptTreeSelect } from '@/api/system/user'
|
||||
import { deptTreeSelect } from '@/api/system/user'
|
||||
import { repealSubsidyRechargeApi,batchRepealSubsidyRechargeApi,accSubsidyRepealPageApi,accSubsidyHandReceivePageApi,accSubsidyHandReceiveBatchGrantApi,batchAccSubsidyRepealApi } from "@/api/accountCenter/butie";
|
||||
import { accInfoWalletHistoryApi } from "@/api/accountCenter/traderecords";
|
||||
import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
||||
export default {
|
||||
name: "",
|
||||
dicts: ['sys_user_type'],
|
||||
dicts: ['sys_user_type'],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
loading: true,
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
showSearch: true,
|
||||
dateRange:this.defaultDateRange(),
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
|
|
@ -128,7 +128,7 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
end.setTime(end.getTime() + 24 * 60 * 60 * 1000 - 1);
|
||||
const start = new Date((new Date().toLocaleDateString()));
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||
|
||||
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}, {
|
||||
|
|
@ -155,23 +155,23 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
// 查询参数
|
||||
queryParams1: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
searchValue:null,
|
||||
deptIds:[],
|
||||
createBy:null,
|
||||
pageSize: 10,
|
||||
searchValue:null,
|
||||
deptIds:[],
|
||||
createBy:null,
|
||||
}, // 总条数
|
||||
total1: 0,
|
||||
//表格数据
|
||||
tableListData1: [],
|
||||
// 选中数组
|
||||
batchIds1: [],
|
||||
batchIds1: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getDeptTree();
|
||||
created() {
|
||||
this.getDeptTree();
|
||||
this.getList1()
|
||||
},
|
||||
methods: {
|
||||
methods: {
|
||||
/** 查询部门下拉树结构 */
|
||||
getDeptTree() {
|
||||
deptTreeSelect().then((response) => {
|
||||
|
|
@ -187,20 +187,20 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
return node
|
||||
})
|
||||
.filter((node) => node.status !== '1')
|
||||
},
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams1.pageNum = 1;
|
||||
this.getList1();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
resetQuery() {
|
||||
this.dateRange = this.defaultDateRange()
|
||||
this.queryParams1 = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
searchValue:null,
|
||||
deptIds:[],
|
||||
pageSize: 10,
|
||||
searchValue:null,
|
||||
deptIds:[],
|
||||
createBy:null,
|
||||
accTradeId:null
|
||||
}
|
||||
|
|
@ -210,10 +210,10 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
/** 查询列表 */
|
||||
getList1() {
|
||||
this.loading = true;
|
||||
let param = {
|
||||
let param = {
|
||||
...this.queryParams1,
|
||||
"tradeType": 10
|
||||
}
|
||||
}
|
||||
if(this.dateRange&&this.dateRange.length>0){
|
||||
param.startDateTime=this.formatDate(this.dateRange[0])
|
||||
param.endDateTime=this.formatDate(this.dateRange[1])
|
||||
|
|
@ -229,19 +229,26 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
this.total1 = Number(response.total);
|
||||
this.tableListData1.forEach(item=>{
|
||||
if(item.phoneNumber&&item.phoneNumber!=""){
|
||||
this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
|
||||
this.$set(item, "phoneNumber", this.maskPhoneNumber(item.phoneNumber));
|
||||
}
|
||||
})
|
||||
})
|
||||
// if(this.tableListData1.length>0){
|
||||
// this.tableListData1.push(response.data.sumVO)
|
||||
// this.tableListData1.push(response.data.sumVO)
|
||||
// }
|
||||
this.loading = false;
|
||||
}).catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
maskPhoneNumber(phoneNumber) {
|
||||
// 解密电话号码
|
||||
const decryptedPhone = decryptWithSM4(phoneNumber);
|
||||
console.log(decryptedPhone)
|
||||
// 这里使用正则表达式将中间四位数字替换为 ***
|
||||
return decryptedPhone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2");
|
||||
},
|
||||
/** 撤销按钮操作 */
|
||||
handleRepeal1(row) {
|
||||
handleRepeal1(row) {
|
||||
// this.$modal.confirm('是否确认撤销？').then(function() {
|
||||
// return repealSubsidyRechargeApi({"tradeId":row.tradeId});
|
||||
// }).then(() => {
|
||||
|
|
@ -260,11 +267,11 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
end.setTime(end.getTime() + 24 * 60 * 60 * 1000 - 1);
|
||||
const start = new Date((new Date().toLocaleDateString()));
|
||||
start.setTime(start.getTime());
|
||||
|
||||
|
||||
this.start = parseInt(start.getTime() / 1000)
|
||||
this.end = parseInt(end.getTime() / 1000)
|
||||
return [start, end]
|
||||
},
|
||||
},
|
||||
//日期
|
||||
formatDate(date) {
|
||||
// 格式化为 YYYY-MM-DD
|
||||
|
|
@ -275,7 +282,7 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
const minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
|
||||
const seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
|
||||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -299,6 +306,5 @@ import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
|
|||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -50,8 +50,18 @@
|
|||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人" prop="linkMan">
|
||||
<!-- <el-form-item label="联系人" prop="linkMan">
|
||||
<el-input v-model="baseInfo.linkMan" placeholder="请输入联系人" maxlength="20" clearable style="width: 240px"/>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="联系人" prop="linkMan">
|
||||
<el-select v-model="contractPerson" placeholder="请输入联系人" clearable style="width: 240px">
|
||||
<el-option
|
||||
v-for="option in contractPersonOptions"
|
||||
:key="option.value"
|
||||
:label="option.label"
|
||||
:value="option.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="phone">
|
||||
<el-input v-model="baseInfo.phone" placeholder="请输入联系电话" maxlength="11" clearable style="width: 240px"/>
|
||||
|
|
@ -184,7 +194,7 @@
|
|||
<!-- 导入 -->
|
||||
<el-dialog title="导入采购计划" :visible.sync="openImportDialog" width="60%" append-to-body >
|
||||
<div style="width: 100%;height:650px;">
|
||||
<el-form :model="queryParams2" ref="queryForm2" size="small" :inline="true" label-width="100px">
|
||||
<el-form :model="queryParams2" ref="queryForm2" size="small" :inline="true" label-width="100px">
|
||||
<el-form-item label="计划日期">
|
||||
<el-date-picker
|
||||
v-model="dateRange"
|
||||
|
|
@ -215,12 +225,12 @@
|
|||
<template slot-scope="scope">
|
||||
<span>{{(queryParams2.pageNum - 1) * queryParams2.pageSize + scope.$index + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="采购计划单号" align="center" prop="planCode" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="采购计划时间" align="center" prop="purchaseDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="所属食堂" align="center" prop="canteenName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="所属档口" align="center" prop="stallName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="创建人" align="center" prop="createBy" :show-overflow-tooltip="true" />
|
||||
</el-table-column>
|
||||
<el-table-column label="采购计划单号" align="center" prop="planCode" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="采购计划时间" align="center" prop="purchaseDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="所属食堂" align="center" prop="canteenName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="所属档口" align="center" prop="stallName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="创建人" align="center" prop="createBy" :show-overflow-tooltip="true" />
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total2>0"
|
||||
|
|
@ -228,27 +238,28 @@
|
|||
:page.sync="queryParams2.pageNum"
|
||||
:limit.sync="queryParams2.pageSize"
|
||||
@pagination="getList2"
|
||||
/>
|
||||
/>
|
||||
<div>
|
||||
<div>采购计划明细</div>
|
||||
<el-table :data="materialDetailsData" height="250">
|
||||
<el-table-column label="货品编码" align="center" prop="materialCode" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="货品名称" align="center" prop="materialName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="计划采购数量" align="center" prop="purchaseNum" :show-overflow-tooltip="true" />
|
||||
</el-table>
|
||||
<el-table :data="materialDetailsData" height="250">
|
||||
<el-table-column label="货品编码" align="center" prop="materialCode" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="货品名称" align="center" prop="materialName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="计划采购数量" align="center" prop="purchaseNum" :show-overflow-tooltip="true" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="confirmImport">确 定</el-button>
|
||||
<el-button @click="openImportDialog=false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { fetchUsers } from "@/api/foodManage/purchaseManage";
|
||||
import { imgUpLoadTwo } from '@/api/system/upload'
|
||||
import { systemAreaTreeApi } from "@/api/base/stall";
|
||||
import { systemMaterialTreeApi,getMaterialListApi,supplierPageApi } from "@/api/foodManage/stockManage";
|
||||
|
|
@ -259,6 +270,8 @@ export default {
|
|||
dicts: [],
|
||||
data() {
|
||||
return {
|
||||
contractPersonOptions: [], // 下拉框选项
|
||||
contractPerson: '', // 绑定的值
|
||||
goodsInquiryData:{},//页面传参
|
||||
loading:false,
|
||||
loadingBtn:false,
|
||||
|
|
@ -328,9 +341,9 @@ export default {
|
|||
openImportDialog:false,
|
||||
queryParams2: { // 货品弹窗-货品表格-查询参数
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
pageSize: 10,
|
||||
planCode:null
|
||||
},
|
||||
},
|
||||
loading2:false,
|
||||
total2: 0, // 总条数
|
||||
tableListData2: [],//导入弹窗-表格数据
|
||||
|
|
@ -368,6 +381,7 @@ export default {
|
|||
};
|
||||
},
|
||||
created() {
|
||||
this.fetchUsers();
|
||||
this.getAreaTreeData()
|
||||
this.getMaterialTree()
|
||||
if(this.$route.query.goodsInquiryData){
|
||||
|
|
@ -387,6 +401,22 @@ export default {
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
fetchUsers() {
|
||||
let param = {
|
||||
pageNum:1,
|
||||
pageSize: 1000,
|
||||
roleIds: 130, // 过滤角色
|
||||
}
|
||||
fetchUsers(param).then((response) => {
|
||||
if (response.rows) {
|
||||
// 从接口返回的数据中提取用户选项
|
||||
this.contractPersonOptions = response.rows.map(user => ({
|
||||
value: user.userId, // 下拉框绑定的值
|
||||
label: user.userName, // 下拉框显示的文本
|
||||
}));
|
||||
}
|
||||
});
|
||||
},
|
||||
limitDecimalInput(value, row, key) {
|
||||
// 只允许数字和小数点
|
||||
let val = value.replace(/[^\d.]/g, '');
|
||||
|
|
@ -487,9 +517,9 @@ export default {
|
|||
this.materialList.splice(index,1)
|
||||
}
|
||||
})
|
||||
setTimeout(()=>{
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
},300)
|
||||
setTimeout(()=>{
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
},300)
|
||||
},
|
||||
//添加货品
|
||||
addMaterial(){
|
||||
|
|
@ -713,18 +743,18 @@ export default {
|
|||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
//导入
|
||||
importPurchasePlan(){
|
||||
if(this.baseInfo.areaId!=undefined){
|
||||
this.openImportDialog=true
|
||||
this.openImportDialog=true
|
||||
this.resetQuery2()
|
||||
// setTimeout(()=>{
|
||||
// this.$refs.multipleTable2.clearSelection()
|
||||
// },300)
|
||||
// this.$refs.multipleTable2.clearSelection()
|
||||
// },300)
|
||||
}else{
|
||||
this.$modal.msgError("请先选择区域！");
|
||||
}
|
||||
}
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery2() {
|
||||
|
|
@ -732,11 +762,11 @@ export default {
|
|||
this.getList2();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery2() {
|
||||
resetQuery2() {
|
||||
this.dateRange = this.defaultDateRange()
|
||||
this.queryParams2 = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
pageSize: 10,
|
||||
}
|
||||
this.resetForm("queryForm2");
|
||||
this.handleQuery2();
|
||||
|
|
@ -757,7 +787,7 @@ export default {
|
|||
}else{
|
||||
param.startTime=undefined;
|
||||
param.endTime=undefined;
|
||||
}
|
||||
}
|
||||
purchasePlanPageApi(param).then(response => {
|
||||
this.tableListData2 = response.rows;
|
||||
this.total2 = Number(response.total);
|
||||
|
|
@ -771,23 +801,23 @@ export default {
|
|||
let param = {
|
||||
planId:this.importRow.planId
|
||||
}
|
||||
getPurchasePlanInfoApi(param).then((response) => {
|
||||
this.materialDetailsData = response.data.purchasePlanDetailList||[];
|
||||
getPurchasePlanInfoApi(param).then((response) => {
|
||||
this.materialDetailsData = response.data.purchasePlanDetailList||[];
|
||||
});
|
||||
},
|
||||
confirmImport(){
|
||||
confirmImport(){
|
||||
if(this.materialDetailsData.length>0){
|
||||
this.$modal.confirm('是否确认覆盖货品明细?').then(() => {
|
||||
this.materialList = this.materialDetailsData;
|
||||
this.materialList = this.materialDetailsData;
|
||||
this.materialList.forEach(item=>{
|
||||
this.$set(item,"purNum",item.purchaseNum)
|
||||
})
|
||||
this.baseInfo.purchasePlanCode = this.importRow.planCode;
|
||||
this.baseInfo.purchasePlanCode = this.importRow.planCode;
|
||||
this.$set(this.baseInfo,"remark","导入采购计划")
|
||||
setTimeout(()=>{
|
||||
setTimeout(()=>{
|
||||
this.openImportDialog=false
|
||||
},500)
|
||||
}).catch(() => {});
|
||||
},500)
|
||||
}).catch(() => {});
|
||||
}else{
|
||||
this.$modal.msgError("采购计划明细无货品");
|
||||
}
|
||||
|
|
@ -796,11 +826,11 @@ export default {
|
|||
const end = new Date(new Date().toLocaleDateString());
|
||||
end.setTime(end.getTime() + 24 * 60 * 60 * 1000 -1);
|
||||
const start = new Date((new Date().toLocaleDateString()));
|
||||
start.setTime(start.getTime() - 30 * 24 * 60 * 60 * 1000);
|
||||
start.setTime(start.getTime() - 30 * 24 * 60 * 60 * 1000);
|
||||
this.start = parseInt(start.getTime() / 1000)
|
||||
this.end = parseInt(end.getTime() / 1000)
|
||||
return [start, end]
|
||||
},
|
||||
},
|
||||
//日期
|
||||
formatDate(date) {
|
||||
// 格式化为 YYYY-MM-DD
|
||||
|
|
|
|||
Loading…
Reference in New Issue