feat: 调整接口和内容的问题

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

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="titleBox">
-      <PageTitle title="预警布控">
+      <PageTitle title="布控预警">
         <el-button>
           <span style="vertical-align: middle">导出</span>
         </el-button>
@@ -13,24 +13,16 @@
     </div>
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth"
-      >
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_BZ_YJJB" />
+        </template>
       </MyTable>
-      <Pages
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
-          ...pageData.pageConfiger,
-          total: pageData.total
-        }"
-      ></Pages>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
     </div>
   </div>
 </template>
@@ -40,22 +32,28 @@ 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 } from "@/api/qcckApi.js";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { bqYs } from '@/utils/tools'
 
 const { proxy } = getCurrentInstance();
+const { D_BZ_YJJB, D_GS_ZDQT_YJLB, D_BZ_YJLX } = proxy.$dict("D_BZ_YJJB", "D_GS_ZDQT_YJLB", "D_BZ_YJLX"); //获取字典数据
+
+
 const searchBox = ref();
 
 // 搜索配置
 const searchConfiger = ref([
-  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input"},
-  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input"},
-  { label: "身份类型", prop: 'sflx', placeholder: "请选择身份类型", showType: "select", options: [
-    { label: "重点人员", value: "1" },
-    { label: "在逃人员", value: "2" },
-    { label: "涉毒人员", value: "3" },
-    { label: "涉恐人员", value: "4" }
-  ]},
+  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  {
+    label: "身份类型", prop: 'sflx', placeholder: "请选择身份类型", showType: "select", options: [
+      { label: "重点人员", value: "1" },
+      { label: "在逃人员", value: "2" },
+      { label: "涉毒人员", value: "3" },
+      { label: "涉恐人员", value: "4" }
+    ]
+  },
 ]);
 
 const queryFrom = ref({});
@@ -77,14 +75,17 @@ const pageData = reactive({
   },
   controlsWidth: 160,
   tableColumn: [
-    { label: "姓名", prop: "xm",},
-    { label: "身份证号", prop: "sfzh", },
-    { label: "电话", prop: "dh", },
-    { label: "身份类型", prop: "sflx",},
-    { label: "身份等级", prop: "sfdj",},
-    { label: "预警原因", prop: "yjyy", showOverflowTooltip: true },
-    { label: "预警时间", prop: "yjsj",},
-    { label: "处理状态", prop: "clzt",},
+    { label: "预警标题", prop: "yjBt", },
+    { label: "姓名", prop: "yjRyxm", },
+    { label: "身份证号", prop: "yjRysfzh", },
+    { label: "电话", prop: "yjRysjh", },
+    // { label: "身份类型", prop: "sflx",},
+    // { label: "身份等级", prop: "sfdj",},
+    { label: "预警内容", prop: "yjNr", showOverflowTooltip: true },
+    { label: "预警日期", prop: "yjFsrq", },
+    { label: "预警时间", prop: "yjFssj", },
+    { label: "预警标签详情", prop: "yjbqmc", },
+    { label: "预警级别", prop: "yjJb", showSolt: true, showOverflowTooltip: true },
   ]
 });
 
@@ -94,7 +95,7 @@ onMounted(() => {
 });
 
 const onSearch = (val) => {
-  queryFrom.value = {...val};
+  queryFrom.value = { ...val };
   pageData.pageConfiger.pageCurrent = 1;
   getList();
 };
@@ -112,7 +113,8 @@ const changeSize = (val) => {
 const getList = () => {
   pageData.tableConfiger.loading = true;
   // TODO: 替换为实际的身份预警API接口
-  qcckGet(queryFrom.value, '/mosty-gsxt/identityWarning/selectPage').then((res) => {
+  // qcckGet(queryFrom.value, '/mosty-gsxt/identityWarning/selectPage').then((res) => {
+  qcckPost(queryFrom.value, '/mosty-gsxt/tbYjxx/getPageList').then((res) => {
     pageData.tableData = res.records || [];
     pageData.total = res.total || 0;
     pageData.tableConfiger.loading = false;
@@ -124,7 +126,7 @@ const getList = () => {
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
-  window.onresize = function () {
+  window.onresize = function() {
     tabHeightFn();
   };
 };