From c819024e241b9f7c54cc3786373ad0d2998f2190 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期五, 05 五月 2023 08:55:46 +0800
Subject: [PATCH] 修改

---
 src/views/majorHazardSourceMonitoring/productionEquipment/index.vue |  193 ++++++++++++++++++++++++++++++++++++------------
 1 files changed, 145 insertions(+), 48 deletions(-)

diff --git a/src/views/majorHazardSourceMonitoring/productionEquipment/index.vue b/src/views/majorHazardSourceMonitoring/productionEquipment/index.vue
index d8f78df..63e172d 100644
--- a/src/views/majorHazardSourceMonitoring/productionEquipment/index.vue
+++ b/src/views/majorHazardSourceMonitoring/productionEquipment/index.vue
@@ -2,19 +2,26 @@
     <div class="app-container">
         <el-form ref="form" :model="form" label-width="80px">
             <el-row>
+<!--                <el-col :span="6">-->
+<!--                    <el-form-item label="设备区域">-->
+<!--                        <el-select v-model="listQuery.filter.areaId" placeholder="请选择设备区域" clearable style="width: 100%">-->
+<!--                            <el-option v-for="item in areaList" :key="item.id" :label="item.value" :value="item.id"></el-option>-->
+<!--                        </el-select>-->
+<!--                    </el-form-item>-->
+<!--                </el-col>-->
                 <el-col :span="5">
-                    <el-form-item label="设备名称">
-                        <el-input v-model="listQuery.filter.name"></el-input>
+                    <el-form-item label="专家姓名">
+                        <el-input v-model="listQuery.filter.name" placeholder="请输入专家姓名" clearable></el-input>
                     </el-form-item>
                 </el-col>
-                <el-col :span="5">
-                    <el-form-item label="设备状态">
-                        <el-select v-model="listQuery.filter.status" placeholder="请选择设备状态">
-                            <el-option v-for="item in unitIdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="4" style="text-align: center">
+<!--                <el-col :span="5">-->
+<!--                    <el-form-item label="设备状态">-->
+<!--                        <el-select v-model="listQuery.filter.status" placeholder="请选择设备状态" clearable>-->
+<!--                            <el-option v-for="item in unitIdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>-->
+<!--                        </el-select>-->
+<!--                    </el-form-item>-->
+<!--                </el-col>-->
+                <el-col :span="6" style="text-align: center">
                     <el-button type="primary" icon="el-icon-search" @click="find()" class="btns"
                     >搜索</el-button
                     >
@@ -25,24 +32,29 @@
                         @click="handleClick('', '新增')"
                     >新增</el-button
                     >
+                    <el-button type="primary" icon="el-icon-refresh" @click="reset()" class="btns"
+                    >重置</el-button
+                    >
                 </el-col>
             </el-row>
         </el-form>
         <el-table :data="list" border style="width: 100%">
-            <el-table-column prop="serialNumber" align="center" label="设备编号">
+            <el-table-column prop="serialNumber" align="center" label="编号">
             </el-table-column>
-            <el-table-column prop="name" align="center" label="设备名称">
+            <el-table-column prop="name" align="center" label="专家姓名">
+            </el-table-column>
+            <el-table-column prop="areaName" align="center" label="专业">
+            </el-table-column>
+            <el-table-column prop="volume" label="手机" align="center">
             </el-table-column>
             <el-table-column label="状态" align="center">
                 <template slot-scope="scope">
-                    <span v-if="scope.row.status == 0">在用</span>
-                    <span v-if="scope.row.status == 1">停用</span>
+                    <span v-if="scope.row.status == 0">空闲</span>
+                    <span v-if="scope.row.status == 1">忙碌</span>
                 </template>
             </el-table-column>
-            <el-table-column prop="volume" label="容积" align="center">
-            </el-table-column>
-            <el-table-column prop="userId" label="负责人" align="center">
-            </el-table-column>
+<!--            <el-table-column prop="userName" label="负责人" align="center">-->
+<!--            </el-table-column>-->
             <el-table-column align="center" label="操作">
                 <template slot-scope="scope">
                     <el-button
@@ -61,7 +73,7 @@
                 </template>
             </el-table-column>
         </el-table>
-        <div style="text-align:right">
+        <div style="text-align:right;margin-top: 20px;">
             <el-pagination
                 v-show="recordTotal>0"
                 @size-change="handleSizeChange"
@@ -77,18 +89,19 @@
         <el-dialog
             :title="title"
             :visible.sync="dialogVisible"
+            :close-on-click-modal="false"
             width="40%"
         >
             <el-form ref="form" :rules="rules" :model="form" label-width="80px">
                 <el-row>
                     <el-col :span="12">
-                        <el-form-item label="设备编号" prop="serialNumber">
-                            <el-input v-model.number="form.serialNumber" maxlength="50"></el-input>
+                        <el-form-item label="编号" prop="serialNumber">
+                            <el-input v-model="form.serialNumber" maxlength="50" placeholder="请输入编号"></el-input>
                         </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                        <el-form-item label="设备名称" prop="name">
-                            <el-input v-model="form.name" maxlength="50"></el-input>
+                        <el-form-item label="专家姓名" prop="name">
+                            <el-input v-model="form.name" maxlength="50" placeholder="请输入专家姓名"></el-input>
                         </el-form-item>
                     </el-col>
                 </el-row>
@@ -97,7 +110,7 @@
                         <el-form-item label="状态" prop="status">
                             <el-select
                                 v-model="form.status"
-                                placeholder="请选择设备状态"
+                                placeholder="请选择专家状态"
                                 style="width: 100%"
                             >
                                 <el-option
@@ -111,15 +124,47 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                        <el-form-item label="容积" prop="volume">
-                            <el-input v-model.number="form.volume" maxlength="50"></el-input>
+                        <el-form-item label="手机" prop="volume">
+                            <el-input v-model="form.volume" maxlength="50"
+                                      placeholder="请输入手机号"
+                            ></el-input>
                         </el-form-item>
                     </el-col>
                 </el-row>
                 <el-row>
+<!--                    <el-col :span="12">-->
+<!--                        <el-form-item label="负责人" prop="userId">-->
+<!--                            <el-select-->
+<!--                                v-model="form.userId"-->
+<!--                                placeholder="请选择负责人"-->
+<!--                                style="width: 100%"-->
+<!--                                filterable-->
+<!--                            >-->
+<!--                                <el-option-->
+<!--                                    v-for="item in personInCharge"-->
+<!--                                    :key="item.id"-->
+<!--                                    :label="item.realname"-->
+<!--                                    :value="item.id"-->
+<!--                                >-->
+<!--                                </el-option>-->
+<!--                            </el-select>-->
+<!--                        </el-form-item>-->
+<!--                    </el-col>-->
                     <el-col :span="12">
-                        <el-form-item label="负责人" prop="userId">
-                            <el-input v-model="form.userId" maxlength="50"></el-input>
+                        <el-form-item label="专业" prop="areaId">
+                            <el-select
+                                v-model="form.areaId"
+                                placeholder="请选择专业"
+                                style="width: 100%"
+                            >
+                                <el-option
+                                    v-for="item in areaList"
+                                    :key="item.id"
+                                    :label="item.value"
+                                    :value="item.id"
+                                >
+                                </el-option>
+                            </el-select>
                         </el-form-item>
                     </el-col>
                 </el-row>
@@ -128,7 +173,7 @@
         <el-button type="primary" class="btns" @click="AddelementManagement()"
         >确 定</el-button
         >
-        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button @click="cancel()">取 消</el-button>
       </span>
         </el-dialog>
     </div>
@@ -139,7 +184,9 @@
         majorEquipmentAdd,
         majorEquipmentMod,
         majorEquipmentDel,
+        majorEquipmentLis
     } from "@/api/majorEquipment.js";
+    import {getItemsByType} from '@/api/dictionary'
     export default {
         data() {
             return {
@@ -150,6 +197,7 @@
                     status: "",
                     volume: "",
                     serialNumber:"",
+                    userId:"",
                 },
                 pageSize: 10,
                 recordTotal: 0,
@@ -158,28 +206,54 @@
                 listQuery: {
                     filter: {
                         name: "",
+                        // status:"",
                     },
                     pageIndex: 1,
                     pageSize: 10,
                 },
                 type:'',
                 rules: {
-                    serialNumber:{ required: true, message: '容积必须为数字值'},
-                    volume:{ type: 'number', message: '负责人必须为数字值'},
-                    name: [
-                        { required: true, message: "预案名称不能为空", trigger: "change" },
+                    serialNumber:[
+                        { required: true, message: "设备编号不能为空", trigger: "change"},
+                        // { type:'number', message: '设备编号必须为数字值'}
                     ],
+                    volume:[
+                        { required: true, message: "容积不能为空", trigger: "change"},
+                        // { type:'number', message: "容积必须为数字值", trigger: "change"},
+                        { pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '请输入数字格式,可保留两位小数' }
+                    ],
+                    name:{ required: true, message: "设备名称不能为空", trigger: "change" },
+                    status:{ required: true, message: "状态不能为空", trigger: "change" },
+                    userId:{ required: true, message: "负责人不能为空", trigger: "change" },
+                    areaId:{ required: true, message: "设备区域不能为空", trigger: "change" },
                 },
-                unitIdOptions:[{label:"在用",value:0},{label:"停用",value:1}]
+                unitIdOptions:[{label:"在用",value:0},{label:"停用",value:1}],
+                personInCharge:[],
+                areaList:[],
             };
         },
         created() {
             this.elementManagementL();
+            this.initDictionaryAllItems()
+            this.productionMajorEquipmentErt();
         },
         methods: {
+            initDictionaryAllItems(){
+                getItemsByType('设备区域').then(res=>{
+                    if (res.data.code ==200){
+                        this.areaList=res.data.result
+                    }
+                })
+            },
+            productionMajorEquipmentErt(){
+                majorEquipmentLis().then(res=>{
+                    if (res.data.code ==200){
+                        this.personInCharge=res.data.result
+                    }
+                })
+            },
             async elementManagementL() {
                 var res = await majorEquipmentList(this.listQuery);
-                console.log(res);
                 if (res.data.code == 200) {
                     this.list = res.data.result.records;
                     this.recordTotal = res.data.result.total
@@ -203,7 +277,7 @@
                     };
                 } else {
                     this.title = "编辑";
-                    this.form = value;
+                    this.form=JSON.parse(JSON.stringify(value));
                 }
             },
             AddelementManagement() {
@@ -239,7 +313,7 @@
                                         title: "成功",
                                     });
                                 } else {
-                                    his.$message({
+                                    this.$message({
                                         type: "warning",
                                         message: res.data.message,
                                     });
@@ -250,21 +324,44 @@
                 });
             },
             deleteById(val) {
-                majorEquipmentDel({id:val}).then((res) => {
-                    if (res.data.code == 200) {
-                        this.elementManagementL();
-                        this.$notify({
-                            title: "成功",
-                            message: "删除成功",
-                            type: "success",
-                            duration: 2000,
-                        });
-                    }
-                });
+                this.$confirm('确认删除吗','提示', {
+                    confirmButtonText: '确认',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                })
+                    .then(()=>{
+                       majorEquipmentDel({id:val}).then((res) => {
+                           if (res.data.code == 200) {
+                               this.elementManagementL();
+                               this.$notify({
+                                   title: "成功",
+                                   message: "删除成功",
+                                   type: "success",
+                                   duration: 2000,
+                               });
+                           }else {
+                               this.$message({
+                               type: "warning",
+                               message: res.data.message,
+                           });
+
+                           }
+                       });
+                    })
+                    .catch(error =>{
+                    });
+            },
+            cancel(){
+                this.elementManagementL();
+                this.dialogVisible = false;
             },
             find(){
                 this.elementManagementL();
             },
+            reset(){
+                this.listQuery.filter={}
+                this.elementManagementL();
+            },
             handleSizeChange(val){
                 this.listQuery.pageSize = val
                 this.elementManagementL();

--
Gitblit v1.9.2