更新

src/views/backOfficeSystem/fourColorManage/YjData/index.vue

@@ -29,7 +29,7 @@ import ControlWarning from "@/views/backOfficeSystem/fourColorManage/warningCont
 import RegionalControl from "@/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue"
 import { ref } from "vue";
 const butList=ref(["预警整合","七类重点","身份预警","行为预警","组合预警","人像预警","车辆预警","布控预警","区域预警"])
-const qh = ref('预警整合')
+const qh = ref('人像预警')
 const add = (flag) => {
   qh.value = flag
 }

src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue

@@ -15,6 +15,7 @@
        <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
           <template #left>
             <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+            <el-button type="primary" size="small" @click="handleQs">签收</el-button>
           </template>
       </PageTitle>
     <!-- 表格 -->
@@ -64,7 +65,11 @@
   <HolographicArchive v-model="assessShow" :dataList="dataList" />
   <FkDialog @change="getList" lx="02" />
   <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
-    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
+    <SemdFqzl 
+      ref="semdFqzlRef" 
+      :itemData="itemData" 
+      @handleClose="handleClose" 
+      identification="yj"
       :tacitly="tacitly" />
   </Information>
   <!-- 详情 -->
@@ -369,6 +374,23 @@ const exportExl = () => {
 
 }
 
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/yjzxXwyj/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
 </script>
 
 <style lang="scss">

src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index.vue

@@ -16,6 +16,7 @@
     <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
         <el-button type="primary" @click="exportExl" size="small">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
       </template>
     </PageTitle>
     <!-- 表格 -->
@@ -352,7 +353,23 @@ const exportExl = () => {
     }
   })
   exportExlByObj(titleObj, data, '组合预警')
+}
 
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/yjzxZhyj/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
 }
 
 </script>

src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/index.vue

@@ -15,6 +15,7 @@
     <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
         <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
       </template>
     </PageTitle>
     <!-- 表格 -->
@@ -366,7 +367,23 @@ const exportExl = () => {
     }
   })
   exportExlByObj(titleObj, data, '身份预警')
+}
 
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/yjzxSfyj/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
 }
 
 </script>

src/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue

@@ -12,10 +12,23 @@
         </template>
       </Search>
     </div>
+    <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs">签收</el-button>
+      </template>
+    </PageTitle>
     <!-- 表格 -->
     <div class="tabBox heightBox">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      <MyTable expand 
-        expand :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        :tableData="pageData.tableData" 
+        :tableColumn="pageData.tableColumn" 
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" 
+        :tableConfiger="pageData.tableConfiger" 
+        :controlsWidth="pageData.controlsWidth"
+        @chooseData="handleChooseData"
+      >
         <template #expand="{ props }">
           <div style="max-width: 100%">
             <Items :row="props || {}" />
@@ -57,10 +70,13 @@
 </template>
 
 <script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
 import Items from '@/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/item/items.vue'
 import ZpForm from "./zpForm.vue";
 import { IdCard } from '@/utils/validate.js'
 import Search from "@/components/aboutTable/Search.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
@@ -90,7 +106,7 @@ const pageData = reactive({
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "null",
+    showSelectType: "checkBox",
     loading: false,
     haveControls: true
   },
@@ -160,6 +176,8 @@ const pushWarning = (val) => {
   dataList.value = val;
 }
 
+
+
 const failWarning = (val) => {
     let ids = [val.id]
     qcckPost({ids}, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
@@ -170,9 +188,59 @@ const failWarning = (val) => {
     });
 }
 
+
+
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    czzt_name: "状态",
+    yjSj: "预警时间",
+    yjRyxm: "人员姓名",
+    yjRysfzh: "身份证号",
+    yjJb_name: "预警级别",
+    bqdl_name: "人员类别",
+    yjbqmc: "细类",
+    yjDz: "活动发生地",
+    ssbm: "接收单位",
+    yjCs: "预警次数",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_name: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+      bqdl_name: getMultiDictVal(item.bqdl, D_GS_QLZDRLX),
+    }
+  })
+  exportExlByObj(titleObj, data, '七类重点')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 240;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
   window.onresize = function () { tabHeightFn(); };
 };
 </script>

src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/components/editAddForm.vue

@@ -1,324 +0,0 @@
-<template>
-  <div class="dialog" v-if="dialogForm">
-    <div class="head_box">
-      <span class="title">组合标签管理{{ title }} </span>
-      <div>
-        <el-button
-          type="primary"
-          size="small"
-          :loading="loading"
-          @click="submit"
-          >保存</el-button
-        >
-        <el-button size="small" @click="close">关闭</el-button>
-      </div>
-    </div>
-    <div class="form_cnt">
-      <FormMessage
-        v-model="listQuery"
-        :formList="formData"
-        ref="elform"
-        :rules="rules"
-      >
-        <!-- 身份标签细类 -->
-        <template #sfbqIdList>
-          <el-button @click="openDialog('01')">选择</el-button>
-          <div class="boxlist">
-            <MyTable
-              :tableData="tableDate.sfbqIdList"
-              :tableColumn="tableDate.tableColumn"
-              :tableHeight="tableDate.tableHeight"
-              :key="tableDate.keyCount"
-              :tableConfiger="tableDate.tableConfiger"
-              :controlsWidth="tableDate.controlsWidth"
-            >
-              <template #bqLx="{ row }">
-                <DictTag
-                  :value="row.bqLx"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LX"
-                />
-              </template>
-              <template #bqLb="{ row }">
-                <DictTag
-                  :value="row.bqLb"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LB"
-                />
-              </template>
-              <template #bqYs="{ row }">
-                <DictTag
-                  :value="row.bqYs"
-                  :tag="false"
-                  :options="props.dic.D_GS_SSYJ"
-                />
-              </template>
-              <template #bqDj="{ row }">
-                <DictTag
-                  :tag="false"
-                  :value="row.bqDj"
-                  :options="props.dic.D_GS_BQ_DJ"
-                />
-              </template>
-              <!-- 操作 -->
-              <template #controls="{ row }">
-                <el-link
-                  type="danger"
-                  @click="delDictItem(row.id, '身份标签细类')"
-                  >删除</el-link
-                >
-              </template>
-            </MyTable>
-          </div>
-        </template>
-        <!-- 行为标签细类 -->
-        <template #xwbqIdList>
-          <el-button @click="openDialog('02')">选择</el-button>
-          <div class="boxlist">
-            <MyTable
-              :tableData="tableDate.xwbqIdList"
-              :tableColumn="tableDate.tableColumn"
-              :tableHeight="tableDate.tableHeight"
-              :key="tableDate.keyCount"
-              :tableConfiger="tableDate.tableConfiger"
-              :controlsWidth="tableDate.controlsWidth"
-            >
-              <template #bqLx="{ row }">
-                <DictTag
-                  :value="row.bqLx"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LX"
-                />
-              </template>
-              <template #bqLb="{ row }">
-                <DictTag
-                  :value="row.bqLb"
-                  :tag="false"
-                  :options="props.dic.D_GS_BQ_LB"
-                />
-              </template>
-              <template #bqYs="{ row }">
-                <DictTag
-                  :value="row.bqYs"
-                  :tag="false"
-                  :options="props.dic.D_GS_SSYJ"
-                />
-              </template>
-              <template #bqDj="{ row }">
-                <DictTag
-                  :tag="false"
-                  :value="row.bqDj"
-                  :options="props.dic.D_GS_BQ_DJ"
-                />
-              </template>
-              <!-- 操作 -->
-              <template #controls="{ row }">
-                <el-link
-                  type="danger"
-                  @click="delDictItem(row.id, '行为标签细类')"
-                  >删除</el-link
-                >
-              </template>
-            </MyTable>
-          </div>
-        </template>
-      </FormMessage>
-    </div>
-    <!-- 列表弹窗 -->
-    <DialogList
-      :Single="false"
-      :roleIds="roleIds"
-      v-if="chooseShow"
-      :dic="props.dic"
-      @chooseDate="chooseDate"
-      :titleValue="chooseTitle"
-      v-model="chooseShow"
-      :bqLx="chooseType"
-      bqDl="02"
-    ></DialogList>
-  </div>
-</template>
-
-<script setup>
-import MyTable from "@/components/aboutTable/MyTable.vue";
-import DialogList from "@/views/backOfficeSystem/fourColorManage/components/dialogList.vue";
-import FormMessage from "@/components/aboutTable/FormMessage.vue";
-import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
-import {
-  ref,
-  defineExpose,
-  defineProps,
-  reactive,
-  defineEmits,
-  getCurrentInstance
-} from "vue";
-const emit = defineEmits(["updateDate"]);
-const { proxy } = getCurrentInstance();
-const props = defineProps({
-  dic: Object
-});
-const roleIds = ref([]); //角色id
-const chooseType = ref("01"); //选择弹窗类型
-const chooseShow = ref(false); //选择弹窗
-const chooseTitle = ref(""); //选择弹窗
-const dialogForm = ref(false); //弹窗
-const formData = reactive([
-  { label: "组合标签名称", prop: "bqMc", type: "input" },
-  { label: "组合标签代码", prop: "bqDm", type: "input" },
-  {
-    label: "标签等级",
-    prop: "bqDj",
-    type: "select",
-    options: props.dic.D_GS_BQ_DJ
-  },
-  {
-    label: "标签颜色",
-    prop: "bqYs",
-    type: "select",
-    options: props.dic.D_GS_SSYJ
-  },
-  { label: "组合标签分值", prop: "bqFz", type: "input" },
-  { label: "组合标签说明", prop: "bqSm", type: "input" },
-  { label: "身份标签细类", prop: "sfbqIdList", type: "slot", width: "100%" },
-  { label: "行为标签细类", prop: "xwbqIdList", type: "slot", width: "100%" }
-]);
-const rules = reactive({
-  bqMc: [{ required: true, message: "请输入组合标签名称", trigger: "blur" }],
-  bqDm: [{ required: true, message: "请输入组合标签代码", trigger: "blur" }],
-  zhbqjf: [{ required: true, message: "请输入组合标签积分", trigger: "blur" }],
-  sfbqIdList: [
-    { required: true, message: "请选择身份标签细类", trigger: "change" }
-  ],
-  xwbqIdList: [
-    { required: true, message: "请选择行为标签细类", trigger: "change" }
-  ]
-});
-
-const tableDate = reactive({
-  sfbqIdList: [], //表格数据
-  xwbqIdList: [], //表格数据
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "null",
-    loading: false
-  },
-  total: 0,
-  tableHeight: 225,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  }, //分页
-  controlsWidth: 90, //操作栏宽度
-  tableColumn: [
-    { label: "标签名称", prop: "bqMc", showOverflowTooltip: true },
-    { label: "标签代码", prop: "bqDm" },
-    { label: "标签大类名称", prop: "bqDlMc" },
-    { label: "标签类型", prop: "bqLx", showSolt: true },
-    { label: "标签类别", prop: "bqLb", showSolt: true },
-    { label: "标签颜色", prop: "bqYs", showSolt: true },
-    { label: "标签等级", prop: "bqDj", showSolt: true }
-  ]
-});
-const listQuery = ref({}); //表单
-const loading = ref(false);
-const elform = ref();
-const title = ref("");
-// 初始化数据
-const init = (type, row) => {
-  dialogForm.value = true;
-  title.value = type == "add" ? "新增" : "编辑";
-  if (row) getDataById(row.id);
-};
-// 根据id查询详情
-const getDataById = (id) => {
-  qcckGet({}, "/mosty-gsxt/tbGsxtBqzh/selectVoById/" + id).then((res) => {
-    listQuery.value = res;
-    tableDate.sfbqIdList = res.sfbqList;
-    listQuery.value.sfbqIdList = res.sfbqList.map((item) => item.id);
-    tableDate.xwbqIdList = res.xwbqList;
-    listQuery.value.xwbqIdList = res.xwbqList.map((item) => item.id);
-    tableDate.keyCount++;
-  });
-};
-
-// 提交
-const submit = () => {
-  elform.value.submit((data) => {
-    let url =
-      title.value == "新增"
-        ? "/mosty-gsxt/tbGsxtBqzh/save"
-        : "/mosty-gsxt/tbGsxtBqzh/update";
-    let params = { ...data };
-    loading.value = true;
-    qcckPost(params, url)
-      .then((res) => {
-        proxy.$message({ type: "success", message: title.value + "成功" });
-        emit("updateDate");
-        loading.value = false;
-        close();
-      })
-      .catch(() => {
-        loading.value = false;
-      });
-  });
-};
-// 打开弹窗
-const openDialog = (type) => {
-  chooseShow.value = true;
-  chooseType.value = type;
-  chooseTitle.value = type == "01" ? "选择身份标签细类" : "选择行为标签细类";
-  roleIds.value =
-    type == "01"
-      ? tableDate.sfbqIdList.map((item) => item.id)
-      : tableDate.xwbqIdList.map((item) => item.id);
-};
-// 选择数据
-const chooseDate = (data) => {
-  if (chooseType.value == "01") {
-    tableDate.sfbqIdList = data;
-    listQuery.value.sfbqIdList = tableDate.sfbqIdList.map((item) => item.id);
-  } else {
-    tableDate.xwbqIdList = data;
-    listQuery.value.xwbqIdList = tableDate.xwbqIdList.map((item) => item.id);
-  }
-};
-
-// 删除
-const delDictItem = (id, type) => {
-  switch (type) {
-    case "身份标签细类":
-      tableDate.sfbqIdList = tableDate.sfbqIdList.filter(
-        (item) => item.id !== id
-      );
-      listQuery.value.sfbqIdList = tableDate.sfbqIdList.map((item) => item.id);
-      break;
-    case "行为标签细类":
-      tableDate.xwbqIdList = tableDate.xwbqIdList.filter(
-        (item) => item.id !== id
-      );
-      listQuery.value.xwbqIdList = tableDate.xwbqIdList.map((item) => item.id);
-      break;
-  }
-};
-// 关闭
-const close = () => {
-  listQuery.value = {};
-  tableDate.sfbqIdList = [];
-  tableDate.xwbqIdList = [];
-  dialogForm.value = false;
-  loading.value = false;
-};
-defineExpose({ init });
-</script>
-
-<style lang="scss" scoped>
-@import "~@/assets/css/layout.scss";
-@import "~@/assets/css/element-plus.scss";
-.boxlist {
-  width: 99%;
-  height: 225px;
-  margin-top: 10px;
-  overflow: hidden;
-}
-</style>

src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/components/localWarning.vue

@@ -1,384 +0,0 @@
-<template>
-  <div>
-    <!-- 表格 -->
-    <div class="tabBox tabBox_zdy" :style="{ height: maxHeight + 130 + 'px' }">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="maxHeight + 'px'"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-        :expand="true" @chooseData="handleChooseData" :rowClassName="getRowClassName">
-        <template #expand="{ props }">
-          <div>
-            <Items :row="props" :dict="dict" />
-          </div>
-        </template>
-        <template #yjTp="{ row }">
-          <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
-            <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
-            <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
-          </template>
-          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
-            show-progress>
-            <template #error>
-              <div class="image-slot error">
-                <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
-                <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
-              </div>
-            </template>
-          </el-image>
-        </template>
-        <template #nl="{ row }">
-          {{ IdCard(row.yjRysfzh, 3) }}
-        </template>
-        <template #xb="{ row }">
-          {{ IdCard(row.yjRysfzh, 2) }}
-        </template>
-        <template #xsd="{ row }">
-          {{ row.xsd }}%
-        </template>
-              <template #yjLylx="{ row }">
-          <DictTag v-model:value="row.yjLylx" :options="props.dict.D_BZ_YJLY" />
-      </template>
-        <template #czzt="{ row }">
-          <DictTag v-model:value="row.czzt" :options="props.dict.D_GSXT_YJXX_CZZT" />
-        </template>
-        <template #yjJb="{ row }">
-          <DictTag v-model:value="row.yjJb" :options="props.dict.D_BZ_YJJB" />
-        </template>
-        <!-- 操作 -->
-        <template #controls="{ row }">
-          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
-          <!-- <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
-          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
-        </template>
-        <!-- <el-button type="success" @click="showFeedback(item, '签收')" v-if="item.czzt == '01'">签收</el-button>
-      <el-button type="success" @click="showFeedback(item, '反馈')" v-if="item.czzt == '02'">反馈</el-button>
-      <el-button type="success" @click="showFeedback(item, '查看反馈')" v-if="item.czzt == '03'">查看反馈</el-button> -->
-      </MyTable>
-      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="maxHeight + 100" :pageConfiger="{
-        ...pageData.pageConfiger,
-        total: pageData.total
-      }"></Pages>
-    </div>
-
-  </div>
-  <HolographicArchive v-model="assessShow" :dataList="dataList" />
-  <FkDialog @change="getList" />
-  <Information v-model="showDialog" title="发送指令" @submit='submit' @close='closeFszl'>
-    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
-      :tacitly="tacitly" />
-  </Information>
-  <!-- <AddFrom ref="addFrom" /> -->
-   <!-- 处置建议 -->
-  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
-    <ZpForm v-model="warningShow" :dataList="dataList"/>
-</template>
-
-<script setup>
-import Czjy from './czjy.vue'
-import { getItem, setItem } from '@/utils/storage'
-import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
-import Items from '../item/items.vue'
-import MyTable from "@/components/aboutTable/MyTable.vue";
-import Pages from "@/components/aboutTable/Pages.vue";
-import { IdCard } from '@/utils/validate.js'
-import { tbYjxxGetPageList } from '@/api/yj.js'
-import HolographicArchive from '@/views/home/components/holographicArchive.vue'
-import Information from "@/views/home/model/information.vue";
-import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
-import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
-import emitter from "@/utils/eventBus.js";
-import { holographicProfileJump } from "@/utils/tools.js"
-
-import { qcckGet, qcckPost } from "@/api/qcckApi.js";
-import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-import { exportExlByObj } from "@/utils/exportExcel.js"
-import { getMultiDictVal } from "@/utils/dict.js"
-
-
-const { proxy } = getCurrentInstance();
-const props = defineProps({
-  dict: {
-    type: Object,
-    default: {}
-  },
-  maxHeight: {
-    type: [Number, String],
-    default: 666
-  },
-
-  excelTitle: {
-    type: String,
-    default: '预警信息'
-  }
-});
-
-const permission_sfqs = ref(false)
-const roleCode = ref(false)
-const czjyRef = ref()
-
-const pageData = reactive({
-  tableData: [], //表格数据
-  keyCount: 0,
-  tableConfiger: {
-    rowHieght: 61,
-    showSelectType: "checkBox",
-    loading: false,
-    haveControls: true
-  },
-
-  total: 0,
-  pageConfiger: {
-    pageSize: 20,
-    pageCurrent: 1
-  }, //分页
-  controlsWidth: 250, //操作栏宽度
-  tableColumn: [
-    { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
-    { label: "处置状态", prop: "czzt", showSolt: true },
-    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true, width: 200 },
-    { label: "姓名", prop: "yjRyxm" },
-    { label: "性别", prop: "xb", showSolt: true, width: 80 },
-    { label: "年龄", prop: "nl", showSolt: true, width: 80 },
-    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
-    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true, width: 200 },
-    { label: "预警级别", prop: "yjJb", showSolt: true },
-    { label: "相似度", prop: "xsd", showSolt: true },
-    // { label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
-  { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
-  ]
-});
-
-
-/** 选中项 */
-const selectRows = ref([])
-
-onMounted(() => {
-  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
-  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
-
-  let rols = getItem('roleList') ? getItem('roleList'):[]
-  let obj = rols.find(item => {
-    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
-  })
-  roleCode.value = obj ? true : false;
-  // tabHeightFn();
-  getList()
-});
-
-const changeNo = (val) => {
-  pageData.pageConfiger.pageCurrent = val;
-  getList()
-}
-const changeSize = (val) => {
-  pageData.pageConfiger.pageSize = val;
-  getList()
-}
-const ORDIMG = 'https://89.40.7.122:38496/image'
-const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
-const getList = (val) => {
-  pageData.tableConfiger.loading = true;
-  const promes = {
-    ...val,
-    yjLx: '1', // 人员预警
-    pageCurrent: pageData.pageConfiger.pageCurrent,
-    pageSize: pageData.pageConfiger.pageSize
-  }
-  delete promes.times;
-  tbYjxxGetPageList(promes).then((res) => {
-    pageData.tableData = res.records.map(item => {
-      return {
-        ...item,
-        yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
-      }
-    }) || [];
-    pageData.total = res.total;
-    pageData.tableConfiger.loading = false;
-  }).catch(() => {
-    pageData.tableConfiger.loading = false;
-  })
-}
-// 全息档案
-const assessShow = ref(false)
-const dataList = ref()
-const pushAssess = (val) => {
-  return holographicProfileJump(val.yjLx,val) // 全息档案跳转
-  // assessShow.value = true;
-  // dataList.value = val;
-}
-// 处理签收
-const handleQsFk = (val, type) => {
-  switch (type) {
-    case '签收':
-      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
-        qcckPost({ id: val.id }, "/mosty-gsxt/tbYjxx/yjqs").then(() => {
-          val.czzt = '02'
-          getList()
-          proxy.$message({ type: "success", message: "签收成功" });
-        });
-      })
-      break;
-    case '反馈':
-    case '查看反馈':
-      emitter.emit("openFkDialog", { id: val.id, type });
-      break;
-  }
-
-}
-
-const handleCzjy = (row) => {
-  czjyRef.value.init(row)
-}
-
-// 发送指令
-const showDialog = ref(false)
-const itemData = ref()
-const showDetail = (item) => {
-  showDialog.value = true;
-  itemData.value = item
-}
-const handleClose = () => {
-  showDialog.value = false;
-}
-const semdFqzlRef = ref()
-const tacitly = {
-  title: 'yjbt',
-  instructionContent: 'yjnr'
-}
-const submit = () => {
-  semdFqzlRef.value.getsendFqzl()
-}
-const closeFszl = () => {
-  semdFqzlRef.value.close()
-}
-const addFrom = ref()
-const openAddFrom = (row) => {
-  emitter.emit('openAddFrom', row)
-}
-// 根据预警级别设置行样式
-const getRowClassName = (row) => {
-  if (!row.row.yjJb) return '';
-  const level = String(row.row.yjJb);
-  if (level === '01' || level.includes('红') || level.includes('高')) return 'warning-level-01';
-  if (level === '02' || level.includes('橙') || level.includes('中')) return 'warning-level-02';
-  if (level === '03' || level.includes('黄') || level.includes('低')) return 'warning-level-03';
-  if (level === '04' || level.includes('蓝')) return 'warning-level-04';
-  return '';
-};
-//
-
-const warningShow = ref(false)
-const pushWarning = (val) => {
-  warningShow.value = true
-    dataList.value = val;
-}
-// // 表格高度计算
-// const tabHeightFn = () => {
-//   pageData.tableHeight = window.innerHeight - 430;
-//   window.onresize = function () {
-//     tabHeightFn();
-//   };
-// };
-
-
-const handleChooseData = (val) => {
-  selectRows.value = val
-}
-const exportExl = () => {
-
-  const titleObj = {
-    czzt_cname: "处置状态",
-    yjSj: "预警时间",
-    yjRyxm: "姓名",
-    nl_cname: "年龄", // IdCard(row.yjRysfzh, 3)
-    yjLylx: "数据来源",
-    xb_cname: "性别",
-    yjJb_cname: "预警级别",
-    xsd_cname: "相似度",
-    yjDz: "预警地点",
-    yjCs: "预警次数",
-    yjRysjh: "布控手机号",
-    yjClcph: "布控车牌号",
-    yjRysfzh: "身份证",
-
-  }
-  /** 导出【选中】的数据 （没有就全部）*/
-  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
-  const data = needArr.map(item => {
-    return {
-      ...item,
-      nl_cname: IdCard(item.yjRysfzh, 3),
-      xb_cname: IdCard(item.yjRysfzh, 2),
-      xsd_cname: (item.xsd > 0 ? item.xsd : 0) + '%',
-      czzt_cname: getMultiDictVal(item.czzt, props.dict.D_GSXT_YJXX_CZZT),
-      yjJb_cname: getMultiDictVal(item.yjJb, props.dict.D_BZ_YJJB),
-
-    }
-  })
-  exportExlByObj(titleObj, data, props.excelTitle || '人像预警.xlsx')
-
-}
-
-
-defineExpose({
-  exportExl,
-  getList
-})
-</script>
-
-<style lang="scss">
-.el-loading-mask {
-  background: rgba(0, 0, 0, 0.5) !important;
-}
-
-/* 预警级别行样式 */
-.warning-level-01 {
-  background-color: rgba(255, 2, 2, 0.1) !important;
-}
-
-.warning-level-01:hover {
-  background-color: rgba(255, 2, 2, 0.15) !important;
-}
-
-.warning-level-02 {
-  background-color: rgba(255, 140, 0, 0.1) !important;
-}
-
-.warning-level-02:hover {
-  background-color: rgba(255, 140, 0, 0.15) !important;
-}
-
-.warning-level-03 {
-  background-color: rgba(255, 210, 8, 0.1) !important;
-}
-
-.warning-level-03:hover {
-  background-color: rgba(255, 210, 8, 0.15) !important;
-}
-
-.warning-level-04 {
-  background-color: rgba(0, 0, 255, 0.1) !important;
-}
-
-.warning-level-04:hover {
-  background-color: rgba(0, 0, 255, 0.15) !important;
-}
-
-/* 确保行样式应用到所有单元格 */
-.warning-level-01 td,
-.warning-level-02 td,
-.warning-level-03 td,
-.warning-level-04 td {
-  background-color: transparent !important;
-}
-
-.tabBox_zdy{
-  .el-table--fit {
-    overflow: unset !important;
-  }
-}
-</style>

src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    
     <!-- 搜索 -->
+     <div ref="searchBox">
        <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
           <template #yjRyxms>
             <el-select clearable v-model="listQuery.yjRyxm" filterable remote allow-create default-first-optionreserve-keyword placeholder="请输入布控人员" :remote-method="remoteMethod" :loading="loading" style="width: 240px">
@@ -9,26 +9,37 @@
             </el-select>
           </template>
         </Search>
+     </div>
     <PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
       <template #left>
         <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+        <el-button type="primary" size="small" @click="handleQs" v-if="permission_sfqs">签收</el-button>
       </template>
     </PageTitle>
+
     <!-- 表格 -->
-    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px', paddingTop: '10px' }">
+   <div class="tabBox tabBox_zdy">
-      <LocalWarning :maxHeight="pageData.tableHeight - 160" ref="localWarningRef"
+      <MyTable 
-        :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY }" excelTitle="人像预警" />
+        :tableData="pageData.tableData" 
-    </div>
+        :tableColumn="pageData.tableColumn" 
-  </div>
+        :tableHeight="pageData.tableHeight"
-  <el-dialog v-model="showDc" title="导出预警" width="80%">
+        :key="pageData.keyCount" 
-    <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="500"
+        :tableConfiger="pageData.tableConfiger" 
-      :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        :controlsWidth="pageData.controlsWidth"
+        expand
+        @chooseData="handleChooseData" 
+        :rowClassName="getRowClassName"
+      >
+        <template #expand="{ props }">
+          <Items :row="props"/>
+        </template>
         <template #yjTp="{ row }">
           <template v-if="!row.yjTp || row.yjTp.includes('baidu')">
             <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
             <img src="@/assets/images/default_male.png" width="30" height="30" v-else />
           </template>
-        <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]" show-progress>
+          <el-image v-else style="width: 30px; height:30px" :src="row.yjTp" :preview-src-list="[row.yjTp]"
+            show-progress>
             <template #error>
               <div class="image-slot error">
                 <img src="@/assets/images/car.png" width="30" height="30" v-if="row.yjLx == 2" />
@@ -40,13 +51,15 @@
         <template #nl="{ row }">
           {{ IdCard(row.yjRysfzh, 3) }}
         </template>
-      <template #sxd="{ row }"> {{ row.sxd }}% </template>
-      <template #yjLylx="{ row }">
-        <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
-      </template>
         <template #xb="{ row }">
           {{ IdCard(row.yjRysfzh, 2) }}
         </template>
+        <template #xsd="{ row }">
+          {{ row.xsd }}%
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag v-model:value="row.yjLylx" :options="D_BZ_YJLY" />
+        </template>
         <template #czzt="{ row }">
           <DictTag v-model:value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
         </template>
@@ -54,36 +67,78 @@
           <DictTag v-model:value="row.yjJb" :options="D_BZ_YJJB" />
         </template>
         <!-- 操作 -->
-    </MyTable>
+        <template #controls="{ row }">
-    <template #footer>
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-      <div class="dialog-footer">
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-        <el-button @click="showDc = false">关闭</el-button>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
-        <el-button type="primary" @click="handleExport">
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
-          导出
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
-        </el-button>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
-      </div>
+          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
+          <el-link type="primary" @click="pushWarning(row)">指派</el-link>
         </template>
-  </el-dialog>
+      </MyTable>
+      <Pages 
+        @changeNo="changeNo" 
+        @changeSize="changeSize" 
+        :tableHeight="pageData.tableHeight" 
+        :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }">
+      </Pages>
+    </div>
+
+  </div>
+
+  <HolographicArchive v-model="assessShow" :dataList="dataList" />
+
+  <Information v-model="showDialog" title="发送指令" @submit='submitSendZl' @close='closeFszl'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj" :tacitly="tacitly" />
+  </Information>
+
+  <!-- 详情 -->
   <AddFromz ref="addFromRefs" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+  <!-- 指派 -->
+  <ZpForm v-model="warningShow" :dataList="dataList"/>
+  <!-- 反馈 -->
+  <FkDialog @change="getList" />
 </template>
 
 <script setup>
-import * as MOSTY from "@/components/MyComponents/index";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
-import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import emitter from "@/utils/eventBus.js";
-import Search from "@/components/aboutTable/Search.vue";
+import { getItem, setItem } from '@/utils/storage'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+import { tbYjxxGetPageList } from '@/api/yj.js'
 import { IdCard } from '@/utils/validate.js'
 import { tbGsxtZdrySelectList } from "@/api/zdr.js"
-import { tbYjxxQueryYjxx } from "@/api/yj.js";
+import { holographicProfileJump } from "@/utils/tools.js"
-import LocalWarning from "./components/localWarning.vue";
+import Items from './item/items.vue'
-import MyTable from "@/components/aboutTable/MyTable.vue";
+import HolographicArchive from '@/views/home/components/holographicArchive.vue'
-import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import Information from "@/views/home/model/information.vue";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import ZpForm from "@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/zpForm.vue";
+import Czjy from './components/czjy.vue';
 import AddFromz from './components/addFrom.vue';
-import FileSaver from "file-saver";
+import MyTable from "@/components/aboutTable/MyTable.vue";
-import emitter from "@/utils/eventBus.js";
+import Pages from "@/components/aboutTable/Pages.vue";
-import * as XLSX from "xlsx";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+const ORDIMG = 'https://89.40.7.122:38496/image'
+const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
 const { proxy } = getCurrentInstance();
 const { D_GSXT_YJXX_CZZT,D_GS_QLZDRLX, D_BZ_YJJB, D_BZ_YJLYXT, D_BZ_YJLY, D_BZ_XB } = proxy.$dict("D_GSXT_YJXX_CZZT",'D_GS_QLZDRLX ', "D_BZ_YJJB", "D_BZ_YJLYXT", "D_BZ_YJLY", "D_BZ_XB")
 const searchBox = ref(); //搜索框
+const roleCode = ref(false)
+const czjyRef = ref()
+const itemData = ref()
+const semdFqzlRef = ref()
+const warningShow = ref(false)
+const dataList = ref([])
+const showDialog = ref(false)// 发送指令
+const assessShow = ref(false)// 全息档案
 const searchConfiger = ref(
 [
   { label: "布控人员", prop: 'yjRyxms', showType: "Slot" },
@@ -96,17 +151,14 @@ const searchConfiger = ref(
   { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
   { label: "接收单位", prop: 'ssbmdm',showType: "department" },
 ]);
-
 const pageData = reactive({
-  /** 表格高度 */
-  tableHeight: 600,
   tableData: [], //表格数据
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "null",
+    showSelectType: "checkBox",
     loading: false,
-    haveControls: false
+    haveControls: true
   },
 
   total: 0,
@@ -114,40 +166,41 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   }, //分页
-  controlsWidth: 160, //操作栏宽度
+  controlsWidth: 250, //操作栏宽度
   tableColumn: [
-    { label: "相似度", prop: "sxd", showSolt: true },
+    { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
-    { label: "预警图片", prop: "yjTp", showSolt: true },
     { label: "处置状态", prop: "czzt", showSolt: true },
-    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
+    { label: "预警时间", prop: "yjSj", showOverflowTooltip: true, width: 200 },
     { label: "姓名", prop: "yjRyxm" },
-    { label: "年龄", prop: "nl", showSolt: true ,width: 60},
+    { label: "性别", prop: "xb", showSolt: true, width: 80 },
-    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: D_BZ_YJLY },
+    { label: "年龄", prop: "nl", showSolt: true, width: 80 },
-    { label: "性别", prop: "xb", showSolt: true,width: 60 },
+    { label: "数据来源", prop: "yjLylx", showOverflowTooltip: true, showSolt: true },
-    { label: "预警级别", prop: "yjJb", showSolt: true,width: 84  },
+    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true, width: 200 },
-    { label: "预警地点", prop: "yjDz", showOverflowTooltip: true },
+    { label: "预警级别", prop: "yjJb", showSolt: true },
-    { label: "预警次数", prop: "yjCs", showOverflowTooltip: true,width: 84 },
+    { label: "相似度", prop: "xsd", showSolt: true },
-    { label: "布控手机号", prop: "yjRysjh", showOverflowTooltip: true },
+    { label: "所属部门", prop: "ssbm", showOverflowTooltip: true },
-    // { label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
-    { label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
   ]
 });
-const showDc = ref(false)
+const addFromRefs = ref()
-const activeName = ref('local')
-const addFromRefs = ref(null)
-onMounted(() => {
-  tabHeightFn();
-  emitter.on('openAddFrom', (val) => {
-    console.log(addFromRefs.value);
-    if (addFromRefs.value) {
-      addFromRefs.value.init('add', val)
-    }
-    // addFromRefs.value.init('add', val)
-  })
-});
 const listQuery = ref({})
 const opentions = ref([])
-const localWarningRef = ref(null);
+const loading = ref(false)
+const selectRows = ref([])
+const permission_sfqs = ref(false)
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let obj = rols.find(item => {
+    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList()
+});
 // 搜索
 const onReset = () => {
   listQuery.value.yjRyxm = ''
@@ -156,11 +209,43 @@ const onSearch = (val) => {
   listQuery.value = { ...listQuery.value,...val };
   listQuery.value.startTime = val.times ? val.times[0] : ''
   listQuery.value.endTime = val.times ? val.times[1] : ''
-  localWarningRef.value.getList(listQuery.value)
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const promes = {
+    ...listQuery.value,
+    yjLx: '1', // 人员预警
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+  delete promes.times;
+  tbYjxxGetPageList(promes).then((res) => {
+    pageData.tableData = res.records.map(item => {
+      return {
+        ...item,
+        yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
+      }
+    }) || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
 }
 
 
-const loading = ref(false)
+
 const remoteMethod = (query) => {
   if (!query) return opentions.value = [];
     loading.value = true
@@ -171,168 +256,183 @@ const remoteMethod = (query) => {
       loading.value = false
     })
 }
-// // 表格高度计算
-// const tabHeightFn = () => {
-//   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
-//   window.onresize = function () {
-//     tabHeightFn();
-//   };
-// };
-// 搜索栏
 
+const getRowClassName = (row) => {
+  if (!row.row.yjJb) return '';
+  const level = String(row.row.yjJb);
+  if (level === '01' || level.includes('红') || level.includes('高')) return 'warning-level-01';
+  if (level === '02' || level.includes('橙') || level.includes('中')) return 'warning-level-02';
+  if (level === '03' || level.includes('黄') || level.includes('低')) return 'warning-level-03';
+  if (level === '04' || level.includes('蓝')) return 'warning-level-04';
+  return '';
+};
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/tbYjxx/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+}
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+
+// 导出
+const exportExl = () => {
+  const titleObj = {
+    czzt_cname: "处置状态",
+    yjSj: "预警时间",
+    yjRyxm: "姓名",
+    nl_cname: "年龄", // IdCard(row.yjRysfzh, 3)
+    yjLylx: "数据来源",
+    xb_cname: "性别",
+    yjJb_cname: "预警级别",
+    xsd_cname: "相似度",
+    yjDz: "预警地点",
+    yjCs: "预警次数",
+    yjRysjh: "布控手机号",
+    yjClcph: "布控车牌号",
+    yjRysfzh: "身份证",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      nl_cname: IdCard(item.yjRysfzh, 3),
+      xb_cname: IdCard(item.yjRysfzh, 2),
+      xsd_cname: (item.xsd > 0 ? item.xsd : 0) + '%',
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+      yjJb_cname: getMultiDictVal(item.yjJb, D_BZ_YJJB),
+    }
+  })
+  exportExlByObj(titleObj, data, '人像预警.xlsx')
+}
+
+const handleQs = () => {
+  if (selectRows.value?.length === 0)  return proxy.$message({ type: "warning", message: "请选择要签收的预警" });
+  let wqs = selectRows.value.filter(item => item.czzt == '01');
+  if (wqs.length == 0) return proxy.$message({ type: "warning", message: "数据都已签收，请选择未签收的数据" });
+  let yqs = selectRows.value.filter(item => item.czzt == '02');
+  let texy = yqs.length > 0 ? `${yqs.length}条已签收预警数据，确认要签收${wqs.length}条未签收预警数据吗？` : '确认要签收所有预警数据吗？'
+  proxy.$confirm(texy, "警告", { type: "warning" }).then(() => {
+    let ids = wqs.map(item => item.id)
+    qcckPost({ids}, '/mosty-gsxt/tbYjxx/batchQs').then(() => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+  }).catch(() => { });
+}
+
+// 全息档案跳转
+const pushAssess = (val) => {
+  return holographicProfileJump(val.yjLx,val) 
+}
+
+const showDetail = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+}
+const handleClose = () => {
+  showDialog.value = false;
+}
+
+const submitSendZl = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+const closeFszl = () => {
+  semdFqzlRef.value.close()
+}
+
+// 处置建议
+const handleCzjy = (row) => {
+  czjyRef.value.init(row)
+}
+
+// 详情
+const openAddFrom = (val) => {
+  addFromRefs.value.init('add', val)
+}
+
+
+// 指派
+const pushWarning = (val) => {
+  warningShow.value = true
+  dataList.value = val;
+}
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - (searchBox.value?.offsetHeight || 0) - 220;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 290;
   window.onresize = function () {
     tabHeightFn();
   };
 };
-// 导出
-
-const exportExcel = () => {
-  const promes = {
-    yjRyxm: listQuery.value.yjRyxm,
-    yjlx: listQuery.value.yjlx,
-    startTime: listQuery.value.time ? listQuery.value.time[0] : '',
-    endTime: listQuery.value.time ? listQuery.value.time[1] : '',
-  }
-  tbYjxxQueryYjxx(promes).then(res => {
-    pageData.tableData = res
-    showDc.value = true
-  })
-
-}
-
-// 处理Excel导出
-const handleExport = () => {
-  // 创建一个临时表格用于导出
-  const tempTable = document.createElement('table');
-
-  // 创建表头
-  const thead = document.createElement('thead');
-  const headerRow = document.createElement('tr');
-
-  // 添加序号列
-  const indexTh = document.createElement('th');
-  indexTh.textContent = '序号';
-  headerRow.appendChild(indexTh);
-
-  // 添加其他列头
-  pageData.tableColumn.forEach(column => {
-    const th = document.createElement('th');
-    th.textContent = column.label;
-    headerRow.appendChild(th);
-  });
-
-  thead.appendChild(headerRow);
-  tempTable.appendChild(thead);
-
-  // 创建表体
-  const tbody = document.createElement('tbody');
-
-  // 处理表格数据
-  pageData.tableData.forEach((row, index) => {
-    const tr = document.createElement('tr');
-    // 添加序号
-    const indexTd = document.createElement('td');
-    indexTd.textContent = index + 1;
-    tr.appendChild(indexTd);
-    // 添加其他单元格数据
-    pageData.tableColumn.forEach(column => {
-      const td = document.createElement('td');
-      // 处理自定义插槽的情况
-      if (column.showSolt) {
-        if (column.prop === 'yjTp') {
-          // 照片字段只显示文字描述
-          td.textContent = '有照片';
-        } else if (column.prop === 'nl') {
-          // 年龄字段
-          td.textContent = IdCard(row.yjRysfzh, 3);
-        } else if (column.prop === 'xb') {
-          // 性别字段
-          td.textContent = IdCard(row.yjRysfzh, 2);
-        } else if (column.prop === 'xsd') {
-          // 相似度字段
-          td.textContent = '90%';
-        } else {
-          // 其他字段
-          td.textContent = row[column.prop] || '';
-        }
-      } else {
-        // 普通字段
-        td.textContent = row[column.prop] || '';
-      }
-
-      tr.appendChild(td);
-    });
-
-    tbody.appendChild(tr);
-  });
-
-  tempTable.appendChild(tbody);
-
-  // 执行Excel导出
-  let xlsxParam = { raw: true };
-  let wb = XLSX.utils.table_to_book(tempTable, xlsxParam);
-  let wbout = XLSX.write(wb, {
-    bookType: "xlsx",
-    bookSST: true,
-    type: "array"
-  });
-
-  // 保存文件
-  try {
-    const exportTime = new Date().toLocaleString('zh-CN').replace(/\//g, '-').replace(/:/g, '-');
-    FileSaver.saveAs(
-      new Blob([wbout], { type: "application/octet-stream" }),
-      `预警数据导出_${exportTime}.xlsx`
-    );
-    showDc.value = false;
-  } catch (e) {
-    console.error('导出Excel失败:', e);
-  }
-}
-
-const exportExl = () => {
-  localWarningRef.value && localWarningRef.value.exportExl()
-};
 </script>
-<style lang="scss" scoped>
-.filter-title {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  width: 100%;
-  background: linear-gradient(to right, #9ed7ff, #e6f0f8);
-  padding: 5px 15px;
 
-  .filter-label {
+<style lang="scss">
-    display: flex;
-    align-items: center;
-    font-weight: bold;
-    color: #000;
-    margin-right: 10px;
-    white-space: nowrap;
-  }
-
-  .filter-line {
-    flex: 1;
-    height: 1px;
-    background-color: #ccc;
-  }
-}
-
-::v-deep .el-table--fit {
-  height: calc(100% - 50px) !important;
-}
-</style>
-<style>
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 
-.searchBox {
+/* 预警级别行样式 */
-  background-color: #fff;
+.warning-level-01 {
-  margin-bottom: 10px;
+  background-color: rgba(255, 2, 2, 0.1) !important;
+}
+
+.warning-level-01:hover {
+  background-color: rgba(255, 2, 2, 0.15) !important;
+}
+
+.warning-level-02 {
+  background-color: rgba(255, 140, 0, 0.1) !important;
+}
+
+.warning-level-02:hover {
+  background-color: rgba(255, 140, 0, 0.15) !important;
+}
+
+.warning-level-03 {
+  background-color: rgba(255, 210, 8, 0.1) !important;
+}
+
+.warning-level-03:hover {
+  background-color: rgba(255, 210, 8, 0.15) !important;
+}
+
+.warning-level-04 {
+  background-color: rgba(0, 0, 255, 0.1) !important;
+}
+
+.warning-level-04:hover {
+  background-color: rgba(0, 0, 255, 0.15) !important;
+}
+
+/* 确保行样式应用到所有单元格 */
+.warning-level-01 td,
+.warning-level-02 td,
+.warning-level-03 td,
+.warning-level-04 td {
+  background-color: transparent !important;
+}
+
+.tabBox_zdy{
+  .el-table--fit {
+    overflow: unset !important;
+  }
 }
 </style>

src/views/backOfficeSystem/policeReport/index.vue

@@ -1,21 +1,27 @@
 <template>
   <div>
-    <!-- <div class="titleBox">
-      <PageTitle title="警情管理">
-        <el-button type="primary" @click="addEdit('add', '')">
-          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
-          <span style="vertical-align: middle">新增</span>
-        </el-button>
-      </PageTitle>
-    </div> -->
     <!-- 搜索 -->
     <div ref="searchBox" class="mt10 mb10">
       <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
     </div>
+
+    <PageTitle  :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
+      <template #left>
+        <el-button type="primary" size="small" @click="exportExl">导出</el-button>
+      </template>
+    </PageTitle>
+
     <!-- 表格 -->
     <div class="tabBox heightBox">
-      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+      <MyTable 
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        :tableData="pageData.tableData" 
+        :tableColumn="pageData.tableColumn" 
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" 
+        :tableConfiger="pageData.tableConfiger" 
+        :controlsWidth="pageData.controlsWidth"
+        @chooseData="handleChooseData"
+      >
         <!-- <template #jjlx="{ row }">
           <DictTag :tag="false" :value="row.jjlx" :options="D_BZ_JQBQ" />
         </template> -->
@@ -28,9 +34,6 @@
         <template #ypzt="{ row }">
             {{ row.ypzt === '01' ? '已研判' : '未研判' }}
         </template>
-        <!-- <template #jqdjdm="{ row }">
-          <DictTag :tag="false" :value="row.jqdjdm" :options="D_BZ_JQDJ" />
-        </template> -->
         <!-- 操作 -->
         <template #controls="{ row }">
           <el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
@@ -38,15 +41,21 @@
           <el-link type="danger" @click="handleYP('深度研判', row)">深度研判</el-link>
         </template>
       </MyTable>
-      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+      <Pages 
-        ...pageData.pageConfiger,
+        @changeNo="changeNo" 
-        total: pageData.total
+        @changeSize="changeSize" 
-      }"></Pages>
+        :tableHeight="pageData.tableHeight" 
+        :pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }"
+      >
+      </Pages>
     </div>
     <!-- 编辑详情 -->
-    <EditAddForm  v-if="show" ref="detailDiloag" :dic="{ JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ }"
+    <EditAddForm  
-      @updateDate="getList" />
+      v-if="show" 
-
+      ref="detailDiloag" 
+      :dic="{ JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ }"
+      @updateDate="getList" 
+    />
     <!-- 研判弹窗 -->
     <YpDialog ref="ypDialog" @change="getList" />
     <DeepYpDialog ref="deepYpDialog" @change="getList" />
@@ -54,6 +63,8 @@
 </template>
 
 <script setup>
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
 import YpDialog from "./components/ypDialog.vue";
 import DeepYpDialog from "./components/deepypDialog.vue";
 
@@ -103,7 +114,7 @@ const pageData = reactive({
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "null",
+    showSelectType: "checkbox",
     loading: false,
   },
   total: 0,
@@ -155,19 +166,15 @@ const getList = () => {
     pageSize: pageData.pageConfiger.pageSize,
     ...listQuery.value
   }
-
   lzJcjPjdbSelectPage(params).then(res => {
     console.log(res);
     pageData.tableData = res.records || [];
     pageData.total = res.total;
-
   }).finally(() => {
     pageData.tableConfiger.loading = false;
   })
 }
 
-
-
 // 新增
 const addEdit = (type, row) => {
   show.value = true;
@@ -177,7 +184,6 @@ const addEdit = (type, row) => {
 };
 
 const handleYP = (type, row) => {
-  console.log(type, row);
   if(type === '研判'){
     ypDialog.value.init(row);
   }else{
@@ -185,10 +191,41 @@ const handleYP = (type, row) => {
   }
 }
 
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    jjdbh: "接警单编号",
+    bjdh: "报警电话",
+    bjsj: "报警时间",
+    bjnr: "报警内容",
+    jjyxm: "接警员姓名",
+    jqdjdm_name: "警情级别",
+    jqlbdm_name: "警情类型",
+    jqdz: "警情地址",
+    bcjjnr: "补充接警内容",
+    ypzt_name: "研判状态",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      jqdjdm_name: getMultiDictVal(item.jqdjdm, D_GS_BQ_DJ),
+      jqlbdm_name: getMultiDictVal(item.jqlbdm, JQLB),
+      ypzt_name: item.ypzt === '01' ? '已研判' : '未研判',
+    }
+  })
+  exportExlByObj(titleObj, data, '警情管理')
+}
+
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 200;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
   window.onresize = function () {
     tabHeightFn();
   };