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

src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index.vue

@@ -2,7 +2,9 @@
   <div>
     <div class="titleBox">
       <PageTitle title="重点人管理">
-        <el-button type="primary" size="small" v-for="it in btns" :key="it"> {{ it }}</el-button>
+        <el-button type="primary" size="small" v-for="it in btns" :key="it">
+          {{ it }}</el-button
+        >
         <el-button type="primary" size="small" @click="addEdit('add', '')">
           <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
           <span style="vertical-align: middle">新增</span>
@@ -32,41 +34,85 @@
         :controlsWidth="pageData.controlsWidth"
         @chooseData="chooseData"
       >
-      <template #ryxx>
-        <div>
-          <img src="" alt="">
-          <ul>
-            <li>姓名：</li>
-            <li>性别：</li>
-            <li>籍贯：</li>
-            <li>身份证：</li>
-            <li>出生日期：</li>
-            <li>民族：</li>
-          </ul> 
-        </div>
-        <div class="flex">
-          <el-button type="primary" size="small"> 涉恐人员</el-button>
-          <el-button type="primary" size="small"> 涉稳人员</el-button>
-          <el-button type="primary" size="small"> 在逃人员</el-button>
-        </div>
-      </template>
-      <template #jzxx="{row}">
-        <div>户籍地区化：</div>
-        <div>户籍派出所：</div>
-        <div>户籍地详址：</div>
-      </template>
-      <template #gxdw="{row}">
-        <div>管辖单位：</div>
-        <div>人类类别：</div>
-        <div>人员级别：</div>
-        <div>管控原因：</div>
-        <div>管控状态：</div>
-      </template>
+        <template #ryxx="{ row }">
+          <div>
+            <img src="" alt="" />
+            <ul>
+              <li>姓名：{{ row.rySfzh }}</li>
+              <li class="rowClass">
+                性别：
+                <DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
+              </li>
+              <li class="rowClass">
+                籍贯：
+                <DictTag
+                  :tag="false"
+                  :value="row.ryJg"
+                  :options="D_BZ_XZQHDM"
+                />
+              </li>
+              <li>身份证：{{ row.rySfzh }}</li>
+              <li>出生日期：{{ row.ryCsrq }}</li>
+              <li class="rowClass">
+                民族：
+                <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
+              </li>
+            </ul>
+          </div>
+          <div class="flex">
+            <el-button type="primary" size="small"> 涉恐人员</el-button>
+            <el-button type="primary" size="small"> 涉稳人员</el-button>
+            <el-button type="primary" size="small"> 在逃人员</el-button>
+          </div>
+        </template>
+        <template #jzxx="{ row }">
+          <div class="rowClass">
+            户籍地区划：
+            <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
+          </div>
+          <div>户籍派出所：{{ row.hjdPcsmc }}</div>
+          <div>户籍地详址：{{ row.hjdXz }}</div>
+        </template>
+        <template #gxdw="{ row }">
+          <div>管辖单位：{{ row.gxSsbmmc }}</div>
+          <div class="rowClass">
+            人员级别：
+            <DictTag
+              :tag="false"
+              :value="row.zdrRyjb"
+              :options="D_GS_ZDR_RYJB"
+            />
+          </div>
+          <div>管控原因：{{ zdrLkyy }}</div>
+          <div class="rowClass">
+            管控状态：
+            <DictTag
+              :tag="false"
+              :value="row.zdrBkZt"
+              :options="D_GS_ZDR_BK_ZT"
+            />
+          </div>
+        </template>
+        <template #zdrCzzt="{ row }">
+          <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
+        </template>
+        <template #xtSjzt="{ row }">
+          <div>
+            {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}
+          </div>
+        </template>
+
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
-          <el-link size="small" type="primary">查看</el-link>
-          <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
+          <el-link size="small" type="success" @click="addEdit('edit', row)"
+            >编辑</el-link
+          >
+          <el-link size="small" type="primary" @click="infoList('info', row)"
+            >查看</el-link
+          >
+          <el-link size="small" type="danger" @click="deleteRow(row)"
+            >删除</el-link
+          >
         </template>
       </MyTable>
       <Pages
@@ -80,56 +126,189 @@
       ></Pages>
     </div>
     <!-- 详情 -->
+    <addForm ref="addFormDiloag" />
     <DetailForm ref="detailDiloag" />
   </div>
 </template>
-  
+
 <script setup>
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
-import DetailForm from "./components/addForm.vue";
+import addForm from "./components/addForm.vue";
+import DetailForm from "./components/infoForm.vue";
+
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import AddForm from "./components/addForm.vue";
 const { proxy } = getCurrentInstance();
+const {
+  D_GS_BK_SSJZ,
+  D_GS_ZDR_RYJB,
+  D_BZ_XB,
+  D_BZ_MZ,
+  D_BZ_XZQHDM,
+  D_GS_ZDR_BK_ZT,
+  D_GS_ZDR_CZZT
+} = proxy.$dict(
+  "D_GS_BK_SSJZ",
+  "D_GS_ZDR_RYJB",
+  "D_BZ_XB",
+  "D_BZ_MZ",
+  "D_BZ_XZQHDM",
+  "D_GS_ZDR_BK_ZT",
+  "D_GS_ZDR_CZZT"
+); //获取字典数据
 const detailDiloag = ref();
+const addFormDiloag = ref();
 const searchBox = ref(); //搜索框
-const btns = reactive(['一键布控','维护群体','矛盾化解','转指令','转线索','转督导','转合成','移交管控','批量导入','导出'])
+const btns = reactive([
+  "一键布控",
+  "维护群体",
+  "矛盾化解",
+  "转指令",
+  "转线索",
+  "转督导",
+  "转合成",
+  "移交管控",
+  "批量导入",
+  "导出"
+]);
 const searchConfiger = ref([
   {
     label: "姓名",
-    prop: "Name",
+    prop: "ryXm",
     placeholder: "请输入姓名",
     showType: "input"
   },
   {
     label: "身份证",
-    prop: "sfz",
+    prop: "rySfzh",
     placeholder: "请输入身份证",
     showType: "input"
   },
+  {
+    label: "户籍地",
+    prop: "hjdXz",
+    placeholder: "请输入户籍地",
+    showType: "input"
+  },
+  {
+    label: "户籍地派出所",
+    prop: "hjdPcsdm",
+    placeholder: "请输入户籍地派出所",
+    showType: "input"
+  },
+  {
+    label: "现居地",
+    prop: "xzdXz",
+    placeholder: "请输入现居地",
+    showType: "input"
+  },
+  {
+    label: "现居地派出所",
+    prop: "xzdPcsmc",
+    placeholder: "请输入现居地派出所",
+    showType: "input"
+  },
+  {
+    label: "入库开始时间",
+    prop: "startTime",
+    placeholder: "请选择入库开始时间",
+    showType: "date"
+  },
+  {
+    label: "入库结束时间",
+    prop: "endTime",
+    placeholder: "请输入入库结束时间",
+    showType: "date"
+  },
+  {
+    label: "人员级别",
+    prop: "zdrRyjb",
+    placeholder: "请输入人员级别",
+    showType: "select",
+    options: D_GS_ZDR_RYJB
+  },
+  {
+    label: "所属警种",
+    prop: "zdrSsjz",
+    placeholder: "请选择所属警种",
+    showType: "select",
+    options: D_GS_BK_SSJZ
+  },
+  {
+    label: "管辖单位",
+    prop: "gxSsbmmc",
+    placeholder: "请选择管辖单位",
+    showType: "input"
+  },
+  {
+    label: "涉及警种",
+    prop: "zdrSjjz",
+    placeholder: "请选择涉及警种",
+    showType: "select",
+    options: D_GS_BK_SSJZ,
+    multiple: true
+  },
+  {
+    label: "管辖民警姓名",
+    prop: "gkMjXm",
+    placeholder: "请输入管辖民警姓名",
+    showType: "input"
+  },
+  {
+    label: "管辖民警警号",
+    prop: "gkMjJh",
+    placeholder: "请输入管辖民警警号",
+    showType: "input"
+  },
+  {
+    label: "管辖民警联系方式",
+    prop: "gkMjLxfs",
+    placeholder: "请输入管辖民警联系方式",
+    showType: "input"
+  },
+  {
+    label: "管辖原因",
+    prop: "zdrLkyy",
+    placeholder: "请输入管辖原因",
+    showType: "input"
+  },
+  {
+    label: "被管控人联系方式",
+    prop: "ryLxdh",
+    placeholder: "请输入被管控人联系方式",
+    showType: "input"
+  },
+  {
+    label: "责任单位",
+    prop: "zrSsbmmc",
+    placeholder: "请选择责任单位",
+    showType: "input"
+  },
   {
     label: "人员标签大类",
-    prop: "bqdl",
+    prop: "bqDl",
     placeholder: "请选择人员标签大类",
     showType: "select"
   },
   {
     label: "人员标签细类",
-    prop: "bqxl",
+    prop: "bqXl",
     placeholder: "请选择人员标签细类",
     showType: "select"
-  },
+  }
 ]);
 
 const pageData = reactive({
   tableData: [
     {
-      img:'',
+      img: "",
       jbxx: "",
-      wkrs:'1/5'
-    },
+      wkrs: "1/5"
+    }
   ],
   keyCount: 0,
   tableConfiger: {
@@ -144,11 +323,11 @@ const pageData = reactive({
   },
   controlsWidth: 220,
   tableColumn: [
-    { label: "重点人员信息", prop: "ryxx",showSolt: true  },
-    { label: "户籍居住信息", prop: "jzxx",showSolt: true  },
-    { label: "管辖单位", prop: "gxdw" ,showSolt: true },
-    { label: "处置状态", prop: "czzt"},
-    { label: "状态", prop: "status" }
+    { label: "重点人员信息", prop: "ryxx", showSolt: true },
+    { label: "户籍居住信息", prop: "jzxx", showSolt: true },
+    { label: "管辖单位", prop: "gxdw", showSolt: true },
+    { label: "处置状态", prop: "zdrCzzt", showSolt: true },
+    { label: "状态", prop: "xtSjzt", showSolt: true }
   ]
 });
 
@@ -183,21 +362,28 @@ const changeSize = (val) => {
 
 // 获取列表
 const getList = (val) => {
-  // pageData.tableConfiger.loading = true;
+  pageData.tableConfiger.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
-  // let url = '/mosty-lzcj/tbDwMbkf/queryList';
-  // qcckPost(data,url).then(res=>{
-  //   pageData.tableData = res.records || [];
-  //   pageData.total = res.total;
-  //   pageData.tableConfiger.loading = false;
-  // }).catch(()=>{ pageData.tableConfiger.loading = false; })
+  let url = "/mosty-gsxt/tbGsxtZdry/selectPage";
+  qcckGet(data, url)
+    .then((res) => {
+      pageData.tableData = res.records || [];
+      pageData.total = res.total;
+      pageData.tableConfiger.loading = false;
+    })
+    .catch(() => {
+      pageData.tableConfiger.loading = false;
+    });
 };
 
-// 详情
+//新增编辑
 const addEdit = (type, row) => {
+  addFormDiloag.value.init(type, row);
+};
+// 详情
+const infoList = (type, row) => {
   detailDiloag.value.init(type, row);
 };
-
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight =
@@ -207,12 +393,14 @@ const tabHeightFn = () => {
   };
 };
 </script>
-  
-  <style>
+
+<style>
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
+.rowClass {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 </style>
-  
-  
-