更新

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

@@ -80,14 +80,17 @@
                 :tableConfiger="pageData.tableConfiger"
                 :controlsWidth="pageData.controlsWidth"
               >
+              <template #jqlbdm="{ row }">
+                <DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
+              </template>
                 <!-- 操作 -->
                 <template #controls="{ row }">
                   <el-link type="primary" size="small" @click="handleHs(row)">网上会商</el-link>
                 </template>
               </MyTable>
               <Pages
-                @changeNo="changeNo"
-                @changeSize="changeSize"
+                @changeNo="changeNo($event,it.title)"
+                @changeSize="changeSize($event,it.title)"
                 :tableHeight="pageData.tableHeight"
                 :pageConfiger="{ ...it.pageConfiger }"
               ></Pages>
@@ -103,6 +106,7 @@
 </template>
 
 <script setup>
+import { lzJcjPjdbSelectPage } from '@/api/semanticAnalysis.js'
 import { ElMessage } from "element-plus";
 import DetailDialog from './components/detailDialog.vue'
 import YpModel from '@/components/ypModel/index.vue'
@@ -115,7 +119,7 @@ import { useRoute, useRouter } from 'vue-router';
 const router = useRouter();
 import { nextTick, onMounted, reactive,getCurrentInstance ,ref, watch } from 'vue';
 const { proxy } = getCurrentInstance();
-// const { D_GS_XS_LY} = proxy.$dict("D_GS_XS_LY"); //获取字典数据
+const { JQLB} = proxy.$dict("JQLB"); //获取字典数据
 const readonly_lx = ref(false)
 const readonly_ry = ref(false)
 const readonly_dd = ref(false)
@@ -156,7 +160,7 @@ let cascaderList = ref([
   { value: '04', label: '风险隐患',leaf: true },
 ])
 // 每个列表对应的值
-const list = ref([
+const list = reactive([
   {
     title:'网络舆情', //标题
     tableList:[], 
@@ -187,7 +191,7 @@ const list = ref([
       { label: "报警电话", prop: "bjdh",showOverflowTooltip: true},
       { label: "报警时间", prop: "bjsj",showOverflowTooltip: true},
       { label: "报警内容", prop: "bjnr",showOverflowTooltip: true},
-      { label: "警情类型", prop: "jqlx",showOverflowTooltip: true},
+      { label: "警情类型", prop: "jqlbdm",showSolt:true,showOverflowTooltip: true},
     ],
   },
   {
@@ -240,6 +244,7 @@ const pageData = reactive({
 
 onMounted(() => {
   // getCount(); //获取统计数据
+  getJqList() //警情列表
 });
 
 const getCount = () => {
@@ -257,6 +262,55 @@ const getCount = () => {
   });
 };
 
+// 分页
+const changeNo = (e,type) =>{
+  switch(type){
+    case '网络舆情':
+      list[0].pageConfiger.page = e;
+      break;
+    case '警情':
+      list[1].pageConfiger.page = e;
+      getJqList()
+      break;
+    case '案件':
+      list[2].pageConfiger.page = e;
+      break;
+    case '风险隐患':
+      list[3].pageConfiger.page = e;
+      break;
+  }
+  getJqList()
+}
+const changeSize = (e,type) =>{
+  switch(type){
+    case '网络舆情':
+      list[0].pageConfiger.pageSize = e;
+      break;
+    case '警情':
+      list[1].pageConfiger.pageSize = e;
+      getJqList()
+      break;
+    case '案件':
+      list[2].pageConfiger.pageSize = e;
+      break;
+    case '风险隐患':
+      list[3].pageConfiger.pageSize = e;
+      break;
+  }
+
+}
+
+const getJqList = () =>{
+  let params = {
+    pageCurrent: list[1].pageConfiger.page,
+    pageSize: list[1].pageConfiger.pageSize,
+  }
+  lzJcjPjdbSelectPage(params).then(res=>{
+    list[1].tableList = res.records || [];
+    list[1].pageConfiger.total = res.total;
+  })
+}
+