From 35c4c58b169ee9cd8871d7b16f4686ef818bb3d7 Mon Sep 17 00:00:00 2001
From: lll <you@example.com>
Date: Mon, 6 Nov 2023 17:52:40 +0800
Subject: [PATCH] 11

---
 src/components/DeviceWirle.vue | 197 ++++++++++++++++++++-------------
 1 file changed, 121 insertions(+), 76 deletions(-)

diff --git a/src/components/DeviceWirle.vue b/src/components/DeviceWirle.vue
index 9769441..8c5a735 100644
--- a/src/components/DeviceWirle.vue
+++ b/src/components/DeviceWirle.vue
@@ -1,84 +1,129 @@
 <!-- 设备设置------串口设备设置 -->
 <template>
+  <div>
     <div>
-        <!-- <div v-click-outside="closeMenu"> -->
-            <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
-            <div class="tree_menu" v-show="dialogVisible">
-                <el-tree :data="datas" :props="defaultProps" @node-contextmenu="rightClick" default-expand-all
-                    @node-click="treeNodeClick"></el-tree>
-                <!-- 树形控件右键组件 -->
-                <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-
-                    <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
-
-                        <el-menu-item id="menuitem" index="1" style="font-size: 12px;">
-                            <span slot="title">新建设备</span>
-                        </el-menu-item>
-                        <el-menu-item index="2" style="font-size: 12px;">
-                            <span slot="title">删 除</span>
-                        </el-menu-item>
-                        <el-menu-item index="3" style="font-size: 12px;">
-                            <span slot="title">取 消</span>
-                        </el-menu-item>
-                    </el-menu>
-                </div>
-            </div>
-        <!-- </div> -->
-        <div class="pas_params">
-            <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
-                <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备ID:" :label-width="formLabelWidth" prop="sbpz_sbid">
-                                <el-select v-model="sbpz_sbid" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options1" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备名称:" :label-width="formLabelWidth" prop="dev_name">
-                                <el-select v-model="sbpz_sbmc" placeholder="" style="width: 200px;height:30px">
-                                    <el-option v-for="item in options2" :key="item.value" :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="设备地址:" :label-width="formLabelWidth" prop="dev_address">
-                                <el-input v-model="sbpz_sbdz" placeholder="" style="width: 200px;height:30px"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item>
-                                <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="24">
-                            <el-form-item label="基地址选择:">
-                                <el-switch v-model="sbpz_jdzxz" :active-value="value1">
-                                </el-switch>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-form>
-                <span slot="footer" class="dialog-footer">
-                    <el-button type="primary" @click="add_passage = false">保 存</el-button>
-                    <el-button @click="add_passage = false">取 消</el-button>
-                </span>
-            </el-dialog>
+      <!-- <div v-click-outside="closeMenu"> -->
+      <!-- <el-button type="info" plain @click="dialogVisible = true">设备设置</el-button> -->
+      <div class="tree_menu" v-show="dialogVisible">
+        <el-tree
+          :data="datas"
+          :props="defaultProps"
+          @node-contextmenu="rightClick"
+          default-expand-all
+          @node-click="treeNodeClick"
+        ></el-tree>
+        <!-- 树形控件右键组件 -->
+        <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
+          <el-menu
+            class="el-menu-vertical-demo"
+            @select="selectMenuNode"
+            default-active="#0078FE"
+          >
+            <el-menu-item id="menuitem" index="1" style="font-size: 12px">
+              <span slot="title">新建设备</span>
+            </el-menu-item>
+            <el-menu-item index="2" style="font-size: 12px">
+              <span slot="title">删 除</span>
+            </el-menu-item>
+            <el-menu-item index="3" style="font-size: 12px">
+              <span slot="title">取 消</span>
+            </el-menu-item>
+          </el-menu>
         </div>
       </div>
+      <!-- </div> -->
+      <div class="pas_params">
+        <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">
+          <el-form
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="ruleForm"
+          >
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="设备ID:"
+                  :label-width="formLabelWidth"
+                  prop="sbpz_sbid"
+                >
+                  <el-select
+                    v-model="sbpz_sbid"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options1"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="设备名称:"
+                  :label-width="formLabelWidth"
+                  prop="dev_name"
+                >
+                  <el-select
+                    v-model="sbpz_sbmc"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  >
+                    <el-option
+                      v-for="item in options2"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item
+                  label="设备地址:"
+                  :label-width="formLabelWidth"
+                  prop="dev_address"
+                >
+                  <el-input
+                    v-model="sbpz_sbdz"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item>
+                  <el-checkbox v-model="sbpz_jysb">禁用地址</el-checkbox>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="基地址选择:">
+                  <el-switch v-model="sbpz_jdzxz" :active-value="value1">
+                  </el-switch>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="add_passage = false"
+              >保 存</el-button
+            >
+            <el-button @click="add_passage = false">取 消</el-button>
+          </span>
+        </el-dialog>
+      </div>
     </div>
     <div class="pas_params">
       <el-dialog title="设备属性" :visible.sync="add_passage" width="382px">