From 61a2e0cc19f5c25efff2e0139eead2b79e8ce9cd Mon Sep 17 00:00:00 2001
From: zy_zr <985512818@qq.com>
Date: Thu, 17 Apr 2025 14:09:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  37 ++-
 .../3DPrinting/CSGL/index.vue                 | 250 ----------------
 .../LandingAudit}/components/detailForm.vue   |   0
 .../LandingAudit}/index.vue                   |   2 +-
 .../WarningModel/components/detailForm.vue    | 129 ++++++++
 .../ExcavationResearch/WarningModel/index.vue | 197 +++++++++++++
 .../ZdryFjyp}/components/detailForm.vue       |   0
 .../ExcavationResearch/ZdryFjyp/index.vue     | 275 ++++++++++++++++++
 8 files changed, 626 insertions(+), 264 deletions(-)
 delete mode 100644 src/views/backOfficeSystem/3DPrinting/CSGL/index.vue
 rename src/views/backOfficeSystem/{3DPrinting/YWXXGL => ExcavationResearch/LandingAudit}/components/detailForm.vue (100%)
 rename src/views/backOfficeSystem/{3DPrinting/YWXXGL => ExcavationResearch/LandingAudit}/index.vue (99%)
 create mode 100644 src/views/backOfficeSystem/ExcavationResearch/WarningModel/components/detailForm.vue
 create mode 100644 src/views/backOfficeSystem/ExcavationResearch/WarningModel/index.vue
 rename src/views/backOfficeSystem/{3DPrinting/CSGL => ExcavationResearch/ZdryFjyp}/components/detailForm.vue (100%)
 create mode 100644 src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index bf64ea4..573d279 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -234,33 +234,44 @@ export const publicRoutes = [
         },
       ],
     },
-     // ）））））））））））））））））））））
-    
     {
-      path: "/3DPrinting",
-      name: "3DPrinting",
-      meta: { title: "3D打印业", icon: "article" },
+      path: "/ExcavationResearch",
+      name: "ExcavationResearch",
+      meta: { title: "重点人发掘研判", icon: "article" },
       children: [
         {
-          path: "/CSGL",
-          name: "CSGL",
-          component: () => import("@/views/backOfficeSystem/3DPrinting/CSGL/index"),
+          path: "/ZdryFjyp",
+          name: "ZdryFjyp",
+          component: () => import("@/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index"),
           meta: {
-            title: "3D打印业场所管理",
+            title: "重点人员发掘研判",
             icon: "article"
           }
         },
         {
-          path: "/YWXXGL",
-          name: "YWXXGL",
-          component: () => import("@/views/backOfficeSystem/3DPrinting/YWXXGL/index"),
+          path: "/LandingAudit",
+          name: "LandingAudit",
+          component: () => import("@/views/backOfficeSystem/ExcavationResearch/LandingAudit/index"),
           meta: {
-            title: "3D打印业务信息管理",
+            title: "重点人员落地审核",
+            icon: "article"
+          }
+        },
+        {
+          path: "/WarningModel",
+          name: "WarningModel",
+          component: () => import("@/views/backOfficeSystem/ExcavationResearch/WarningModel/index"),
+          meta: {
+            title: "重点人员预警模型",
             icon: "article"
           }
         },
       ],
     },
+
+     // ）））））））））））））））））））））
+    
+    
     {
       path: "/CivilExplosives",
       name: "CivilExplosives",
diff --git a/src/views/backOfficeSystem/3DPrinting/CSGL/index.vue b/src/views/backOfficeSystem/3DPrinting/CSGL/index.vue
deleted file mode 100644
index 078b6b8..0000000
--- a/src/views/backOfficeSystem/3DPrinting/CSGL/index.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<template>
-  <div>
-    <div class="titleBox">
-      <PageTitle title="3D打印业场所管理" />
-    </div>
-    <!-- 搜索 -->
-    <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
-        <template #defaultSlot>
-          <div>
-            <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="tabBox">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :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
-          >
-        </template>
-      </MyTable>
-      <Pages
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
-          ...pageData.pageConfiger,
-          total: pageData.total
-        }"
-      ></Pages>
-    </div>
-    <!-- 详情 -->
-    <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/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: "placePhone",
-    placeholder: "场所电话",
-    showType: "input"
-  },
-  {
-    label: "法人姓名",
-    prop: "legalPersonName",
-    placeholder: "法人姓名",
-    showType: "input"
-  },
-  {
-    label: "法人证件号码",
-    prop: "zjhm",
-    placeholder: "法人证件号码",
-    showType: "input"
-  },
-  {
-    label: "法人联系电话",
-    prop: "lxdh",
-    placeholder: "法人联系电话",
-    showType: "input"
-  },
-  {
-    label: "经营状况",
-    prop: "jyzk",
-    placeholder: "经营状况",
-    showType: "input"
-  },
-  { label: "所属辖区", prop: 'ssxq', placeholder: "请选择所属辖区", showType: "department" },
-  { label: "面积大小", prop: 'mj', placeholder: "请输入面积范围", showType: "defaultSlot" },
- 
-]);
-
-const queryFrom = ref({});
-const pageData = reactive({
-  tableData: [
-    {
-      id: 1,
-      placeName: "老王打印店",
-      placePhone: "13800138000",
-      legalPersonName: "张三",
-      legalPersonId: "511222222222222",
-      legalPersonPhone: "13900139000",
-      operationStatus: "在营",
-      jurisdiction: "巴宜区纺织路派出所"
-    },
-    {
-      id: 2,
-      placeName: "老王打印店",
-      placePhone: "13800138000",
-      legalPersonName: "张三",
-      legalPersonId: "511222222222222",
-      legalPersonPhone: "13900139000",
-      operationStatus: "在营",
-      jurisdiction: "巴宜区纺织路派出所"
-    },
-    {
-      id: 3,
-      placeName: "老王打印店",
-      placePhone: "13800138000",
-      legalPersonName: "张三",
-      legalPersonId: "511222222222222",
-      legalPersonPhone: "13900139000",
-      operationStatus: "在营",
-      jurisdiction: "巴宜区纺织路派出所"
-    },
-    {
-      id: 4,
-      placeName: "老王打印店",
-      placePhone: "13800138000",
-      legalPersonName: "张三",
-      legalPersonId: "511222222222222",
-      legalPersonPhone: "13900139000",
-      operationStatus: "在营",
-      jurisdiction: "巴宜区纺织路派出所"
-    },
-    {
-      id: 5,
-      placeName: "老王打印店",
-      placePhone: "13800138000",
-      legalPersonName: "张三",
-      legalPersonId: "511222222222222",
-      legalPersonPhone: "13900139000",
-      operationStatus: "在营",
-      jurisdiction: "巴宜区纺织路派出所"
-    }
-  ],
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "null",
-    loading: false
-  },
-  total: 5,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  },
-  controlsWidth: 80,
-  tableColumn: [
-    { label: "场所名称", prop: "placeName" },
-    { label: "经营状态", prop: "operationStatus" },
-    { label: "所属辖区", prop: "jurisdiction" },
-    { label: "法人姓名", prop: "legalPersonName" },
-    { label: "法人证件号码", prop: "legalPersonId" },
-    { label: "场所电话", prop: "placePhone" },
-    { label: "法人联系电话", prop: "legalPersonPhone" },
-  ]
-});
-
-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) => {
-  pageData.pageConfiger.pageNum = val;
-  getList();
-};
-const changeSize = (val) => {
-  pageData.pageConfiger.pageSize = val;
-  getList();
-};
-
-// 获取列表
-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; })
-};
-
-// 详情
-const addEdit = (type, row) => {
-  detailDiloag.value.init(type, row);
-};
-
-// 表格高度计算
-const tabHeightFn = () => {
-  pageData.tableHeight =
-    window.innerHeight - searchBox.value.offsetHeight - 250;
-  window.onresize = function () {
-    tabHeightFn();
-  };
-};
-</script>
-  
-  <style>
-.el-loading-mask {
-  background: rgba(0, 0, 0, 0.5) !important;
-}
-</style>
-  
\ No newline at end of file
diff --git a/src/views/backOfficeSystem/3DPrinting/YWXXGL/components/detailForm.vue b/src/views/backOfficeSystem/ExcavationResearch/LandingAudit/components/detailForm.vue
similarity index 100%
rename from src/views/backOfficeSystem/3DPrinting/YWXXGL/components/detailForm.vue
rename to src/views/backOfficeSystem/ExcavationResearch/LandingAudit/components/detailForm.vue
diff --git a/src/views/backOfficeSystem/3DPrinting/YWXXGL/index.vue b/src/views/backOfficeSystem/ExcavationResearch/LandingAudit/index.vue
similarity index 99%
rename from src/views/backOfficeSystem/3DPrinting/YWXXGL/index.vue
rename to src/views/backOfficeSystem/ExcavationResearch/LandingAudit/index.vue
index 9e4c124..a277512 100644
--- a/src/views/backOfficeSystem/3DPrinting/YWXXGL/index.vue
+++ b/src/views/backOfficeSystem/ExcavationResearch/LandingAudit/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="titleBox">
-      <PageTitle title="3D打印业务信息管理"/>
+      <PageTitle title="重点人员落地审核"/>
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
diff --git a/src/views/backOfficeSystem/ExcavationResearch/WarningModel/components/detailForm.vue b/src/views/backOfficeSystem/ExcavationResearch/WarningModel/components/detailForm.vue
new file mode 100644
index 0000000..88c87c3
--- /dev/null
+++ b/src/views/backOfficeSystem/ExcavationResearch/WarningModel/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>
diff --git a/src/views/backOfficeSystem/ExcavationResearch/WarningModel/index.vue b/src/views/backOfficeSystem/ExcavationResearch/WarningModel/index.vue
new file mode 100644
index 0000000..b4263b1
--- /dev/null
+++ b/src/views/backOfficeSystem/ExcavationResearch/WarningModel/index.vue
@@ -0,0 +1,197 @@
+<template>
+  <div>
+    <div class="titleBox">
+      <PageTitle title="重点人员预警模型"/>
+    </div>
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
+      <template #defaultSlot>
+        <div>
+          <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="tabBox">
+      <MyTable
+        :tableData="pageData.tableData"
+        :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount"
+        :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>
+        </template>
+      </MyTable>
+      <Pages
+        @changeNo="changeNo"
+        @changeSize="changeSize"
+        :tableHeight="pageData.tableHeight"
+        :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"
+      ></Pages>
+    </div>
+    <!-- 详情 -->
+    <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/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: "3D打印材料名称", prop: 'materialName', placeholder: "申请单位单位名称", showType: "input" },
+  { label: "所属辖区", prop: 'jurisdiction', placeholder: "分县局", showType: "cascader" },
+]);
+
+const queryFrom = ref({});
+const pageData = reactive({
+  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",
+      loading: false
+  },
+  total: 5,
+  pageConfiger: {
+      pageSize: 20,
+      pageCurrent: 1
+  },
+  controlsWidth: 80,
+  tableColumn: [
+      { label: "场所名称", prop: "placeName" },
+      { label: "3D打印设备序号", prop: "equipmentNo" },
+      { label: "3D打印设备品牌型号", prop: "equipmentModelNo" },
+      { label: "3D打印材料名称", prop: "materialName" },
+      { label: "申请单位单位名称", prop: "applyUnitName" },
+  ]
+});
+
+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) =>{
+  pageData.pageConfiger.pageNum = val;
+  getList()
+}
+const changeSize = (val) =>{
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+// 获取列表
+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; })
+}
+
+// 详情
+const addEdit = (type, row) => {
+  detailDiloag.value.init(type, row);
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>
diff --git a/src/views/backOfficeSystem/3DPrinting/CSGL/components/detailForm.vue b/src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/components/detailForm.vue
similarity index 100%
rename from src/views/backOfficeSystem/3DPrinting/CSGL/components/detailForm.vue
rename to src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/components/detailForm.vue
diff --git a/src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index.vue b/src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index.vue
new file mode 100644
index 0000000..1aa9dcb
--- /dev/null
+++ b/src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index.vue
@@ -0,0 +1,275 @@
+<template>
+  <div class="statistical-analysis">
+    <!-- 左侧树形菜单 -->
+    <div class="left-menu">
+      <!-- 这个部分用的是组件-后期替换 -->
+      <el-tree
+        :data="treeData"
+        :props="defaultProps"
+        @node-click="handleNodeClick"
+        default-expand-all
+      />
+    </div>
+
+    <!-- 右侧内容区 -->
+    <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 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;
+  }
+  .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>