lcw

src/views/backOfficeSystem/peopleManag/forewarning/index.vue

@@ -8,15 +8,9 @@
       <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
     <div class="tabBox">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData"
-      >
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        @chooseData="chooseData">
         <template #yjTp="{ row }">
           <div class="phone">
             <el-image v-if="row.tp" :src="urlImg + row.yjTp" fit="cover" lazy />
@@ -32,15 +26,10 @@
           <el-link type="primary" @click="addEdit('detail', row)">详情</el-link>
         </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>
     <!-- 编辑详情 -->
     <!-- 编辑详情 -->
@@ -54,11 +43,12 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import EditAddForm from "./components/editAddForm.vue";
 import Search from "@/components/aboutTable/Search.vue";
-import { jczgetPageList } from "@/api/mosty-jcz.js";
+import { jczgetPageList, selectJczFullList } from "@/api/mosty-jcz.js";
 import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
 const { proxy } = getCurrentInstance();
 const urlImg = "/mosty-api/mosty-base/minio/image/download/";
 const { D_BZ_YJLX, D_BZ_YJJB } = proxy.$dict("D_BZ_YJLX", "D_BZ_YJJB");
+const jczList = ref()
 const searchConfiger = ref([
   {
     label: "预警类型",
@@ -66,6 +56,12 @@ const searchConfiger = ref([
     placeholder: "预警类型",
     showType: "select",
     options: D_BZ_YJLX
+  }, {
+    label: "所属检查站",
+    prop: "jczid",
+    placeholder: "所属检查站",
+    showType: "select",
+    options: {}
   },
   {
     label: "发生时间",
@@ -73,12 +69,6 @@ const searchConfiger = ref([
     placeholder: "发生时间",
     showType: "datetimerange"
   }
-  //   {
-  //     label: "预警对象",
-  //     prop: "yjLx",
-  //     placeholder: "请输入预警对象",
-  //     showType: "input"
-  //   }
 ]);
 
 const detailDiloag = ref();
@@ -107,6 +97,8 @@ const pageData = reactive({
 });
 onMounted(() => {
   tabHeightFn();
+getselectJczFullList()
+
 });
 
 //查询条件
@@ -124,17 +116,34 @@ const getjczgetXfllList = () => {
       pageData.tableConfiger.loading = false;
     });
 };
+
+// 获取检查站数据
+
+const getselectJczFullList = () => {
+  selectJczFullList().then((res) => {
+    console.log(res);
+
+    jczList.value = res.map(item => ({
+      label: item.jczmc,
+      value: item.id
+    }))
+    searchConfiger.value[1].options = jczList.value
+
+  })
+
+}
+
 getjczgetXfllList();
 // 搜索
 const onSearch = (val) => {
   console.log(val);
-
   const startTime = {
-    startTime : val.startTime[0],
-    endTime : val.startTime[1]
+    ...val,
+    startTime: val.startTime ? val.startTime[0] : "",
+    endTime: val.startTime ? val.startTime[1] : ""
   }
 
-  queryCondition.value = { ...queryCondition.value,...startTime};
+  queryCondition.value = { ...queryCondition.value, ...startTime };
   getjczgetXfllList();
 };