From 599eaa2925f61e6e91b33cb1daced7c4ad468163 Mon Sep 17 00:00:00 2001
From: A0010407 <KHD@202305>
Date: Mon, 6 May 2024 13:34:54 +0800
Subject: [PATCH] =?UTF-8?q?2024-5-6=20=E8=AE=BE=E5=A4=87-=E4=BF=9D?=
 =?UTF-8?q?=E5=85=BB=E6=8A=A5=E8=A1=A8=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?+=E8=AE=BE=E5=A4=87=E5=AE=8C=E5=A5=BD=E7=8E=87=E6=8A=A5?=
 =?UTF-8?q?=E8=A1=A8=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/device/maintenanceWork/index.vue |  878 +++++++++-----
 src/views/device/operation/index.vue       | 1231 ++++++++++++--------
 2 files changed, 1286 insertions(+), 823 deletions(-)

diff --git a/src/views/device/maintenanceWork/index.vue b/src/views/device/maintenanceWork/index.vue
index dd8f6c1..cb41d48 100644
--- a/src/views/device/maintenanceWork/index.vue
+++ b/src/views/device/maintenanceWork/index.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="100px"
+    >
       <el-form-item v-if="false" label="计划id" prop="planId">
         <el-input
           v-model="queryParams.planId"
@@ -18,7 +25,11 @@
         />
       </el-form-item>
       <el-form-item label="检验状态" prop="orderInspect">
-        <el-select v-model="queryParams.orderInspect" placeholder="请选择保养类型" clearable>
+        <el-select
+          v-model="queryParams.orderInspect"
+          placeholder="请选择检验状态"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.device_inspect_status"
             :key="dict.value"
@@ -44,7 +55,11 @@
         />
       </el-form-item>
       <el-form-item label="车间编码" prop="planWorkshop">
-        <el-select v-model="queryParams.planWorkshop" placeholder="请选择车间" clearable>
+        <el-select
+          v-model="queryParams.planWorkshop"
+          placeholder="请选择车间"
+          clearable
+        >
           <el-option
             v-for="work in workCenterList"
             :key="work.factoryCode"
@@ -78,7 +93,11 @@
         />
       </el-form-item>
       <el-form-item label="循环周期" prop="planLoopType">
-        <el-select v-model="queryParams.planLoopType" placeholder="请选择循环周期" clearable>
+        <el-select
+          v-model="queryParams.planLoopType"
+          placeholder="请选择循环周期"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.device_loop_type"
             :key="dict.value"
@@ -96,35 +115,43 @@
         />
       </el-form-item>
       <el-form-item v-if="false" label="循环执行时间开始" prop="planLoopStart">
-        <el-date-picker clearable
-                        v-model="queryParams.planLoopStart"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择循环执行时间开始">
+        <el-date-picker
+          clearable
+          v-model="queryParams.planLoopStart"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择循环执行时间开始"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item v-if="false" label="循环执行时间结束" prop="planLoopEnd">
-        <el-date-picker clearable
-                        v-model="queryParams.planLoopEnd"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择循环执行时间结束">
+        <el-date-picker
+          clearable
+          v-model="queryParams.planLoopEnd"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择循环执行时间结束"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item v-if="false" label="实际开始时间" prop="orderStart">
-        <el-date-picker clearable
-                        v-model="queryParams.orderStart"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择实际开始时间">
+        <el-date-picker
+          clearable
+          v-model="queryParams.orderStart"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择实际开始时间"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item v-if="false" label="实际结束时间" prop="orderEnd">
-        <el-date-picker clearable
-                        v-model="queryParams.orderEnd"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择实际结束时间">
+        <el-date-picker
+          clearable
+          v-model="queryParams.orderEnd"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择实际结束时间"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item v-if="false" label="工单费用" prop="orderCost">
@@ -208,11 +235,13 @@
         />
       </el-form-item>
       <el-form-item v-if="false" label="创建时间" prop="createTime">
-        <el-date-picker clearable
-                        v-model="queryParams.createTime"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择创建时间">
+        <el-date-picker
+          clearable
+          v-model="queryParams.createTime"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择创建时间"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item v-if="false" label="更新人" prop="updateBy">
@@ -224,11 +253,13 @@
         />
       </el-form-item>
       <el-form-item v-if="false" label="更新时间" prop="updateTime">
-        <el-date-picker clearable
-                        v-model="queryParams.updateTime"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择更新时间">
+        <el-date-picker
+          clearable
+          v-model="queryParams.updateTime"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择更新时间"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item label="循环范围开始" prop="planLoopStart">
@@ -241,7 +272,8 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
-          :picker-options="pickerOptions">
+          :picker-options="pickerOptions"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item label="循环范围结束" prop="planLoopEnd">
@@ -254,7 +286,8 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
-          :picker-options="pickerOptions">
+          :picker-options="pickerOptions"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item label="保养开始时间" prop="orderStart">
@@ -267,7 +300,8 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
-          :picker-options="pickerOptions">
+          :picker-options="pickerOptions"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item label="保养结束时间" prop="orderEnd">
@@ -280,11 +314,16 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
-          :picker-options="pickerOptions">
+          :picker-options="pickerOptions"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item label="保养类型" prop="upkeep">
-        <el-select v-model="queryParams.upkeep" placeholder="请选择保养类型" clearable>
+        <el-select
+          v-model="queryParams.upkeep"
+          placeholder="请选择保养类型"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.device_upkeep_type"
             :key="dict.value"
@@ -294,8 +333,16 @@
         </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>
 
@@ -308,7 +355,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['device:inspectionWork:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col v-if="false" :span="1.5">
         <el-button
@@ -319,7 +367,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['device:inspectionWork:edit']"
-        >修改</el-button>
+          >修改</el-button
+        >
       </el-col>
       <el-col v-if="false" :span="1.5">
         <el-button
@@ -330,7 +379,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['device:inspectionWork:remove']"
-        >删除</el-button>
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -340,52 +390,158 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['device:inspectionWork: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="inspectionWorkList">
-      <el-table-column v-if="false" label="主键" align="center" prop="orderId" />
+      <el-table-column
+        v-if="false"
+        label="主键"
+        align="center"
+        prop="orderId"
+      />
       <!-- 序号 -->
-      <el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号" fixed/>
-      <el-table-column v-if="false" label="计划id" align="center" prop="planId" />
-      <el-table-column width="150" label="保养单号" align="center" prop="orderCode" fixed>
+      <el-table-column
+        type="index"
+        width="90"
+        align="center"
+        :index="indexMethod"
+        label="序号"
+        fixed
+      />
+      <el-table-column
+        v-if="false"
+        label="计划id"
+        align="center"
+        prop="planId"
+      />
+      <el-table-column
+        width="150"
+        label="保养工单号"
+        align="center"
+        prop="orderCode"
+        fixed
+      >
         <template slot-scope="scope">
-          <el-button
-            type="text"
-            @click="showWork(scope.row)"
-          >{{ scope.row.orderCode }}</el-button
-          >
+          <el-button type="text" @click="showWork(scope.row)">{{
+            scope.row.orderCode
+          }}</el-button>
         </template>
       </el-table-column>
       <el-table-column label="检验状态" align="center" prop="orderInspect">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.device_inspect_status" :value="scope.row.orderInspect"/>
+          <dict-tag
+            :options="dict.type.device_inspect_status"
+            :value="scope.row.orderInspect"
+          />
         </template>
       </el-table-column>
-      <el-table-column width="150" label="计划编码" align="center" prop="planCode" />
-      <el-table-column width="150" label="计划名称" align="center" prop="planName" />
-      <el-table-column v-if="false" label="计划类型" align="center" prop="planType" />
+      <el-table-column
+        width="150"
+        label="计划编码"
+        align="center"
+        prop="planCode"
+      />
+      <el-table-column
+        width="150"
+        label="计划名称"
+        align="center"
+        prop="planName"
+      />
+      <el-table-column
+        v-if="false"
+        label="计划类型"
+        align="center"
+        prop="planType"
+      />
       <el-table-column label="车间编码" align="center" prop="planWorkshop" />
-      <el-table-column width="150" label="车间" align="center" prop="workCenterName"/>
-      <el-table-column width="100" label="设备编码" align="center" prop="equipmentCode" />
-      <el-table-column width="200" label="设备名称" align="center" prop="equipmentName" />
-      <el-table-column v-if="false" label="产线" align="center" prop="planProdLine" />
+      <el-table-column
+        width="150"
+        label="车间"
+        align="center"
+        prop="workCenterName"
+      />
+      <el-table-column
+        width="100"
+        label="设备编码"
+        align="center"
+        prop="equipmentCode"
+      />
+      <el-table-column
+        width="200"
+        label="设备名称"
+        align="center"
+        prop="equipmentName"
+      />
+      <el-table-column
+        width="150"
+        label="保养开始时间"
+        align="center"
+        prop="orderStart"
+      >
+        <template slot-scope="scope">
+          <span>{{
+            parseTime(scope.row.orderStart, "{y}-{m}-{d} {h}:{i}:{s}")
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        width="150"
+        label="保养结束时间"
+        align="center"
+        prop="orderEnd"
+      >
+        <template slot-scope="scope">
+          <span>{{
+            parseTime(scope.row.orderEnd, "{y}-{m}-{d} {h}:{i}:{s}")
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="保养人" align="center" prop="planPerson" />
+      <el-table-column
+        v-if="false"
+        label="产线"
+        align="center"
+        prop="planProdLine"
+      />
       <el-table-column label="循环周期" align="center" prop="planLoop" />
-      <el-table-column width="120" label="循环周期类型" align="center" prop="planLoopType" >
+      <el-table-column
+        width="120"
+        label="循环周期类型"
+        align="center"
+        prop="planLoopType"
+      >
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.device_loop_type" :value="scope.row.planLoopType"/>
+          <dict-tag
+            :options="dict.type.device_loop_type"
+            :value="scope.row.planLoopType"
+          />
         </template>
       </el-table-column>
-      <el-table-column width="120" label="循环范围开始" align="center" prop="planLoopStart">
+      <el-table-column
+        width="120"
+        label="循环范围开始"
+        align="center"
+        prop="planLoopStart"
+      >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.planLoopStart, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.planLoopStart, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column width="120" label="循环范围结束" align="center" prop="planLoopEnd">
+      <el-table-column
+        width="120"
+        label="循环范围结束"
+        align="center"
+        prop="planLoopEnd"
+      >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.planLoopEnd, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.planLoopEnd, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
       <!-- <el-table-column width="120" label="保养开始时间" align="center" prop="orderStart">
@@ -393,43 +549,98 @@
           <span>{{ parseTime(scope.row.orderStart, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
         </template>
       </el-table-column> -->
-      <el-table-column width="150" label="保养时间" align="center" prop="orderEnd">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.orderEnd, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column width="80" label="保养类型" align="center" prop="upkeep" >
+      <el-table-column width="80" label="保养类型" align="center" prop="upkeep">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.device_upkeep_type" :value="scope.row.upkeep"/>
+          <dict-tag
+            :options="dict.type.device_upkeep_type"
+            :value="scope.row.upkeep"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="工单状态" align="center" prop="orderStatus" >
+      <el-table-column label="工单状态" align="center" prop="orderStatus">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.device_order_status" :value="scope.row.orderStatus"/>
+          <dict-tag
+            :options="dict.type.device_order_status"
+            :value="scope.row.orderStatus"
+          />
         </template>
       </el-table-column>
-      <el-table-column width="120" label="工单费用(元)" align="center" prop="orderCost"/>
-      <el-table-column label="保养人" align="center" prop="planPerson"/>
-      <el-table-column width="120" label="工单用时(min)" align="center" prop="orderCostTime"/>
-      <el-table-column v-if="false" label="签字" align="center" prop="orderSignPerson"/>
-      <el-table-column v-if="false" label="工厂" align="center" prop="factoryCode"/>
-      <el-table-column v-if="false" label="备用字段1" align="center" prop="attr1"/>
-      <el-table-column v-if="false" label="备用字段2" align="center" prop="attr2"/>
-      <el-table-column v-if="false" label="备用字段3" align="center" prop="attr3"/>
-      <el-table-column v-if="false" label="删除标志" align="center" prop="delFlag"/>
-      <el-table-column label="创建人" align="center" prop="createBy"/>
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+      <el-table-column
+        width="120"
+        label="工单费用(元)"
+        align="center"
+        prop="orderCost"
+      />
+      <el-table-column
+        width="120"
+        label="工单用时(min)"
+        align="center"
+        prop="orderCostTime"
+      />
+      <el-table-column
+        v-if="false"
+        label="签字"
+        align="center"
+        prop="orderSignPerson"
+      />
+      <el-table-column
+        v-if="false"
+        label="工厂"
+        align="center"
+        prop="factoryCode"
+      />
+      <el-table-column
+        v-if="false"
+        label="备用字段1"
+        align="center"
+        prop="attr1"
+      />
+      <el-table-column
+        v-if="false"
+        label="备用字段2"
+        align="center"
+        prop="attr2"
+      />
+      <el-table-column
+        v-if="false"
+        label="备用字段3"
+        align="center"
+        prop="attr3"
+      />
+      <el-table-column
+        v-if="false"
+        label="删除标志"
+        align="center"
+        prop="delFlag"
+      />
+      <el-table-column label="创建人" align="center" prop="createBy" />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        width="180"
+      >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="更新人" align="center" prop="updateBy"/>
-      <el-table-column label="更新时间" align="center" prop="updateTime" width="180">
+      <el-table-column label="更新人" align="center" prop="updateBy" />
+      <el-table-column
+        label="更新时间"
+        align="center"
+        prop="updateTime"
+        width="180"
+      >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.updateTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column v-if="false" label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        v-if="false"
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -437,20 +648,22 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['device:inspectionWork:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['device:inspectionWork: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"
@@ -458,153 +671,171 @@
     />
 
     <!-- 保养详情 -->
-    <el-dialog
-      title="保养详情"
-      :visible.sync="workDetail"
-      width="1000px"
-    >
+    <el-dialog title="保养详情" :visible.sync="workDetail" width="1000px">
       <el-tabs type="border-card">
         <el-tab-pane label="保养信息">
-          <el-descriptions title="" border :column="2" :contentStyle="CS" :label-style="LS">
-            <el-descriptions-item label="计划编码">{{ workVO.order.planCode }}</el-descriptions-item>
-            <el-descriptions-item label="计划名称">{{ workVO.order.planName }}</el-descriptions-item>
-            <el-descriptions-item label="循环周期">{{ workVO.order.planLoop }}{{ workVO.order.planLoopType }}</el-descriptions-item>
-            <el-descriptions-item label="工单编码">{{ workVO.order.orderCode }}</el-descriptions-item>
-            <el-descriptions-item label="车间编码">{{ workVO.order.planWorkshop }}</el-descriptions-item>
-            <el-descriptions-item label="循环开始时间">{{ workVO.order.planLoopStart }}</el-descriptions-item>
-            <el-descriptions-item label="循环结束时间">{{ workVO.order.planLoopEnd }}</el-descriptions-item>
-            <el-descriptions-item label="保养开始时间">{{ workVO.order.orderStart }}</el-descriptions-item>
-            <el-descriptions-item label="保养结束时间">{{ workVO.order.orderEnd }}</el-descriptions-item>
-            <el-descriptions-item label="保养类型">{{ workVO.order.upkeep }}</el-descriptions-item>
-            <el-descriptions-item label="是否停机保养">{{ workVO.order.shutDown }}</el-descriptions-item>
-            <el-descriptions-item label="保养人">{{ workVO.order.planPerson }}</el-descriptions-item>
-<!--            <el-descriptions-item label="报修单号">{{ workVO.order.repairCode }}</el-descriptions-item>-->
+          <el-descriptions
+            title=""
+            border
+            :column="2"
+            :contentStyle="CS"
+            :label-style="LS"
+          >
+            <el-descriptions-item label="计划编码">{{
+              workVO.order.planCode
+            }}</el-descriptions-item>
+            <el-descriptions-item label="计划名称">{{
+              workVO.order.planName
+            }}</el-descriptions-item>
+            <el-descriptions-item label="循环周期"
+              >{{ workVO.order.planLoop
+              }}{{ workVO.order.planLoopType }}</el-descriptions-item
+            >
+            <el-descriptions-item label="工单编码">{{
+              workVO.order.orderCode
+            }}</el-descriptions-item>
+            <el-descriptions-item label="车间编码">{{
+              workVO.order.planWorkshop
+            }}</el-descriptions-item>
+            <el-descriptions-item label="循环开始时间">{{
+              workVO.order.planLoopStart
+            }}</el-descriptions-item>
+            <el-descriptions-item label="循环结束时间">{{
+              workVO.order.planLoopEnd
+            }}</el-descriptions-item>
+            <el-descriptions-item label="保养开始时间">{{
+              workVO.order.orderStart
+            }}</el-descriptions-item>
+            <el-descriptions-item label="保养结束时间">{{
+              workVO.order.orderEnd
+            }}</el-descriptions-item>
+            <el-descriptions-item label="保养类型">{{
+              workVO.order.upkeep
+            }}</el-descriptions-item>
+            <el-descriptions-item label="是否停机保养">{{
+              workVO.order.shutDown
+            }}</el-descriptions-item>
+            <el-descriptions-item label="保养人">{{
+              workVO.order.planPerson
+            }}</el-descriptions-item>
+            <!--            <el-descriptions-item label="报修单号">{{ workVO.order.repairCode }}</el-descriptions-item>-->
             <el-descriptions-item label="保养图片">
               <div class="demo-image__lazy">
-                <el-empty :image-size="200" v-if="workVO.order.upkeepPictures.length == 0"></el-empty>
-                <div v-for="(url, index) in workVO.order.upkeepPictures" :key="index">
-                  <el-image
-                    :src="url"
-                  ></el-image>
+                <el-empty
+                  :image-size="200"
+                  v-if="workVO.order.upkeepPictures.length == 0"
+                ></el-empty>
+                <div
+                  v-for="(url, index) in workVO.order.upkeepPictures"
+                  :key="index"
+                >
+                  <el-image :src="url"></el-image>
                 </div>
               </div>
             </el-descriptions-item>
           </el-descriptions>
         </el-tab-pane>
         <el-tab-pane label="设备信息">
-          <el-descriptions class="my-margin-top" title="" :column="2" border :contentStyle="CS" :label-style="LS">
-            <el-descriptions-item label="设备编码">{{ workVO.equ.equipmentCode }}</el-descriptions-item>
-            <el-descriptions-item label="设备名称">{{ workVO.equ.equipmentName }}</el-descriptions-item>
-            <el-descriptions-item label="设备位置">{{ workVO.equ.equipmentLocation }}</el-descriptions-item>
-            <el-descriptions-item label="设备类型编码">{{ workVO.equ.equipmentTypeCode }}</el-descriptions-item>
-            <el-descriptions-item label="设备类型名称">{{ workVO.equ.equipmentTypeName }}</el-descriptions-item>
-            <el-descriptions-item label="所属工作中心编码">{{ workVO.equ.workshopCode }}</el-descriptions-item>
-            <el-descriptions-item label="所属工作中心名称">{{ workVO.equ.workshopName }}</el-descriptions-item>
+          <el-descriptions
+            class="my-margin-top"
+            title=""
+            :column="2"
+            border
+            :contentStyle="CS"
+            :label-style="LS"
+          >
+            <el-descriptions-item label="设备编码">{{
+              workVO.equ.equipmentCode
+            }}</el-descriptions-item>
+            <el-descriptions-item label="设备名称">{{
+              workVO.equ.equipmentName
+            }}</el-descriptions-item>
+            <el-descriptions-item label="设备位置">{{
+              workVO.equ.equipmentLocation
+            }}</el-descriptions-item>
+            <el-descriptions-item label="设备类型编码">{{
+              workVO.equ.equipmentTypeCode
+            }}</el-descriptions-item>
+            <el-descriptions-item label="设备类型名称">{{
+              workVO.equ.equipmentTypeName
+            }}</el-descriptions-item>
+            <el-descriptions-item label="所属工作中心编码">{{
+              workVO.equ.workshopCode
+            }}</el-descriptions-item>
+            <el-descriptions-item label="所属工作中心名称">{{
+              workVO.equ.workshopName
+            }}</el-descriptions-item>
           </el-descriptions>
         </el-tab-pane>
         <el-tab-pane label="备件信息">
-          <el-table
-            :data="workVO.spareList"
-            border
-            style="width: 100%">
-            <el-table-column
-              prop="applyCode"
-              label="申领单号">
+          <el-table :data="workVO.spareList" border style="width: 100%">
+            <el-table-column prop="applyCode" label="申领单号">
             </el-table-column>
-            <el-table-column
-              prop="spareCode"
-              label="备件编码"
-            >
+            <el-table-column prop="spareCode" label="备件编码">
             </el-table-column>
-            <el-table-column
-              prop="spareName"
-              label="备件名称"
-            >
+            <el-table-column prop="spareName" label="备件名称">
             </el-table-column>
-            <el-table-column
-              prop="spareQuantity"
-              label="申领数量">
+            <el-table-column prop="spareQuantity" label="申领数量">
             </el-table-column>
-            <el-table-column
-              prop="spareModel"
-              label="备件类型">
+            <el-table-column prop="spareModel" label="备件类型">
             </el-table-column>
-            <el-table-column
-              prop="applyTime"
-              label="申领时间"
-              width="180">
+            <el-table-column prop="applyTime" label="申领时间" width="180">
             </el-table-column>
           </el-table>
         </el-tab-pane>
         <el-tab-pane label="检查项信息">
-            <el-table
-              :data="standardListVo"
-              border
-              style="width: 100%">
-              <el-table-column
-                prop="itemName"
-                label="检查项"
-                width="180">
-              </el-table-column>
-              <el-table-column
-                prop="standardName"
-                label="标准名称"
-                width="180">
-              </el-table-column>
-              <el-table-column
-                prop="standardTypeName"
-                label="标准类型"
-                width="80">
-              </el-table-column>
-              <el-table-column
-                prop="detailReach"
-                label="是否达标">
-              </el-table-column>
-              <el-table-column
-                prop="actualValue"
-                label="实际值">
-              </el-table-column>
-              <el-table-column
-                prop="detailUpLimit"
-                label="上限">
-              </el-table-column>
-              <el-table-column
-                prop="detailDownLimit"
-                label="下限">
-              </el-table-column>
-              <el-table-column
-                prop="detailUnit"
-                label="单位">
-              </el-table-column>
-              <el-table-column
-                prop="picturePath"
-                label="图片">
-                <template slot-scope="scope">
-                  <el-popover
-                    placement="right"
-                    width="300"
-                    trigger="hover">
-                    <div class="demo-image__lazy">
-                      <el-empty :image-size="200" v-if="scope.row.checkPictrueList.length == 0"></el-empty>
-                      <div v-for="(url, index) in scope.row.checkPictrueList" :key="index">
-                        <el-image
-                          :src="url"
-                        ></el-image>
-                      </div>
+          <el-table :data="standardListVo" border style="width: 100%">
+            <el-table-column prop="itemName" label="检查项" width="180">
+            </el-table-column>
+            <el-table-column prop="standardName" label="标准名称" width="180">
+            </el-table-column>
+            <el-table-column
+              prop="standardTypeName"
+              label="标准类型"
+              width="80"
+            >
+            </el-table-column>
+            <el-table-column prop="detailReach" label="是否达标">
+            </el-table-column>
+            <el-table-column prop="actualValue" label="实际值">
+            </el-table-column>
+            <el-table-column prop="detailUpLimit" label="上限">
+            </el-table-column>
+            <el-table-column prop="detailDownLimit" label="下限">
+            </el-table-column>
+            <el-table-column prop="detailUnit" label="单位"> </el-table-column>
+            <el-table-column prop="picturePath" label="图片">
+              <template slot-scope="scope">
+                <el-popover placement="right" width="300" trigger="hover">
+                  <div class="demo-image__lazy">
+                    <el-empty
+                      :image-size="200"
+                      v-if="scope.row.checkPictrueList.length == 0"
+                    ></el-empty>
+                    <div
+                      v-for="(url, index) in scope.row.checkPictrueList"
+                      :key="index"
+                    >
+                      <el-image :src="url"></el-image>
                     </div>
-                    <el-button slot="reference" type="primary" icon="el-icon-picture" circle></el-button>
-                  </el-popover>
-                </template>
-              </el-table-column>
-            </el-table>
+                  </div>
+                  <el-button
+                    slot="reference"
+                    type="primary"
+                    icon="el-icon-picture"
+                    circle
+                  ></el-button>
+                </el-popover>
+              </template>
+            </el-table-column>
+          </el-table>
         </el-tab-pane>
       </el-tabs>
       <span slot="footer" class="dialog-footer">
-    <el-button @click="workDetail = false">关 闭</el-button>
-  </span>
+        <el-button @click="workDetail = false">关 闭</el-button>
+      </span>
     </el-dialog>
 
-
     <!-- 添加或修改保养记录对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <div slot="footer" class="dialog-footer">
@@ -616,13 +847,24 @@
 </template>
 
 <script>
-import { listInspectionWork, getInspectionWork, delInspectionWork, addInspectionWork, updateInspectionWork } from "@/api/device/inspectionWork";
-import {listDeviceOrder} from "@/api/device/deviceOrder";
-import {getWorkCenter} from "@/api/device/plan";
+import {
+  listInspectionWork,
+  getInspectionWork,
+  delInspectionWork,
+  addInspectionWork,
+  updateInspectionWork,
+} from "@/api/device/inspectionWork";
+import { listDeviceOrder } from "@/api/device/deviceOrder";
+import { getWorkCenter } from "@/api/device/plan";
 
 export default {
   name: "InspectionWork",
-  dicts: ['device_order_status', 'device_loop_type','device_upkeep_type','device_inspect_status'],
+  dicts: [
+    "device_order_status",
+    "device_loop_type",
+    "device_upkeep_type",
+    "device_inspect_status",
+  ],
   data() {
     return {
       //表格样式
@@ -632,62 +874,67 @@ export default {
       LS: {
         width: "200px",
       },
-      standardListVo:[],
-      workCenterList:[],
+      standardListVo: [],
+      workCenterList: [],
       // 日期范围选择快捷
       pickerOptions: {
-        shortcuts: [{
-          text: '最近一周',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近一个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近三个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-            picker.$emit('pick', [start, end]);
-          }
-        }]
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
       },
       // 初始化VO
       workVO: {
         order: {
-          planCode:null,
-          planName:null,
-          planLoop:null,
-          planLoopType:null,
-          orderCode:null,
-          planWorkShop:null,
-          planLoopStart:null,
-          planLoopEnd:null,
-          orderStart:null,
-          orderEnd:null,
-          planPerson:null,
-          upkeepPictures:[],
-        },equ: {
-          equipmentCode:null,
+          planCode: null,
+          planName: null,
+          planLoop: null,
+          planLoopType: null,
+          orderCode: null,
+          planWorkShop: null,
+          planLoopStart: null,
+          planLoopEnd: null,
+          orderStart: null,
+          orderEnd: null,
+          planPerson: null,
+          upkeepPictures: [],
+        },
+        equ: {
+          equipmentCode: null,
           equipmentName: null,
-          equipmentLocation:null,
-          equipmentTypeCode:null,
-          equipmentTypeName:null,
-          workshopCode:null,
-          workshopName:null,
+          equipmentLocation: null,
+          equipmentTypeCode: null,
+          equipmentTypeName: null,
+          workshopCode: null,
+          workshopName: null,
         },
-        detailList:[],
-        spareList:[],
+        detailList: [],
+        spareList: [],
       },
       // 工单详情抽屉
       workDetail: false,
@@ -715,7 +962,7 @@ export default {
         pageSize: 10,
         planId: null,
         planCode: null,
-        planName:null,
+        planName: null,
         planType: "maintenance",
         orderCode: null,
         planWorkshop: null,
@@ -727,7 +974,8 @@ export default {
         orderStart: null,
         orderEnd: null,
         equipmentCode: null,
-        orderStatus: '1',
+        equipmentName: null,
+        orderStatus: "1",
         orderCost: null,
         planPerson: null,
         orderCostTime: null,
@@ -749,8 +997,7 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
-      }
+      rules: {},
     };
   },
   created() {
@@ -764,43 +1011,47 @@ export default {
     },
     // 获取工作中心
     setWorkCenter() {
-      getWorkCenter().then(response => {
+      getWorkCenter().then((response) => {
         this.workCenterList = response.data;
-      })
+      });
     },
     // 展示
     showWork(row) {
       this.loading = true;
       this.reset();
       this.standardListVo = [];
-      const orderId = row.orderId || this.ids
-      getInspectionWork(orderId).then(response => {
+      const orderId = row.orderId || this.ids;
+      getInspectionWork(orderId).then((response) => {
         this.workVO = response.data;
         if (this.workVO.order.upkeep == 0) {
-          this.workVO.order.upkeep = '内部';
-        }else {
-          this.workVO.order.upkeep = '委外';
+          this.workVO.order.upkeep = "内部";
+        } else {
+          this.workVO.order.upkeep = "委外";
         }
         if (this.workVO.order.shutDown == 0) {
-          this.workVO.order.shutDown = '开机保养';
-        }else {
-          this.workVO.order.shutDown = '停机保养';
+          this.workVO.order.shutDown = "开机保养";
+        } else {
+          this.workVO.order.shutDown = "停机保养";
         }
         for (let i = 0; i < this.workVO.detailList.length; i++) {
-          for (let j = 0; j < this.workVO.detailList[i].standardList.length; j++) {
-            this.workVO.detailList[i].standardList[j].itemName = this.workVO.detailList[i].itemName;
+          for (
+            let j = 0;
+            j < this.workVO.detailList[i].standardList.length;
+            j++
+          ) {
+            this.workVO.detailList[i].standardList[j].itemName =
+              this.workVO.detailList[i].itemName;
             this.standardListVo.push(this.workVO.detailList[i].standardList[j]);
           }
         }
         this.loading = false;
         this.workDetail = true;
       });
-
     },
     /** 查询保养记录列表 */
     getList() {
       this.loading = true;
-      listDeviceOrder(this.queryParams).then(response => {
+      listDeviceOrder(this.queryParams).then((response) => {
         this.inspectionWorkList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -828,7 +1079,8 @@ export default {
         orderStart: null,
         orderEnd: null,
         equipmentCode: null,
-        orderStatus: '1',
+        equipmentName: null,
+        orderStatus: "1",
         orderCost: null,
         planPerson: null,
         orderCostTime: null,
@@ -865,9 +1117,9 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.orderId)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.orderId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -878,8 +1130,8 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const orderId = row.orderId || this.ids
-      getInspectionWork(orderId).then(response => {
+      const orderId = row.orderId || this.ids;
+      getInspectionWork(orderId).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改保养记录";
@@ -887,16 +1139,16 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.orderId != null) {
-            updateInspectionWork(this.form).then(response => {
+            updateInspectionWork(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addInspectionWork(this.form).then(response => {
+            addInspectionWork(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -908,31 +1160,39 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const orderIds = row.orderId || this.ids;
-      this.$modal.confirm('是否确认删除保养记录编号为"' + orderIds + '"的数据项？').then(function() {
-        return delInspectionWork(orderIds);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('是否确认删除保养记录编号为"' + orderIds + '"的数据项？')
+        .then(function () {
+          return delInspectionWork(orderIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('device/inspectionWork/export', {
-        ...this.queryParams
-      }, `inspectionWork_${new Date().getTime()}.xlsx`)
-    }
-  }
+      this.download(
+        "device/inspectionWork/export",
+        {
+          ...this.queryParams,
+        },
+        `inspectionWork_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>
 <style>
-.my-margin-lr{
+.my-margin-lr {
   margin-right: 20px;
   margin-left: 20px;
 }
-.my-margin-top{
+.my-margin-top {
   margin-top: 10px;
 }
-.demo-image__lazy{
+.demo-image__lazy {
   height: 350px;
   overflow-y: auto;
 }
diff --git a/src/views/device/operation/index.vue b/src/views/device/operation/index.vue
index 42429ea..d9dc7b4 100644
--- a/src/views/device/operation/index.vue
+++ b/src/views/device/operation/index.vue
@@ -1,150 +1,161 @@
 <template>
-	<div class="app-container">
-		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-			<el-form-item label="车间" prop="workshop">
-				<el-input
-					v-model="queryParams.workshop"
-					placeholder="请输入车间"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="组线" prop="groupLine">
-				<el-input
-					v-model="queryParams.groupLine"
-					placeholder="请输入组线"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="设备" prop="equipmentName">
-				<el-input
-					v-model="queryParams.equipmentName"
-					placeholder="请输入设备"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="设备编码" prop="equipmentCode">
-				<el-input
-					v-model="queryParams.equipmentCode"
-					placeholder="请输入设备编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="故障时间" prop="faultTime">
-				<el-input
-					v-model="queryParams.faultTime"
-					placeholder="请输入故障时间"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="实际运行时间;运行时间-故障时间" prop="actualOperationTime">
-				<el-input
-					v-model="queryParams.actualOperationTime"
-					placeholder="请输入实际运行时间;运行时间-故障时间"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="运行时间" prop="operationTime">
-				<el-input
-					v-model="queryParams.operationTime"
-					placeholder="请输入运行时间"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="故障率" prop="failureRate">
-				<el-input
-					v-model="queryParams.failureRate"
-					placeholder="请输入故障率"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="故障描述" prop="failureDescription">
-				<el-input
-					v-model="queryParams.failureDescription"
-					placeholder="请输入故障描述"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="原因分析" prop="reasonAnalyze">
-				<el-input
-					v-model="queryParams.reasonAnalyze"
-					placeholder="请输入原因分析"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="处理方式" prop="handlingMethod">
-				<el-input
-					v-model="queryParams.handlingMethod"
-					placeholder="请输入处理方式"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="维修人" prop="repairPerson">
-				<el-input
-					v-model="queryParams.repairPerson"
-					placeholder="请输入维修人"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="设备状态描述" prop="equStatusDes">
-				<el-input
-					v-model="queryParams.equStatusDes"
-					placeholder="请输入设备状态描述"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="更换备件" prop="replaceSpare">
-				<el-input
-					v-model="queryParams.replaceSpare"
-					placeholder="请输入更换备件"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="工厂" prop="factoryCode">
-				<el-input
-					v-model="queryParams.factoryCode"
-					placeholder="请输入工厂"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="备用字段1" prop="attr1">
-				<el-input
-					v-model="queryParams.attr1"
-					placeholder="请输入备用字段1"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="备用字段2" prop="attr2">
-				<el-input
-					v-model="queryParams.attr2"
-					placeholder="请输入备用字段2"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item v-if="false" label="备用字段3" prop="attr3">
-				<el-input
-					v-model="queryParams.attr3"
-					placeholder="请输入备用字段3"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="车间" prop="workshop">
+        <el-input
+          v-model="queryParams.workshop"
+          placeholder="请输入车间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="组线" prop="groupLine">
+        <el-input
+          v-model="queryParams.groupLine"
+          placeholder="请输入组线"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="设备" prop="equipmentName">
+        <el-input
+          v-model="queryParams.equipmentName"
+          placeholder="请输入设备"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="设备编码" prop="equipmentCode">
+        <el-input
+          v-model="queryParams.equipmentCode"
+          placeholder="请输入设备编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="故障时间" prop="faultTime">
+        <el-input
+          v-model="queryParams.faultTime"
+          placeholder="请输入故障时间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item
+        v-if="false"
+        label="实际运行时间;运行时间-故障时间"
+        prop="actualOperationTime"
+      >
+        <el-input
+          v-model="queryParams.actualOperationTime"
+          placeholder="请输入实际运行时间;运行时间-故障时间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="运行时间" prop="operationTime">
+        <el-input
+          v-model="queryParams.operationTime"
+          placeholder="请输入运行时间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="故障率" prop="failureRate">
+        <el-input
+          v-model="queryParams.failureRate"
+          placeholder="请输入故障率"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="故障描述" prop="failureDescription">
+        <el-input
+          v-model="queryParams.failureDescription"
+          placeholder="请输入故障描述"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="原因分析" prop="reasonAnalyze">
+        <el-input
+          v-model="queryParams.reasonAnalyze"
+          placeholder="请输入原因分析"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="处理方式" prop="handlingMethod">
+        <el-input
+          v-model="queryParams.handlingMethod"
+          placeholder="请输入处理方式"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="维修人" prop="repairPerson">
+        <el-input
+          v-model="queryParams.repairPerson"
+          placeholder="请输入维修人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="设备状态描述" prop="equStatusDes">
+        <el-input
+          v-model="queryParams.equStatusDes"
+          placeholder="请输入设备状态描述"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="更换备件" prop="replaceSpare">
+        <el-input
+          v-model="queryParams.replaceSpare"
+          placeholder="请输入更换备件"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="工厂" prop="factoryCode">
+        <el-input
+          v-model="queryParams.factoryCode"
+          placeholder="请输入工厂"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="备用字段1" prop="attr1">
+        <el-input
+          v-model="queryParams.attr1"
+          placeholder="请输入备用字段1"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="备用字段2" prop="attr2">
+        <el-input
+          v-model="queryParams.attr2"
+          placeholder="请输入备用字段2"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item v-if="false" label="备用字段3" prop="attr3">
+        <el-input
+          v-model="queryParams.attr3"
+          placeholder="请输入备用字段3"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="日期" prop="createTime">
         <el-date-picker
           v-model="queryParams.createTimeArray"
@@ -155,395 +166,587 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
-          :picker-options="pickerOptions">
+          :picker-options="pickerOptions"
+        >
         </el-date-picker>
       </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-form-item>
-		</el-form>
+      <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-form-item>
+    </el-form>
 
-		<el-row v-if="false" :gutter="10" class="mb8">
-			<el-col :span="1.5">
-				<el-button
-					type="primary"
-					plain
-					icon="el-icon-plus"
-					size="mini"
-					@click="handleAdd"
-					v-hasPermi="['device:operation:add']"
-				>新增</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="success"
-					plain
-					icon="el-icon-edit"
-					size="mini"
-					:disabled="single"
-					@click="handleUpdate"
-					v-hasPermi="['device:operation:edit']"
-				>修改</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="danger"
-					plain
-					icon="el-icon-delete"
-					size="mini"
-					:disabled="multiple"
-					@click="handleDelete"
-					v-hasPermi="['device:operation:remove']"
-				>删除</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="warning"
-					plain
-					icon="el-icon-download"
-					size="mini"
-					@click="handleExport"
-					v-hasPermi="['device:operation:export']"
-				>导出</el-button>
-			</el-col>
-			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-		</el-row>
+    <el-row v-if="false" :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['device:operation:add']"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['device:operation:edit']"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['device:operation:remove']"
+          >删除</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['device:operation:export']"
+          >导出</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
 
-		<el-table v-loading="loading" :data="operationList" @selection-change="handleSelectionChange">
-			<el-table-column type="selection" width="55" align="center" />
-			<el-table-column v-if="false" label="主键" align="center" prop="id" />
-      <el-table-column width="60" align="center" label="序号" type="index"></el-table-column>
-      <el-table-column v-if="false" width="100" label="工厂" align="center" prop="factoryCode" />
-      <el-table-column width="120" label="日期" align="center" prop="createTime" >
+    <el-table
+      v-loading="loading"
+      :data="operationList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column v-if="false" label="主键" align="center" prop="id" />
+      <el-table-column
+        width="60"
+        align="center"
+        label="序号"
+        type="index"
+      ></el-table-column>
+      <el-table-column
+        v-if="false"
+        width="100"
+        label="工厂"
+        align="center"
+        prop="factoryCode"
+      />
+      <el-table-column
+        width="120"
+        label="日期"
+        align="center"
+        prop="createTime"
+      >
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-			<el-table-column width="120" label="车间" align="center" prop="workshop" />
-			<el-table-column width="120" label="组线" align="center" prop="groupLine" />
-			<el-table-column width="300" label="设备名称" align="left" prop="equipmentName" />
-			<el-table-column width="120" label="设备编码" align="center" prop="equipmentCode" />
-			<el-table-column width="100" label="故障停机时间" align="center" prop="faultTime" />
-			<el-table-column width="100" label="实际运行时间" align="center" prop="actualOperationTime" />
-			<el-table-column width="100" label="运行时间" align="center" prop="operationTime" />
-			<el-table-column width="100" label="故障率" align="center" prop="failureRate" />
-			<el-table-column width="100" label="故障次数" align="center" prop="failureTimes" />
-			<el-table-column width="100" label="停机次数" align="center" prop="shutdownTimes" />
-			<el-table-column width="200" label="故障描述" align="center" prop="failureDescription" />
-			<el-table-column width="200" label="原因分析" align="center" prop="reasonAnalyze" />
-      <el-table-column width="200" label="设备状态描述" align="center" prop="equStatusDes" />
-			<el-table-column width="200" label="处理方式" align="center" prop="handlingMethod" />
-			<el-table-column width="200" label="更换备件" align="center" prop="replaceSpare" />
-      <el-table-column width="100" label="维修人" align="center" prop="repairPerson" />
-			<el-table-column v-if="false" label="备用字段1" align="center" prop="attr1" />
-			<el-table-column v-if="false" label="备用字段2" align="center" prop="attr2" />
-			<el-table-column v-if="false" label="备用字段3" align="center" prop="attr3" />
-			<el-table-column width="120" label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
-				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-edit"
-						@click="handleUpdate(scope.row)"
-						v-hasPermi="['device:operation:edit']"
-					>修改</el-button>
-					<el-button
+      <el-table-column
+        width="120"
+        label="车间"
+        align="center"
+        prop="workshop"
+      />
+      <el-table-column
+        width="120"
+        label="组线"
+        align="center"
+        prop="groupLine"
+      />
+      <el-table-column
+        width="300"
+        label="设备名称"
+        align="left"
+        prop="equipmentName"
+      />
+      <el-table-column
+        width="120"
+        label="设备编码"
+        align="center"
+        prop="equipmentCode"
+      />
+      <el-table-column
+        width="100"
+        label="故障停机时间"
+        align="center"
+        prop="faultTime"
+      />
+      <el-table-column
+        width="100"
+        label="实际运行时间"
+        align="center"
+        prop="actualOperationTime"
+      />
+      <el-table-column
+        width="100"
+        label="运行时间"
+        align="center"
+        prop="operationTime"
+      />
+      <el-table-column
+        width="100"
+        label="故障率"
+        align="center"
+        prop="failureRate"
+      />
+      <el-table-column
+        width="100"
+        label="故障次数"
+        align="center"
+        prop="failureTimes"
+      />
+      <el-table-column
+        width="100"
+        label="停机次数"
+        align="center"
+        prop="shutdownTimes"
+      />
+      <el-table-column
+        width="200"
+        label="故障描述"
+        align="left"
+        prop="failureDescription"
+      />
+      <el-table-column
+        width="200"
+        label="原因分析"
+        align="left"
+        prop="reasonAnalyze"
+      />
+      <el-table-column
+        width="200"
+        label="设备状态描述"
+        align="left"
+        prop="equStatusDes"
+      />
+      <el-table-column
+        width="200"
+        label="处理方式"
+        align="left"
+        prop="handlingMethod"
+      />
+      <el-table-column
+        width="200"
+        label="更换备件"
+        align="left"
+        prop="replaceSpare"
+      />
+      <el-table-column
+        width="100"
+        label="维修人"
+        align="left"
+        prop="repairPerson"
+      />
+      <el-table-column
+        v-if="false"
+        label="备用字段1"
+        align="center"
+        prop="attr1"
+      />
+      <el-table-column
+        v-if="false"
+        label="备用字段2"
+        align="center"
+        prop="attr2"
+      />
+      <el-table-column
+        v-if="false"
+        label="备用字段3"
+        align="center"
+        prop="attr3"
+      />
+      <el-table-column
+        width="120"
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['device:operation:edit']"
+            >修改</el-button
+          >
+          <el-button
             v-if="false"
-						size="mini"
-						type="text"
-						icon="el-icon-delete"
-						@click="handleDelete(scope.row)"
-						v-hasPermi="['device:operation:remove']"
-					>删除</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['device:operation:remove']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
 
-		<pagination
-			v-show="total>0"
-			:total="total"
-			:page.sync="queryParams.pageNum"
-			:limit.sync="queryParams.pageSize"
-			@pagination="getList"
-		/>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
-		<!-- 添加或修改设备运行记录对话框 -->
-		<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-			<el-form ref="form" :model="form" :rules="rules" label-width="100px">
-				<el-form-item v-if="false" label="车间" prop="workshop">
-					<el-input v-model="form.workshop" placeholder="请输入车间" />
-				</el-form-item>
-				<el-form-item v-if="false" label="组线" prop="groupLine">
-					<el-input v-model="form.groupLine" placeholder="请输入组线" />
-				</el-form-item>
-				<el-form-item label="设备" prop="equipmentName">
-					<el-input v-model="form.equipmentName" placeholder="请输入设备" :disabled="true"/>
-				</el-form-item>
-				<el-form-item v-if="false" label="设备编码" prop="equipmentCode">
-					<el-input v-model="form.equipmentCode" placeholder="请输入设备编码" />
-				</el-form-item>
-				<el-form-item label="故障时间" prop="faultTime">
-					<el-input v-model="form.faultTime" placeholder="请输入故障时间" />
-				</el-form-item>
-				<el-form-item label="实际运行时间" prop="actualOperationTime">
-					<el-input v-model="form.actualOperationTime" placeholder="请输入实际运行时间;运行时间-故障时间" />
-				</el-form-item>
-				<el-form-item label="运行时间" prop="operationTime">
-					<el-input v-model="form.operationTime" placeholder="请输入运行时间" />
-				</el-form-item>
-				<el-form-item v-if="false" label="故障率" prop="failureRate">
-					<el-input v-model="form.failureRate" placeholder="请输入故障率" :disabled="true"/>
-				</el-form-item>
-				<el-form-item label="故障描述" prop="failureDescription">
-					<el-input v-model="form.failureDescription" placeholder="请输入故障描述" :disabled="true"/>
-				</el-form-item>
-				<el-form-item label="原因分析" prop="reasonAnalyze">
-					<el-input v-model="form.reasonAnalyze" placeholder="请输入原因分析" :disabled="true"/>
-				</el-form-item>
-				<el-form-item label="处理方式" prop="handlingMethod">
-					<el-input v-model="form.handlingMethod" placeholder="请输入处理方式" :disabled="true"/>
-				</el-form-item>
-				<el-form-item label="维修人" prop="repairPerson">
-					<el-input v-model="form.repairPerson" placeholder="请输入维修人" :disabled="true"/>
-				</el-form-item>
-				<el-form-item label="设备状态描述" prop="equStatusDes">
-					<el-input v-model="form.equStatusDes" placeholder="请输入设备状态描述" :disabled="true"/>
-				</el-form-item>
-				<el-form-item label="更换备件" prop="replaceSpare">
-					<el-input v-model="form.replaceSpare" placeholder="请输入更换备件" :disabled="true"/>
-				</el-form-item>
-				<el-form-item v-if="false" label="工厂" prop="factoryCode">
-					<el-input v-model="form.factoryCode" placeholder="请输入工厂" />
-				</el-form-item>
-				<el-form-item v-if="false" label="备用字段1" prop="attr1">
-					<el-input v-model="form.attr1" placeholder="请输入备用字段1" />
-				</el-form-item>
-				<el-form-item v-if="false" label="备用字段2" prop="attr2">
-					<el-input v-model="form.attr2" placeholder="请输入备用字段2" />
-				</el-form-item>
-				<el-form-item v-if="false" label="备用字段3" prop="attr3">
-					<el-input v-model="form.attr3" placeholder="请输入备用字段3" />
-				</el-form-item>
-				<el-form-item v-if="false" label="删除标识" prop="delFlag">
-					<el-input v-model="form.delFlag" placeholder="请输入删除标识" />
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="submitForm">确 定</el-button>
-				<el-button @click="cancel">取 消</el-button>
-			</div>
-		</el-dialog>
-	</div>
+    <!-- 添加或修改设备运行记录对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item v-if="false" label="车间" prop="workshop">
+          <el-input v-model="form.workshop" placeholder="请输入车间" />
+        </el-form-item>
+        <el-form-item v-if="false" label="组线" prop="groupLine">
+          <el-input v-model="form.groupLine" placeholder="请输入组线" />
+        </el-form-item>
+        <el-form-item label="设备" prop="equipmentName">
+          <el-input
+            v-model="form.equipmentName"
+            placeholder="请输入设备"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item v-if="false" label="设备编码" prop="equipmentCode">
+          <el-input v-model="form.equipmentCode" placeholder="请输入设备编码" />
+        </el-form-item>
+        <el-form-item label="故障时间" prop="faultTime">
+          <el-input v-model="form.faultTime" placeholder="请输入故障时间" />
+        </el-form-item>
+        <el-form-item label="实际运行时间" prop="actualOperationTime">
+          <el-input
+            v-model="form.actualOperationTime"
+            placeholder="请输入实际运行时间;运行时间-故障时间"
+          />
+        </el-form-item>
+        <el-form-item label="运行时间" prop="operationTime">
+          <el-input v-model="form.operationTime" placeholder="请输入运行时间" />
+        </el-form-item>
+        <el-form-item v-if="false" label="故障率" prop="failureRate">
+          <el-input
+            v-model="form.failureRate"
+            placeholder="请输入故障率"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item label="故障描述" prop="failureDescription">
+          <el-input
+            v-model="form.failureDescription"
+            placeholder="请输入故障描述"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item label="原因分析" prop="reasonAnalyze">
+          <el-input
+            v-model="form.reasonAnalyze"
+            placeholder="请输入原因分析"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item label="处理方式" prop="handlingMethod">
+          <el-input
+            v-model="form.handlingMethod"
+            placeholder="请输入处理方式"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item label="维修人" prop="repairPerson">
+          <el-input
+            v-model="form.repairPerson"
+            placeholder="请输入维修人"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item label="设备状态描述" prop="equStatusDes">
+          <el-input
+            v-model="form.equStatusDes"
+            placeholder="请输入设备状态描述"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item label="更换备件" prop="replaceSpare">
+          <el-input
+            v-model="form.replaceSpare"
+            placeholder="请输入更换备件"
+            :disabled="true"
+          />
+        </el-form-item>
+        <el-form-item v-if="false" label="工厂" prop="factoryCode">
+          <el-input v-model="form.factoryCode" placeholder="请输入工厂" />
+        </el-form-item>
+        <el-form-item v-if="false" label="备用字段1" prop="attr1">
+          <el-input v-model="form.attr1" placeholder="请输入备用字段1" />
+        </el-form-item>
+        <el-form-item v-if="false" label="备用字段2" prop="attr2">
+          <el-input v-model="form.attr2" placeholder="请输入备用字段2" />
+        </el-form-item>
+        <el-form-item v-if="false" label="备用字段3" prop="attr3">
+          <el-input v-model="form.attr3" placeholder="请输入备用字段3" />
+        </el-form-item>
+        <el-form-item v-if="false" label="删除标识" prop="delFlag">
+          <el-input v-model="form.delFlag" placeholder="请输入删除标识" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { listOperation, getOperation, delOperation, addOperation, updateOperation } from "@/api/device/operation";
-import {parseTime} from "../../../utils/ruoyi";
+import {
+  listOperation,
+  getOperation,
+  delOperation,
+  addOperation,
+  updateOperation,
+} from "@/api/device/operation";
+import { parseTime } from "../../../utils/ruoyi";
 
 export default {
-	name: "Operation",
-	data() {
-		return {
+  name: "Operation",
+  data() {
+    return {
       // 日期范围选择快捷
       pickerOptions: {
-        shortcuts: [{
-          text: '最近一周',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近一个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近三个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-            picker.$emit('pick', [start, end]);
-          }
-        }]
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
       },
-			// 遮罩层
-			loading: true,
-			// 选中数组
-			ids: [],
-			// 非单个禁用
-			single: true,
-			// 非多个禁用
-			multiple: true,
-			// 显示搜索条件
-			showSearch: true,
-			// 总条数
-			total: 0,
-			// 设备运行记录表格数据
-			operationList: [],
-			// 弹出层标题
-			title: "",
-			// 是否显示弹出层
-			open: false,
-			// 查询参数
-			queryParams: {
-				pageNum: 1,
-				pageSize: 10,
-				workshop: null,
-				groupLine: null,
-				equipmentName: null,
-				equipmentCode: null,
-				faultTime: null,
-				actualOperationTime: null,
-				operationTime: null,
-				failureRate: null,
-				failureDescription: null,
-				reasonAnalyze: null,
-				handlingMethod: null,
-				repairPerson: null,
-				equStatusDes: null,
-				replaceSpare: null,
-				factoryCode: null,
-				attr1: null,
-				attr2: null,
-				attr3: null,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 设备运行记录表格数据
+      operationList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        workshop: null,
+        groupLine: null,
+        equipmentName: null,
+        equipmentCode: null,
+        faultTime: null,
+        actualOperationTime: null,
+        operationTime: null,
+        failureRate: null,
+        failureDescription: null,
+        reasonAnalyze: null,
+        handlingMethod: null,
+        repairPerson: null,
+        equStatusDes: null,
+        replaceSpare: null,
+        factoryCode: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
         createTimeArray: [],
-			},
-			// 表单参数
-			form: {},
-			// 表单校验
-			rules: {
-				delFlag: [
-					{ required: true, message: "删除标识不能为空", trigger: "blur" }
-				],
-			}
-		};
-	},
-	created() {
-		this.getList();
-	},
-	methods: {
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        delFlag: [
+          { required: true, message: "删除标识不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
     parseTime,
-		/** 查询设备运行记录列表 */
-		getList() {
-			this.loading = true;
-			listOperation(this.queryParams).then(response => {
-				this.operationList = response.rows;
-				this.total = response.total;
-				this.loading = false;
-			});
-		},
-		// 取消按钮
-		cancel() {
-			this.open = false;
-			this.reset();
-		},
-		// 表单重置
-		reset() {
-			this.form = {
-				id: null,
-				workshop: null,
-				groupLine: null,
-				equipmentName: null,
-				equipmentCode: null,
-				faultTime: null,
-				actualOperationTime: null,
-				operationTime: null,
-				failureRate: null,
-				failureDescription: null,
-				reasonAnalyze: null,
-				handlingMethod: null,
-				repairPerson: null,
-				equStatusDes: null,
-				replaceSpare: null,
-				factoryCode: null,
-				attr1: null,
-				attr2: null,
-				attr3: null,
-				delFlag: null,
-				createBy: null,
-				createTime: null,
-				updateBy: null,
-				updateTime: null,
-			};
-			this.resetForm("form");
-		},
-		/** 搜索按钮操作 */
-		handleQuery() {
-			this.queryParams.pageNum = 1;
-			this.getList();
-		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm("queryForm");
+    /** 查询设备运行记录列表 */
+    getList() {
+      this.loading = true;
+      listOperation(this.queryParams).then((response) => {
+        this.operationList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        workshop: null,
+        groupLine: null,
+        equipmentName: null,
+        equipmentCode: null,
+        faultTime: null,
+        actualOperationTime: null,
+        operationTime: null,
+        failureRate: null,
+        failureDescription: null,
+        reasonAnalyze: null,
+        handlingMethod: null,
+        repairPerson: null,
+        equStatusDes: null,
+        replaceSpare: null,
+        factoryCode: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        delFlag: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
       // 重置日期范围
       this.queryParams.createTimeArray = [];
-			this.handleQuery();
-		},
-		// 多选框选中数据
-		handleSelectionChange(selection) {
-			this.ids = selection.map(item => item.id)
-			this.single = selection.length!==1
-			this.multiple = !selection.length
-		},
-		/** 新增按钮操作 */
-		handleAdd() {
-			this.reset();
-			this.open = true;
-			this.title = "添加设备运行记录";
-		},
-		/** 修改按钮操作 */
-		handleUpdate(row) {
-			this.reset();
-			const id = row.id || this.ids
-			getOperation(id).then(response => {
-				this.form = response.data;
-				this.open = true;
-				this.title = "修改设备运行记录";
-			});
-		},
-		/** 提交按钮 */
-		submitForm() {
-			this.$refs["form"].validate(valid => {
-				if (valid) {
-					if (this.form.id != null) {
-						updateOperation(this.form).then(response => {
-							this.$modal.msgSuccess("修改成功");
-							this.open = false;
-							this.getList();
-						});
-					} else {
-						addOperation(this.form).then(response => {
-							this.$modal.msgSuccess("新增成功");
-							this.open = false;
-							this.getList();
-						});
-					}
-				}
-			});
-		},
-		/** 删除按钮操作 */
-		handleDelete(row) {
-			const ids = row.id || this.ids;
-			this.$modal.confirm('是否确认删除设备运行记录编号为"' + ids + '"的数据项？').then(function() {
-				return delOperation(ids);
-			}).then(() => {
-				this.getList();
-				this.$modal.msgSuccess("删除成功");
-			}).catch(() => {});
-		},
-		/** 导出按钮操作 */
-		handleExport() {
-			this.download('device/operation/export', {
-				...this.queryParams
-			}, `operation_${new Date().getTime()}.xlsx`)
-		}
-	}
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加设备运行记录";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getOperation(id).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改设备运行记录";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateOperation(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addOperation(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal
+        .confirm('是否确认删除设备运行记录编号为"' + ids + '"的数据项？')
+        .then(function () {
+          return delOperation(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "device/operation/export",
+        {
+          ...this.queryParams,
+        },
+        `operation_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>