更新数据

2025-07-22 17:20:57 +08:00
parent 36d23fcbdb
commit 7d809e52d2
8 changed files with 327 additions and 194 deletions
--- a/src/views/backOfficeSystem/JudgmentHome/ResearchHome/components/detail.vue
+++ b/src/views/backOfficeSystem/JudgmentHome/ResearchHome/components/detail.vue
@ -1,19 +0,0 @@
-<template>
-  <el-dialog v-model="modelValue" :destroy-on-close="true" title="报告模板+'人员'" @close="close" :close-on-click-modal="false">
-    <div>4444</div>
-  </el-dialog>
-</template>
-
-<script setup>
-import { reactive, ref } from 'vue';
-const props = defineProps({
-    modelValue:{
-        type:Boolean,
-        default:true
-    }
-})
-</script>
-
-<style lang="scss" scoped>
-
-</style>
--- a/src/views/backOfficeSystem/JudgmentHome/ResearchHome/index.vue
+++ b/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>
--- a/src/views/backOfficeSystem/JudgmentHome/tsypHome/components/detail.vue
+++ b/src/views/backOfficeSystem/JudgmentHome/tsypHome/components/detail.vue
@ -1,150 +0,0 @@
-<template>
-  <div class="dialog" v-if="showDialog">
-    <div class="head_box">
-      <span class="title">查看详情 </span>
-      <div>
-        <el-button size="small" @click="close">关闭</el-button>
-      </div>
-    </div>
-    <div class="listBox">
-        <div ref="searchBox">
-            <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
-        </div>
-        <!-- 表格 -->
-    <div class="tabBox">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth"
-      >
-        <template #zdrRyjb="{ row }">
-          <DictTag :value="row.zdrRyjb" :tag="false" :options="D_GS_ZDR_RYJB" />
-        </template>
-        <template #zdrYjdj="{ row }">
-          <DictTag :value="row.zdrYjdj" :tag="false" :options="D_GS_ZDR_YJDJ" />
-        </template>
-      </MyTable>
-      <Pages
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
-          ...pageData.pageConfiger,
-          total: pageData.total
-        }"
-      ></Pages>
-    </div>
-
-    </div>
-  </div>
-</template>
-
-<script setup>
-import MyTable from "@/components/aboutTable/MyTable.vue";
-import Pages from "@/components/aboutTable/Pages.vue";
-import Search from "@/components/aboutTable/Search.vue";
-import { qcckPost } from "@/api/qcckApi.js";
-import {ref,reactive, nextTick,getCurrentInstance} from 'vue';
-const { proxy } = getCurrentInstance();
-const {  D_GS_ZDR_RYJB,D_GS_ZDR_YJDJ} = proxy.$dict("D_GS_ZDR_RYJB","D_GS_ZDR_YJDJ"); //获取字典数据
-const showDialog = ref(false)
-const searchBox = ref(); //搜索框
-const searchConfiger = ref(
-  [
-  { label: "姓名", prop: 'ryXm', placeholder: "请输入姓名", showType: "input"},
-  { label: "身份证号", prop: 'rySfzh', placeholder: "请输入身份证号", showType: "input"},
-]);
-const pageData = reactive({
-  tableData: [], //表格数据
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "null",
-    loading: false,
-    haveControls: false
-  },
-  total: 0,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  }, //分页
-  controlsWidth: 160, //操作栏宽度
-  tableColumn: [
-    { label: "姓名", prop: "ryXm" },
-    { label: "身份证号", prop: "rySfzh" },
-    { label: "联系电话", prop: "ryLxdh" },
-    { label: "重点人员级别", prop: "zdrRyjb",showSolt:true },
-    { label: "预警等级", prop: "zdrYjdj",showSolt:true },
-    { label: "关联民警", prop: "gkMjXm" },
-    { label: "民警警号", prop: "gkMjJh" },
-  ]
-});
-const item = ref({})
-const sjlx = ref([])
-
-// 表格高度计算
-const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
-  window.onresize = function () {
-    tabHeightFn();
-  };
-};
-
-const changeNo = (val) => {
-  pageData.pageConfiger.pageCurrent = val;
-  getList();
-};
-const changeSize = (val) => {
-  pageData.pageConfiger.pageSize = val;
-  getList();
-};
-
-const getList = () =>{
-    let params = {
-        id:item.value.id,
-        sjLx:sjlx.value,
-        pageCurrent:pageData.pageConfiger.pageCurrent,
-        pageSize:pageData.pageConfiger.pageSize,
-    }
-    pageData.tableConfiger.loading = true;
-    qcckPost(params,'/mosty-gsxt/tsyp/getRyPage').then(res=>{
-        pageData.tableConfiger.loading = false;
-        console.log(res,'===');
-        pageData.tableData = res.records || []
-        pageData.total = res.total;
-    }).catch(()=>{
-        pageData.tableConfiger.loading = false;
-    })
-}
-
-const close = () =>{
-    pageData.tableData = [];
-    showDialog.value = false;
-}
-
-const init = (val,lxs) =>{
-    showDialog.value = true;
-    item.value = val;
-    sjlx.value = lxs;
-    getList()
-    nextTick(()=>{
-      tabHeightFn()
-    })
-}
-
-
-defineExpose({init})
-</script>
-
-<style lang="scss" scoped>
-.listBox{
-    height: calc(100% - 50px);
-    ::v-deep .searchBox{
-        margin-bottom: 0 !important;
-    }
-}
-
-</style>
--- a/src/views/backOfficeSystem/JudgmentHome/tsypHome/index.vue
+++ b/src/views/backOfficeSystem/JudgmentHome/tsypHome/index.vue
@ -15,13 +15,13 @@
        <Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
      </div>
      <ul class="cntlsit mb10" v-if="show" v-infinite-scroll="load" :style="{height:listHeight+'px'}" v-loading="loading">
-        <li class="cntItem" @click="lookDeatl(it)" v-for="(it,idx) in list" :key="idx">
+        <li class="cntItem" @click.stop="lookDeatl(it)" v-for="(it,idx) in list" :key="idx">
          <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">名称：{{ it.ypMc }}</div>
          <div class="flex ww100 f14 lh24 pl4 pr4 one_text_detail">类型：<DictTag :value="it.ypLx" :tag="false" :options="D_SG_TSYPGZ" /></div>
          <div class="f14 lh24 pl4 pr4 one_text_detail">数量：{{ it.num }}</div>
          <div class="foot">
-            <span class="ml10 pointer" style="color:#027ff0 ;"><el-icon style="top: 2px;"><Document /></el-icon>报告</span>
+            <span class="ml10 pointer" @click.stop="handleYp(it)" 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>
@ -31,13 +31,12 @@
        <div class="tc ww100 mb4" style="color: #a29f9f;" v-if="total == list.length && total>0">暂时没有数据了！</div>
      </ul>
    </div>
+    <YpModel v-model="showModel" :textContent="textContent" ></YpModel>
  </div>
-  <!-- 详情 -->
-  <Detail ref="detailForm"></Detail>
 </template>

 <script setup>
-import Detail from './components/detail.vue'
+import YpModel from '@/components/ypModel/index.vue'
 import * as MOSTY from "@/components/MyComponents/index";
 import CheckBox from "@/components/checkBox/index.vue";
 import Search from "@/components/aboutTable/Search.vue";
@ -46,9 +45,10 @@ import { reactive, ref, onMounted, getCurrentInstance,watch, nextTick } from "vu
 const { proxy } = getCurrentInstance();
 const {  D_SG_SJLY,D_SG_TSYPGZ} = proxy.$dict("D_SG_SJLY","D_SG_TSYPGZ"); //获取字典数据
 const searchBox = ref(); //搜索框
+const showModel = ref(false);
+const textContent = ref('');
 const refBtn = ref(); 
 const show = ref(false)
-const detailForm = ref()
 const listHeight = ref()
 const searchConfiger = ref([
  { label: "研判名称", prop: "ypMc", placeholder: "请输入研判名称", showType: "input" },
@ -134,10 +134,23 @@ const getLits = () =>{
  })
 }

+const handleYp = (val) =>{
+  console.log(val,'=====');
+  
+}
+
 // 查看详情
 const lookDeatl = (val) =>{
-  nextTick(()=>{
-    detailForm.value.init(val,formData.value.sjLx)
+  let params = { tsypid:val.id, }
+  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;
  })
 }