领导人员功能开发功能开发
This commit is contained in:
parent
85deffe64d
commit
9df9082b19
|
|
@ -0,0 +1,19 @@
|
||||||
|
// src/api/system/custInfo.js
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function listCustInfo(query) {
|
||||||
|
return request({
|
||||||
|
url: '/smart-canteen/custInfo/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 切换功能状态
|
||||||
|
export function toggleFunction(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smart-canteen/custInfo/toggleFunction',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
import CryptoJS from "crypto-js";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 解密
|
||||||
|
*/
|
||||||
|
export function bnsCloudDecrypt(word) {
|
||||||
|
const key = CryptoJS.enc.Utf8.parse("bonus@cloud@2025");
|
||||||
|
const decrypt = CryptoJS.AES.decrypt(word, key, {
|
||||||
|
mode: CryptoJS.mode.ECB,
|
||||||
|
padding: CryptoJS.pad.Pkcs7
|
||||||
|
});
|
||||||
|
return CryptoJS.enc.Utf8.stringify(decrypt);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 加密
|
||||||
|
*/
|
||||||
|
export function bnsCloudEncrypt(word) {
|
||||||
|
const key = CryptoJS.enc.Utf8.parse("bonus@cloud@2025");
|
||||||
|
const src = CryptoJS.enc.Utf8.parse(word);
|
||||||
|
const encrypted = CryptoJS.AES.encrypt(src, key, {
|
||||||
|
mode: CryptoJS.mode.ECB,
|
||||||
|
padding: CryptoJS.pad.Pkcs7
|
||||||
|
});
|
||||||
|
return encrypted.toString();
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,327 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 查询条件 -->
|
||||||
|
<el-form :inline="true" :model="queryParams" class="demo-form-inline">
|
||||||
|
<el-form-item label="组织">
|
||||||
|
<el-cascader
|
||||||
|
v-model="selectedOrg"
|
||||||
|
:options="orgOptions"
|
||||||
|
:show-all-levels="false"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
placeholder="请选择组织"
|
||||||
|
:props="{
|
||||||
|
checkStrictly: true,
|
||||||
|
expandTrigger: 'hover',
|
||||||
|
value: 'orgId',
|
||||||
|
label: 'orgName',
|
||||||
|
children: 'children'
|
||||||
|
}"
|
||||||
|
style="width: 260px;"
|
||||||
|
>
|
||||||
|
</el-cascader>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="人员姓名">
|
||||||
|
<el-input v-model="queryParams.custName" placeholder="请输入人员姓名" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="领导配置">
|
||||||
|
<el-select v-model="queryParams.functionStatus" placeholder="请选择功能状态" clearable>
|
||||||
|
<el-option label="全部" value="" />
|
||||||
|
<el-option label="已开启" value="1" />
|
||||||
|
<el-option label="未开启" value="0" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleQuery">查询</el-button>
|
||||||
|
<el-button @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 数据表格：使用后端分页返回的数据，前端不再二次 slice -->
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
border
|
||||||
|
style="width: 100%"
|
||||||
|
:header-cell-style="tableHeaderStyle"
|
||||||
|
:cell-style="tableCellStyle"
|
||||||
|
v-loading="loading"
|
||||||
|
element-loading-text="数据加载中..."
|
||||||
|
element-loading-spinner="el-icon-loading"
|
||||||
|
element-loading-background="rgba(255, 255, 255, 0.8)"
|
||||||
|
>
|
||||||
|
<!-- 序号列：连续分页序号 -->
|
||||||
|
<el-table-column
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
type="index"
|
||||||
|
:index="indexMethod"
|
||||||
|
width="80"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="组织"
|
||||||
|
prop="orgFullName"
|
||||||
|
align="center"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
/>
|
||||||
|
<el-table-column label="人员姓名" prop="custNameResult" align="center" />
|
||||||
|
<el-table-column label="人员ID" prop="custId" align="center" />
|
||||||
|
<el-table-column label="人员编号" prop="custNumResult" align="center" />
|
||||||
|
<el-table-column label="手机号码" prop="phoneResult" align="center" />
|
||||||
|
<el-table-column label="创建时间" prop="crtime" align="center" />
|
||||||
|
<el-table-column label="领导配置" align="center" width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-switch
|
||||||
|
v-model="scope.row.hasFunction"
|
||||||
|
active-color="#13ce66"
|
||||||
|
inactive-color="#ff4949"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
@change="toggleFunctionStatus(scope.row)"
|
||||||
|
/>
|
||||||
|
<div style="margin-top: 5px; font-size: 12px; color: #666;">
|
||||||
|
{{ scope.row.hasFunction ? '已开启' : '未开启' }}
|
||||||
|
</div>
|
||||||
|
</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 { listCustInfo, toggleFunction } from '@/api/system/custInfo'
|
||||||
|
import { getTree } from '@/api/canteen/canteenRecord'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CustInfo',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selectedOrg: [],
|
||||||
|
orgOptions: [],
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
startPayTime: '',
|
||||||
|
endPayTime: '',
|
||||||
|
custName: '',
|
||||||
|
functionStatus: '',
|
||||||
|
configCode: 'LEADER_CONFIG'
|
||||||
|
},
|
||||||
|
tableData: [],
|
||||||
|
total: 0,
|
||||||
|
loading: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getTree()
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 序号计算方法：和消费记录页面保持一致
|
||||||
|
indexMethod(index) {
|
||||||
|
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1
|
||||||
|
},
|
||||||
|
|
||||||
|
// 表格样式：和消费记录页面保持一致
|
||||||
|
tableHeaderStyle() {
|
||||||
|
return {
|
||||||
|
background: "#f5f7fa",
|
||||||
|
fontWeight: "bold",
|
||||||
|
textAlign: "center"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
tableCellStyle() {
|
||||||
|
return {
|
||||||
|
textAlign: "center"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
getTree() {
|
||||||
|
getTree().then(res => {
|
||||||
|
this.orgOptions = res
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
getAllChildIds(node) {
|
||||||
|
let ids = [node.orgId]
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
node.children.forEach(child => {
|
||||||
|
ids = ids.concat(this.getAllChildIds(child))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return ids
|
||||||
|
},
|
||||||
|
|
||||||
|
getSelectedOrgIds() {
|
||||||
|
if (!this.selectedOrg || this.selectedOrg.length === 0) return []
|
||||||
|
const lastValue = this.selectedOrg[this.selectedOrg.length - 1]
|
||||||
|
|
||||||
|
let stack = [...this.orgOptions]
|
||||||
|
let node = null
|
||||||
|
for (const val of this.selectedOrg) {
|
||||||
|
node = stack.find(item => item.orgId === val)
|
||||||
|
if (!node) break
|
||||||
|
stack = node.children || []
|
||||||
|
}
|
||||||
|
|
||||||
|
if (node) {
|
||||||
|
return this.getAllChildIds(node)
|
||||||
|
}
|
||||||
|
return [lastValue]
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取列表数据：和消费记录页面保持一致的逻辑
|
||||||
|
getList() {
|
||||||
|
this.loading = true
|
||||||
|
const orgIds = this.getSelectedOrgIds()
|
||||||
|
|
||||||
|
const params = {
|
||||||
|
pageNum: this.queryParams.pageNum,
|
||||||
|
pageSize: this.queryParams.pageSize,
|
||||||
|
custName: this.queryParams.custName,
|
||||||
|
functionStatus: this.queryParams.functionStatus,
|
||||||
|
configCode: this.queryParams.configCode,
|
||||||
|
selectedOrg: orgIds // 这里必须和消费记录页面保持一致
|
||||||
|
}
|
||||||
|
|
||||||
|
// 移除空值参数
|
||||||
|
Object.keys(params).forEach(key => {
|
||||||
|
if (params[key] === '' || params[key] === null || params[key] === undefined) {
|
||||||
|
delete params[key]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// 如果selectedOrg是空数组，也删除这个参数
|
||||||
|
if (params.selectedOrg && params.selectedOrg.length === 0) {
|
||||||
|
delete params.selectedOrg
|
||||||
|
}
|
||||||
|
|
||||||
|
listCustInfo(params).then(response => {
|
||||||
|
// 关键：确保数据正确处理
|
||||||
|
console.log('API响应:', response) // 调试用
|
||||||
|
|
||||||
|
// 这里需要根据后端实际返回的结构调整
|
||||||
|
// 如果是若依的标准返回结构
|
||||||
|
if (response && response.rows) {
|
||||||
|
this.tableData = response.rows || []
|
||||||
|
this.total = Number(response.total) || 0
|
||||||
|
}
|
||||||
|
// 如果是自定义返回结构
|
||||||
|
else if (response && response.data) {
|
||||||
|
this.tableData = response.data.rows || response.data.list || []
|
||||||
|
this.total = Number(response.data.total) || 0
|
||||||
|
}
|
||||||
|
// 如果是直接返回数组
|
||||||
|
else if (Array.isArray(response)) {
|
||||||
|
this.tableData = response
|
||||||
|
this.total = response.length
|
||||||
|
}
|
||||||
|
// 其他情况
|
||||||
|
else {
|
||||||
|
this.tableData = []
|
||||||
|
this.total = 0
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('处理后数据:', {
|
||||||
|
tableData: this.tableData,
|
||||||
|
total: this.total
|
||||||
|
}) // 调试用
|
||||||
|
|
||||||
|
this.loading = false
|
||||||
|
}).catch(error => {
|
||||||
|
console.error('查询失败:', error)
|
||||||
|
this.tableData = []
|
||||||
|
this.total = 0
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
resetQuery() {
|
||||||
|
this.selectedOrg = []
|
||||||
|
this.queryParams = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
startPayTime: '',
|
||||||
|
endPayTime: '',
|
||||||
|
custName: '',
|
||||||
|
functionStatus: '',
|
||||||
|
configCode: 'LEADER_CONFIG'
|
||||||
|
}
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleFunctionStatus(row) {
|
||||||
|
const oldStatus = !row.hasFunction
|
||||||
|
const statusText = row.hasFunction ? '开启' : '关闭'
|
||||||
|
|
||||||
|
this.$confirm(`确定要${statusText}该人员的领导配置吗？`, '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
toggleFunction({
|
||||||
|
custId: row.custId,
|
||||||
|
configCode: 'LEADER_CONFIG',
|
||||||
|
hasFunction: row.hasFunction
|
||||||
|
}).then(response => {
|
||||||
|
this.$modal.msgSuccess(response.msg || '操作成功')
|
||||||
|
// 刷新当前页数据
|
||||||
|
this.getList()
|
||||||
|
}).catch(error => {
|
||||||
|
row.hasFunction = oldStatus
|
||||||
|
this.$modal.msgError(error.msg || '操作失败')
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
row.hasFunction = oldStatus
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.app-container {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-form-inline {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-form-inline .el-form-item {
|
||||||
|
margin-right: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 压缩表格行高度 */
|
||||||
|
::v-deep .el-table__row {
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-table .cell {
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-table__header-wrapper th {
|
||||||
|
padding-top: 8px !important;
|
||||||
|
padding-bottom: 8px !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue