更新

src/router/index.js

@@ -454,6 +454,15 @@ export const publicRoutes = [
               icon: "article"
             }
           },
+          {
+            path: "/tsypHome",
+            name: "tsypHome",
+            component: () => import("@/views/backOfficeSystem/JudgmentHome/tsypHome/index"),
+            meta: {
+              title: "态势研判",
+              icon: "article"
+            }
+          },
           {
             path: "/MeetingRoom",
             name: "MeetingRoom",

src/views/backOfficeSystem/JudgmentHome/tsypHome/index.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="statistical-analysis">
+    <!-- 左侧树形菜单 -->
+    <div class="left-menu">
+      <CheckBox :data="checkData.lxBtn" customClass="all" @changeData="changeData"></CheckBox>
+    </div>
+    <!-- 右侧内容区 -->
+    <div class="right-content">
+      <div class="btnsBox" ref="refBtn">
+        <CheckBox :data="checkData.Btn" customClass="all" @changeData="changeData"></CheckBox>
+      </div>
+      <div ref="searchBox" >
+        <Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
+      </div>
+      <ul class="cntlsit mb10" :style="{height:listHeight+'px'}">
+        <li class="cntItem">
+          <div class="ww100"><img class="ww100" style="height: 168px;" src="@/assets/images/mxbg.jpg" alt=""></div>
+          <div class="f14 lh24 pl4 pr4 one_text_detail">名称：</div>
+          <div class="f14 lh24 pl4 pr4 one_text_detail">类型：</div>
+          <div class="f14 lh24 pl4 pr4 one_text_detail">数量：</div>
+          <div class="foot">
+            <span class="ml10 pointer" style="color:#027ff0 ;"><el-icon style="top: 2px;"><Document /></el-icon>报告</span>
+            <span class="ml10 pointer" style="color:#f4ac47 ;"><el-icon  style="top: 2px;"><Files /></el-icon>会商</span>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import CheckBox from "@/components/checkBox/index.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { qcckGet, qcckDelete } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+const { proxy } = getCurrentInstance();
+const {  D_GS_RQFJ_FXDJ} = proxy.$dict("D_GS_RQFJ_FXDJ"); //获取字典数据
+const searchBox = ref(); //搜索框
+const refBtn = ref(); 
+const listHeight = ref()
+const searchConfiger = ref([
+  {
+    label: "管辖部门",
+    prop: "ssbm",
+    placeholder: "请选择管辖部门",
+    showType: "department"
+  },
+]);
+const checkData = reactive({
+  lxBtn:{
+    hasChoose: ["警情"],
+    list: ["警情", "人力情报", "线索", "民警处置文本", "交通事故"]
+  },
+  Btn:{
+    hasChoose: ["人员"],
+    list: ["人员", "地点", "事件", "物品", "组织"]
+  },
+});
+onMounted(()=>{
+  tabHeightFn()
+})
+
+// 表格高度计算
+const tabHeightFn = () => {
+  listHeight.value = window.innerHeight - searchBox.value.offsetHeight - refBtn.value.offsetHeight - 182;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+
+</script>
+
+<style lang="scss" scoped>
+.statistical-analysis {
+  width: 100%;
+  height: 100%;
+
+  .left-menu {
+    float: left;
+    width: 280px;
+    height: calc(100% - 10px);
+    padding: 20px 4px;
+    margin-top: 20px;
+    border-radius: 4px;
+    background-color: #fff;
+    border-right: 1px solid #e8e8e8;
+    color: #333;
+    line-height: 32px;
+
+    ::v-deep .checkBox {
+      flex-direction: column;
+
+      .checkall {
+        margin: 0;
+      }
+    }
+
+    ::v-deep .el-checkbox-group {
+      display: flex;
+      flex-direction: column;
+    }
+
+    ::v-deep .is-checked {
+      background: rgb(242, 249, 255);
+      margin-bottom: 4px;
+    }
+
+    ::v-deep .el-checkbox {
+      padding-left: 8px;
+      margin-right: 4px;
+    }
+
+    .all {
+      width: calc(100% - 4px);
+    }
+  }
+
+  .right-content {
+    float: left;
+    width: calc(100% - 290px);
+    height: 100%;
+    margin-top: 20px;
+    margin-left: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    .btnsBox{
+      background: #fff;
+      padding: 10px 5px;
+      border-radius: 4px;
+      margin-bottom: 10px;
+    }
+    .cntlsit{
+      overflow: hidden;
+      overflow-y: auto;
+      background: #fff;
+      padding: 4px;
+      box-sizing: border-box;
+      .cntItem{
+        width: 300px;
+        border: 1px solid #ccc;
+        color: #787878;
+        border-radius: 4px;
+        overflow: hidden;
+        .foot{
+          text-align: right;
+          margin-top: 4px;
+          border-top:1px solid #ccc;
+          padding: 4px;
+          box-sizing: border-box;
+        }
+      }
+      
+    }
+  }
+}
+</style>

src/views/backOfficeSystem/ResearchJudgment/IntelligenceManagement/qbypfx/hot_ry/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="ww100 hh100">
      <MyTable
         :tableData="pageData.tableData"
         :tableColumn="pageData.tableColumn"
@@ -16,8 +16,9 @@
 </template>
 
 <script setup>
+import { qcckGet } from "@/api/qcckApi.js";
 import MyTable from "@/components/aboutTable/MyTable.vue";
-import { reactive } from "vue";
+import { onMounted, reactive } from "vue";
 const pageData = reactive({
   tableData: [],
   keyCount: 0,
@@ -42,6 +43,16 @@ const pageData = reactive({
   ]
 });
 
+onMounted(()=>{
+  getDate()
+})
+
+function getDate (){
+  qcckGet({},' /mosty-gsxt/tbGsxtZdry/getRdRy').then(res=>{
+    console.log(res,'--------99');
+  })
+}
+
 </script>
 
 <style lang="scss" scoped>