更新

src/router/index.js

@@ -226,6 +226,12 @@ export const publicRoutes = [
             meta: { title: "七类重点人员", icon: "article" },
             component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarning/index.vue"),
           },
+          {
+            path: "/sevenWarningFail",
+            name: "sevenWarningFail",
+            meta: { title: "报错", icon: "article" },
+            component: () => import("@/views/backOfficeSystem/fourColorManage/warningControl/sevenWarningFail/index.vue"),
+          },
           // {
           //   path: "/modelWarning",
           //   name: "modelWarning",

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

@@ -41,7 +41,7 @@
           <DictTag :value="row.yjLx" :tag="false"  :options="D_GS_QLZDRYXX" />
         </template>
         <template #controls="{ row }">
-          <el-link type="warning">报错</el-link>
+          <el-link type="warning" v-if="row.sfbc != '1'" @click="failWarning(row)">报错</el-link>
           <el-link type="warning" @click="pushWarning(row)">指派</el-link>
         </template>
       </MyTable>
@@ -122,7 +122,6 @@ onMounted(() => {
 
 // 搜索
 const onSearch = (val) => {
-    console.log(val);
   queryFrom.value = { ...val }
   queryFrom.value.StartTime = val.times ? val.times[0] : ''
   queryFrom.value.EndTime = val.times ? val.times[1] : ''
@@ -142,8 +141,9 @@ const getList = () => {
   const promes = {
     ...queryFrom.value,
     pageCurrent: pageData.pageConfiger.pageCurrent,
-    pageSize: pageData.pageConfiger.pageSize
+    pageSize: pageData.pageConfiger.pageSize,
   }
+  delete promes.times;
   qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
     pageData.total = res.total || 0;
     pageData.tableConfiger.loading = false;
@@ -158,6 +158,16 @@ const pushWarning = (val) => {
   dataList.value = val;
 }
 
+const failWarning = (val) => {
+    let ids = [val.id]
+    qcckPost({ids}, '/mosty-gsxt/tbYjxx/yjbc').then((res) => {
+      proxy.$message({ type: "success", message: "成功" });
+      getList();
+    }).catch(() => {
+      proxy.$message({ type: "error", message: "失败" });
+    });
+}
+
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;

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

@@ -14,7 +14,7 @@
   </el-dialog>
 </template>
 <script setup>
-import { ref, defineProps, defineEmits, reactive, watch, getCurrentInstance } from 'vue';
+import { ref, defineProps, defineEmits, reactive, getCurrentInstance } from 'vue';
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import { tbYjxxYjzp } from '@/api/yj'
 const { proxy } = getCurrentInstance();

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

@@ -0,0 +1,163 @@
+<template>
+  <div>
+    <div class="titleBox">
+      <PageTitle title="报错" />
+    </div>
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
+        <template #age="{ row }">
+          <div class="ageBox">
+            <el-input v-model="queryFrom.age_s" placeholder="开始年龄" type="number" :min="1" :max="100" style="width: 102px;"></el-input>
+            <span style="color: #333;" class="ml5 mr5">至</span>
+            <el-input v-model="queryFrom.age_b" placeholder="结束年龄" type="number" :min="parseInt(queryFrom.age_s)+1" :max="100" style="width: 102px;"></el-input>
+          </div>
+        </template>
+      </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 #czzt="{ row }">
+          <DictTag :value="row.czzt" :tag="false" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #sex="{ row }">
+            <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh,2) }} </span>
+        </template>
+        <template #age="{ row }">
+            <span v-if="row.yjRysfzh"> {{ IdCard(row.yjRysfzh,3) }} </span>
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :options="D_BZ_YJJB" />
+        </template>
+        <template #bqdl="{ row }">
+          <DictTag :value="row.bqdl" :tag="false"  :options="D_GS_QLZDRLX" />
+        </template>
+        <template #yjLylx="{ row }">
+          <DictTag :value="row.yjLylx" :tag="false"  :options="D_BZ_YJLY" />
+        </template>
+       <template #yjLx="{ row }">
+          <DictTag :value="row.yjLx" :tag="false"  :options="D_GS_QLZDRYXX" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" >全息档案</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { IdCard } from '@/utils/validate.js'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { reactive, ref, onMounted, getCurrentInstance, } from "vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLY,D_GS_QLZDRLX,D_BZ_YJJB, D_GS_QLZDRYXX,D_BZ_XB,D_GSXT_YJXX_CZZT } = proxy.$dict('D_BZ_YJLY','D_GS_QLZDRLX',"D_BZ_YJJB", "D_GS_QLZDRYXX", "D_BZ_XB","D_GSXT_YJXX_CZZT"); //获取字典数据
+const searchBox = ref(); //搜索框
+const searchConfiger = ref(
+  [
+    { label: "姓名", prop: 'yjRyxm', placeholder: "请输入姓名", showType: "input" },
+    { label: "年龄段", prop: 'age', placeholder: "请输入身份证号码", showType: "Slot" },
+    { label: "性别", prop: 'xbdm', placeholder: "请选择性别", showType: "select", options: D_BZ_XB },
+    { label: "身份证", prop: 'yjRysfzh', placeholder: "请输入身份证号码", showType: "input" },
+    { label: "预警时间", prop: 'times', showType: "datetimerange" },
+    { label: "状态", prop: 'czzt', placeholder: "请选择状态", showType: "select", options: D_GSXT_YJXX_CZZT },
+    { label: "人员类别", prop: 'bqdl', placeholder: "请选择人员类别", showType: "select", options: D_GS_QLZDRLX },
+    { label: "细类", prop: 'yjbqmc', placeholder: "请输入细类", showType: "input" },
+    { label: "活动发生地址", prop: 'yjDz', placeholder: "请输入活动发生地址", showType: "input" },
+    { label: "接收单位", prop: 'ssbmdm',showType: "department" },
+  ]);
+
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+    haveControls: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 160, //操作栏宽度
+  tableColumn: [
+    { label: "状态", prop: "czzt", showSolt: true },
+    { label: "预警时间", prop: "yjSj" },
+    { label: "人员姓名", prop: "yjRyxm", },
+    { label: "身份证号", prop: "yjRysfzh", },
+    { label: "性别", prop: "sex" ,showSolt: true },
+    { label: "年龄", prop: "age", showSolt: true },
+    { label: "预警级别", prop: "yjJb", showSolt: true },
+    { label: "人员类别", prop: "bqdl", showSolt: true },
+    { label: "细类", prop: "yjbqmc" },
+    { label: "轨迹类别", prop: "yjLylx", showSolt: true },
+    { label: "活动发生地", prop: "yjDz" },
+    { label: "接收单位", prop: "ssbm" },
+    { label: "预警次数", prop: "yjCs" },
+  ]
+});
+
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+
+// 搜索
+const onSearch = (val) => {
+  queryFrom.value = { ...val }
+  queryFrom.value.StartTime = val.times ? val.times[0] : ''
+  queryFrom.value.EndTime = val.times ? val.times[1] : ''
+  pageData.pageConfiger.pageCurrent = 1;
+  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 = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+    sfbc:'1'
+  }
+  delete promes.times;
+  qcckPost(promes, '/mosty-gsxt/tbYjxx/getQlzdrPageList').then((res) => {
+    pageData.total = res.total || 0;
+    pageData.tableConfiger.loading = false;
+    pageData.tableData = res.records || []
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>