更新

src/router/index.js

@@ -248,6 +248,15 @@ export const publicRoutes = [
             icon: "article"
           }
         },
+        {
+          path: "/PreliminaryExcavations",
+          name: "PreliminaryExcavations",
+          component: () => import("@/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index"),
+          meta: {
+            title: "重点人员初步发掘",
+            icon: "article"
+          }
+        },
         {
           path: "/LandingAudit",
           name: "LandingAudit",

src/views/backOfficeSystem/ExcavationResearch/LandingAudit/components/detailForm.vue

@@ -1,46 +1,73 @@
 <template>
   <div class="dialog" v-if="dialogForm">
     <div class="head_box">
-      <span class="title">3D打印业务信息详情</span>
+      <span class="title">重点人员深度发掘</span>
       <div>
         <el-button size="small" @click="close">关闭</el-button>
       </div>
     </div>
     <div class="cntinfo">
-      <el-form :model="listQuery" :label-width="230" label-position="left">
+      <el-form :model="listQuery" :label-width="120" label-position="right">
+        <div class="section-title">管理信息</div>
         <div class="form-row">
-          <el-form-item label="业务流水号码">
+          <el-form-item label="管理单位">
-            <el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
+            <el-input v-model="listQuery.glDw" placeholder="请输入"/>
           </el-form-item>
-          <el-form-item label="单位名称">
+          <el-form-item label="管辖区域">
-            <el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
+            <el-input v-model="listQuery.gxqy" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item label="联系人">
+            <el-input v-model="listQuery.lxr" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item label="联系方式">
+            <el-input v-model="listQuery.lxfs" placeholder="请输入"/>
+          </el-form-item>
+        </div>
+        <div class="form-row">
+          <el-form-item label="管理事由" class="full-width">
+            <el-input type="textarea" v-model="listQuery.glSy" placeholder="请输入"/>
+          </el-form-item>
+        </div>
+
+        <div class="section-title">申请信息</div>
+        <div class="form-row">
+          <el-form-item label="申请单位">
+            <el-input v-model="listQuery.sqDw" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item label="申请人">
+            <el-input v-model="listQuery.sqr" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item label="审核单位">
+            <el-input v-model="listQuery.shdw" placeholder="请输入"/>
+          </el-form-item>
+          <el-form-item label="审核人">
+            <el-input v-model="listQuery.shr" placeholder="请输入"/>
           </el-form-item>
         </div>
    
         <div class="form-row">
-          <el-form-item label="场所名称">
+          <el-form-item label="审批单位">
-            <el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
+            <el-input v-model="listQuery.sqDwDz" placeholder="请输入"/>
           </el-form-item>
-          <el-form-item label="3D打印设备品牌型号">
+          <el-form-item label="接受单位类型" class="full-width">
-            <el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
+            <el-select v-model="listQuery.jsdwlx">
+              <el-options :label="1">是</el-options>
+              <el-options :label="0">否</el-options>
+            </el-select>
           </el-form-item>
-        </div>
+          <el-form-item label="是否同意" class="full-width">
-
+            <el-select v-model="listQuery.sfty">
-        <div class="form-row">
+              <el-options :label="1">是</el-options>
-          <el-form-item label="3D打印设备号码">
+              <el-options :label="0">否</el-options>
-            <el-input v-model="listQuery.sbhm" placeholder="1002"/>
+            </el-select>
           </el-form-item>
-          <el-form-item label="3D打印设备数量">
+          <el-form-item label="反馈时间" class="full-width">
-            <el-input v-model="listQuery.sbsl" placeholder="5"/>
+            <el-date-picker
-          </el-form-item>
+              v-model="listQuery.fksj"
-        </div>
+              type="datetime"
-
+              placeholder="选择日期时间"
-        <div class="form-row">
+              style="width: 100%"
-          <el-form-item label="3D打印材料名称">
+            />
-            <el-input v-model="listQuery.clmc" placeholder="塑料"/>
-          </el-form-item>
-          <el-form-item label="申请单位单位名称">
-            <el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
           </el-form-item>
         </div>
       </el-form>
@@ -49,81 +76,113 @@
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref } from 'vue';
 
 const dialogForm = ref(false);
-const listQuery = ref({});
+const listQuery = ref({
+  glDw: '',
+  glQy: '',
+  lxr: '',
+  lxfs: '',
+  glSy: '',
+  sqDw: '',
+  sqr: '',
+  lxdz: '',
+  shr: '',
+  sqDwDz: '',
+  shr2: '',
+  sfty: 1,
+  fksj: '',
+  files: []
+});
 
 // 初始化数据
 const init = (type, row) => {
   dialogForm.value = true;
-  // 根据type和row初始化表单数据
+  if (row) {
+    Object.assign(listQuery.value, row);
+  }
 };
 
 const close = () => {
   dialogForm.value = false;
+  listQuery.value = {
+    glDw: '',
+    glQy: '',
+    lxr: '',
+    lxfs: '',
+    glSy: '',
+    sqDw: '',
+    sqr: '',
+    lxdz: '',
+    shr: '',
+    sqDwDz: '',
+    shr2: '',
+    sfty: 1,
+    fksj: '',
+    files: []
+  };
 };
 
-defineExpose({init})
+const handleFileChange = (file) => {
+  listQuery.value.files.push(file);
+};
+
+defineExpose({init});
 </script>
 
 <style lang="scss" scoped>
 .dialog {
   padding: 20px;
 
-  :deep(.el-form-item__label) {
-    background-color: #F7FAFB;
-    padding: 0px 8px;
-    color: #000;
-    font-weight: 500;
-    border: 1px solid #E3E7ED;
-  }
-
   .head_box {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
   }
+
   .cntinfo {
     height: calc(100% - 70px);
     overflow: hidden;
     overflow-y: auto;
+    padding: 20px;
+  }
+
+  .section-title {
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    margin: 20px 0 15px;
+    padding-left: 10px;
+    border-left: 4px solid #409EFF;
   }
 
   .form-row {
     display: flex;
-    
+    margin-bottom: 20px;
     .el-form-item {
-      flex: 1;
+      flex: 1 0 0;
+      margin-right: 20px;
+    }
+    .full-width {
+      flex: 2;
     }
   }
-  .image-group {
-    display: flex;
-    gap: 10px;
-    flex-wrap: wrap;
 
 
-    .image-item {
+  .upload-demo {
-      width: 150px;
-      height: 150px;
-      border: 1px solid #dcdfe6;
-      
-      .el-image {
     width: 100%;
-        height: 100%;
+    padding: 20px;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    text-align: center;
+
+    .el-upload__tip {
+      margin-top: 10px;
+      color: #909399;
     }
   }
 }
 
-   ::v-deep .el-input__inner{
-    height: 36px !important;
-    line-height: 36px !important;
-    border-radius: 0;
-    color: #777575;
-  }
-}
-.el-form-item--default{
-  margin-bottom: 0px;
-}
 </style>

src/views/backOfficeSystem/ExcavationResearch/LandingAudit/index.vue

@@ -1,16 +1,21 @@
 <template>
   <div>
     <div class="titleBox">
-      <PageTitle title="重点人员落地审核"/>
+      <PageTitle title="重点人员深度发掘">
+        <el-button type="primary" @click="addEdit('add', '')">
+          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+          <span style="vertical-align: middle">新增</span>
+        </el-button>
+      </PageTitle>
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
       <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
         <template #defaultSlot>
-        <div>
+          <div class="checkbox-group">
-          <el-input-number v-model="queryFrom.xqy"></el-input-number>
+            <el-checkbox v-model="queryFrom.myNote">我的笔记</el-checkbox>
-          <span class="ml10 mr10" style="color: #000;">至</span>
+            <el-checkbox v-model="queryFrom.myCheck">我的审核</el-checkbox>
-          <el-input-number v-model="queryFrom.dqy"></el-input-number>
+            <el-checkbox v-model="queryFrom.myApprove">我的审批</el-checkbox>
           </div>
         </template>
       </Search>
@@ -24,18 +29,31 @@
         :key="pageData.keyCount"
         :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData">
+        @chooseData="chooseData"
-        <!-- 事故照片 -->
+      >
-        <template #accidentPhoto="{ row }">
+        <!-- 基础信息 -->
-          <el-image 
+        <template #basicInfo="{ row }">
-            style="width: 50px; height: 50px"
+          <div class="basic-info">
-            :src="row.accidentPhoto"
+            <div class="avatar">
-            :preview-src-list="[row.accidentPhoto]">
+              <el-image :src="row.avatar" fit="cover"></el-image>
-          </el-image>
+            </div>
+            <div class="info-list">
+              <div>姓名：{{ row.name }}</div>
+              <div>性别：{{ row.gender }}</div>
+              <div>年龄：{{ row.age }}</div>
+              <div>身份证号：{{ row.idCard }}</div>
+              <div>出生日期：{{ row.birthDate }}</div>
+            </div>
+          </div>
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-button type="primary" link @click="addEdit('detail', row)">详情</el-button>
+          <div class="control-buttons">
+            <el-button type="primary" size="small" @click="handleDetail(row)">审核</el-button>
+            <el-button type="info" size="small" @click="handleApprove(row)">审批</el-button>
+            <el-button type="warning" size="small" @click="handleDelete(row)">去除</el-button>
+            <el-button type="danger" size="small" @click="handleBlacklist(row)">拉黑</el-button>
+          </div>
         </template>
       </MyTable>
       <Pages
@@ -61,126 +79,116 @@ import Search from "@/components/aboutTable/Search.vue";
 import DetailForm from "./components/detailForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+
 const { proxy } = getCurrentInstance();
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
 
 const searchConfiger = ref([
-  { label: "场所名称", prop: 'placeName', placeholder: "场所名称", showType: "input" },
+  {
-  { label: "申请单位单位名称", prop: 'applyUnitName', placeholder: "申请单位单位名称", showType: "input" },
+    label: "所属部门",
-  { label: "3D打印材料名称", prop: 'materialName', placeholder: "申请单位单位名称", showType: "input" },
+    prop: "department",
-  { label: "所属辖区", prop: 'jurisdiction', placeholder: "分县局", showType: "cascader" },
+    placeholder: "请选择所属部门",
+    showType: "department"
+  },
+  {
+    label: "是否关注",
+    prop: "isFollowed",
+    placeholder: "请选择是否关注",
+    showType: "select",
+    options: [
+      { label: "是", value: true },
+      { label: "否", value: false }
+    ]
+  }
 ]);
 
-const queryFrom = ref({});
+const queryFrom = ref({
+  myNote: false,
+  myCheck: false,
+  myApprove: false
+});
+
 const pageData = reactive({
-  tableData: [
+  tableData: [],
-      {
-          id: 1,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 2,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 3,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 4,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 5,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      }
-  ],
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-      showSelectType: "null",
+    showSelectType: "checkbox",
     loading: false
   },
-  total: 5,
+  total: 0,
   pageConfiger: {
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 80,
+  controlsWidth: 300,
   tableColumn: [
-      { label: "场所名称", prop: "placeName" },
+    { label: "基础信息", prop: "basicInfo", minWidth: 300 },
-      { label: "3D打印设备序号", prop: "equipmentNo" },
+    { label: "列控信息", prop: "controlInfo", minWidth: 200 },
-      { label: "3D打印设备品牌型号", prop: "equipmentModelNo" },
+    { label: "管控信息", prop: "manageInfo", minWidth: 200 },
-      { label: "3D打印材料名称", prop: "materialName" },
+    { label: "风险积分", prop: "riskScore", width: 100 },
-      { label: "申请单位单位名称", prop: "applyUnitName" },
+    { label: "评分项", prop: "scoreItems", minWidth: 150 },
+    { label: "最后关注", prop: "lastFollow", width: 120 },
   ]
 });
 
 onMounted(() => {
-  getList()
+  getList();
   tabHeightFn();
 });
 
-//选择类型
-const handleType = (val) => {
-  pageData.keyCount++;
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
 // 搜索
 const onSearch = (val) => {
-  queryFrom.value = {...val}
+  queryFrom.value = { ...val };
   pageData.pageConfiger.pageCurrent = 1;
-  getList()
+  getList();
-}
+};
 
 const changeNo = (val) => {
   pageData.pageConfiger.pageNum = val;
-  getList()
+  getList();
-}
+};
+
 const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
-  getList()
+  getList();
-}
+};
 
 // 获取列表
-const getList = (val) =>{
+const getList = () => {
   // pageData.tableConfiger.loading = true;
-  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  // let data = { ...pageData.pageConfiger, ...queryFrom.value };
-  // let url = '/mosty-lzcj/tbDwMbkf/queryList';
+  // API调用示例
-  // qcckPost(data,url).then(res=>{
+  // qcckPost(data, '/api/deepExcavation/list').then(res => {
   //   pageData.tableData = res.records || [];
   //   pageData.total = res.total;
   //   pageData.tableConfiger.loading = false;
-  // }).catch(()=>{ pageData.tableConfiger.loading = false; })
+  // }).catch(() => { pageData.tableConfiger.loading = false; });
-}
+};
+
+// 操作按钮处理函数
+const handleDetail = (row) => {
+  detailDiloag.value.init('detail', row);
+};
 
 // 详情
 const addEdit = (type, row) => {
   detailDiloag.value.init(type, row);
 };
 
+const handleApprove = (row) => {
+  detailDiloag.value.init('approve', row);
+};
+
+const handleDelete = (row) => {
+  // 实现删除逻辑
+};
+
+const handleBlacklist = (row) => {
+  // 实现拉黑逻辑
+};
+
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
@@ -190,8 +198,38 @@ const tabHeightFn = () => {
 };
 </script>
 
-<style>
+<style lang="scss" scoped>
-.el-loading-mask {
+.checkbox-group {
-  background: rgba(0, 0, 0, 0.5) !important;
+  display: flex;
+  gap: 20px;
+}
+
+.basic-info {
+  display: flex;
+  gap: 15px;
+
+  .avatar {
+    width: 80px;
+    height: 80px;
+    overflow: hidden;
+    border-radius: 4px;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  .info-list {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+  }
+}
+
+.control-buttons {
+  display: flex;
+  gap: 10px;
 }
 </style>

src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/components/detailForm.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">3D打印业务信息详情</span>
+      <div>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="cntinfo">
+      <el-form :model="listQuery" :label-width="230" label-position="left">
+        <div class="form-row">
+          <el-form-item label="业务流水号码">
+            <el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
+          </el-form-item>
+          <el-form-item label="单位名称">
+            <el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
+          </el-form-item>
+        </div>
+
+        <div class="form-row">
+          <el-form-item label="场所名称">
+            <el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
+          </el-form-item>
+          <el-form-item label="3D打印设备品牌型号">
+            <el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
+          </el-form-item>
+        </div>
+
+        <div class="form-row">
+          <el-form-item label="3D打印设备号码">
+            <el-input v-model="listQuery.sbhm" placeholder="1002"/>
+          </el-form-item>
+          <el-form-item label="3D打印设备数量">
+            <el-input v-model="listQuery.sbsl" placeholder="5"/>
+          </el-form-item>
+        </div>
+
+        <div class="form-row">
+          <el-form-item label="3D打印材料名称">
+            <el-input v-model="listQuery.clmc" placeholder="塑料"/>
+          </el-form-item>
+          <el-form-item label="申请单位单位名称">
+            <el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+
+const dialogForm = ref(false);
+const listQuery = ref({});
+
+// 初始化数据
+const init = (type, row) => {
+  dialogForm.value = true;
+  // 根据type和row初始化表单数据
+};
+
+const close = () => {
+  dialogForm.value = false;
+};
+
+defineExpose({init})
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 20px;
+
+  :deep(.el-form-item__label) {
+    background-color: #F7FAFB;
+    padding: 0px 8px;
+    color: #000;
+    font-weight: 500;
+    border: 1px solid #E3E7ED;
+  }
+
+  .head_box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .cntinfo{
+    height: calc(100% - 70px);
+    overflow: hidden;
+    overflow-y: auto;
+  }
+
+  .form-row {
+    display: flex;
+    
+    .el-form-item {
+      flex: 1;
+    }
+  }
+  .image-group {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  
+    
+    .image-item {
+      width: 150px;
+      height: 150px;
+      border: 1px solid #dcdfe6;
+      
+      .el-image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+   ::v-deep .el-input__inner{
+    height: 36px !important;
+    line-height: 36px !important;
+    border-radius: 0;
+    color: #777575;
+  }
+}
+.el-form-item--default{
+  margin-bottom: 0px;
+}
+</style>

src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index.vue

@@ -0,0 +1,281 @@
+<template>
+  <div class="statistical-analysis">
+    <!-- 左侧树形菜单 -->
+    <ul class="left-menu">
+      <li class="f20">重点人初步发掘</li>
+      <li class="left-menu-item" v-for="(it,idx) in btnsList" :key="idx"> {{ it }}</li>
+    </ul>
+    <!-- 右侧内容区 -->
+    <div class="right-content">
+      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
+        <template #defaultSlot>
+          <CheckBox :data="checkData" @changeData="changeData"></CheckBox>
+        </template>
+      </Search>
+      <div class="tableCnt  mb10 pl10 pr10">
+        <PageTitle title="发掘内容" style="color:#333">
+          <el-button type="primary" size="small" @click="addEdit('add', '')">
+            <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+            <span style="vertical-align: middle">新增</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">导入内容</span>
+          </el-button>
+          <el-button type="danger" size="small" @click="exportData">
+            <el-icon style="vertical-align: middle"><Delete /></el-icon>
+            <span style="vertical-align: middle">删除</span>
+          </el-button>
+        </PageTitle>
+        <div>
+          <MyTable
+            :tableData="pageData.tableData"
+            :tableColumn="pageData.tableColumn"
+            :tableHeight="pageData.tableHeight"
+            :key="pageData.keyCount"
+            :tableConfiger="pageData.tableConfiger"
+            :controlsWidth="pageData.controlsWidth"
+            @chooseData="chooseData">
+            <!-- 操作 -->
+            <template #controls="{ row }">
+              <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
+              <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
+            </template>
+          </MyTable>
+          <div class="ww100 flex just-center mt8"> <el-button type="primary">智能解析</el-button> </div>
+        </div>
+      </div>
+      <div class="tableCnt mb10 pl10 pr10">
+        <PageTitle title="模型智能识别/LP解析结果" style="color:#333;"></PageTitle>
+        <div ref="searchBox" class="mb8">
+          <el-button type="primary" size="small" @click="addEdit('add', '')">
+            <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+            <span style="vertical-align: middle">新增</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">一件布控</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">级别变更</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">警种变更</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">指定分配</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">添加标签</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">协控申请</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">撤控申请</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">移交管控</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">批量导入</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">导出</span>
+          </el-button>
+          <el-button type="danger" size="small" @click="exportData">
+            <el-icon style="vertical-align: middle"><Delete /></el-icon>
+            <span style="vertical-align: middle">批量删除</span>
+          </el-button>
+        </div>
+        <div>
+          <MyTable
+            :tableData="pageData.tableData2"
+            :tableColumn="pageData.tableColumn2"
+            :tableHeight="pageData.tableHeight2"
+            :key="pageData.keyCount"
+            :tableConfiger="pageData.tableConfiger2"
+            :controlsWidth="pageData.controlsWidth"
+            @chooseData="chooseData">
+            <!-- 操作 -->
+            <template #controls="{ row }">
+              <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
+              <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
+            </template>
+          </MyTable>
+          <Pages
+            @changeNo="changeNo"
+            @changeSize="changeSize"
+            :tableHeight="pageData.tableHeight2"
+            :pageConfiger="{
+              ...pageData.pageConfiger,
+              total: pageData.total
+            }"
+          ></Pages>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import CheckBox from "@/components/checkBox/index.vue";
+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 { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { Delete } from "@element-plus/icons";
+import { fa } from "element-plus/es/locale.mjs";
+const searchConfiger = ref([
+  { label: "管辖部门", prop: 'department', placeholder: "请选择管辖部门", showType: "select" },
+  { label: "是否关注", prop: 'sfgz', showType: "defaultSlot" },
+]);
+const checkData = reactive({
+  list: ["是", "否"],
+  hasChoose: ["是", "否"]
+});
+const btnsList = ref(['全部','警情','人力情报','线索','民警处置文本','交通事故']);
+const searchBox = ref();
+const pageData = reactive({
+  tableData: [
+    {nrbh:'测试内容',lx:'1',nr:'测试内容'},
+    {nrbh:'测试内容',lx:'1',nr:'测试内容'},
+  ],
+  tableData2: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false
+  },
+  tableConfiger2: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    showIndex:false
+  },
+  tableHeight:230,
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 120,
+  tableColumn: [
+    { label: "内容编号", prop: "nrbh" },
+    { label: "类型", prop: "lx" },
+    { label: "内容", prop: "nr" },
+  ],
+  tableColumn2: [
+    { label: "积分排名", prop: "nrbh" },
+    { label: "照片", prop: "lx" },
+    { label: "姓名", prop: "nr" },
+    { label: "身份证号", prop: "nr" },
+    { label: "居住地址", prop: "nr" },
+    { label: "人员类别", prop: "nr" },
+    { label: "布控原因", prop: "nr" },
+    { label: "风险等级", prop: "nr" },
+    { label: "风险积分", prop: "nr" },
+    { label: "模型标签", prop: "nr" },
+    { label: "是否关注", prop: "nr" },
+  ],
+})
+
+
+// 树形菜单数据
+const treeData = ref([
+  {
+    label: "林芝市公安局（200）",
+    children: [
+      { label: "工布江达县公安局（100）" },
+      { label: "工布江达城区派出所（10）" },
+      { label: "某某某派出所（10）" },
+      { label: "某某某公安局（100）" }
+    ]
+  }
+]);
+
+const defaultProps = {
+  children: "children",
+  label: "label"
+};
+
+
+// 事件处理函数
+const handleNodeClick = (data) => {
+  console.log(data);
+};
+
+const handleDateChange = () => {
+  // 处理日期变化
+};
+
+const handleExport = () => {
+  // 处理导出
+};
+
+const tabHeightFn = () => {
+  pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 690;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+onMounted(() => {
+  tabHeightFn()
+});
+</script>
+
+<style lang="scss" scoped>
+.statistical-analysis {
+  width: 100%;
+  height: 100%;
+  .left-menu {
+    float: left;
+    width: 280px;
+    height: calc(100% - 20px);
+    padding: 20px;
+    margin-top: 20px;
+    border-radius: 4px;
+    background-color: #fff;
+    border-right: 1px solid #e8e8e8;
+    color: #333;
+    line-height: 32px;
+    text-align: center;
+    .left-menu-item{
+      border-bottom: 1px solid #e8e8e8;
+      &:hover{
+        color: #409eff;
+        background: rgba(0,0,0,0.1);
+      }
+    }
+  }
+  .right-content {
+    float: left;
+    width: calc(100% - 290px);
+    height: 100%;
+    padding: 0 20px 0 ;
+    margin-top: 20px;
+    margin-left: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    .tableCnt{
+      height: calc((100vh - 253px)/2 );
+      background: #fff;
+      border-radius: 4px;
+    }
+  }
+}
+</style>
+

src/views/backOfficeSystem/ExcavationResearch/WarningModel/index.vue

@@ -1,22 +1,39 @@
 <template>
-  <div>
+  <div class="statistical-analysis">
-    <div class="titleBox">
+    <!-- 左侧树形菜单 -->
-      <PageTitle title="重点人员预警模型"/>
+    <div class="left-menu">
+      <!-- 这个部分用的是组件-后期替换 -->
+      <el-tree
+        :data="treeData"
+        :props="defaultProps"
+        @node-click="handleNodeClick"
+        default-expand-all
+      />
     </div>
-    <!-- 搜索 -->
+
-    <div ref="searchBox">
+    <!-- 右侧内容区 -->
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
+    <div class="right-content">
+      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
         <template #defaultSlot>
-        <div>
+          <CheckBox :data="checkData" @changeData="changeData"></CheckBox>
-          <el-input-number v-model="queryFrom.xqy"></el-input-number>
-          <span class="ml10 mr10" style="color: #000;">至</span>
-          <el-input-number v-model="queryFrom.dqy"></el-input-number>
-        </div>
         </template>
       </Search>
-    </div>
+      <div class="tableCnt  mb10 pl10 pr10">
-    <!-- 表格 -->
+        <PageTitle title="发掘内容" style="color:#333">
-    <div class="tabBox">
+          <el-button type="primary" size="small" @click="addEdit('add', '')">
+            <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+            <span style="vertical-align: middle">新增</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">导入内容</span>
+          </el-button>
+          <el-button type="danger" size="small" @click="exportData">
+            <el-icon style="vertical-align: middle"><Delete /></el-icon>
+            <span style="vertical-align: middle">删除</span>
+          </el-button>
+        </PageTitle>
+        <div>
           <MyTable
             :tableData="pageData.tableData"
             :tableColumn="pageData.tableColumn"
@@ -25,173 +42,234 @@
             :tableConfiger="pageData.tableConfiger"
             :controlsWidth="pageData.controlsWidth"
             @chooseData="chooseData">
-        <!-- 事故照片 -->
-        <template #accidentPhoto="{ row }">
-          <el-image 
-            style="width: 50px; height: 50px"
-            :src="row.accidentPhoto"
-            :preview-src-list="[row.accidentPhoto]">
-          </el-image>
-        </template>
             <!-- 操作 -->
             <template #controls="{ row }">
-          <el-button type="primary" link @click="addEdit('detail', row)">详情</el-button>
+              <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
+              <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
+            </template>
+          </MyTable>
+          <div class="ww100 flex just-center mt8"> <el-button type="primary">智能解析</el-button> </div>
+        </div>
+      </div>
+      <div class="tableCnt mb10 pl10 pr10">
+        <PageTitle title="模型智能识别/LP解析结果" style="color:#333;"></PageTitle>
+        <div ref="searchBox" class="mb8">
+          <el-button type="primary" size="small" @click="addEdit('add', '')">
+            <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+            <span style="vertical-align: middle">新增</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">一件布控</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">级别变更</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">警种变更</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">指定分配</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">添加标签</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">协控申请</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">撤控申请</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">移交管控</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">批量导入</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="importData">
+            <el-icon style="vertical-align: middle"><Upload /></el-icon>
+            <span style="vertical-align: middle">导出</span>
+          </el-button>
+          <el-button type="danger" size="small" @click="exportData">
+            <el-icon style="vertical-align: middle"><Delete /></el-icon>
+            <span style="vertical-align: middle">批量删除</span>
+          </el-button>
+        </div>
+        <div>
+          <MyTable
+            :tableData="pageData.tableData2"
+            :tableColumn="pageData.tableColumn2"
+            :tableHeight="pageData.tableHeight2"
+            :key="pageData.keyCount"
+            :tableConfiger="pageData.tableConfiger2"
+            :controlsWidth="pageData.controlsWidth"
+            @chooseData="chooseData">
+            <!-- 操作 -->
+            <template #controls="{ row }">
+              <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
+              <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
             </template>
           </MyTable>
           <Pages
             @changeNo="changeNo"
             @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
+            :tableHeight="pageData.tableHeight2"
             :pageConfiger="{
               ...pageData.pageConfiger,
               total: pageData.total
             }"
           ></Pages>
         </div>
-    <!-- 详情 -->
+      </div>
-    <DetailForm ref="detailDiloag" />
+    </div>
   </div>
 </template>
 
 <script setup>
+import CheckBox from "@/components/checkBox/index.vue";
 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/detailForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-const { proxy } = getCurrentInstance();
+import { Delete } from "@element-plus/icons";
-const detailDiloag = ref();
+import { fa } from "element-plus/es/locale.mjs";
-const searchBox = ref(); //搜索框
-
 const searchConfiger = ref([
-  { label: "场所名称", prop: 'placeName', placeholder: "场所名称", showType: "input" },
+  { label: "管辖部门", prop: 'department', placeholder: "请选择管辖部门", showType: "select" },
-  { label: "申请单位单位名称", prop: 'applyUnitName', placeholder: "申请单位单位名称", showType: "input" },
+  { label: "是否关注", prop: 'sfgz', showType: "defaultSlot" },
-  { label: "3D打印材料名称", prop: 'materialName', placeholder: "申请单位单位名称", showType: "input" },
-  { label: "所属辖区", prop: 'jurisdiction', placeholder: "分县局", showType: "cascader" },
 ]);
-
+const checkData = reactive({
-const queryFrom = ref({});
+  list: ["是", "否"],
+  hasChoose: ["是", "否"]
+});
+const searchBox = ref();
 const pageData = reactive({
   tableData: [
-      {
+    {nrbh:'测试内容',lx:'1',nr:'测试内容'},
-          id: 1,
+    {nrbh:'测试内容',lx:'1',nr:'测试内容'},
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 2,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 3,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 4,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      },
-      {
-          id: 5,
-          placeName: '老王打印店',
-          equipmentNo: '1002',
-          equipmentModelNo: 'sa5421321321',
-          materialName: '塑料',
-          applyUnitName: 'xxxxx单位'
-      }
   ],
+  tableData2: [],
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-      showSelectType: "null",
+    showSelectType: "checkBox",
     loading: false
   },
-  total: 5,
+  tableConfiger2: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    showIndex:false
+  },
+  tableHeight:230,
+  total: 0,
   pageConfiger: {
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 80,
+  controlsWidth: 120,
   tableColumn: [
-      { label: "场所名称", prop: "placeName" },
+    { label: "身份标签", prop: "nrbh" },
-      { label: "3D打印设备序号", prop: "equipmentNo" },
+    { label: "行为标签", prop: "lx" },
-      { label: "3D打印设备品牌型号", prop: "equipmentModelNo" },
+    { label: "轨迹", prop: "gj" },
-      { label: "3D打印材料名称", prop: "materialName" },
+    { label: "风险等级", prop: "fxdj" },
-      { label: "申请单位单位名称", prop: "applyUnitName" },
+    { label: "定义积分", prop: "dyjf" },
+    { label: "处置措施", prop: "czcs" },
+  ],
+  tableColumn2: [
+    { label: "积分排名", prop: "nrbh" },
+    { label: "基础信息", prop: "lx" },
+    { label: "列控信息", prop: "nr" },
+    { label: "管控信息", prop: "nr" },
+    { label: "风险积分", prop: "nr" },
+    { label: "评分项", prop: "nr" },
+    { label: "布控原因", prop: "nr" },
+    { label: "是否关注", prop: "nr" },
+  ],
+})
+
+
+// 树形菜单数据
+const treeData = ref([
+  {
+    label: "林芝市公安局（200）",
+    children: [
+      { label: "工布江达县公安局（100）" },
+      { label: "工布江达城区派出所（10）" },
+      { label: "某某某派出所（10）" },
+      { label: "某某某公安局（100）" }
     ]
-});
-
-onMounted(() => {
-  getList()
-  tabHeightFn();
-});
-
-//选择类型
-const handleType = (val) => {
-  pageData.keyCount++;
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
-// 搜索
-const onSearch = (val) =>{
-  queryFrom.value = {...val}
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
   }
+]);
 
-const changeNo = (val) =>{
+const defaultProps = {
-  pageData.pageConfiger.pageNum = val;
+  children: "children",
-  getList()
+  label: "label"
-}
+};
-const changeSize = (val) =>{
+
-  pageData.pageConfiger.pageSize = val;
+
-  getList()
+// 事件处理函数
-}
+const handleNodeClick = (data) => {
-
+  console.log(data);
-// 获取列表
+};
-const getList = (val) =>{
+
-  // pageData.tableConfiger.loading = true;
+const handleDateChange = () => {
-  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  // 处理日期变化
-  // let url = '/mosty-lzcj/tbDwMbkf/queryList';
+};
-  // qcckPost(data,url).then(res=>{
+
-  //   pageData.tableData = res.records || [];
+const handleExport = () => {
-  //   pageData.total = res.total;
+  // 处理导出
-  //   pageData.tableConfiger.loading = false;
-  // }).catch(()=>{ pageData.tableConfiger.loading = false; })
-}
-
-// 详情
-const addEdit = (type, row) => {
-  detailDiloag.value.init(type, row);
 };
 
-// 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 690;
   window.onresize = function () {
     tabHeightFn();
   };
 };
+
+onMounted(() => {
+  tabHeightFn()
+});
 </script>
 
-<style>
+<style lang="scss" scoped>
-.el-loading-mask {
+.statistical-analysis {
-  background: rgba(0, 0, 0, 0.5) !important;
+  width: 100%;
+  height: 100%;
+  .left-menu {
+    float: left;
+    width: 280px;
+    height: calc(100% - 20px);
+    padding: 20px;
+    margin-top: 20px;
+    border-radius: 4px;
+    background-color: #fff;
+    border-right: 1px solid #e8e8e8;
+  }
+  .right-content {
+    float: left;
+    width: calc(100% - 290px);
+    height: 100%;
+    padding: 0 20px 0 ;
+    margin-top: 20px;
+    margin-left: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    .tableCnt{
+      height: calc((100vh - 253px)/2 );
+      background: #fff;
+      border-radius: 4px;
+    }
+  }
 }
 </style>