From c1b0c24d5a8966e95e72c0dc1c38639927e1fea5 Mon Sep 17 00:00:00 2001
From: xuhongjie <1943105267@qq.com>
Date: Thu, 5 Jun 2025 15:16:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=BB=E8=BE=91=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageUpload/index.vue          | 11 ++-
 src/main.js                                   |  5 +
 .../workOrder/components/operation.vue        | 95 +++++++------------
 src/views/emergency/workOrder/index.vue       | 68 ++++++-------
 .../emergency/components/cellRow.vue          |  0
 .../emergency/components/containerLeft.vue    | 22 +++++
 src/views/visualization/emergency/index.vue   | 13 +--
 7 files changed, 99 insertions(+), 115 deletions(-)
 create mode 100644 src/views/visualization/emergency/components/cellRow.vue

diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index 1497224..7d9907c 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -23,13 +23,16 @@
     <!-- 上传提示 -->
     <div class="el-upload__tip" v-if="showTip">
       请上传
+      <template v-if="fileType">
+        格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> 的文件
+      </template>
+      <template >
+        ，最多可上传<b style="color: #f56c6c">{{ limit }}张照片，</b>
+      </template>
       <template v-if="fileSize">
         大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
       </template>
-      <template v-if="fileType">
-        格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
-      </template>
-      的文件
+    
     </div>
 
     <el-dialog
diff --git a/src/main.js b/src/main.js
index a654332..d57a96d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,10 +3,15 @@ import { createApp } from 'vue'
 import Cookies from 'js-cookie'
 
 import ElementPlus from 'element-plus'
+import { ElTable } from 'element-plus'
 import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import locale from 'element-plus/es/locale/lang/zh-cn'
 
+const TableProps = ElTable.props
+// 全局el-table设置
+TableProps.border = { type: Boolean, default: true } // 边框线
+
 import '@/assets/styles/index.scss' // global css
 
 import App from './App'
diff --git a/src/views/emergency/workOrder/components/operation.vue b/src/views/emergency/workOrder/components/operation.vue
index fb9ef33..073d470 100644
--- a/src/views/emergency/workOrder/components/operation.vue
+++ b/src/views/emergency/workOrder/components/operation.vue
@@ -33,6 +33,9 @@
           <template #prepend>
             <el-button icon="MapLocation" />
           </template>
+          <template #append>
+            <span class="location-search" @click="handleSearch">搜索</span>
+          </template>
         </el-input>
 
         <div class="serch-list" v-show="gaodePOIList.length > 0">
@@ -66,64 +69,38 @@
             />
           </el-checkbox-group>
         </el-form-item>
-        <el-form-item label="工单照片:" prop="gdtp">
-          <ImageUpload v-model="form.gdtp"></ImageUpload>
-        </el-form-item>
-        <el-form-item label="工单等级:" prop="gdLevel">
-          <el-radio-group v-model="form.gdLevel">
-            <el-radio
-              :value="parseInt(dict.value)"
-              v-for="dict in dict.gdlevel"
-              >{{ dict.label }}</el-radio
-            >
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="处置方案:" prop="clfa">
-          <el-select v-model="form.clfa" placeholder="请选择" clearable>
-            <el-option
-              v-for="dict in dict.clfa"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="派遣人数:" prop="pqrs">
-          <el-input v-model="form.pqrs" placeholder="请输入" clearable>
-            <template #suffix>
-              <span>人</span>
-            </template>
-          </el-input>
-        </el-form-item>
-        <el-form-item label="派遣车辆:" prop="pqcl">
-          <el-input v-model="form.pqcl" placeholder="请输入" clearable>
-            <template #suffix>
-              <span>辆</span>
-            </template>
-          </el-input>
-        </el-form-item>
-        <el-form-item label="资源协调:" prop="zyxt">
-          <el-checkbox-group v-model="form.zyxt">
+        <el-form-item label="影响类型:" prop="gdtp">
+          <el-checkbox-group v-model="form.dflx">
             <el-checkbox
-              v-for="dict in dict.zyxt"
+              v-for="dict in dict.yxlx"
               :key="dict.value"
               :label="dict.label"
               :value="dict.value"
             />
           </el-checkbox-group>
         </el-form-item>
+        <el-form-item label="工单照片:" prop="gdtp">
+          <ImageUpload v-model="form.gdtp" :limit="3"></ImageUpload>
+        </el-form-item>
+
+        <el-form-item label="工单描述:" prop="gdms">
+          <el-input
+            v-model="form.gdms"
+            :rows="2"
+            type="textarea"
+            placeholder="请填写"
+          />
+        </el-form-item>
       </section>
 
       <section v-else>
         <el-form-item label="简要描述:" prop="gdms">
-          <el-select v-model="form.gdms" placeholder="请选择" clearable>
-            <el-option
-              v-for="dict in dict.gdms"
-              :key="dict.value"
-              :label="dict.label"
-              :value="parseInt(dict.value)"
-            />
-          </el-select>
+          <el-input
+            v-model="form.gdms"
+            :rows="2"
+            type="textarea"
+            placeholder="请填写"
+          />
         </el-form-item>
         <el-form-item label="选派人员:" prop="zzjg">
           <el-cascader
@@ -153,8 +130,6 @@ import mapOptions from "@/components/mars-work/mapOptions";
 import markerIcon from "@/assets/images/map-marker.png";
 import { gaodeAddress, gaodePOI } from "@/utils/common.js";
 
-
-
 const { proxy } = getCurrentInstance();
 const gaodePOIList = ref([]);
 const currentId = ref(0);
@@ -229,12 +204,6 @@ const data = reactive({
 
     dflx: [{ required: true, message: "请选择倒伏类型", trigger: "blur" }],
     gdtp: [{ required: true, message: "请上传工单照片", trigger: "blur" }],
-    gdLevel: [{ required: true, message: "请选择工单等级", trigger: "blur" }],
-
-    clfa: [{ required: true, message: "请选择处置方案", trigger: "blur" }],
-    pqrs: [{ required: true, message: "请填写派遣人数", trigger: "blur" }],
-    pqcl: [{ required: true, message: "请填写派遣车辆", trigger: "blur" }],
-    zyxt: [{ required: true, message: "请选择资源协调", trigger: "blur" }],
   },
 });
 const { form, rules } = toRefs(data);
@@ -260,6 +229,10 @@ const changeType = () => {
 const confirm = () => {
   proxy.$refs["formRef"].validate(async (valid) => {
     if (valid) {
+      if (!form.value.lat || !form.value.lon) {
+        proxy.$modal.msgWarning("请先落点至地图上！");
+        return;
+      }
       form.value.zzjg = filterArray(form.value.zzjg, "join");
       form.value.dflx = filterArray(form.value.dflx, "join");
       form.value.zyxt = filterArray(form.value.zyxt, "join");
@@ -268,8 +241,8 @@ const confirm = () => {
           await intruderyj(form.value);
           proxy.$modal.msgSuccess(`${props.title}成功`);
         }
-        if(form.value.status === 1){
-          await updateyj(form.value)
+        if (form.value.status === 1) {
+          await updateyj(form.value);
           proxy.$modal.msgSuccess(`编辑成功`);
         }
       } else {
@@ -294,10 +267,8 @@ const getInfo = async (val) => {
   console.log(props.id, visible.value);
   const res = await getyjById(props.id);
   res.data.zzjg = res.data.zzjg.split(",").map((item) => parseInt(item));
-
   res.data.zyxt = filterArray(res.data.zyxt);
   res.data.dflx = filterArray(res.data.dflx);
-
   form.value = res.data;
   if (form.value.lat && form.value.lon && mapData) {
     nextTick(() => {
@@ -438,8 +409,6 @@ const handleMapClick = (longitude, latitude) => {
 const isPositiveDecimal = (num) => {
   return typeof num === "number" && num >= 0 && !Number.isInteger(num);
 };
-
-
 </script>
 
 <style lang="scss" scoped>
@@ -472,4 +441,8 @@ const isPositiveDecimal = (num) => {
     font-weight: bold;
   }
 }
+.location-search {
+  font-size: 14px;
+  cursor: pointer;
+}
 </style>
diff --git a/src/views/emergency/workOrder/index.vue b/src/views/emergency/workOrder/index.vue
index ae98494..4fab59a 100644
--- a/src/views/emergency/workOrder/index.vue
+++ b/src/views/emergency/workOrder/index.vue
@@ -8,7 +8,7 @@
         label-width="68px"
         class="search-form"
       >
-        <el-form-item label="工单地址" prop="address">
+        <el-form-item label="处置部门" prop="address">
           <el-input
             v-model="queryParams.address"
             placeholder="请输入"
@@ -29,7 +29,7 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="工单等级" prop="gdLevel">
+        <el-form-item label="影响类型" prop="gdLevel">
           <el-select
             v-model="queryParams.gdLevel"
             placeholder="请选择"
@@ -87,12 +87,26 @@
         :header-cell-style="proxy.getTableHeaderStyle"
         :cell-style="proxy.getTablerowStyle"
       >
-        <!-- <el-table-column type="selection" width="50" align="center" /> -->
+        <el-table-column label="序号" type="index" width="60" align="center" />
+        <el-table-column
+          label="处置部门"
+          align="center"
+          key="address"
+          prop="address"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="处置班组"
+          align="center"
+          key="address"
+          prop="address"
+        />
         <el-table-column
           label="工单地址"
           align="center"
           key="address"
           prop="address"
+          show-overflow-tooltip
         />
         <el-table-column
           label="工单类型"
@@ -104,16 +118,7 @@
             <dict-tag :options="gdlx" :value="scope.row.gdType" />
           </template>
         </el-table-column>
-        <el-table-column
-          label="工单等级"
-          align="center"
-          key="gdLevel"
-          prop="gdLevel"
-        >
-          <template #default="scope">
-            <dict-tag :options="gdlevel" :value="scope.row.gdLevel" />
-          </template>
-        </el-table-column>
+
         <el-table-column
           label="录入时间"
           align="center"
@@ -142,7 +147,7 @@
         >
           <template #default="scope">
             <div class="table-operation-row">
-              <section v-show="scope.row.status == 0">
+              <!-- <section v-show="scope.row.status == 0">
                 <el-button
                   link
                   type="primary"
@@ -157,15 +162,8 @@
                   @click="handlerRetreat(scope.row)"
                   >退单</el-button
                 >
-              </section>
-              <section v-show="scope.row.status == 1">
-                <el-button
-                  link
-                  type="primary"
-                  icon="User"
-                  @click="handlerDistriBute(scope.row, '派发')"
-                  >派发</el-button
-                >
+              </section> -->
+              <!-- <section v-show="scope.row.status == 1">
                 <el-button
                   link
                   type="primary"
@@ -173,7 +171,7 @@
                   @click="handlerEdit(scope.row)"
                   >编辑</el-button
                 >
-              </section>
+              </section> -->
               <section v-show="scope.row.status == 3">
                 <el-button
                   link
@@ -226,12 +224,9 @@
     <operation
       :dict="{
         gdlx,
-        dflx,
-        gdlevel,
-        clfa,
-        zyxt,
         gdms,
         deptList,
+        yxlx,
       }"
       v-model="open"
       :id="workId"
@@ -242,7 +237,6 @@
     <chargeBack
       v-model="retreat"
       :id="workId"
-      :dictReason="reason"
       @confirm="getList()"
     ></chargeBack>
     <!-- 派发 -->
@@ -267,17 +261,11 @@ import useUserStore from "@/store/modules/user";
 const { proxy } = getCurrentInstance();
 const userStore = useUserStore();
 const deptList = ref([]);
-const { gdlx, gdms, gdlevel, clfa, zyxt, dflx, gd_status, reason } =
-  proxy.useDict(
-    "gdlx",
-    "gdms",
-    "gdlevel",
-    "clfa",
-    "zyxt",
-    "dflx",
-    "gd_status",
-    "reason"
-  );
+const { gdlx, gd_status, yxlx } = proxy.useDict(
+  "gdlx",
+  "gd_status",
+  "yxlx"
+);
 const datePicker = ref([]);
 const workId = ref(null);
 const loading = ref(false);
diff --git a/src/views/visualization/emergency/components/cellRow.vue b/src/views/visualization/emergency/components/cellRow.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/visualization/emergency/components/containerLeft.vue b/src/views/visualization/emergency/components/containerLeft.vue
index e69de29..c3ea731 100644
--- a/src/views/visualization/emergency/components/containerLeft.vue
+++ b/src/views/visualization/emergency/components/containerLeft.vue
@@ -0,0 +1,22 @@
+<template>
+   <div class="main-left">
+      <panelBlock title="应急抢险资源"></panelBlock>
+      <panelBlock title="应急抢险工单"></panelBlock>
+      <panelBlock title="工单派发及完成率分析"></panelBlock>
+    </div>
+</template>
+
+<script setup>
+import { panelBlock } from "@/views/visualization/components/index";
+</script>
+
+<style lang="scss"  scoped>
+.main-left{
+    display: flex;
+    flex-direction: column;
+    &>div{
+      flex: 1;
+    }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/visualization/emergency/index.vue b/src/views/visualization/emergency/index.vue
index 11e0a2e..daba36c 100644
--- a/src/views/visualization/emergency/index.vue
+++ b/src/views/visualization/emergency/index.vue
@@ -1,10 +1,6 @@
 <template>
   <div class="emergency-container">
-    <div class="main-left">
-      <panelBlock title="应急抢险资源"></panelBlock>
-      <panelBlock title="应急抢险工单"></panelBlock>
-      <panelBlock title="工单派发及完成率分析"></panelBlock>
-    </div>
+   <containerLeft></containerLeft>
     <div class="main-right">
       <panelBlock title="最新预警信息"></panelBlock>
       <panelBlock title="工单数量变化分析"></panelBlock>
@@ -29,6 +25,7 @@ import { onUnmounted } from "vue";
 import wallImg from "@/assets/images/visualization/fence-top.png";
 import areaBg from "@/assets/images/visualization/area-bg.png";
 import { panelBlock } from "@/views/visualization/components/index";
+import containerLeft from "./components/containerLeft.vue"
 //地图配置
 const configUrl = "lib/config/config.json";
 let mapData = null;
@@ -151,11 +148,7 @@ onUnmounted(() => {
     padding-bottom: 34px;
     width: 16%;
     height: 100%;
-    display: flex;
-    flex-direction: column;
-    &>div{
-      flex: 1;
-    }
+ 
   }
 
   .main-left {