批量巡检&巡检记录

src/App.vue

@@ -186,7 +186,7 @@ export default {
 	z-index: 1000;
 }
 
-.el-overlay {
+#enpElDrawer.el-overlay {
 	height: 92%;
 	bottom: 0;
 	top: 8%;

src/config/route.js

@@ -1855,6 +1855,16 @@ const routes = [
             },
             "component": "em/equipmentj"
           },
+          {
+            "name": "xjRecord",
+            "path": "/em/xjRecord",
+            "meta": {
+              "title": "巡检记录",
+              "icon": "el-icon-cellphone",
+              "perms": ["equipment"]
+            },
+            "component": "em/xjRecord"
+          },
         ]
       },
       //人事

src/views/em/equipment.vue

@@ -3,20 +3,15 @@
     <el-header>
       <div class="left-panel">
         <el-button type="primary" icon="el-icon-plus" @click="add" v-auth="'equipment.create'">新增</el-button>
+        <el-button type="primary" @click="echeckrecord" v-auth="'echeckrecord.create'">批量巡检</el-button>
         <!-- <el-select v-model="query.belong_dept" placeholder="所在车间" clearable style="margin-left: 2px;"
         @change="handleQuery">
           <el-option v-for="item in deptOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select> -->
       </div>
       <div class="right-panel">
-        <el-cascader
+        <el-cascader v-model="query.belong_dept" :options="group" :props="groupsProps" clearable placeholder="所在车间"
-          v-model="query.belong_dept"
+          :show-all-levels="false">
-          :options="group"
-          :props="groupsProps"
-          clearable
-          placeholder="所在车间"
-          :show-all-levels="false"
-        >
         </el-cascader>
         <!-- <el-select v-model="query.state" placeholder="设备状态" clearable>
           <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"
@@ -27,7 +22,8 @@
       </div>
     </el-header>
     <el-main class="nopadding">
-      <scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="query">
+      <scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="query" @selection-change="selectionChange">
+        <el-table-column type="selection" width="50" />
         <el-table-column type="index" width="50" />
         <el-table-column label="设备名称" prop="name" show-overflow-tooltip>
         </el-table-column>
@@ -92,6 +88,8 @@
   </el-container>
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess"
     @closed="dialog.save = false"></save-dialog>
+  <check-dialog v-if="dialog.check" ref="checkDialog" :eqms="selectiones" @success="handleCheckSuccess"
+    @closed="dialog.save = false"></check-dialog>
   <el-drawer title="巡检记录" v-model="visibleRecord" :size="1000" destroy-on-close @closed="visibleRecord = false">
     <el-container v-loading="loading">
       <el-button type="primary" icon="el-icon-plus" @click="record_create" v-auth="'equipment'"
@@ -120,7 +118,8 @@
             </template>
           </el-table-column>
         </scTable>
-        <scTable ref="drawer_table" :apiObj="apiObj2" row-key="id" stripe :params="query2" id="myTable" style="display: none;">
+        <scTable ref="drawer_table" :apiObj="apiObj2" row-key="id" stripe :params="query2" id="myTable"
+          style="display: none;">
           <el-table-column type="index" width="50" />
           <el-table-column label="设备名称" prop="equipment_name" show-overflow-tooltip>
           </el-table-column>
@@ -192,28 +191,31 @@
   </el-dialog>
 </template>
 <script>
+import checkDialog from "./equipment_check.vue";
 import saveDialog from "./equipment_form.vue";
 import { genTree } from "@/utils/verificate";
 export default {
   name: "rparty",
   components: {
     saveDialog,
+    checkDialog
   },
   data() {
     return {
       deptOptions: [],
       dialog: {
         save: false,
+        check: false,
       },
       apiObj: this.$API.em.equipment.list,
-      paramsEquipment:{type: 10},
+      paramsEquipment: { type: 10 },
-      query: {type: 10},
+      query: { type: 10 },
       apiObj2: this.$API.em.einspect.list,
       query2: {
         equipment: ''
       },
       group: [],
-      selection: [],
+      selectiones: [],
       state_: {
         10: '完好',
         20: '限用',
@@ -248,16 +250,30 @@ export default {
       item: {},
       visible: false,
       visibleRecord: false,
-      excelName:''
+      excelName: ''
     };
   },
   mounted() {
     this.getDept()
   },
   methods: {
+    //表格选择后回调事件
+    selectionChange(selection) {
+      this.selectiones = selection;
+    },
+    echeckrecord() {
+      if (this.selectiones.length > 0) {
+        this.dialog.check = true;
+        this.$nextTick(() => {
+          this.$refs.checkDialog.open();
+        });
+      } else {
+        this.$message.warning("请选择要巡检的设备");
+      }
+    },
     getDept() {
       let that = this;
-      that.$API.system.dept.list.req({ page: 0 }).then(res=>{
+      that.$API.system.dept.list.req({ page: 0 }).then(res => {
         that.group = genTree(res);
       });
 
@@ -337,6 +353,7 @@ export default {
         this.$refs.table.refresh();
       }
     },
+    handleCheckSuccess() { },
     handleQuery() {
       this.$refs.table.queryData(this.query)
     },

src/views/em/equipment_check.vue

@@ -0,0 +1,142 @@
+<template>
+  <el-drawer title="设备批量巡检" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')">
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+        <el-form ref="dialogForm" :rules="rules" label-width="100px" :model="form">
+          <el-row>
+            <el-col :md="12" :sm="24" prop="inspect_time">
+              <el-form-item label="巡检时间" prop="inspect_time">
+                <el-date-picker v-model="form.inspect_time" type="datetime" placeholder="巡检时间"
+                  value-format="YYYY-MM-DD HH:mm:ss" style="width:100%">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :md="12" :sm="24">
+              <el-form-item label="巡检人" prop="inspect_user">
+                <span style="display:flex">
+                  <el-input readonly v-model="form.inspect_user_name"></el-input>
+                  <ehsUserSelect :multiple="false" @submit="getReceptionist" />
+                </span>
+              </el-form-item>
+            </el-col>
+            <el-table :data="eqms" border placeholder="设备名称">
+              <el-table-column prop="testitem" label="设备名称" min-width="120" align="center">
+                <template #default="scope">
+                  <span>{{ scope.row.name }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="result" label="巡检结果" min-width="100" align="center">
+                <template #default="scope">
+                  <el-select style="width: 100%" v-model="scope.row.result" placeholder="巡检结果">
+                    <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id">
+                    </el-option>
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column prop="result" label="备注" min-width="100" align="center">
+                <template #default="scope">
+                  <el-input v-model="scope.row.note" placeholder="备注" />
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-row>
+        </el-form>
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-drawer>
+</template>
+<script>
+import { genTree } from "@/utils/verificate";
+export default {
+  emits: ["success", "closed"],
+  props: {
+    eqms: {
+      type: Array, default: function () {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      form: {
+        inspect_time: "",
+        inspect_user: ''
+      },
+      rules: {
+        inspect_time: [{ required: true, message: "请选择巡检时间", trigger: "blur" }],
+        inspect_user: [{ required: true, message: "请选择巡检人", trigger: "blur" }]
+      },
+      options: [
+        { id: 'pass', name: '合格' },
+        { id: 'fail', name: '不合格' }
+      ],
+      visible: false,
+      isSaveing: false,
+    };
+  },
+  mounted() {
+    this.eqms.forEach(item => {
+      item.result = 'pass';
+      item.note = '';
+    })
+  },
+  methods: {
+    getReceptionist(data) {
+      this.form.inspect_user = data.id;
+      this.form.inspect_user_name = data.name;
+    },
+    //显示
+    open() {
+      this.visible = true;
+      return this;
+    },
+    //表单提交方法
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            let objArr = [];
+            this.eqms.forEach(item => {
+              let obj = {};
+              obj.equipment = item.id;
+              obj.equipment_name = item.name;
+              obj.result = item.result;
+              obj.inspect_time = this.form.inspect_time;
+              obj.inspect_user = this.form.inspect_user;
+              obj.note = item.note ? item.note : '';
+              objArr.push(obj);
+            })
+            console.log(objArr);
+            this.$API.em.einspect.create.req(objArr).then(res => {
+              this.visible = false;
+              this.isSaveing = false;
+              this.$message.success("操作成功");
+              return res;
+            }).catch(() => {
+              this.isSaveing = false;
+            })
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/em/xjRecord.vue

@@ -0,0 +1,57 @@
+<template>
+    <el-container>
+        <!-- <el-header>
+            <div class="left-panel">
+            </div>
+            <div class="right-panel">
+                <el-date-picker v-model="query.date" type="date" value-format="YYYY-MM-DD" />
+                <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+            </div>
+        </el-header> -->
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="params" :query="query">
+                <el-table-column type="index" width="50" />
+                <el-table-column label="设备名称" prop="equipment_name" show-overflow-tooltip>
+                </el-table-column>
+                <el-table-column label="巡检结果">
+                    <template #default="scope">
+                        <el-tag v-if="scope.row.result == 'pass'" type="success">
+                            合格
+                        </el-tag>
+                        <el-tag v-else type="danger">
+                            不合格
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="巡检人" prop="inspect_user_name">
+                </el-table-column>
+                <el-table-column label="巡检时间" prop="inspect_time">
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+</template>
+<script>
+export default {
+    name: "xjRecord",
+    data() {
+        return {
+            apiObj: this.$API.em.einspect.list,
+            query: {
+                test_date: '',
+            },
+            params: {},
+            selection: [],
+            state_: {
+                10: '',
+                20: '',
+            },
+        };
+    },
+    methods: {
+        resetQuery() {
+            this.query = {};
+        },
+    },
+};
+</script>