From 9df9082b19c45417e4ef7dbddc740317255cfa97 Mon Sep 17 00:00:00 2001
From: lizhenhua <1075222162@qq.com>
Date: Wed, 17 Dec 2025 17:27:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=86=E5=AF=BC=E4=BA=BA=E5=91=98=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=BC=80=E5=8F=91=E5=8A=9F=E8=83=BD=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/custInfo.js              |  19 ++
 src/utils/newaes.js                     |  26 ++
 src/views/system/platuserInfo/index.vue | 327 ++++++++++++++++++++++++
 3 files changed, 372 insertions(+)
 create mode 100644 src/api/system/custInfo.js
 create mode 100644 src/utils/newaes.js
 create mode 100644 src/views/system/platuserInfo/index.vue

diff --git a/src/api/system/custInfo.js b/src/api/system/custInfo.js
new file mode 100644
index 00000000..c742364b
--- /dev/null
+++ b/src/api/system/custInfo.js
@@ -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
+  })
+}
diff --git a/src/utils/newaes.js b/src/utils/newaes.js
new file mode 100644
index 00000000..81430a36
--- /dev/null
+++ b/src/utils/newaes.js
@@ -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();
+}
diff --git a/src/views/system/platuserInfo/index.vue b/src/views/system/platuserInfo/index.vue
new file mode 100644
index 00000000..8f8d1233
--- /dev/null
+++ b/src/views/system/platuserInfo/index.vue
@@ -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>