更新数据

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

@@ -28,7 +28,7 @@
         <span v-for="idx in 3" :key="idx" :class="'sircleL'+idx" class="sircle mr5"></span>
         <span class="ml10 mr10">专题研判</span>
         <span v-for="idx in 3" :key="idx" :class="'sircleR'+idx" class="sircle ml5"></span>
-         <el-button class="btn" type="primary">研判报告</el-button>
+        <el-button class="btn" type="primary" @click="handleYP">研判报告</el-button>
       </div>
       <div class="commCnt">
         <div ref="searchBox">
@@ -62,23 +62,24 @@
       </div>
     </div>
   </div>
-  <!-- 详情 -->
-  <Detail></Detail>
+  
+  <YpModel v-model="showModel" :textContent="textContent" ></YpModel>
 </template>
 
 <script setup>
-import Detail from './components/detail.vue'
+import YpModel from '@/components/ypModel/index.vue'
 import { qcckPost, qcckGet } from "@/api/qcckApi.js";
 import MoreBarEcharts from "@/views/home/echarts/moreBarEcharts.vue";
 import LineEcharts from "@/views/home/echarts/moreLineEcharts.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import MyTable from "@/components/aboutTable/DarkTable.vue";
 import { nextTick, onMounted, reactive,getCurrentInstance ,ref, watch } from 'vue';
-import { set } from "lodash";
 const { proxy } = getCurrentInstance();
 const {D_BZ_SSZT,D_GS_XS_LY} = proxy.$dict("D_BZ_SSZT","D_GS_XS_LY"); //获取字典数据
 const searchBox = ref();
 const listBoxRef = ref();
+const showModel = ref(false);
+const textContent = ref('');
 // 图数据
 const obj = reactive({
    data_lxtj:{
@@ -106,9 +107,9 @@ const searchConfiger = ref([
   { label: "结束时间", prop: 'jssj', placeholder: "请选择结束时间", showType: "datetime" },
 ])
 // 每个列表对应的值
-const list = ref([
-  // { title:'诈骗', tableList:[]},
-])
+const list = ref([])
+const searchForm = ref({}) //赛选
+
 // 列表公用
 const pageData = reactive({
  tableColumn:[
@@ -178,7 +179,7 @@ const tabHeightFn = () => {
 
 const handleGetList = () => {
   list.value.forEach((item, index) => {
-    let params = { sszt: item.dm, pageNum: 1, pageSize: 20 };
+    let params = { sszt: item.dm, pageNum: 1, pageSize: 20,...searchForm.value };
     qcckGet(params, '/mosty-gsxt/qbcj/selectPage').then(res => {
       list.value[index].tableList = res.records || [];
       list.value[index].total = res.total;
@@ -187,6 +188,30 @@ const handleGetList = () => {
   });
 };
 
+// 搜索
+const onSearch = (val) =>{
+  searchForm.value = val;
+  handleGetList()
+}
+
+const handleYP = () =>{
+  let params = {
+    hskssj:searchForm.value.kssj,
+    hsjssj:searchForm.value.jssj,
+  }
+  qcckPost(params,'/mosty-gsxt/wshs/getDcypbg').then(res=>{
+    let data = res || {};
+    let html = `<p class="html_bt">${data.bt}</p>`
+    html+=`<div> <span>${data.zz}</span> <span>${data.bh}</span> <span>${data.sj}</span> </div>`
+    html+=`<p>${data.nr}</p>`
+    html+=`<p>${data.bc}</p>`
+    html+=`<div><span>${data.cbr}</span> <span>${data.hgr}</span> <span>${data.qfr}</span> </div>`
+    textContent.value = html;
+    showModel.value = true;
+  })
+}
+
+
 watch(()=>D_BZ_SSZT.value, (val) => {
   let zdlist = val || [];
   list.value = zdlist.map(v => ({ title: v.zdmc,dm:v.dm,keyCount:0, tableList: [],page:1,total:0 }));
@@ -351,5 +376,8 @@ watch(()=>D_BZ_SSZT.value, (val) => {
 ::v-deep .el-link {
   margin: 3px;
 }
+.html_bt >>>p{
+  color: red;
+}
 
 </style>