feat：响应预警 法规处

packages/screen/src/views/WarningManagement/construction/index.vue

@@ -43,6 +43,8 @@ import MyDialog from "../../../component/MyDialog/index.js";
 import MyDrawer from "../../../component/MyDrawer/index.js";
 import scriptFn from "./index.js";
 const script = scriptFn();
+const { dialogRef, drawerRef } = script;
+
 </script>
 
 <style scoped>

packages/screen/src/views/WarningManagement/district/index.vue

@@ -40,6 +40,7 @@ import MyDialog from "../../../component/MyDialog/index.js";
 import MyDrawer from "../../../component/MyDrawer/index.js";
 import scriptFn from "./index.js";
 const script = scriptFn();
+const { dialogRef, drawerRef } = script;
 </script>
 
 <style scoped>

packages/screen/src/views/WarningManagement/law/addDialog.vue

@@ -4,206 +4,78 @@
       style="max-height: 60vh; overflow-y: auto; padding-right: 50px" :rules="rules">
       <div class="form-part">
         <el-row>
-          <h4 style="margin: 20px 0;">项目信息</h4>
+          <h4 style="margin: 20px 0;">气象信息</h4>
         </el-row>
         <el-row>
-          <el-col :span="24">
-            <el-form-item label="工程状态" prop="工程状态">
-              <el-radio-group v-model="form.zt">
-                <el-radio value="1">在建</el-radio>
-                <el-radio value="2">停工</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="所属区县" prop="所属区县">
-              <el-select v-model="qx" filterable remote reserve-keyword clearable placeholder="输入区县名称查询"
-                :remote-method="remoteMethod_qx" :loading="loading" @change="handleSelect_qx" value-key="index">
-                <el-option v-for="(item, index) in qxList" :key="index" :label="item.qxmc" :value="item.qxmc" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="项目名称" prop="项目名称">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="驻地名称" prop="驻地名称">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="驻地类型" prop="驻地类型">
-              <el-select>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="坐标点位" prop="坐标点位">
-              <el-row :gutter="10">
           <el-col :span="12">
-                  <el-input aria-label="经度" placeholder="经度" />
+            <el-form-item label="预警标题" prop="预警标题">
-                </el-col>
+              <el-input v-model="form.headline" />
-                <el-col :span="12">
+            </el-form-item>
-                  <el-input aria-label="纬度" placeholder="纬度" />
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="预警时间" prop="预警时间">
+              <el-col :span="11">
+                <el-date-picker v-model="form.onset" type="date" placeholder="开始时间" style="width: 100%" />
+              </el-col>
+              <el-col :span="2" class="text-center">
+                <span class="text-gray-500">-</span>
+              </el-col>
+              <el-col :span="11">
+                <el-date-picker v-model="form.expires" type="date" placeholder="过期时间" style="width: 100%" />
+              </el-col>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
-          <el-col :span="8">
+          <el-col :span="12">
-            <el-form-item label="所属项目名称:">
+            <el-form-item label="气象类型" prop="气象类型">
-              <el-input />
+              <el-select v-model="form.eventType" clearable placeholder="请选择">
-            </el-form-item>
+                <el-option v-for="(item, index) in [
-          </el-col>
+                  { label: '道路结冰', value: '道路结冰' },
-          <el-col :span="8">
+                  { label: '暴雪', value: '暴雪' },
-            <el-form-item label="项目类型:">
+                  { label: '暴雨', value: '暴雨' },
-              <el-select>
+                ]" :key="index" :label="item.label" :value="item.value" />
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+        </el-row>
-            <el-form-item label="建设单位:">
+        <el-row :gutter="20">
-              <el-input />
+          <el-col :span="12">
+            <el-form-item label="气象来源" prop="气象来源">
+              <el-select v-model="form.weatherSource" clearable placeholder="请选择">
+                <el-option v-for="(item, index) in [
+                  { label: '市级', value: '1' },
+                  { label: '部级', value: '2' },
+                  { label: '区县', value: '3' },
+                ]" :key="index" :label="item.label" :value="item.value" />
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
-          <el-col :span="8">
+          <el-col :span="12">
-            <el-form-item label="施工单位:">
+            <el-form-item label="预警等级" prop="预警等级">
-              <el-input />
+              <el-select v-model="form.urgency" clearable placeholder="请选择">
-            </el-form-item>
+                <el-option v-for="(item, index) in [
-          </el-col>
+                  { label: '1级（红色预警）', value: '1' },
-          <el-col :span="8">
+                  { label: '2级（橙色预警）', value: '2' },
-            <el-form-item label="行政区域:">
+                  { label: '3级（黄色预警）', value: '3' },
-              <el-select></el-select>
+                  { label: '4级（蓝色预警）', value: '4' },
-            </el-form-item>
+                ]" :key="index" :label="item.label" :value="item.value" />
-          </el-col>
+              </el-select>
-          <el-col :span="8">
-            <el-form-item label="驻地人数:">
-              <el-input />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
-          <el-col :span="8">
+          <el-col :span="12">
-            <el-form-item label="驻地风险等级:">
+            <el-form-item label="风险区县" prop="风险区县">
-              <el-select></el-select>
+              <el-select v-model="form.areaCodes" clearable placeholder="请选择" multiple>
+                <el-option v-for="(item, index) in areaList" :key="index" :label="item.qxmc" :value="item.xzdm" />
+              </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="房建类型:">
-              <el-select></el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="搬迁状态:">
-              <el-select></el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </div>
-      <div class="form-part">
-        <el-row>
-          <h4 style="margin: 20px 0;">项目联系人信息</h4>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="吹哨人姓名:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="吹哨人电话:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="建设单位包保责任人姓名:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="建设单位包保责任人电话:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="施工单位包保责任人姓名:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="施工单位包保责任人电话:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="驻地包保责任人姓名:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="驻地包保责任人电话:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="区县级包保责任人姓名:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="区县级包保责任人电话:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="市级包保责任人姓名:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="市级包保责任人电话:">
-              <el-input />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </div>
-      <div class="form-part">
-        <el-row>
-          <h4 style="margin: 20px 0;">驻地情况</h4>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="24">
-            <FileUpload type="image" :limit="9" :fileType=6 />
-          </el-col>
-        </el-row>
-      </div>
-      <div class="form-part">
-        <el-row>
-          <h4 style="margin: 20px 0;">现场情况</h4>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="24">
-            <el-input></el-input>
-          </el-col>
         </el-row>
       </div>
 
@@ -224,169 +96,56 @@ const props = defineProps({
     default: () => ({}),
   },
 });
-const sfjwd = ref("是");
-const qx = ref("");
-const loading = ref(false);
-const selectOptions = ref([]);
-const qxList = ref([]);
 
-// 根据用户信息 查询角色列表
+const areaList = ref([])
-const getUserList = async (key) => {
+
+// 获取区县列表
+const getAreaList = async () => {
   try {
-    const keyword = key;
-    let url = "";
-    if (keyword) {
-      url = `/snow-ops-platform/yhzry/getUserByKey?key=${keyword}`;
-    } else {
-      url = `/snow-ops-platform/yhzry/getUserByKey?key=`;
-    }
     const res = await request({
-      url: url,
+      url: '/snow-ops-platform/infrastructure-asset/counties',
-      method: "GET",
+      method: 'get',
-    });
+    })
-    if (res.code === "00000") {
+    if (res.code === '00000') {
-      return res.data;
+      areaList.value = res.data
     } else {
-      throw new Error(res.message);
+      throw new Error(res.message)
     }
   } catch (error) {
-    ElMessage.error(error.message);
+    ElMessage.error(error.message)
-    console.log(error);
+    console.log(error)
   }
-};
+}
 
-// 选择人员筛选
+onMounted(() => {
-const remoteMethod = async (query) => {
+  getAreaList()
-  if (query === "") {
+})
-    selectOptions.value = [];
-    return [];
-  }
-  loading.value = true;
-  const res = await getUserList(query);
-  if (res) {
-    selectOptions.value = res;
-  }
-  loading.value = false;
-};
-
-// 根据区县名称 查询区县列表
-const getQxList = async (key) => {
-  try {
-    const keyword = key;
-    let url = "";
-    if (keyword) {
-      url = `/snow-ops-platform/district/listDistricts?qxmc=${keyword}`;
-    } else {
-      url = `/snow-ops-platform/district/listDistricts?qxmc=`;
-    }
-    const res = await request({
-      url: url,
-      method: "GET",
-    });
-    if (res.code === "00000") {
-      return res.data;
-    } else {
-      throw new Error(res.message);
-    }
-  } catch (error) { }
-};
-
-// 选择区县筛选
-const remoteMethod_qx = async (query) => {
-  loading.value = true;
-  const res = await getQxList(query);
-  if (res) {
-    qxList.value = res;
-  }
-  loading.value = false;
-};
-
-// 选择区县
-const handleSelect_qx = (value) => {
-  props.form.qxmc = value;
-};
-
-// 选择人员
-const handleSelect = (value) => {
-  console.log("value", value);
-  props.form.fzrXm = value.realName;
-  props.form.fzrSjhm = value.phone;
-  props.form.fzrUserId = value.userId;
-};
 
 const rules = computed(() => {
   return {
-    mc: [
+    // mc: [
-      {
+    //   {
-        required: true,
+    //     required: true,
-        validator: (rule, value, callback) => {
+    //     validator: (rule, value, callback) => {
-          if (props.form.mc) {
+    //       if (props.form.mc) {
-            callback();
+    //         callback();
-          } else {
+    //       } else {
-            callback(new Error("请输入服务站名称"));
+    //         callback(new Error("请输入服务站名称"));
-          }
+    //       }
-        },
+    //     },
-        trigger: "blur",
+    //     trigger: "blur",
-      },
+    //   },
-    ],
+    // ],
-    qxmc: [
-      {
-        required: true,
-        validator: (rule, value, callback) => {
-          if (props.form.qxmc) {
-            callback();
-          } else {
-            callback(new Error("请选择所属区县"));
-          }
-        },
-        trigger: "blur",
-      },
-    ],
-    fzr: [
-      {
-        required: true,
-        validator: (rule, value, callback) => {
-          if (props.form.fzrUserId && props.form.fzrXm && props.form.fzrSjhm) {
-            callback();
-          } else {
-            callback(new Error("请选择负责人"));
-          }
-        },
-        trigger: "blur",
-      },
-    ],
-    jd: [
-      {
-        required: sfjwd.value === "否",
-        validator: (rule, value, callback) => {
-          if (props.form.jd) {
-            callback();
-          } else {
-            callback(new Error("请输入站点经度"));
-          }
-        },
-        trigger: "blur",
-      },
-    ],
-    wd: [
-      {
-        required: sfjwd.value === "否",
-        validator: (rule, value, callback) => {
-          if (props.form.wd) {
-            callback();
-          } else {
-            callback(new Error("请输入站点纬度"));
-          }
-        },
-        trigger: "blur",
-      },
-    ],
   };
 });
 </script>
 
 <style scoped>
-.form-part{
+.form-part {
   padding: 20px;
 }
+
+.text-center {
+  text-align: center;
+}
 </style>

packages/screen/src/views/WarningManagement/law/index.js

@@ -67,8 +67,24 @@ const columns = [
         label: "预警结束时间",
     },
     {
-        prop: "affectedSiteCount",
+        prop: "affectedRoadSectionCount",
-        label: "影响数量",
+        label: "影响路段",
+    },
+    {
+        prop: "affectedBridgeCount",
+        label: "影响桥梁",
+    },
+    {
+        prop: "affectedTunnelCount",
+        label: "影响隧道",
+    },
+    {
+        prop: "affectedSlopeCount",
+        label: "影响边坡",
+    },
+    {
+        prop: "affectedProjectCount",
+        label: "影响项目",
     },
     {
         prop: "responseStatus",
@@ -122,7 +138,7 @@ const getTableData = async (filterData = {}) => {
             }
         });
         const res = await request({
-            url: '/snow-ops-platform/weatherWarning/response-list',
+            url: '/snow-ops-platform/lawWeatherWarning/response-list',
             method: "GET",
             params: {
                 ...filteredParams,
@@ -172,9 +188,9 @@ const responseOptions = [
     { label: "全部响应", value: "全部响应" },
 ]
 
-// 打开填报项目弹窗
+// 打开发布预警弹窗
 const openAddDialog = () => {
-    model.title = '填报项目';
+    model.title = '发布预警';
     Object.assign(form, INIT_FORM);
     model.props = {
         form: form,
@@ -184,15 +200,14 @@ const openAddDialog = () => {
         modelVisible.value = false;
     };
     model.onConfirm = async () => {
-        dialogType.value = '';
         await dialogRef?.value?.dynamicComponentRef?.formRef.validate().then(() => {
-            console.log('@@@@@填报项目', form);
+            console.log('@@@@@发布预警', form);
         })
             .catch((err) => {
                 ElMessage.error('请处理表单中的错误项');
             });
     };
-    model.width = "70%"
+    model.width = "50%"
     modelVisible.value = true;
 }
 

packages/screen/src/views/WarningManagement/law/index.vue

@@ -12,7 +12,7 @@
         </div>
         <div class="event-box">
             <el-button type="primary" @click="">生成报告</el-button>
-            <el-button type="primary" @click="">发布预警</el-button>
+            <el-button type="primary" @click="script.openAddDialog">发布预警</el-button>
             <!-- <el-button type="primary" @click="">上传线下帮扶</el-button> -->
             <el-button type="primary" @click="script.gotoLedgerPage">线下帮扶台账</el-button>
             <el-button type="primary" color="#952DE6" @click="">导出</el-button>
@@ -45,6 +45,8 @@ import MyDialog from "../../../component/MyDialog/index.js";
 import MyDrawer from "../../../component/MyDrawer/index.js";
 import scriptFn from "./index.js";
 const script = scriptFn();
+const { dialogRef, drawerRef } = script;
+
 </script>
 
 <style scoped>