From c76fb76efee2c8519c08d82e6b4d1b5fa4bac87f Mon Sep 17 00:00:00 2001
From: "Mr.sun" <2290907227@qq.com>
Date: Thu, 25 Apr 2024 14:29:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=90=8D=E7=A7=B0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E5=AD=97=E6=AE=B5devName?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wcs/configuration/index.vue | 353 ++++++++++++++++----------
 1 file changed, 218 insertions(+), 135 deletions(-)

diff --git a/src/views/wcs/configuration/index.vue b/src/views/wcs/configuration/index.vue
index b075383..be05cb5 100644
--- a/src/views/wcs/configuration/index.vue
+++ b/src/views/wcs/configuration/index.vue
@@ -1,7 +1,17 @@
 <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="equipmentName">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item
+        label="名称"
+        prop="equipmentName"
+      >
         <el-input
           v-model="queryParams.equipmentName"
           placeholder="请输入名称"
@@ -11,8 +21,17 @@
       </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>
 
@@ -36,7 +55,6 @@
     <!--      </el-table-column>-->
     <!--    </el-table>-->
 
-
     <div class="layout-full">
       <heavy-table
         :data="systemConfigurationList"
@@ -53,27 +71,82 @@
     </div>
 
     <!-- 添加或修改区域对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" style="width: 380px;" label-width="80px">
-        <el-form-item label="名称" prop="equipmentName">
-          <el-input v-model="form.equipmentName" placeholder="请输入名称" />
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="500px"
+      append-to-body
+    >
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        style="width: 380px;"
+        label-width="80px"
+      >
+        <el-form-item
+          label="名称"
+          prop="equipmentName"
+        >
+          <el-input
+            v-model="form.equipmentName"
+            placeholder="请输入名称"
+          />
         </el-form-item>
-        <el-form-item label="上线状态" prop="onlineStatus" v-if="form.id === '1'">
-          <el-select v-model="form.onlineStatus" placeholder="上线状态" style="width: 300px;" clearable>
-            <el-option label="未上线" value="0" />
-            <el-option label="已上线" value="1" />
+        <el-form-item
+          label="上线状态"
+          prop="onlineStatus"
+          v-if="form.id === '1'"
+        >
+          <el-select
+            v-model="form.onlineStatus"
+            placeholder="上线状态"
+            style="width: 300px;"
+            clearable
+          >
+            <el-option
+              label="未上线"
+              value="0"
+            />
+            <el-option
+              label="已上线"
+              value="1"
+            />
           </el-select>
         </el-form-item>
-        <el-form-item label="设备状态" prop="equipmentStatus">
-          <el-select v-model="form.equipmentStatus" placeholder="设备状态" style="width: 300px;" clearable>
-            <el-option label="初始状态" value="0" />
-            <el-option label="手动状态" value="1" />
-            <el-option label="自动状态" value="2" />
+        <el-form-item
+          label="设备状态"
+          prop="equipmentStatus"
+        >
+          <el-select
+            v-model="form.equipmentStatus"
+            placeholder="设备状态"
+            style="width: 300px;"
+            clearable
+          >
+            <el-option
+              label="初始状态"
+              value="0"
+            />
+            <el-option
+              label="手动状态"
+              value="1"
+            />
+            <el-option
+              label="自动状态"
+              value="2"
+            />
           </el-select>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
+      <div
+        slot="footer"
+        class="dialog-footer"
+      >
+        <el-button
+          type="primary"
+          @click="submitForm"
+        >确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -81,55 +154,59 @@
 </template>
 
 <script>
-import { systemConfigurationList, updateStemConfiguration,handleCutOff,handleCutIn } from "@/api/wcs/configuration";
+import { systemConfigurationList, updateStemConfiguration, handleCutOff, handleCutIn } from '@/api/wcs/configuration'
 
 export default {
-  name: "Configuration",
+  name: 'Configuration',
   data() {
     return {
-
       paging: {
         page: 1, // 当前页
         size: 10, // 页面大小
-        total: 0,
+        total: 0
       },
       tableConfig: [
+        // {
+        //   label: "名称",
+        //   prop: "equipmentName",
+        //   istrue: true,
+        // },
         {
-          label: "名称",
-          prop: "equipmentName",
-          istrue: true,
+          label: '名称',
+          prop: 'devName',
+          istrue: true
         },
         {
-          label: "上线状态",
-          prop: "onlineStatus",
+          label: '上线状态',
+          prop: 'onlineStatus',
           istrue: true,
           filter(row, value) {
             if (row.id === '1') {
-              if (row.onlineStatus === "0") {
-                return "未上线";
-              } else if (row.onlineStatus === "1") {
-                return "已上线";
+              if (row.onlineStatus === '0') {
+                return '未上线'
+              } else if (row.onlineStatus === '1') {
+                return '已上线'
               }
-            }else{
-              return "--";
+            } else {
+              return '--'
             }
-          },
+          }
         },
         {
-          label: "设备状态",
-          prop: "equipmentStatus",
+          label: '设备状态',
+          prop: 'equipmentStatus',
           istrue: true,
           filter(row, value) {
-            if(row.equipmentStatus === "0"){
-              return "初始状态";
-            }else if(row.equipmentStatus === "1"){
-              return "手动状态";
-            }else if(row.equipmentStatus === "2"){
-              return "自动状态";
-            }else{
-              return "--";
+            if (row.equipmentStatus === '0') {
+              return '初始状态'
+            } else if (row.equipmentStatus === '1') {
+              return '手动状态'
+            } else if (row.equipmentStatus === '2') {
+              return '自动状态'
+            } else {
+              return '--'
             }
-          },
+          }
         },
         // {
         //   label: "通信状态",
@@ -145,59 +222,61 @@ export default {
         //
         // },
         {
-          label: "创建时间",
-          prop: "createTime",
-          istrue: true,
+          label: '创建时间',
+          prop: 'createTime',
+          istrue: true
         },
         {
-          label: "修改时间",
-          prop: "updateTime",
-          istrue: true,
+          label: '修改时间',
+          prop: 'updateTime',
+          istrue: true
         },
         {
-          label: "操作",
-          prop: "operating",
+          label: '操作',
+          prop: 'operating',
           istrue: true,
-          type: "button",
+          type: 'button',
           width: 100,
-          fixed: "right",
+          fixed: 'right',
           buttons: [
             {
-              name: "修改",
-              event: "handleUpdate",
+              name: '修改',
+              event: 'handleUpdate',
               hidden(value) {
-                if (value.equipmentName === "WCS") {
-                  return false;
+                if (value.equipmentName === 'WCS') {
+                  return false
                 } else {
-                  return true;
+                  return true
                 }
-              },
-            },{
-              name: "切离",
-              event: "handleCutOff",
+              }
+            },
+            {
+              name: '切离',
+              event: 'handleCutOff',
               hidden(value) {
                 if (value.equipmentStatus === '2' && value.equipmentName != 'WCS') {
-                  return false;
+                  return false
                 } else {
-                  return true;
+                  return true
                 }
-              },
-            },{
-              name: "恢复",
-              event: "handleCutIn",
+              }
+            },
+            {
+              name: '恢复',
+              event: 'handleCutIn',
               hidden(value) {
                 if (value.equipmentStatus === '1' && value.equipmentName != 'WCS') {
-                  return false;
+                  return false
                 } else {
-                  return true;
+                  return true
                 }
-              },
-            },
-          ],
-        },
+              }
+            }
+          ]
+        }
       ],
       tableProps: {
-        "max-height": 700,
+        'max-height': 700
       },
 
       // 遮罩层
@@ -209,120 +288,124 @@ export default {
       // 区域表格数据
       systemConfigurationList: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        equipmentName:null,
+        equipmentName: null
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
-        equipmentName: [{ required: true, trigger: "blur", message: "请输入名称" }],
-        equipmentStatus: [{ required: true, trigger: "change", message: "请选择设备状态" }],
-        onlineStatus: [{ required: true, trigger: "change", message: "请选择上线状态" }]
+        equipmentName: [{ required: true, trigger: 'blur', message: '请输入名称' }],
+        equipmentStatus: [{ required: true, trigger: 'change', message: '请选择设备状态' }],
+        onlineStatus: [{ required: true, trigger: 'change', message: '请选择上线状态' }]
       }
-    };
+    }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   methods: {
     /** 查询区域列表 */
     getList() {
-      this.loading = true;
-      systemConfigurationList(this.queryParams).then(response => {
-        this.systemConfigurationList = response.rows;
-        this.paging.total = response.total;
-        this.loading = false;
-      });
+      this.loading = true
+      systemConfigurationList(this.queryParams).then((response) => {
+        this.systemConfigurationList = response.rows
+        this.paging.total = response.total
+        this.loading = false
+      })
     },
     // 取消按钮
     cancel() {
-      this.open = false;
-      this.reset();
+      this.open = false
+      this.reset()
     },
     // 表单重置
     reset() {
       this.form = {
         id: null,
         equipmentName: null,
-        equipmentStatus: null,
-      };
-      this.resetForm("form");
+        equipmentStatus: null
+      }
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
+      this.queryParams.pageNum = 1
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      let tempRow = JSON.parse(JSON.stringify(row));
-      this.reset();
+      let tempRow = JSON.parse(JSON.stringify(row))
+      this.reset()
       let data = {
         id: tempRow.id,
         equipmentName: tempRow.equipmentName,
         equipmentStatus: tempRow.equipmentStatus,
-        onlineStatus: tempRow.onlineStatus,
-      };
-      this.form = data;
-      this.open = true;
-      this.title = "修改区域";
+        onlineStatus: tempRow.onlineStatus
+      }
+      this.form = data
+      this.open = true
+      this.title = '修改区域'
     },
     /** 切离按钮操作 */
     handleCutOff(row) {
-      let tempRow = JSON.parse(JSON.stringify(row));
+      let tempRow = JSON.parse(JSON.stringify(row))
       let data = {
         id: tempRow.id,
         equipmentName: tempRow.equipmentName,
         equipmentStatus: tempRow.equipmentStatus,
-        onlineStatus: tempRow.onlineStatus,
-      };
-      handleCutOff(data).then(response => {
-        this.$modal.msgSuccess("切离成功");
-        this.getList();
-      }).catch(()=>{
-        this.$modal.msgSuccess("切离失败，正在工作中或有异常");
-      })
+        onlineStatus: tempRow.onlineStatus
+      }
+      handleCutOff(data)
+        .then((response) => {
+          this.$modal.msgSuccess('切离成功')
+          this.getList()
+        })
+        .catch(() => {
+          this.$modal.msgSuccess('切离失败，正在工作中或有异常')
+        })
     },
     /** 恢复按钮操作 */
     handleCutIn(row) {
-      let tempRow = JSON.parse(JSON.stringify(row));
+      let tempRow = JSON.parse(JSON.stringify(row))
       let data = {
         id: tempRow.id,
         equipmentName: tempRow.equipmentName,
         equipmentStatus: tempRow.equipmentStatus,
-        onlineStatus: tempRow.onlineStatus,
-      };
-      handleCutIn(data).then(response => {
-        this.$modal.msgSuccess("切离成功");
-        this.getList();
-      }).catch(()=>{
-        this.$modal.msgSuccess("切离失败，正在工作中或有异常");
-      })
+        onlineStatus: tempRow.onlineStatus
+      }
+      handleCutIn(data)
+        .then((response) => {
+          this.$modal.msgSuccess('切离成功')
+          this.getList()
+        })
+        .catch(() => {
+          this.$modal.msgSuccess('切离失败，正在工作中或有异常')
+        })
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs['form'].validate((valid) => {
         if (valid) {
-          updateStemConfiguration(this.form).then(response => {
-            this.$modal.msgSuccess("修改成功");
-            this.open = false;
-            this.getList();
-          });
+          updateStemConfiguration(this.form).then((response) => {
+            this.$modal.msgSuccess('修改成功')
+            this.open = false
+            this.getList()
+          })
         }
-      });
-    },
+      })
+    }
   }
-};
+}
 </script>