From 622ad605eaff2ea8247e683ae9759d5d72bc6338 Mon Sep 17 00:00:00 2001
From: 23688nl <329261568@qq.com>
Date: Mon, 18 Apr 2022 11:34:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=EF=BC=8C=E7=A7=9F=E6=88=B7?=
 =?UTF-8?q?=E8=A7=92=E5=BA=A6=E6=B7=BB=E5=8A=A0=E5=A4=84=E7=90=86=E5=91=8A?=
 =?UTF-8?q?=E8=AD=A6=E9=A2=84=E8=AD=A6=E5=B7=A5=E5=8D=95=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/alarm/record.js                    |   9 +
 src/views/iot/alarm/record/index.vue       |  59 ++++-
 src/views/iot/alarm/waringRecord/index.vue |  50 ++++-
 src/views/power/maintenance/index.vue      |  27 ++-
 src/views/power/mywork/details.vue         | 165 +++++++++-----
 src/views/power/mywork/index.vue           | 247 +++++++++++++++------
 src/views/tenant/alarm/record.vue          |  31 ++-
 src/views/tenant/alarm/warning.vue         |  45 ++--
 8 files changed, 476 insertions(+), 157 deletions(-)

diff --git a/src/api/alarm/record.js b/src/api/alarm/record.js
index cd994f58..4af00b05 100644
--- a/src/api/alarm/record.js
+++ b/src/api/alarm/record.js
@@ -51,3 +51,12 @@ export function exportRecord(query) {
         params: query
     })
 }
+
+// 新增报警记录
+export function addAlarmRecord(data) {
+  return request({
+      url: '/iot/maintenance/',
+      method: 'post',
+      data: data
+  })
+}
diff --git a/src/views/iot/alarm/record/index.vue b/src/views/iot/alarm/record/index.vue
index 5840f4a9..b71aa1a3 100644
--- a/src/views/iot/alarm/record/index.vue
+++ b/src/views/iot/alarm/record/index.vue
@@ -95,7 +95,9 @@
         width="150"
       >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.alarmTime, "{y}-{m}-{d} {h}:{i}:{s}") }}</span>
+          <span>{{
+            parseTime(scope.row.alarmTime, "{y}-{m}-{d} {h}:{i}:{s}")
+          }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -119,7 +121,9 @@
         width="150"
       >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.processTime, "{y}-{m}-{d} {h}:{i}:{s}") }}</span>
+          <span>{{
+            parseTime(scope.row.processTime, "{y}-{m}-{d} {h}:{i}:{s}")
+          }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -129,6 +133,31 @@
         prop="typeName"
       />
       <!-- <el-table-column label="类型编码" align="left" width="150px" prop="typeCode" /> -->
+      <el-table-column
+        label="操作"
+        width="150"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <!-- <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            v-show="scope.row.processStatus === '1'"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['iot:record:edit']"
+          >处理</el-button> -->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleWork(scope.row)"
+            v-hasPermi="['iot:maintenance:add']"
+            >创建工单</el-button
+          >
+        </template>
+      </el-table-column>
     </el-table>
 
     <pagination
@@ -142,7 +171,7 @@
 </template>
 
 <script>
-import { listRecord, getRecord, exportRecord } from "@/api/alarm/record";
+import { listRecord, getRecord, exportRecord, addAlarmRecord } from "@/api/alarm/record";
 import Editor from "@/components/Editor";
 
 export default {
@@ -191,6 +220,30 @@ export default {
     this.getList();
   },
   methods: {
+    // 转工单处理
+    handleWork(row) {
+      console.log('addWork:', row)
+      this.$confirm("是否创建告警工单?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(function () {
+          return addAlarmRecord({
+            recordId: row.recordId, //告警记录id
+            deviceId: row.deviceId,
+            deviceName: row.deviceName,
+            faultType: "3", //固定
+            maintenanceStatus: "-1", //固定（工单已生成）
+            tenantId: null,
+            faultTypeName: "告警工单", //固定
+          });
+        })
+        .then(() => {
+          this.msgSuccess("创建成功！");
+          this.$router.push("/power/maintenancet");
+        });
+    },
     sortChange(column) {
       const sort = {
         isAsc: column.order === "descending" ? "desc" : "asc",
diff --git a/src/views/iot/alarm/waringRecord/index.vue b/src/views/iot/alarm/waringRecord/index.vue
index 6be4b79f..b7d3c9a5 100644
--- a/src/views/iot/alarm/waringRecord/index.vue
+++ b/src/views/iot/alarm/waringRecord/index.vue
@@ -80,6 +80,31 @@
       </el-table-column>
       <el-table-column label="告警类型" align="left" width="150px" prop="typeName" />
       <!-- <el-table-column label="类型编码" align="left" width="150px" prop="typeCode" /> -->
+        <el-table-column
+        label="操作"
+        width="150"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <!-- <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            v-show="scope.row.processStatus === '1'"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['iot:record:edit']"
+          >处理</el-button> -->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleWork(scope.row)"
+            v-hasPermi="['iot:maintenance:add']"
+            >创建工单</el-button
+          >
+        </template>
+      </el-table-column>
     </el-table>
 
     <pagination
@@ -93,7 +118,7 @@
 </template>
 
 <script>
-import { listRecord, getRecord, exportRecord } from "@/api/alarm/record";
+import { listRecord, getRecord, exportRecord, addAlarmRecord } from "@/api/alarm/record";
 
 export default {
   name: "WarningRecord",
@@ -139,6 +164,29 @@ export default {
     this.getList();
   },
   methods: {
+    // 转工单处理
+    handleWork(row) {
+      this.$confirm("是否创建预警工单?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(function () {
+          return addAlarmRecord({
+            recordId: row.recordId, //告警记录id
+            deviceId: row.deviceId,
+            deviceName: row.deviceName,
+            faultType: "4", //固定
+            maintenanceStatus: "-1", //固定（工单已生成）
+            tenantId: null,
+            faultTypeName: "预警工单", //固定
+          });
+        })
+        .then(() => {
+          this.msgSuccess("创建成功！");
+          this.$router.push("/power/maintenancet");
+        });
+    },
     sortChange(column) {
       const sort = {
         isAsc: column.order === "descending" ? "desc" : "asc",
diff --git a/src/views/power/maintenance/index.vue b/src/views/power/maintenance/index.vue
index be9f30b0..45a051ec 100644
--- a/src/views/power/maintenance/index.vue
+++ b/src/views/power/maintenance/index.vue
@@ -122,7 +122,7 @@
       ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="maintenanceList" :default-sort="{ prop: 'handleTime', order: 'descending' }"
+    <el-table v-loading="loading" :data="maintenanceList" :default-sort="{ prop: 'createTime', order: 'descending' }"
       @sort-change="sortChange">
       <el-table-column
         type="index"
@@ -148,11 +148,22 @@
         prop="maintenanceContext"
       />
       <el-table-column
-        label="处理时间"
-        align="center"
-        prop="handleTime"
+        label="上报时间"
+        align="left"
+        prop="createTime"
         sortable="custom"
         width="120"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column
+        label="处理时间"
+        align="left"
+        prop="handleTime"
+        width="120"
       >
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.handleTime, "{y}-{m}-{d}") }}</span>
@@ -166,6 +177,13 @@
         prop="maintenanceStatus"
       >
         <template slot-scope="scope">
+           <el-tag
+            v-if="scope.row.maintenanceStatus === '-1'"
+            type="info"
+            effect="plain"
+          >
+            {{ workStateList[scope.row.maintenanceStatus] }}
+          </el-tag>
           <el-tag v-if="scope.row.maintenanceStatus === '0'" type="info">{{
             workStateList[scope.row.maintenanceStatus]
           }}</el-tag>
@@ -367,6 +385,7 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 // 工单状态(0:上报人创建工单 1:驳回上报人工单 2:处理人确认工单 3:处理人完成工单 4:驳回处理人工单 5:领导审批通过流程结束)
 const workStateList = {
+  "-1": "工单已生成",
   0: "工单已创建",
   1: "退回工单",
   2: "确认工单",
diff --git a/src/views/power/mywork/details.vue b/src/views/power/mywork/details.vue
index c5fe82ed..bbe7b27a 100644
--- a/src/views/power/mywork/details.vue
+++ b/src/views/power/mywork/details.vue
@@ -6,13 +6,13 @@
         <el-col :span="12">
           <div class="item-block">
             <span>工单 I D ：</span>
-            <span>{{ workDetails['maintenanceId'] }}</span>
+            <span>{{ workDetails["maintenanceId"] }}</span>
           </div>
         </el-col>
         <el-col :span="12">
           <div class="item-block">
             <span>工单状态：</span>
-            <span>{{ workStateList[workDetails['maintenanceStatus']] }}</span>
+            <span>{{ workStateList[workDetails["maintenanceStatus"]] }}</span>
           </div>
         </el-col>
       </el-row>
@@ -21,13 +21,13 @@
         <el-col :span="12">
           <div class="item-block">
             <span>设备名称：</span>
-            <span>{{ workDetails['deviceName'] }}</span>
+            <span>{{ workDetails["deviceName"] }}</span>
           </div>
         </el-col>
         <el-col :span="12">
           <div class="item-block">
             <span>故障类型：</span>
-            <span>{{ fanltTypeList[workDetails['faultType']] }}</span>
+            <span >{{ fanltTypeList[workDetails["faultType"]]  || workDetails['faultTypeName']}}</span>
           </div>
         </el-col>
       </el-row>
@@ -145,7 +145,7 @@
                   border-radius: 3px;
                 "
                 :src="getIotFileUrl(val)"
-                v-for="(val) in pictures"
+                v-for="val in pictures"
                 :key="val"
               />
             </div>
@@ -154,45 +154,18 @@
       </el-row>
     </div>
 
-    <div
-      class="info-wrap feedback-wrap"
-      v-if="
-        showForm === '0' &&
-        (workDetails.maintenanceStatus === '-1')
-      "
-    >
-      <el-row :gutter="20">
-        <el-col :span="24">
-          <div class="item-block">
-            <span>处理人员：</span>
-            <!-- <span>{{ workDetails.handlerName }}</span> -->
-            <el-select
-              v-model="form.handlerId"
-              style="width: 100%"
-              placeholder="请选择处理人"
-            >
-              <el-option
-                v-for="item in handleUserList"
-                :key="item.userId"
-                :label="item.nickName"
-                :value="item.userId"
-              />
-            </el-select>
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-
     <el-divider
       content-position="left"
       v-if="
-        workDetails.maintenanceStatus === '1' && workDetails.maintenanceNodeList.length > 0
+        workDetails.maintenanceStatus === '1' &&
+        workDetails.maintenanceNodeList.length > 0
       "
       >退回意见</el-divider
     >
     <div
       v-if="
-        workDetails.maintenanceStatus === '1' && workDetails.maintenanceNodeList.length > 0
+        workDetails.maintenanceStatus === '1' &&
+        workDetails.maintenanceNodeList.length > 0
       "
     >
       <el-card>
@@ -284,7 +257,8 @@
             workDetails.maintenanceStatus === '1') ||
           (workDetails.maintenanceStatus === '3' && showForm === '0') ||
           (workDetails.handlerId !== logUser &&
-            workDetails.maintenanceStatus === '4'))
+            workDetails.maintenanceStatus === '4') ||
+          (tempType !== 'workList' && workDetails.maintenanceStatus === '-1'))
       "
       >订单进程</el-divider
     >
@@ -299,7 +273,8 @@
             workDetails.maintenanceStatus === '1') ||
           (workDetails.maintenanceStatus === '3' && showForm === '0') ||
           (workDetails.handlerId !== logUser &&
-            workDetails.maintenanceStatus === '4'))
+            workDetails.maintenanceStatus === '4') ||
+          (workDetails.handlerId !== logUser && workDetails.maintenanceStatus === '-1'))
       "
     >
       <span
@@ -332,7 +307,7 @@
       <span
         style="margin-left: 20px; height: 50px; display: block"
         v-show="
-          workDetails.handlerId !== logUser &&
+          tempType !== 'workList' &&
           workDetails.maintenanceStatus === '-1'
         "
         v-text="'工单正在等待分配指定处理人...'"
@@ -352,6 +327,46 @@
       v-if="tempType === 'myWork' && expFromShow(workDetails)"
       >操作</el-divider
     >
+    <el-divider
+      content-position="left"
+      v-if="tempType === 'workList' && workDetails.maintenanceStatus === '-1'"
+      >操作</el-divider
+    >
+    <el-form
+      :model="form"
+      :rules="rules"
+      v-if="tempType === 'workList' && workDetails.maintenanceStatus === '-1'"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+      style="padding-right: 0;"
+    >
+      <el-form-item
+        label="处理人："
+        v-if="showForm === '0' && workDetails.maintenanceStatus === '-1'"
+        prop="name"
+      >
+        <el-select v-model="form.handlerId">
+          <el-option
+            v-for="docItem in handleUserList"
+            :key="docItem.userId"
+            :label="docItem.nickName"
+            :value="docItem.userId"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+
+      <div class="form-submit-div">
+        <el-button
+          size="mini"
+          type="primary"
+          :disabled="!form.handlerId && form.handlerId !== 0"
+          v-if="showForm === '0' && workDetails.maintenanceStatus === '-1'"
+          @click="setHandleSubmit()"
+          >提交</el-button
+        >
+      </div>
+    </el-form>
     <el-form
       :model="form"
       :rules="rules"
@@ -489,6 +504,21 @@
         </div>
       </div>
 
+      <el-form-item
+        label="处理人："
+        v-if="showForm === '0' && workDetails.maintenanceStatus === '-1'"
+        prop="name"
+      >
+        <el-select v-model="form.handlerId">
+          <el-option
+            v-for="docItem in handleUserList"
+            :key="docItem.userId"
+            :label="docItem.nickName"
+            :value="docItem.userId"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+
       <div class="form-submit-div">
         <el-button
           type="primary"
@@ -529,6 +559,14 @@
           @click="handelComplete()"
           >处理完成</el-button
         >
+        <!-- <el-button
+          size="mini"
+          type="primary"
+          :disabled="!form.handlerId && form.handlerId !== 0"
+          v-if="showForm === '0' && workDetails.maintenanceStatus === '-1'"
+          @click="setHandleSubmit()"
+          >提交设置处理人</el-button
+        > -->
         <el-button
           size="mini"
           type="primary"
@@ -556,17 +594,23 @@
   </div>
 </template>
 <script>
-import { updateMaintenance, getMaintenance, getTenantHandleUser } from "@/api/power/maintenance";
+import {
+  updateMaintenance,
+  getMaintenance,
+  getTenantHandleUser,
+} from "@/api/power/maintenance";
 import { uploadFile } from "@/api/file";
 import { getIotFileUrl } from "@/utils/hciot";
 // 工单状态(0:工单已创建 1:工单执行中 2:工单审核失败 3:工单审核成功)
 const workStateList = {
+  "-1": "工单已生成",
   0: "工单已创建",
   1: "退回工单",
   2: "确认工单",
   3: "处理完成",
   4: "退回处理",
   5: "审核通过",
+  6: "暂缓处理",
 };
 // 故障类型(0:设备离线 1:设备超警)
 const fanltTypeList = {
@@ -599,7 +643,7 @@ export default {
       pictures: [],
       dialogVisible: false,
       dialogImageUrl: "",
-      handleUserList: []
+      handleUserList: [],
     };
   },
   created() {
@@ -613,13 +657,13 @@ export default {
     getHandleUser() {
       getTenantHandleUser({
         tenantId: this.$store.getters.tenantId,
-        pageNum: '1',
-        pageSize: '9999',
-        orderByColumn: 'createTime',
-        isAsc: 'desc'
-      }).then(res => {
-        this.handleUserList = res.rows
-      })
+        pageNum: "1",
+        pageSize: "9999",
+        orderByColumn: "createTime",
+        isAsc: "desc",
+      }).then((res) => {
+        this.handleUserList = res.rows;
+      });
     },
     // 限制图片大小和类型
     beforeAvatarUpload(file) {
@@ -681,8 +725,9 @@ export default {
       //     auditOpinion: '不合格通过！'
       //   }
       // ]
+      console.log(this.maintenanceId);
       getMaintenance(this.maintenanceId).then((response) => {
-        this.workDetails = response.data;
+        this.workDetails = response.data || {};
         this.newTemp();
         this.pictures = this.workDetails.scenePictures
           ? this.workDetails.scenePictures.split(",")
@@ -734,6 +779,20 @@ export default {
         }
       });
     },
+    // 提交 设置工单处理人
+    setHandleSubmit() {
+      // this.newTemp()
+      updateMaintenance({
+        handlerId: this.form.handlerId, //选择用户
+        maintenanceId: this.workDetails.maintenanceId, //工单id
+        maintenanceStatus: "0", //固定（工单已创建）
+      }).then((res) => {
+        if (res.code === 200) {
+          // this.workDetails = Object.assign(this.workDetails, this.form);
+          this.handleDetails();
+        }
+      });
+    },
     // 处理人完成工单
     handelComplete() {
       this.newTemp();
@@ -757,7 +816,13 @@ export default {
       });
     },
     expFromShow(row) {
-      if (row.reporterId === this.logUser && row.maintenanceStatus === "1") {
+      // if (row.maintenanceStatus === "-1") {
+      //   return true;
+      // } else
+       if (
+        row.reporterId === this.logUser &&
+        row.maintenanceStatus === "1"
+      ) {
         return true;
       } else if (
         row.handlerId === this.logUser &&
diff --git a/src/views/power/mywork/index.vue b/src/views/power/mywork/index.vue
index b27214d8..8532306d 100644
--- a/src/views/power/mywork/index.vue
+++ b/src/views/power/mywork/index.vue
@@ -17,7 +17,12 @@
         />
       </el-form-item>
       <el-form-item label="故障类型" prop="faultType">
-        <el-select v-model="queryParams.faultType" placeholder="请选择故障类型" clearable size="small">
+        <el-select
+          v-model="queryParams.faultType"
+          placeholder="请选择故障类型"
+          clearable
+          size="small"
+        >
           <el-option
             v-for="dict in faultTypeOptions"
             :key="dict.dictValue"
@@ -46,12 +51,25 @@
           clearable
           size="small"
         >
-          <el-option :label="keys" :value="val" v-for="(keys, val) in workStateList" :key="keys" />
+          <el-option
+            :label="keys"
+            :value="val"
+            v-for="(keys, val) in workStateList"
+            :key="keys"
+          />
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -64,7 +82,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['iot:maintenance:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -74,14 +93,28 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['iot:maintenance:export']"
-        >导出</el-button>
+          >导出</el-button
+        >
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="maintenanceList" :default-sort="{ prop: 'handleTime', order: 'descending' }"
-      @sort-change="sortChange">
-      <el-table-column type="index" label="序号" align="center" :index="indexFormatter" width="80px"></el-table-column>
+    <el-table
+      v-loading="loading"
+      :data="maintenanceList"
+      :default-sort="{ prop: 'createTime', order: 'descending' }"
+      @sort-change="sortChange"
+    >
+      <el-table-column
+        type="index"
+        label="序号"
+        align="center"
+        :index="indexFormatter"
+        width="80px"
+      ></el-table-column>
       <el-table-column label="设备名称" align="left" prop="deviceName" />
       <el-table-column
         label="故障类型"
@@ -93,15 +126,48 @@
       />
       <el-table-column label="上报人" align="left" prop="reporterName" />
       <el-table-column label="处理人" align="left" prop="handlerName" />
-      <el-table-column label="工作内容" align="left" prop="maintenanceContext" />
-      <el-table-column label="处理时间" align="center" sortable="custom" prop="handleTime" width="120">
+      <el-table-column
+        label="工作内容"
+        align="left"
+        prop="maintenanceContext"
+      />
+      <el-table-column
+        label="上报时间"
+        align="left"
+        prop="createTime"
+        sortable="custom"
+        width="120"
+      >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.handleTime, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
 
-      <el-table-column label="工单状态" align="center" width="120" prop="maintenanceStatus">
+      <el-table-column
+        label="处理时间"
+        align="left"
+        prop="handleTime"
+        width="120"
+      >
         <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.handleTime, "{y}-{m}-{d}") }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column
+        label="工单状态"
+        align="center"
+        width="120"
+        prop="maintenanceStatus"
+      >
+        <template slot-scope="scope">
+          <el-tag
+            v-if="scope.row.maintenanceStatus === '-1'"
+            type="info"
+            effect="plain"
+          >
+            {{ workStateList[scope.row.maintenanceStatus] }}
+          </el-tag>
           <el-tag v-if="scope.row.maintenanceStatus === '0'" type="info">{{
             workStateList[scope.row.maintenanceStatus]
           }}</el-tag>
@@ -124,7 +190,12 @@
           >
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        width="200"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <!-- <el-button
             size="mini"
@@ -133,19 +204,22 @@
             @click="handleUpdate(scope.row)"
             v-hasPermi="['iot:maintenance:edit']"
           >修改</el-button>-->
-          <el-button size="mini" type="text" @click="handleDetails(scope.row)">工单追踪</el-button>
+          <el-button size="mini" type="text" @click="handleDetails(scope.row)"
+            >工单追踪</el-button
+          >
           <el-button
             size="mini"
             type="text"
             @click="handleDelete(scope.row)"
             v-hasPermi="['iot:maintenance:remove']"
-          >删除</el-button>
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -153,13 +227,27 @@
     />
 
     <!-- 添加或修改工单信息对话框 -->
-    <el-dialog class="eldialog-wrap" :close-on-click-modal="false" :title="title" :visible.sync="open" width="500px">
+    <el-dialog
+      class="eldialog-wrap"
+      :close-on-click-modal="false"
+      :title="title"
+      :visible.sync="open"
+      width="500px"
+    >
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="设备名称" prop="deviceName">
-          <el-input v-model="form.deviceName" @focus="openTableSelectDialog" placeholder="请输入设备名称" />
+          <el-input
+            v-model="form.deviceName"
+            @focus="openTableSelectDialog"
+            placeholder="请输入设备名称"
+          />
         </el-form-item>
         <el-form-item label="故障类型" prop="faultType">
-          <el-select v-model="form.faultType" style="width: 100%;" placeholder="请选择故障类型">
+          <el-select
+            v-model="form.faultType"
+            style="width: 100%"
+            placeholder="请选择故障类型"
+          >
             <el-option
               v-for="dict in faultTypeOptions"
               :key="dict.dictValue"
@@ -205,11 +293,17 @@
         </el-form-item>
 
         <el-form-item label="工作内容" prop="maintenanceContext">
-          <el-input v-model="form.maintenanceContext" type="textarea" placeholder="请输入内容" />
+          <el-input
+            v-model="form.maintenanceContext"
+            type="textarea"
+            placeholder="请输入内容"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button size="mini" type="primary" @click="submitForm">确 定</el-button>
+        <el-button size="mini" type="primary" @click="submitForm"
+          >确 定</el-button
+        >
         <el-button size="mini" @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -233,8 +327,18 @@
       />
 
       <div slot="footer" class="dialog-footer">
-        <el-button size="mini" type="primary" @click="resuleClick">确 定</el-button>
-        <el-button size="mini" @click="() =>{selectTableShow = false}">取 消</el-button>
+        <el-button size="mini" type="primary" @click="resuleClick"
+          >确 定</el-button
+        >
+        <el-button
+          size="mini"
+          @click="
+            () => {
+              selectTableShow = false;
+            }
+          "
+          >取 消</el-button
+        >
       </div>
     </el-dialog>
 
@@ -265,7 +369,7 @@ import {
   delMaintenance,
   addMaintenance,
   updateMaintenance,
-  exportMaintenance
+  exportMaintenance,
 } from "@/api/power/maintenance";
 import { listDevice } from "@/api/iot/device";
 import { listUser, gdListUser } from "@/api/system/user";
@@ -277,12 +381,13 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 // 工单状态(0:上报人创建工单 1:驳回上报人工单 2:处理人确认工单 3:处理人完成工单 4:驳回处理人工单 5:领导审批通过流程结束)
 const workStateList = {
-  "0": "工单已创建",
-  "1": "退回工单",
-  "2": "确认工单",
-  "3": "处理完成",
-  "4": "退回处理",
-  "5": "审核通过"
+  "-1": "工单已生成",
+  0: "工单已创建",
+  1: "退回工单",
+  2: "确认工单",
+  3: "处理完成",
+  4: "退回处理",
+  5: "审核通过",
 };
 
 export default {
@@ -290,7 +395,7 @@ export default {
   components: {
     Treeselect,
     SelectTableWrap,
-    DetailsWrap
+    DetailsWrap,
   },
   data() {
     return {
@@ -336,19 +441,19 @@ export default {
         scenePictures: null,
         feedbackInformation: null,
         advice: null,
-        maintenanceStatus: null
+        maintenanceStatus: null,
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {},
       deptOptions: [],
-      gdUserList: []
+      gdUserList: [],
     };
   },
   created() {
     // 获取故障类型（字典）
-    this.getDicts("fault_type").then(response => {
+    this.getDicts("fault_type").then((response) => {
       this.faultTypeOptions = response.data;
     });
     this.getList();
@@ -357,7 +462,7 @@ export default {
   methods: {
     // 获取 工单 处理人列表
     gdListUser() {
-      gdListUser().then(response => {
+      gdListUser().then((response) => {
         this.gdUserList = response.data;
       });
     },
@@ -382,7 +487,7 @@ export default {
       this.selectResult = {};
       this.tableSelectOption = {
         otherOption: {
-          tableType: "device"
+          tableType: "device",
         },
         queryOpt: {
           disable: false,
@@ -391,12 +496,12 @@ export default {
             deviceName: "",
             modelId: "",
             parentId: 0,
-            deviceType: ""
+            deviceType: "",
           },
           page: {
             pageSize: 10,
             pageNum: 1,
-            total: 0
+            total: 0,
           },
           inline: true,
           queryChilds: [
@@ -408,9 +513,9 @@ export default {
               type: "input",
               key: "deviceName",
               size: "small",
-              value: ""
-            }
-          ]
+              value: "",
+            },
+          ],
         },
         tableOpt: {
           loading: false,
@@ -426,7 +531,7 @@ export default {
               align: "left",
               width: "",
               "show-overflow-tooltip": false,
-              tempType: "span"
+              tempType: "span",
             },
             {
               style: "",
@@ -436,7 +541,7 @@ export default {
               align: "left",
               width: "",
               "show-overflow-tooltip": false,
-              tempType: "span"
+              tempType: "span",
             },
             {
               style: "",
@@ -446,7 +551,7 @@ export default {
               align: "left",
               width: "",
               "show-overflow-tooltip": false,
-              tempType: "span"
+              tempType: "span",
             },
             {
               style: "",
@@ -456,21 +561,21 @@ export default {
               align: "center",
               width: "160",
               "show-overflow-tooltip": false,
-              tempType: "span"
-            }
+              tempType: "span",
+            },
           ],
           tableList: {
-            type: Array
-          }
+            type: Array,
+          },
         },
-        tableList: []
+        tableList: [],
       };
       this.selectTableShow = true;
     },
     // 查询回调
     childGetList(data) {
       listDevice(Object.assign(data.page, data.param, { selected: 1 })).then(
-        response => {
+        (response) => {
           this.tableSelectOption.tableList = response.rows;
           this.tableSelectOption.queryOpt.page.total = Number(response.total);
         }
@@ -498,10 +603,10 @@ export default {
     getUserList(data) {
       var userList = [];
       var _this = this;
-      listUser().then(response => {
+      listUser().then((response) => {
         userList = response.rows;
         if (userList) {
-          userList.forEach(v => {
+          userList.forEach((v) => {
             if (v.deptId) {
               let deptId = v.deptId;
               v.deptId = v.userId;
@@ -515,7 +620,7 @@ export default {
     },
     /** 查询部门人员列表 */
     getTreeselect() {
-      listDept({ pageNum: 1, pageSize: 99999 }).then(response => {
+      listDept({ pageNum: 1, pageSize: 99999 }).then((response) => {
         this.getUserList(response.data);
       });
     },
@@ -526,7 +631,7 @@ export default {
       return {
         id: node.deptId,
         label: node.deptName ? node.deptName : node.nickName,
-        children: node.children
+        children: node.children,
       };
     },
     treeselect(node, instanceId) {
@@ -544,7 +649,7 @@ export default {
     /** 查询工单信息列表 */
     getList() {
       this.loading = true;
-      myListMaintenance(this.queryParams).then(response => {
+      myListMaintenance(this.queryParams).then((response) => {
         this.maintenanceList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -578,7 +683,7 @@ export default {
         createTime: null,
         updateId: null,
         updateTime: null,
-        remark: null
+        remark: null,
       };
       this.resetForm("form");
     },
@@ -594,14 +699,14 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.maintenanceId);
+      this.ids = selection.map((item) => item.maintenanceId);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
-      this.gdListUser()
+      this.gdListUser();
       this.form.reporterName = this.$store.getters.name;
       this.form.reporterId = this.$store.getters.userId;
       this.open = true;
@@ -611,7 +716,7 @@ export default {
     handleUpdate(row) {
       this.reset();
       const maintenanceId = row.maintenanceId || this.ids;
-      getMaintenance(maintenanceId).then(response => {
+      getMaintenance(maintenanceId).then((response) => {
         this.gdListUser();
         this.form = response.data;
         this.open = true;
@@ -622,16 +727,16 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.maintenanceId != null) {
-            updateMaintenance(this.form).then(response => {
+            updateMaintenance(this.form).then((response) => {
               this.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addMaintenance(this.form).then(response => {
+            addMaintenance(this.form).then((response) => {
               this.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -646,9 +751,9 @@ export default {
       this.$confirm("是否删除该选项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
-        .then(function() {
+        .then(function () {
           return delMaintenance(maintenanceIds);
         })
         .then(() => {
@@ -662,16 +767,16 @@ export default {
       this.$confirm("是否确认导出所有工单信息数据项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
-        .then(function() {
+        .then(function () {
           return exportMaintenance(queryParams);
         })
-        .then(response => {
+        .then((response) => {
           this.download(response.msg);
         });
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="scss">
diff --git a/src/views/tenant/alarm/record.vue b/src/views/tenant/alarm/record.vue
index 5db499ed..0b0012c8 100644
--- a/src/views/tenant/alarm/record.vue
+++ b/src/views/tenant/alarm/record.vue
@@ -307,19 +307,26 @@ export default {
     // 转工单处理
     handleWork(row) {
       console.log('addWork:', row)
-      let param = {
-        "recordId": row.recordId,//告警记录id
-        "deviceId": row.deviceId,
-        "deviceName": row.deviceName,
-        "faultType": "3",//固定
-        "maintenanceStatus": "-1",//固定（工单已生成）
-        "tenantId": null,
-        "faultTypeName": "告警工单"//固定
-      }
-      addAlarmRecord(param).then(res => {
-        this.msgSuccess("创建成功！");
-        this.$router.push('/power/maintenancet')
+      this.$confirm("是否创建告警工单?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
+        .then(function () {
+          return addAlarmRecord({
+            recordId: row.recordId, //告警记录id
+            deviceId: row.deviceId,
+            deviceName: row.deviceName,
+            faultType: "3", //固定
+            maintenanceStatus: "-1", //固定（工单已生成）
+            tenantId: null,
+            faultTypeName: "告警工单", //固定
+          });
+        })
+        .then(() => {
+          this.msgSuccess("创建成功！");
+          this.$router.push("/power/maintenancet");
+        });
     },
     // 处理告警
     handleUpdate(row) {
diff --git a/src/views/tenant/alarm/warning.vue b/src/views/tenant/alarm/warning.vue
index b17ca7c0..453901a8 100644
--- a/src/views/tenant/alarm/warning.vue
+++ b/src/views/tenant/alarm/warning.vue
@@ -124,7 +124,12 @@
         width="200px"
         prop="typeName"
       />
-      <el-table-column label="操作" width="200" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        width="200"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <!-- <el-button
             size="mini"
@@ -140,7 +145,8 @@
             icon="el-icon-edit"
             @click="handleWork(scope.row)"
             v-hasPermi="['iot:maintenance:add']"
-          >创建工单</el-button>
+            >创建工单</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -192,7 +198,7 @@ import {
   exportRecord,
   updateRecord,
   delRecord,
-  addAlarmRecord
+  addAlarmRecord,
 } from "@/api/alarm/tenantAlarm";
 import Editor from "@/components/Editor";
 
@@ -299,20 +305,27 @@ export default {
     },
     // 转工单处理
     handleWork(row) {
-      console.log('addWork:', row)
-      let param = {
-        "recordId": row.recordId,//告警记录id
-        "deviceId": row.deviceId,
-        "deviceName": row.deviceName,
-        "faultType": "3",//固定
-        "maintenanceStatus": "-1",//固定（工单已生成）
-        "tenantId": null,
-        "faultTypeName": "告警工单"//固定
-      }
-      addAlarmRecord(param).then(res => {
-        this.msgSuccess("创建成功！");
-        this.$router.push('/power/maintenancet')
+      console.log("addWork:", row);
+      this.$confirm("是否创建预警工单?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
+        .then(function () {
+          return addAlarmRecord({
+            recordId: row.recordId, //告警记录id
+            deviceId: row.deviceId,
+            deviceName: row.deviceName,
+            faultType: "4", //固定
+            maintenanceStatus: "-1", //固定（工单已生成）
+            tenantId: null,
+            faultTypeName: "预警工单", //固定
+          });
+        })
+        .then(() => {
+          this.msgSuccess("创建成功！");
+          this.$router.push("/power/maintenancet");
+        });
     },
     // 处理预警
     handleUpdate(row) {