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

src/views/backOfficeSystem/HumanIntelligence/CollectCrculate/components/addForm.vue

@@ -3,63 +3,229 @@
     <div class="head_box">
       <span class="title">情报信息流转{{ title }} </span>
       <div>
-        <el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
+        <el-button
+          type="primary"
+          size="small"
+          :loading="loading"
+          @click="submit"
+          >保存</el-button
+        >
         <el-button size="small" @click="close">关闭</el-button>
       </div>
     </div>
     <div class="form_cnt">
-      <FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
+      <FormMessage
+        v-model="listQuery"
+        :formList="formData"
+        ref="elform"
+        :rules="rules"
+      >
+        <!-- 上报人员-->
+        <template #sbRyId>
+          <el-button @click="openDialog('01', 'ry')">选择</el-button>
+          <div class="boxlist">
+            <MyTable
+              :tableData="tableDate.ryList"
+              :tableColumn="tableDate.tableColumnRy"
+              :tableHeight="tableDate.tableHeight"
+              :key="tableDate.keyCountRy"
+              :tableConfiger="tableDate.tableConfiger"
+              :controlsWidth="tableDate.controlsWidth"
+            >
+              <template #ryMz="{ row }">
+                <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
+              </template>
+              <!-- 操作 -->
+              <template #controls="{ row }">
+                <el-link type="danger" @click="delDict(row.id)">删除</el-link>
+              </template>
+            </MyTable>
+          </div>
+        </template>
+        <!-- 人员标签模型-->
+        <template #bqList>
+          <el-button @click="openDialog('01', 'bq')">选择</el-button>
+          <div class="boxlist">
+            <MyTable
+              :tableData="tableDate.bqList"
+              :tableColumn="tableDate.tableColumn"
+              :tableHeight="tableDate.tableHeight"
+              :key="tableDate.keyCount"
+              :tableConfiger="tableDate.tableConfiger"
+              :controlsWidth="tableDate.controlsWidth"
+            >
+              <template #bqLb="{ row }">
+                <DictTag :value="row.bqLb" :tag="false" :options="D_GS_BQ_LB" />
+              </template>
+              <template #bqLx="{ row }">
+                <DictTag :value="row.bqLx" :tag="false" :options="D_GS_BQ_LX" />
+              </template>
+              <template #bqZl="{ row }">
+                <DictTag :value="row.bqZl" :tag="false" :options="D_GS_BQ_ZL" />
+              </template>
+              <!-- 操作 -->
+              <template #controls="{ row }">
+                <el-link type="danger" @click="delDictItem(row.bqId)"
+                  >删除</el-link
+                >
+              </template>
+            </MyTable>
+          </div>
+        </template></FormMessage
+      >
     </div>
+    <!-- 标签列表弹窗 -->
+    <TagSelectorDialog
+      v-model="chooseShow"
+      ref="tagDialog"
+      @chooseDate="handleTagSelect"
+      :dic="{ D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX }"
+    />
+
+    <!-- 上报人员列表弹窗 -->
+    <DialogList
+      v-if="ryDialog"
+      :Single="true"
+      :roleIds="roleIds"
+      @chooseDate="chooseDate"
+      :titleValue="chooseTitle"
+      v-model="ryDialog"
+      bqDl="02"
+      :dic="{ D_BZ_MZ }"
+    ></DialogList>
   </div>
 </template>
 
 <script setup>
-import FormMessage from '@/components/aboutTable/FormMessage.vue'
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
 import * as rule from "@/utils/rules.js";
-import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
+import TagSelectorDialog from "@/components/aboutTable/TagSelectorDialog.vue";
+import DialogList from "./dialogList.vue";
+
+import {
+  ref,
+  defineExpose,
+  reactive,
+  onMounted,
+  defineEmits,
+  getCurrentInstance,
+  nextTick
+} from "vue";
 const emit = defineEmits(["updateDate"]);
 const props = defineProps({
   dic: Object
 });
+const chooseShow = ref(false); //选择弹窗
+
 const { proxy } = getCurrentInstance();
+
+const {
+  D_GS_BQ_LB,
+  D_GS_BQ_ZL,
+  D_GS_BQ_LX,
+  D_GS_XS_SBRYLX,
+  D_GS_ZDQT_LB,
+  D_GS_XS_FXDJ,
+  D_BZ_MZ,
+  D_GS_XS_LX
+} = proxy.$dict(
+  "D_GS_BQ_LB",
+  "D_GS_BQ_ZL",
+  "D_GS_BQ_LX",
+  "D_GS_XS_SBRYLX",
+  "D_GS_ZDQT_LB",
+  "D_GS_XS_FXDJ",
+  "D_BZ_MZ",
+  "D_GS_XS_LX"
+); //获取字典数据
+const ryDialog = ref(false); //选择弹窗
+
+const tableDate = reactive({
+  bqList: [], //表格数据
+  ryList: [], //上报人员列表
+  keyCount: 0,
+  rykeyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false
+  },
+  total: 0,
+  tableHeight: 225,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 90, //操作栏宽度
+  tableColumn: [
+    { label: "标签代码", prop: "bqDm" },
+    { label: "标签类别", prop: "bqLb", showSolt: true },
+    { label: "标签类型", prop: "bqLx", showSolt: true },
+    { label: "标签名称", prop: "bqMc" },
+    { label: "标签种类", prop: "bqZl", showSolt: true }
+  ],
+  tableColumnRy: [
+    { label: "姓名", prop: "ryXm" },
+    { label: "联系电话", prop: "ryLxdh" },
+    { label: "身份证号", prop: "rySfzh" },
+    { label: "民族", prop: "ryMz", showSolt: true },
+    { label: "居住地址", prop: "jzdDz" }
+  ]
+});
 const dialogForm = ref(false); //弹窗
 const formData = ref([
-  { label: "线索标题", prop: "xsbt", type: "input", },
-  { label: "线索编号", prop: "xsbh",  type: "input" },
-  { label: "线索类型", prop: "xslx",  type: "select", options: []  },
-  { label: "线索来源", prop: "xsly",  type: "input" },
-  { label: "开始时间", prop: "kssj",  type: "datetime"},
-  { label: "结束时间", prop: "jssj",  type: "datetime"},
-  { label: "指向地点", prop: "zxdd",  type: "input" },
-  { label: "群体名称", prop: "qtmc",  type: "input"  },
-  { label: "群体类型", prop: "qtlx",  type: "input"  },
-  { label: "线索细类", prop: "xslx",  type: "input"  },
-  { label: "风险等级", prop: "fxdj",  type: "input"  },
-  { label: "是否初报", prop: "qtmc",  type: "input"  },
-  { label: "线索内容", prop: "nr",  type: "textarea",width: '100%' },
-  { label: "报送编号", prop: "bsbh",  type: "input",},
-  { label: "上报单位", prop: "sbdw",  type: "input",},
-  { label: "抄送单位", prop: "csdw",  type: "input",},
-  { label: "承办人", prop: "cbr",  type: "input",},
-  { label: "审核人", prop: "shr",  type: "input",},
-  { label: "签发人", prop: "qfr",  type: "input",},
+  { label: "标签列表", prop: "bqList", type: "slot", width: "80%" },
+  {
+    label: "上报人员",
+    prop: "sbRyId",
+    type: "slot",
+    width: "80%"
+  },
+  {
+    label: "上报人员类型",
+    prop: "sbRyLx",
+    type: "select",
+    options: D_GS_XS_SBRYLX,
+    disabled: true
+  },
+  { label: "线索标题", prop: "xsBt", type: "input" },
+
+  { label: "线索编号", prop: "xsBh", type: "input" },
+  { label: "线索类型", prop: "xsLx", type: "select", options: D_GS_XS_LX },
+  // { label: "线索来源", prop: "xsly", type: "input" },
+  { label: "线索开始日期", prop: "xsRqKs", type: "datetime" },
+  { label: "线索截止日期", prop: "xsRqJs", type: "datetime" },
+  { label: "指向地点", prop: "xsZxdd", type: "input" },
+  { label: "群体名称", prop: "xsQtmc", type: "input" },
+  { label: "群体类型", prop: "xsQtlx", type: "select", options: D_GS_ZDQT_LB },
+  { label: "风险等级", prop: "xsFxdj", type: "select", options: D_GS_XS_FXDJ },
+  // { label: "是否初报", prop: "qtmc", type: "input" },
+  { label: "线索名称", prop: "xsMc", type: "input" },
+  { label: "线索内容", prop: "xsNr", type: "textarea", width: "100%" }
+  // { label: "报送编号", prop: "bsbh", type: "input" },
+  // { label: "上报单位", prop: "sbdw", type: "input" },
+  // { label: "抄送单位", prop: "csdw", type: "input" },
+  // { label: "承办人", prop: "cbr", type: "input" },
+  // { label: "审核人", prop: "shr", type: "input" },
+  // { label: "签发人", prop: "qfr", type: "input" }
 ]);
-const listQuery = ref({
-  sfbqdj: []
-}); //表单
+const listQuery = ref({ sbRyLx: "06", xsLy: "02" }); //表单
 const loading = ref(false);
 const elform = ref();
 const title = ref("");
+const tagDialog = ref();
+
 const rules = reactive({
   xsbt: [{ required: true, message: "请输入线索标题", trigger: "blur" }]
 });
 const editpeo = ref();
 onMounted(() => {});
 // 初始化数据
-const init = (type, row,) => {
+const init = (type, row) => {
   dialogForm.value = true;
-  title.value = type == 'add' ? "新增" : "编辑";
+  title.value = type == "add" ? "新增" : "编辑";
   if (row) getDataById(row.id);
 };
 // 根据id查询详情
@@ -71,17 +237,61 @@ const getDataById = (id) => {
 
 // 提交
 const submit = () => {
-  elform.value.submit((data)=>{
-    // let url =  title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
-    // let params = { ...data }
-    // qcckPost(params, url).then((res) => {
-    //   proxy.$message({ type: "success", message: title.value + "成功" });
-    //   emit("updateDate");
-    //   close();
-    // }).catch(() => {});
+  elform.value.submit((data) => {
+    let url =
+      title.value == "新增"
+        ? "/mosty-gsxt/tbGsxtXs/save"
+        : "/mosty-gsxt/tbGsxtXs/update";
+    let params = { ...data };
+    qcckPost(params, url)
+      .then((res) => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("getList");
+        close();
+      })
+      .catch(() => {});
+  });
+};
+// 打开弹窗
+const openDialog = (type, value) => {
+  nextTick(() => {
+    if (value == "ry") {
+      ryDialog.value = true;
+    } else if (value == "bq") {
+      chooseShow.value = true;
+      tagDialog.value.setValues(listQuery.value.bqList);
+    }
   });
 };
 
+// 删除
+const delDictItem = (bqId) => {
+  tableDate.bqList = tableDate.bqList.filter((item) => item.bqId !== bqId);
+  listQuery.value.bqList = tableDate.bqList;
+};
+// 删除
+const delDict = (id) => {
+  tableDate.ryList = tableDate.ryList.filter((item) => item.id !== id);
+  listQuery.value.ryList = tableDate.ryList;
+};
+// 选择数据
+const chooseDate = (data) => {
+  console.log(data[0].id);
+  tableDate.ryList = data;
+  listQuery.value.sbRyId = data[0].id;
+};
+const handleTagSelect = (selectedTags) => {
+  tableDate.bqList = selectedTags.map((item) => ({
+    bqDm: item.bqDm || "",
+    bqId: item.bqId || "",
+    bqLb: item.bqLb || "",
+    bqLx: item.bqLx || "",
+    bqMc: item.bqMc || "",
+    bqZl: item.bqZl || ""
+  }));
+  listQuery.value.bqList = tableDate.bqList;
+  // 每个标签包含: bqDm, bqId, bqLb, bqLx, bqMc, bqZl 属性
+};
 // 关闭
 const close = () => {
   listQuery.value = {};
@@ -94,4 +304,10 @@ defineExpose({ init });
 <style lang="scss" scoped>
 @import "~@/assets/css/layout.scss";
 @import "~@/assets/css/element-plus.scss";
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
 </style>

src/views/backOfficeSystem/HumanIntelligence/CollectCrculate/components/dialogList.vue

@@ -0,0 +1,229 @@
+<template>
+  <el-dialog
+    :title="titleValue"
+    width="900px"
+    :model-value="modelValue"
+    append-to-body
+    @close="closed"
+  >
+    <div>
+      <el-form :model="listQuery" class="mosty-from-wrap" :inline="true">
+        <el-form-item label="标签名称">
+          <el-input
+            placeholder="请输入标签名称"
+            v-model="listQuery.bqMc"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="success" @click="handleFilter">查询</el-button>
+          <el-button type="info" @click="reset()"> 重置 </el-button>
+        </el-form-item>
+      </el-form>
+      <div
+        class="tabBox"
+        :class="props.Single ? 'tabBoxRadio' : ''"
+        style="margin-top: 0px"
+      >
+        <el-table
+          v-loading="loading"
+          ref="multipleUserRef"
+          @selection-change="handleSelectionChange"
+          :data="tableData"
+          border
+          :row-key="keyid"
+          style="width: 100%"
+          height="450"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            :reserve-selection="true"
+          />
+          <el-table-column prop="ryXm" align="center" label="姓名" />
+          <el-table-column prop="ryLxdh" align="center" label="联系电话" />
+          <el-table-column prop="rySfzh" align="center" label="身份证号">
+          </el-table-column>
+          <el-table-column prop="bqYs" align="center" label="民族">
+            <template #default="{ row }">
+              <DictTag
+                :value="row.ryMz"
+                :tag="false"
+                :options="props.dic.D_BZ_MZ"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column prop="jzdDz" align="center" label="居住地址">
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="fenye" :style="{ top: tableHeight + 'px' }">
+        <el-pagination
+          class="pagination"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="listQuery.current"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="listQuery.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+        ></el-pagination>
+      </div>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed">取消</el-button>
+        <el-button type="primary" @click="onComfirm">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { defineProps, ref, onMounted } from "vue";
+import { qcckGet } from "@/api/qcckApi.js";
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    required: true
+  },
+  dic: {
+    type: Object,
+    default: () => {}
+  },
+  bqDl: {
+    type: String,
+    default: "01"
+  },
+  bqLx: {
+    type: String,
+    default: "01"
+  },
+  titleValue: {
+    type: String,
+    default: "选择大类"
+  },
+  LeaderType: {
+    type: String,
+    default: ""
+  },
+  //是否单选
+  Single: {
+    type: Boolean,
+    default: true
+  },
+  roleIds: {
+    type: Array,
+    default: []
+  }
+});
+const total = ref(0);
+const listQuery = ref({
+  current: 1,
+  size: 20
+});
+const loading = ref(false);
+const tableData = ref([]);
+const emits = defineEmits(["update:modelValue", "chooseDate"]);
+onMounted(() => {
+  handleFilter();
+});
+const closed = () => {
+  emits("update:modelValue", false);
+};
+const reset = () => {
+  listQuery.value = { current: 1, size: 20 };
+  getDataList();
+};
+
+const keyid = (row) => {
+  return row.id;
+};
+// 为用户分配角色
+const onComfirm = () => {
+  const userList = multipleSelectionUser.value;
+  let list = [];
+  let listId = [];
+  userList.forEach((val) => {
+    if (listId.indexOf(val.id) == -1) {
+      list.push(val);
+      listId.push(val.id);
+    }
+  });
+  emits("chooseDate", list);
+  closed();
+};
+/**
+ * pageSize 改变触发
+ */
+const handleSizeChange = (currentSize) => {
+  listQuery.value.size = currentSize;
+  getDataList();
+};
+
+/**
+ * 页码改变触发
+ */
+const handleCurrentChange = (currentPage) => {
+  listQuery.value.current = currentPage;
+  getDataList();
+};
+
+// 查询标签组合列表
+const getDataList = () => {
+  const data = listQuery.value;
+  loading.value = true;
+  qcckGet(data, "/mosty-gsxt/tbGsxtJwry/selectPage").then((res) => {
+    tableData.value = res?.records;
+    total.value = Number(res.total);
+    loading.value = false;
+    multipleUser();
+  });
+};
+
+//列表回显
+function multipleUser() {
+  tableData.value.forEach((item) => {
+    if (props.roleIds.some((id) => id == item.id)) {
+      multipleUserRef.value.toggleRowSelection(item, true);
+    }
+  });
+}
+
+const handleFilter = () => {
+  listQuery.value.current = 1;
+  getDataList();
+};
+
+const multipleUserRef = ref(null);
+const multipleSelectionUser = ref([]);
+const handleSelectionChange = (val) => {
+  if (props.Single) {
+    if (val.length > 1) {
+      let del_row = val.shift();
+      multipleUserRef.value.toggleRowSelection(del_row, false);
+    }
+    multipleSelectionUser.value = val;
+  } else {
+    multipleSelectionUser.value = val;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/layout.scss";
+@import "@/assets/css/element-plus.scss";
+</style>
+<style>
+.tabBoxRadio .el-checkbox__inner {
+  border-radius: 50% !important;
+}
+.tabBoxRadio .el-table__header-wrapper .el-checkbox {
+  display: none;
+}
+:deep(.el-dialog) {
+  background: #fff !important;
+  border-radius: 8px !important;
+  /* 其他样式 */
+}
+</style>

src/views/backOfficeSystem/HumanIntelligence/CollectCrculate/index.vue

@@ -17,7 +17,11 @@
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
+      <Search
+        :searchArr="searchConfiger"
+        @submit="onSearch"
+        :key="pageData.keyCount"
+      />
     </div>
     <!-- 表格 -->
     <div class="tabBox">
@@ -28,13 +32,20 @@
         :key="pageData.keyCount"
         :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData">
+        @chooseData="chooseData"
+      >
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
+          <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="warning" @click="transferClue(row)">采纳</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row)"
+            >删除</el-link
+          >
+          <el-link size="small" type="warning" @click="transferClue(row)"
+            >采纳</el-link
+          >
         </template>
       </MyTable>
       <Pages
@@ -48,7 +59,7 @@
       ></Pages>
     </div>
     <!-- 详情 -->
-    <DetailForm ref="detailDiloag" />
+    <DetailForm ref="detailDiloag" @getList="getList" />
   </div>
 </template>
 
@@ -61,16 +72,58 @@ import DetailForm from "./components/addForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 const { proxy } = getCurrentInstance();
+
+const { D_GS_XS_LY, D_GS_XS_FXDJ, D_GS_ZDQT_LB, D_GS_XS_CZZT, D_GS_XS_ZT } =
+  proxy.$dict(
+    "D_GS_XS_LY",
+    "D_GS_XS_FXDJ",
+    "D_GS_ZDQT_LB",
+    "D_GS_XS_CZZT",
+    "D_GS_XS_ZT"
+  ); //获取字典数据
+const dialogTitle = ref("新增信息"); //弹窗标题
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
 
 const searchConfiger = ref([
-  { label: "线索名称", prop: 'clueTitle', placeholder: "请输入线索名称", showType: "input" },
-  { label: "线索内容", prop: 'semanticKeywords', placeholder: "请输入线索内容", showType: "input" },
-  { label: "线索大类", prop: 'clueType', placeholder: "请选择线索大型", showType: "select" },
-  { label: "线索细类", prop: 'xsxl', placeholder: "请选择线索细类", showType: "select" },
-  { label: "线索来源", prop: 'xsly', placeholder: "请选择线索来源", showType: "select" },
-  { label: "线索风险等级", prop: 'xsfxdj', placeholder: "请选择线索风险等级", showType: "select" },
+  {
+    label: "线索名称",
+    prop: "xsMc",
+    placeholder: "请输入线索名称",
+    showType: "input"
+  },
+  {
+    label: "线索内容",
+    prop: "xsNr",
+    placeholder: "请输入线索内容",
+    showType: "input"
+  },
+  {
+    label: "线索大类",
+    prop: "xsDl",
+    placeholder: "请选择线索大型",
+    showType: "input"
+  },
+  {
+    label: "线索细类",
+    prop: "xsXl",
+    placeholder: "请选择线索细类",
+    showType: "input"
+  },
+  {
+    label: "线索来源",
+    prop: "xsLy",
+    placeholder: "请选择线索来源",
+    showType: "select",
+    options: D_GS_XS_LY
+  },
+  {
+    label: "线索风险等级",
+    prop: "xsFxdj",
+    placeholder: "请选择线索风险等级",
+    showType: "select",
+    options: D_GS_XS_FXDJ
+  }
 ]);
 
 const pageData = reactive({
@@ -140,30 +193,30 @@ const pageData = reactive({
   },
   controlsWidth: 220,
   tableColumn: [
-    { label: "线索编号", prop: "clueNo" },
-    { label: "线索名称", prop: "clueTitle" },
-    { label: "线索类型", prop: "clueType" },
-    { label: "线索来源", prop: "clueSource" },
-    { label: "风险等级", prop: "riskLevel" },
+    { label: "线索编号", prop: "xsBh" },
+    { label: "线索名称", prop: "xsMc" },
+    // { label: "线索类型", prop: "xsQtlx", options: D_GS_ZDQT_LB },
+    { label: "线索来源", prop: "xsLy", options: D_GS_XS_LY },
+    { label: "风险等级", prop: "xsFxdj", options: D_GS_XS_FXDJ },
     { label: "开始时间", prop: "startTime" },
     { label: "结束时间", prop: "endTime" },
-    { label: "指向地点", prop: "targetLocation" },
-    { label: "线索内容", prop: "clueContent", width: 200 },
-    { label: "群体类型", prop: "attachmentType" },
-    { label: "群题名称", prop: "attachmentName" },
-    { label: "上报单位", prop: "reportUnit" },
-    { label: "上报时间", prop: "reportTime" },
-    { label: "涉及人数", prop: "involvedCount" },
-    { label: "附件", prop: "involvedCount" },
-    { label: "处置状态", prop: "status" },
-    { label: "状态", prop: "status" }
+    { label: "指向地点", prop: "xsZxdd" },
+    { label: "线索内容", prop: "xsNr" },
+    { label: "群体类型", prop: "xsQtlx", options: D_GS_ZDQT_LB },
+    { label: "群体名称", prop: "xsQtmc" },
+    { label: "上报单位", prop: "sbDwMc" },
+    { label: "上报时间", prop: "sbSj" },
+    { label: "涉及人数", prop: "xsSjrs" },
+    { label: "附件", prop: "xsFj" },
+    { label: "处置状态", prop: "xsZtCz", options: D_GS_XS_CZZT },
+    { label: "状态", prop: "xsZt", options: D_GS_XS_ZT }
   ]
-})
+});
 
 const queryFrom = ref({});
 
 onMounted(() => {
-  getList()
+  getList();
   tabHeightFn();
 });
 
@@ -171,35 +224,39 @@ onMounted(() => {
 const handleType = (val) => {
   pageData.keyCount++;
   pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
+  getList();
+};
 // 搜索
-const onSearch = (val) =>{
-  queryFrom.value = {...val}
+const onSearch = (val) => {
+  queryFrom.value = { ...val };
   pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
+  getList();
+};
 
-const changeNo = (val) =>{
+const changeNo = (val) => {
   pageData.pageConfiger.pageNum = val;
-  getList()
-}
-const changeSize = (val) =>{
+  getList();
+};
+const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
-  getList()
-}
+  getList();
+};
 
 // 获取列表
-const getList = (val) =>{
-  // pageData.tableConfiger.loading = true;
+const getList = (val) => {
+  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/tbGsxtXs/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) => {
@@ -208,7 +265,8 @@ const addEdit = (type, row) => {
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight =
+    window.innerHeight - searchBox.value.offsetHeight - 250;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -220,5 +278,3 @@ const tabHeightFn = () => {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 </style>
-
-