feat✨: 1.对接全域布控下菜单的增删查改功能，以及用户操作流程优化。2.对接人力情报采集系统采集流转列表，搜索，新增接口

2025-06-04 17:27:57 +08:00
parent 2b3da38702
commit d8bee57f6b
44 changed files with 8479 additions and 594 deletions
--- a/src/views/backOfficeSystem/IntelligentControl/MyControlInfo/components/personNum.vue
+++ b/src/views/backOfficeSystem/IntelligentControl/MyControlInfo/components/personNum.vue
@ -0,0 +1,125 @@
+<template>
+  <el-dialog v-model="dialogTableVisible" title="XXXXXXX涉及人数" width="1000px" @close="close">
+    <div class="dialog-container">
+      <!-- 搜索 -->
+      <div ref="searchBox">
+        <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" class="seacrh" />
+      </div>
+      <!-- 表格 -->
+      <div class="tabBox">
+        <MyTable
+          :tableData="pageData.tableData"
+          :tableColumn="pageData.tableColumn"
+          tableHeight="400px"
+          :key="pageData.keyCount"
+          :tableConfiger="pageData.tableConfiger"
+          :controlsWidth="pageData.controlsWidth"
+          @chooseData="chooseData"
+        >
+          <!-- 操作 -->
+          <template #controls="{ row }">
+            <el-button size="small" @click="addEdit('detail', row)">详情</el-button>
+          </template>
+        </MyTable>
+        <Pages
+          @changeNo="changeNo"
+          @changeSize="changeSize"
+          :tableHeight="pageData.tableHeight"
+          :pageConfiger="{
+            ...pageData.pageConfiger,
+            total: pageData.total
+          }"
+        ></Pages>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script setup>
+  import { ref, reactive } from "vue";
+  import Search from "@/components/aboutTable/Search.vue";
+  import MyTable from "@/components/aboutTable/MyTable.vue";
+  const dialogTableVisible = ref(false);
+  const searchConfiger = ref([
+    {
+      label: "姓名",
+      prop: "name",
+      placeholder: "请输入场所名称",
+      showType: "input"
+    },
+    {
+      label: "身份证号",
+      prop: "idCard",
+      placeholder: "请输入从业人姓名",
+      showType: "input"
+    },
+    {
+      label: "车牌号",
+      prop: "plateNumber",
+      placeholder: "请输入场所名称",
+      showType: "input"
+    },
+    {
+      label: "车牌号",
+      prop: "plateNumber2",
+      placeholder: "请输入从业人姓名",
+      showType: "input"
+    }
+  ]);
+  const pageData = reactive({
+    tableData: [
+      {
+        name: "1"
+      }
+    ], //表格数据
+    keyCount: 0,
+    tableConfiger: {
+      rowHieght: 61,
+      showSelectType: "null",
+      loading: false
+    },
+    total: 0,
+    pageConfiger: {
+      pageSize: 20,
+      pageCurrent: 1
+    }, //分页
+    controlsWidth: 120, //操作栏宽度
+
+    tableColumn: [
+      { label: "照片", prop: "photo", width: "80" },
+      { label: "姓名", prop: "name", width: "100" },
+      { label: "性别", prop: "gender", width: "80" },
+      { label: "身份证号", prop: "idCard", width: "180" },
+      { label: "户籍地", prop: "residence", width: "150" },
+      { label: "现居住地", prop: "currentAddress", width: "150" },
+      { label: "手机号", prop: "phone", width: "120" },
+      { label: "虚拟身份", prop: "virtualId", width: "120" },
+      { label: "车牌号", prop: "plateNumber", width: "120" },
+      { label: "车牌号", prop: "plateNumber2", width: "120" },
+      { label: "特征描述", prop: "features", width: "150" },
+      { label: "人员标签", prop: "personTags", width: "150" }
+    ]
+  });
+
+  // 初始化数据
+  const init = (type, row) => {
+    dialogTableVisible.value = true;
+  };
+
+  const close = () => {};
+
+  defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+  .dialog-container {
+    // .box {
+    //   flex-wrap: nowrap !important;
+    // }
+    .seacrh {
+      .box {
+        flex-wrap: nowrap !important;
+      }
+    }
+  }
+</style>