fit:重点人员督察详情

src/api/mobileSupervision/supRiskPerson.ts

@@ -0,0 +1,11 @@
+import request from "@/api/request";
+
+/**
+ * 获取重点人员督察记录
+ * */
+export const  getTaskSuprt = (query)=>{
+    return request.get({
+        url:'/task/supRisk/recordPage',
+        query
+    })
+}

src/api/superviseReport/superviseReport.ts

@@ -38,9 +38,22 @@ export function removeByIdFun(id){
     })
 }
 
-
+/**
+ * 获取督察报告详情
+ * */
 export function  getReportDetailFun(id){
     return request.get({
         url:`/supervise/report/getReportDetail/${id}`
     })
 }
+
+/**
+ * 根据报告获取问题列表
+ * */
+export function  getNegativePageByQuery(query){
+    return request.get({
+        url:'/supervise/report/negativePage',
+        query
+    })
+}
+

src/views/books/Audit.vue

@@ -333,6 +333,10 @@ function handleExport() {
         `${BASE_PATH}/negative/books/export/audit?` +
             new URLSearchParams(query.value).toString()
     );
+   window.open(
+       `${BASE_PATH}/negative/books/export/auditFile?`+
+       new URLSearchParams(query.value).toString()
+   )
 }
 
 const show = ref(false);

src/views/datav/RightsComfort.vue

@@ -419,7 +419,6 @@ let globalTempMapVoList = ref([]);
 // 地图数据
 const getMapData = async (timeValue) => {
   const res = await getComfortMapIcon(timeValue);
-  console.log('res',res)
   const mappedData = res.comfortMapVoList?.map(item => {
     let name;
     switch (item.name) {
@@ -465,8 +464,10 @@ const getMapData = async (timeValue) => {
     };
   });
   globalTempMapVoList.value = mappedData
-  const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0);
+
+  const total = mappedData.reduce((sum, item) => sum + (Number(item.rightsNumber) || 0), 0);
   const avg = total / mappedData.length; // 计算平均值
+  console.log('mappedData',mappedData)
   const range30Percent = avg * 0.3   // 不用取整，小数也可以
   option.value.series[0].data = mappedData;
 
@@ -509,7 +510,6 @@ const option = ref({
   tooltip: {
     trigger: 'item',
     formatter: function (params) {
-      console.log('---------123e123------',params)
       const dataItem = globalTempMapVoList.value.find(item => item.name.includes(params.name.substring(0, 2)));
       if (dataItem) {
         return `

src/views/mobileSupervise/Inspection.vue

@@ -114,6 +114,10 @@
             >
               自查情况
             </el-button>
+            <el-button v-if="row.taskType === 'risk_personal'"
+                       type="primary" link @click="showSupervise(row)"
+            >督察情况
+            </el-button>
             <el-button
                 type="danger"
                 link
@@ -465,7 +469,8 @@
                   </template>
                 </el-upload>
               </div>
-              <div v-show="uploadShow" style="width: 100%;margin: 5px 0;display: flex;justify-content: space-between;background-color: #F8F9FE">
+              <div v-show="uploadShow"
+                   style="width: 100%;margin: 5px 0;display: flex;justify-content: space-between;background-color: #F8F9FE">
                 <div>
                   {{ fileData[fileData.length - 1]?.name }}
                 </div>
@@ -594,7 +599,7 @@
     </footer>
   </el-dialog>
   <!--任务发布详情-->
-  <el-dialog v-model="detailShow" title="发布任务详情" width="1076px"
+  <el-dialog v-model="detailShow" title="发布任务详情" width="1076px" v-loading="detailLoading"
              top="5vh"
              style="margin-bottom: 0">
     <el-scrollbar max-height="76vh">
@@ -647,9 +652,11 @@
                         message: '请选择',
                     }"
         >
-          <div style="width: 800px">
+          <div style="width: 800px" v-if="activeRow.times">
             {{ `${timeFormat(activeRow.times[0])} - ${timeFormat(activeRow.times[1])}` }}
           </div>
+          <div v-else>
+          </div>
         </el-form-item>
 
         <!--专项督察展示-->
@@ -1457,6 +1464,81 @@
     </div>
   </el-dialog>
 
+  <el-dialog title="重点人员督察情况" v-model="superviseRiskShow" width="80vw" style="height:80vh">
+    <div class="superviseRiskCards">
+      <div class="risk_left">
+        <div class="user_cards">
+          <div class="user_card"  v-for="(item,index) in riskDataCards" @click="handSupRiskCard(item,index)" :class="changeCardIndex == index?`user_card_change`:''">
+            <div class="user_card_img">
+              <el-avatar style="height: 100% " shape="square" :size="100" :fit="`fit`"
+                         :src="item.imgBase64"/>
+            </div>
+            <div class="user_card_info">
+              <div>
+                <el-row style="margin-bottom: 2px">
+                  <el-col :span="12">姓名：<span class="user_card_info_text">{{ item.name }}</span></el-col>
+                  <el-col :span="12">管控级别：<span class="user_card_info_text">{{ item.controlLevel }}</span></el-col>
+                </el-row>
+                <el-row style="margin-bottom: 2px">
+                  <el-col :span="12">人员类别：<span class="user_card_info_text">{{ item.personalType }}</span></el-col>
+                  <el-col :span="12">性别：<span class="user_card_info_text">{{ item.gender }}</span></el-col>
+                </el-row>
+                <el-row style="margin-bottom: 2px">
+                  身份证：<span class="user_card_info_text">{{ item.idCode }}</span>
+                </el-row>
+                <el-row style="margin-bottom: 2px">
+                  联系电话：<span class="user_card_info_text">{{ item.mobile }}</span>
+                </el-row>
+                <el-row style="margin-bottom: 2px">
+                  <el-col :span="12">责任单位：<span class="user_card_info_text">{{ item.responsibleDepartName }}</span>
+                  </el-col>
+                  <el-col :span="12">责任民警：<span class="user_card_info_text">{{ item.responsibleName }}</span>
+                  </el-col>
+                </el-row>
+                <el-row style="margin-bottom: 2px">
+                  <el-col :span="12">管控间隔：<span class="user_card_info_text">{{ item.controlTimeInterval }}</span>
+                  </el-col>
+                  <el-col :span="12">督察状态：<span class="user_card_info_text">{{ item.supStatus }}</span></el-col>
+                </el-row>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="risk_right">
+        <el-table ref="taskSupDataTable" :preserve-expanded-content="preserveExpanded" :data="taskSupData" v-loading="taskLoading">
+          <el-table-column type="expand">
+            <template #default="props">
+              <div >
+                <p >督察时间: {{ props.row.supTime }}</p>
+                <p>督察状态: {{ props.row.supStatus }}</p>
+                <p >督察方式: {{ props.row.supType }}</p>
+                <p>督察情况: {{props.row.supDesc}}</p>
+                <p>附件：</p>
+                <file-list v-model:files="props.row.fileVoList" :removeEnable="false" />
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="督察时间" prop="supTime"></el-table-column>
+          <el-table-column label="督察状态" prop="supStatus"></el-table-column>
+          <el-table-column label="督察方式" prop="supType"></el-table-column>
+          <el-table-column label="督察情况" prop="supDesc"></el-table-column>
+        </el-table>
+        <div class="flex end mt-8">
+          <el-pagination
+              @size-change="getTaskSupDataFun"
+              @current-change="getTaskSupDataFun"
+              :page-sizes="[10, 20, 50]"
+              v-model:page-size="taskSupQuery.size"
+              v-model:current-page="taskSupQuery.current"
+              layout="total, sizes, prev, pager, next"
+              :total="taskSupTotal"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
 
 </template>
 <script setup>
@@ -1472,6 +1554,7 @@ import {getDictLable, timeFormat} from "@/utils/util";
 import {getDepartProfile} from "@/api/sensitivePerception/profileDepart";
 import {ROOT_DEPART_ID} from '@/enums/appEnums';
 import {BASE_PATH} from "@/api/request";
+import {getTaskSuprt} from '@/api/mobileSupervision/supRiskPerson';
 import {
   addTaskManagement,
   getTaskManagementDetail,
@@ -1485,6 +1568,7 @@ import {listTestingAlcoholPeoples, TestingAlcoholDetail} from "@/api/mobileSuper
 import {getSelfexaminationProblem} from "@/api/mobileSupervision/selfexamination";
 import {getTaskProblem} from "@/api/mobileSupervision/taskProblem";
 import {getToken} from "@/utils/token";
+
 let cardContent = ref()
 const catchStore = useCatchStore();
 const dict = catchStore.getDicts(["supervisionType", "personnelTypeArray", "inspectorType", "personType", "controlLevel", "controlType"]);
@@ -1632,6 +1716,7 @@ function handleShowAdd() {
 }
 
 const detailShow = ref(false);
+const detailLoading = ref(false);
 const activeRow = ref({
   supRiskDtoList: []
 });
@@ -1639,8 +1724,11 @@ const activeRow = ref({
 /**
  * 显示督察任务详情
  * */
-function handleShowDetail(row) {
-  getTaskManagementDetail(row.id).then((res) => {
+async function handleShowDetail(row) {
+  detailShow.value = true;
+  detailLoading.value = true;
+  try {
+    const res = await getTaskManagementDetail(row.id);
     activeRow.value = res;
     if (res.samplingTarget == '自定义人员') {
       samplingQuery.value.ids = res.samplingIds;
@@ -1652,8 +1740,11 @@ function handleShowDetail(row) {
     } else {
       slofOrgList.value = []
     }
-    detailShow.value = true;
-  })
+    detailLoading.value = false;
+  } catch (e) {
+    detailLoading.value = false;
+  }
+
 }
 
 
@@ -1678,22 +1769,124 @@ async function showDeatil(row) {
   problemShow.value = true
   activeRowData.value = await getTaskProblem(row.id)
 }
+
+const preserveExpanded = ref(false)
+
 //重点督察人员导入
 const fileData = ref([])
 const fileDataLoading = ref(false)
 const showRiskDataTable = ref(false);
 
+/*
+*获取重点督察人员
+* **/
 async function SupRiskSuccess(val) {
   form.value.supRiskDtoList = val.data
   fileDataLoading.value = false;
   showRiskDataTable.value = true;
   showUploadFun();
 }
+
 const SupRiskProgress = () => {
   fileDataLoading.value = true;
 }
 
 
+const superviseRiskShow = ref(false);
+const taskSupQuery = ref({
+  current: 1,
+  size: 10,
+})
+const taskSupTotal = ref(0)
+const taskSupData = ref([])
+const taskLoading = ref(false)
+const riskDataCards = ref(null)
+const showSupervise = async (row) => {
+  const res = await getTaskManagementDetail(row.id);
+  //获取重点人员列表
+  const riskData = res.supRiskDtoList;
+  riskDataCards.value = riskData;
+  if (res.supRiskDtoList?.length > 0) {
+    taskSupQuery.value.idCode = riskData[0].idCode;
+    taskSupQuery.value.taskId = row.id;
+    //获取重点人员列表第一位的数据
+    changeCardIndex.value=0;
+    const taskSupert = await getTaskSuprt(taskSupQuery.value);
+    taskSupTotal.value = taskSupert.total;
+    taskSupData.value = taskSupert.records;
+    console.log('taskSupData',taskSupData.value)
+  }
+  superviseRiskShow.value = true;
+}
+
+/**
+ * 获取重点人员督察记录列表
+ * */
+const getTaskSupDataFun = async () => {
+  taskLoading.value = true;
+  try {
+    const taskSupert = await getTaskSuprt(taskSupQuery.value);
+    taskSupTotal.value = taskSupert.total;
+    taskSupData.value = taskSupert.records;
+    taskLoading.value = false;
+  } catch (e) {
+    taskLoading.value = false;
+  }
+}
+const changeCardIndex = ref(0)
+/**
+ * 点击重点人员
+ * */
+const handSupRiskCard = async (row,index)=>{
+  changeCardIndex.value=index
+  taskLoading.value = true;
+  try {
+    taskSupQuery.value.idCode = row.idCode;
+    const taskSupert = await getTaskSuprt(taskSupQuery.value);
+    taskSupTotal.value = taskSupert.total;
+    taskSupData.value = taskSupert.records;
+    taskLoading.value = false;
+  } catch (e) {
+    taskLoading.value = false;
+  }
+}
+
+
+
+/**
+ * 重点督察人员前端列表
+ * */
+const getRiskDataTableSubmit = () => {
+  filterDataTable.value = form.value.supRiskDtoList.length > 0 ? form.value.supRiskDtoList : activeRow.value.supRiskDtoList
+  //管控级别
+  if (riskDataQuery.value.controlLevel) {
+    filterDataTable.value = filterDataTable.value.filter(s => s.controlLevel.includes(riskDataQuery.value.controlLevel));
+    console.log('filterDataTable', filterDataTable.value)
+  }
+  if (riskDataQuery.value.keyword) {
+    filterDataTable.value = filterDataTable.value.filter(s => s.name.includes(riskDataQuery.value.keyword) || s.idCode.includes(riskDataQuery.value.keyword) || s.mobile.includes(riskDataQuery.value.keyword));
+  }
+  if (riskDataQuery.value.personalType) {
+    filterDataTable.value = filterDataTable.value.filter(s => s.personalType.includes(riskDataQuery.value.personalType));
+  }
+  if (riskDataQuery.value.responsibleName) {
+    filterDataTable.value = filterDataTable.value.filter(s => s.responsibleName.includes(riskDataQuery.value.responsibleName));
+  }
+  if (riskDataQuery.value.controlName) {
+    filterDataTable.value = filterDataTable.value.filter(s => s.controlName.includes(riskDataQuery.value.controlName));
+  }
+  riskDataTotal.value = filterDataTable.value.length;
+  riskDataTable.value = filterDataTable.value.slice(startValue.value, endValue.value);
+}
+/**
+ * 删除重点督察人员数据
+ * */
+const delriskData = (row) => {
+  nextTick(() => {
+    form.value.supRiskDtoList = form.value.supRiskDtoList.filter(s => s.idCode !== row.idCode);
+    console.log('form.value.supRiskDtoList', form.value.supRiskDtoList)
+  })
+}
 
 //检测情况（禁酒督察）---------
 const testingDetailShow = ref(false);
@@ -1730,6 +1923,7 @@ async function handleTestingDetailShow(row) {
   activeRow.value = await TestingAlcoholDetail(row.id)
   await getTestingAlcoholPeople()
 }
+
 // 获取酒精检测人员
 async function getTestingAlcoholPeople() {
   testingLoading.value = true;
@@ -1742,6 +1936,7 @@ async function getTestingAlcoholPeople() {
   }
   testingLoading.value = false;
 }
+
 // 重置酒精检测人员
 function peopleReset() {
   peopleQuery.value = {
@@ -1749,6 +1944,7 @@ function peopleReset() {
     current: 1,
   };
 }
+
 // 获取酒精检测人员详情
 function handleShowPeople(row) {
   activePeople.value = row;
@@ -1930,77 +2126,42 @@ const riskDataQuery=ref({})
 const riskDataTotal = ref(0);
 const filterDataTable = ref([])
 const uploadShow = ref(false)
-/**
- * 获取重点督察人员表单
- * */
-watch(()=>form.value.supRiskDtoList,(newVal)=>{
-  if(form.value.supRiskDtoList.length > 0){
-    getRiskDataTableSubmit();
-  }
-
-},{immediate:true,deep:true})
-
-/**
- * 获取重点督察人员表单
- * */
-watch(()=>activeRow.value.supRiskDtoList,(newVal)=>{
-  if(activeRow.value.supRiskDtoList && activeRow.value.supRiskDtoList.length > 0){
-    getRiskDataTableSubmit();
-  }
-
-},{immediate:true,deep:true})
 
 
 const showUploadFun = () => {
   uploadShow.value = !uploadShow.value
 }
 
+const startValue = ref(0);
+const endValue = ref(11);
 /**
  * 获取表单数据
  * */
 const getRiskDataTableList = (val) => {
-  let end =(10 * val) + 1;
-  let start =(10 * (val -1));
+  endValue.value = (10 * val) + 1;
+  startValue.value = (10 * (val - 1));
   if (riskDataTotal.value < (10 * val)) {
-    end=riskDataTotal.value;
+    endValue.value = riskDataTotal.value;
   }
-  riskDataTable.value = filterDataTable.value.slice(start,end);
+  riskDataTable.value = filterDataTable.value.slice(startValue.value, endValue.value);
 }
-
 /**
- * 删除数据
+ * 获取重点督察人员表单
  * */
-const delriskData =(row)=>{
-  form.value.supRiskDtoList = form.value.supRiskDtoList.filter(s=>s.idCode !== row.idCode);
+watch(() => form.value.supRiskDtoList, (newVal) => {
+  if (form.value.supRiskDtoList.length > 0) {
+    getRiskDataTableSubmit();
   }
+}, {immediate: true, deep: true})
 
-// controlLevel  管控级别
-// keyword 姓名或手机号或身份证
-// personalType 人员类别
-// responsibleName 责任民警
-// controlName 包保督察人员
-const getRiskDataTableSubmit =()=>{
-  filterDataTable.value = form.value.supRiskDtoList.length > 0?form.value.supRiskDtoList:activeRow.value.supRiskDtoList
-  //管控级别
-  if(riskDataQuery.value.controlLevel){
-    filterDataTable.value = filterDataTable.value.filter(s=>s.controlLevel.includes(riskDataQuery.value.controlLevel));
-    console.log('filterDataTable',filterDataTable.value)
-  }
-  if(riskDataQuery.value.keyword){
-    filterDataTable.value = filterDataTable.value.filter(s=>s.name.includes(riskDataQuery.value.keyword) || s.idCode.includes(riskDataQuery.value.keyword)||s.mobile.includes(riskDataQuery.value.keyword));
-  }
-  if(riskDataQuery.value.personalType){
-    filterDataTable.value = filterDataTable.value.filter(s=>s.personalType.includes(riskDataQuery.value.personalType));
-  }
-  if(riskDataQuery.value.responsibleName){
-    filterDataTable.value = filterDataTable.value.filter(s=>s.responsibleName.includes(riskDataQuery.value.responsibleName));
-  }
-  if(riskDataQuery.value.controlName){
-    filterDataTable.value = filterDataTable.value.filter(s=>s.controlName.includes(riskDataQuery.value.controlName));
-  }
-  riskDataTotal.value=filterDataTable.value.length;
-  riskDataTable.value=filterDataTable.value.slice(0,11);
+/**
+ * 获取重点督察人员表单
+ * */
+watch(() => activeRow.value.supRiskDtoList, (newVal) => {
+  if (activeRow.value.supRiskDtoList && activeRow.value.supRiskDtoList.length > 0) {
+    getRiskDataTableSubmit();
   }
+}, {immediate: true, deep: true})
 
 
 watch(departs, () => {
@@ -2030,7 +2191,6 @@ watch(() => form.value.supervisionType, (newVal) => {
 }, {immediate: true})
 
 
-
 </script>
 <style lang="scss" scoped>
 h5 {
@@ -2064,4 +2224,53 @@ h5 {
   margin-bottom: 10px
 }
 
+.superviseRiskCards {
+  width: 100%;
+  height: 70vh;
+  display: flex;
+  justify-content: space-around;
+}
+
+.risk_left {
+  width: 30%;
+  height: 70vh;
+  overflow-x: visible;
+  overflow-y: auto;
+  margin-right:10px;
+}
+
+.risk_right {
+  width: 70%;
+  height: 70vh;
+  overflow: auto;
+}
+
+.user_card {
+  width: 99%;
+  display: flex;
+  justify-content: space-around;
+  border: 1px solid #ECEEFB;
+  border-radius: 10px;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  overflow: hidden;
+
+}
+.user_card_change{
+  background-color: #eaeaf1;
+}
+
+.user_card_img {
+  width: 40%;
+
+}
+
+.user_card_info {
+  width: 60%;
+  color: #afaeae;
+  padding: 10px;
+  .user_card_info_text {
+    color: #0d0e1b;
+  }
+}
 </style>

src/views/superviseReport/superviseReport.vue

@@ -1,8 +1,19 @@
 <script setup>
-import {getListData,addOrUpDataFun,removeByIdFun} from "@/api/superviseReport/superviseReport";
-import {timeFormat} from "@/utils/util";
-
+import {getListData,addOrUpDataFun,removeByIdFun,getNegativePageByQuery} from "@/api/superviseReport/superviseReport";
+import {timeFormat,getDictLable,formatTimeText, getInvolveProblem ,getYearTime} from "@/utils/util";
+import { ProcessingStatus } from "@/enums/flowEnums";
+import useCatchStore from "@/stores/modules/catch";
 
+const catchStore = useCatchStore();
+const dict = catchStore.getDicts([
+  "businessType",
+  "inspectCase",
+  "isRectify",
+  "processingStatus",
+  "suspectProblem",
+  "policeType",
+  "specialSupervision"
+]);
 const tableRef = ref(null)
 const query = ref({
   current: 1,
@@ -75,7 +86,37 @@ const delReportData = async (row)=>{
   await getList();
 }
 
-//数据上传
+//督察问题
+const negativeShow = ref(false)
+const negativeTable = ref();
+const negativeQuery = ref({
+  current: 1,
+  size: 10,
+  departBranch:false
+})
+const negativeTotal = ref(0);
+const negativeLoging = ref(false);
+
+const handleNegativeTable =async (row)=>{
+  if(row.superviseNumber > 0){
+    try{
+      negativeLoging.value=true;
+      await getNegativePageFun(row);
+      negativeShow.value = true;
+    }catch (e){
+      console.log("督察问题获取失败")
+      negativeLoging.value=false;
+    }
+  }
+}
+
+const getNegativePageFun = async (row)=>{
+  negativeQuery.value.id =row.id;
+  const res = await getNegativePageByQuery(row);
+  negativeTable.value =res.records;
+  negativeTotal.value = res.total;
+  negativeLoging.value=false;
+}
 
 
 </script>
@@ -131,6 +172,11 @@ const delReportData = async (row)=>{
           <el-table-column prop="crtDepart" label="创建单位名称" ></el-table-column>
           <el-table-column prop="crtEmpNo" label="创建警号"></el-table-column>
           <el-table-column prop="crtUser" label="创建警员" ></el-table-column>
+          <el-table-column prop="superviseNumber" label="督察问题数">
+            <template #default="{row}">
+              <el-button type="primary" link @click="handleNegativeTable(row)">{{row.superviseNumber}}</el-button>
+            </template>
+          </el-table-column>
           <el-table-column label="操作" fixed="right">
             <template #default="{ row }">
               <div class="flex v-center">
@@ -185,7 +231,7 @@ const delReportData = async (row)=>{
         >
       </footer>
     </el-dialog>
-
+<!--督察报告详情-->
     <el-dialog :title="`督察报告详情`" v-model="detailShow">
       <el-row>
         <el-col >
@@ -216,6 +262,192 @@ const delReportData = async (row)=>{
         </el-form-item>
       </el-row>
     </el-dialog>
+<!--    督察报告关联问题-->
+    <el-dialog :title="`督察报告关联问题`" v-model="negativeShow" width="70vw" >
+      <el-table :data="negativeTable" v-loading="loading">
+        <el-table-column type="expand">
+          <template #default="{ row }">
+            <div class="row mt-10">
+              <div class="col col-6">
+                <label>样本源头编号</label>
+                <span>{{ row.originId }}</span>
+              </div>
+              <div class="col col-6">
+                <label>问题发现时间</label>
+                <span>{{ row.discoveryTime }}</span>
+              </div>
+              <div class="col col-6">
+                <label>问题发生时间</label>
+                <span>{{ row.happenTime || "/" }}</span>
+              </div>
+            </div>
+            <div class="row mt-10">
+              <div class="col col-6">
+                <label>问题来源</label>
+                <span>{{ row.problemSources }}</span>
+              </div>
+              <div class="col col-6">
+                <label>业务类别</label>
+                <span>{{ row.businessTypeName }}</span>
+              </div>
+              <div class="col col-12">
+                <label>涉嫌问题</label>
+                <span>{{
+                    getInvolveProblem(
+                        row.involveProblem,
+                        dict.suspectProblem
+                    ) || "/"
+                  }}</span>
+              </div>
+            </div>
+            <div class="row mt-10">
+              <div class="col col-6" v-if="row.responderName">
+                <label>投诉反映人</label>
+                <span>{{ row.responderName }}</span>
+              </div>
+              <div class="col col-6" v-if="row.contactPhone">
+                <label>联系电话</label>
+                <span>{{ row.contactPhone }}</span>
+              </div>
+            </div>
+
+            <div class="row mt-10">
+              <div class="col col-6">
+                <label>涉及警种</label>
+                <span>{{ row.policeTypeName }}</span>
+              </div>
+              <div class="col col-6">
+                <label>涉及单位</label>
+                <span>{{
+                    row.involveDepartName || "/"
+                  }}</span>
+              </div>
+            </div>
+            <div class="row mt-10">
+              <div class="col col-24">
+                <label>事情简要描述</label>
+                <span>{{ row.thingDesc }}</span>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="问题录入时间"
+            prop="crtTime"
+            width="150"
+            sortable="custom"
+        />
+        <el-table-column
+            label="问题发现时间"
+            prop="discoveryTime"
+            width="150"
+            sortable="custom"
+        />
+        <el-table-column
+            label="问题来源"
+            prop="problemSources"
+            width="110"
+            show-overflow-tooltip
+        />
+        <el-table-column
+            label="业务类别"
+            prop="businessTypeName"
+            width="110"
+        />
+        <el-table-column
+            label="问题内容"
+            prop="thingDesc"
+            show-overflow-tooltip
+        />
+        <el-table-column label="办理单位" show-overflow-tooltip>
+          <template #default="{ row }">
+                            <span
+                            >{{ row.handleSecondDepartName
+                              }}{{ row.handleThreeDepartName }}</span
+                            >
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="是否属实"
+            prop="checkStatusName"
+            width="100"
+            align="center"
+        />
+        <el-table-column
+            label="流程限时"
+            width="150"
+            align="center"
+            v-if="remainingTimeFlag"
+        >
+          <template #default="{ row }">
+            <countdown
+                :time="row.remainingDuration"
+                v-if="
+                                    row.remainingDuration &&
+                                    row.processingStatus !==
+                                        ProcessingStatus.COMPLETED
+                                "
+            />
+            <el-tag
+                v-else-if="row.handleTimeout"
+                type="danger"
+                effect="dark"
+            >办结超时
+              {{ formatTimeText(row.handleTimeout) }}</el-tag
+            >
+          </template>
+        </el-table-column>
+        <el-table-column label="办理状态" width="110">
+          <template #default="{ row }">
+            <el-tag
+                :type="
+                                    row.processingStatus ===
+                                    ProcessingStatus.COMPLETED
+                                        ? 'success'
+                                        : 'primary'
+                                "
+                v-if="row.processingStatus"
+            >{{
+                getDictLable(
+                    dict.processingStatus,
+                    row.processingStatus
+                )
+              }}</el-tag
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="当前处理对象"
+            prop="currentProcessingObject"
+            show-overflow-tooltip
+        >
+          <template #default="{ row }">
+                            <span
+                                v-if="
+                                    row.processingStatus ===
+                                    ProcessingStatus.COMPLETED
+                                "
+                            >无</span
+                            >
+            <span v-else>{{
+                row.currentProcessingObject
+              }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="flex end mt-8">
+        <el-pagination
+            @size-change="getNegativePageFun"
+            @current-change="getNegativePageFun"
+            :page-sizes="[10, 20, 50, 100]"
+            v-model:page-size="negativeQuery.size"
+            v-model:current-page="negativeQuery.current"
+            layout="total, sizes, prev, pager, next"
+            :total="negativeTotal"
+        >
+        </el-pagination>
+      </div>
+    </el-dialog>
   </div>
 </template>
 

src/views/work/Query.vue

@@ -356,7 +356,6 @@
                         prop="thingDesc"
                         show-overflow-tooltip
                     />
-
                     <el-table-column label="办理单位" show-overflow-tooltip>
                         <template #default="{ row }">
                             <span