From a511bf3e7b84dd091bd0df78c418a655432f0239 Mon Sep 17 00:00:00 2001
From: wangqiujuan0808 <578331299@qq.com>
Date: Tue, 13 Aug 2024 20:34:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AddMb.vue     |  1 -
 src/components/Details.vue   | 99 ++++++++++++++++++------------------
 src/components/PzSet.vue     | 70 ++++++++++++++++++++-----
 src/components/ViewPoint.vue |  3 +-
 src/components/ViewSet.vue   |  2 +-
 src/css/index.scss           |  5 +-
 src/views/Page.vue           |  2 +-
 7 files changed, 115 insertions(+), 67 deletions(-)

diff --git a/src/components/AddMb.vue b/src/components/AddMb.vue
index 0c39a14..63ea785 100644
--- a/src/components/AddMb.vue
+++ b/src/components/AddMb.vue
@@ -27,7 +27,6 @@
 import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
 import infoApi from "@/api/infoApi.js";
 import { ElMessage, ElMessageBox } from "element-plus";
-// import { mb_list, mb_info, response} from '../proto/data/pd'
 export default {
   props: ["formData", "dialogVisible", "type", "templateData"],
   emits: ["dialogClose", "dialogSuccess"],
diff --git a/src/components/Details.vue b/src/components/Details.vue
index ff3b728..9af5289 100644
--- a/src/components/Details.vue
+++ b/src/components/Details.vue
@@ -1,50 +1,50 @@
 <template>
   <el-drawer v-model="visible" direction="rtl" :before-close="closeDialog">
-    
-      <fieldset class="box2">
-        <legend class="box-ht">驱动名称</legend>
-        <el-form label-width="130px">
-          <el-form-item>
-            {{ name  }}
-          </el-form-item>
-        </el-form>
-      </fieldset>
 
-      <fieldset class="box2">
-          <legend class="box-ht">通讯状态</legend>
-          <el-form label-width="130px">
-            <el-form-item label="健康状态">
-              <el-input disabled v-model="health[healthObj.status]"></el-input>
-            </el-form-item>
-            <el-form-item label="最后一次成功时间">
-              <el-input disabled v-model="healthObj.last_success_time"></el-input>
-            </el-form-item>
-            <el-form-item label="最后一次失败时间">
-              <el-input disabled v-model="healthObj.last_failure_ctime"></el-input>
-            </el-form-item>
-            <el-form-item label="最后一次失败原因">
-              <el-input disabled v-model="healthObj.last_failure_cause"></el-input>
-            </el-form-item>
-          </el-form>
-      </fieldset>
-      <fieldset class="box2">
-        <legend class="box-ht">通讯计数</legend>
-        <el-form label-width="130px">
-          <el-form-item label="总计数">
-            <el-input disabled v-model="countObj.total_count"></el-input>
-          </el-form-item>
-          <el-form-item label="失败计数">
-            <el-input disabled v-model="countObj.failure_count"></el-input>
-          </el-form-item>
-          <el-form-item label="成功计数">
-            <el-input disabled v-model="countObj.success_count"></el-input>
-          </el-form-item>
-        </el-form>
-        <div class="btns">
-          <el-button type="primary" size="large" @click="resetCount">重置计数</el-button>
-          <!-- <el-button @click="closeDialog">取消</el-button> -->
-        </div>
-      </fieldset>
+    <fieldset class="box2">
+      <legend class="box-ht">驱动名称</legend>
+      <el-form label-width="130px">
+        <el-form-item>
+          {{ name }}
+        </el-form-item>
+      </el-form>
+    </fieldset>
+
+    <fieldset class="box2">
+      <legend class="box-ht">通讯状态</legend>
+      <el-form label-width="130px">
+        <el-form-item label="健康状态">
+          <el-input disabled v-model="health[healthObj.status]"></el-input>
+        </el-form-item>
+        <el-form-item label="最后一次成功时间">
+          <el-input disabled v-model="healthObj.last_success_time"></el-input>
+        </el-form-item>
+        <el-form-item label="最后一次失败时间">
+          <el-input disabled v-model="healthObj.last_failure_ctime"></el-input>
+        </el-form-item>
+        <el-form-item label="最后一次失败原因">
+          <el-input disabled v-model="healthObj.last_failure_cause"></el-input>
+        </el-form-item>
+      </el-form>
+    </fieldset>
+    <fieldset class="box2">
+      <legend class="box-ht">通讯计数</legend>
+      <el-form label-width="130px">
+        <el-form-item label="总计数">
+          <el-input disabled v-model="countObj.total_count"></el-input>
+        </el-form-item>
+        <el-form-item label="失败计数">
+          <el-input disabled v-model="countObj.failure_count"></el-input>
+        </el-form-item>
+        <el-form-item label="成功计数">
+          <el-input disabled v-model="countObj.success_count"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="btns">
+        <el-button type="primary" size="large" @click="resetCount">重置计数</el-button>
+        <!-- <el-button @click="closeDialog">取消</el-button> -->
+      </div>
+    </fieldset>
   </el-drawer>
 </template>
 <script>
@@ -75,19 +75,19 @@ export default {
       getD();
     });
     const getD = async () => {
-    const parm = {
-          name: props.formData.driver_name
+      const parm = {
+        driver_name: props.formData.driver_name
       }
       const res = await infoApi.getD(parm);
       if (res.code == 0) {
         state.name = res.data.name
         state.healthObj = res.data.health;
-        state.countObj = res.data.count; 
+        state.countObj = res.data.count;
       }
     };
     const resetCount = async () => {
       const parm = {
-          name: props.formData.name
+        name: props.formData.name
       }
       const res = await infoApi.resetCount(parm);
       if (res.code == 0) {
@@ -97,7 +97,7 @@ export default {
     const closeDialog = () => {
       ctx.emit("dialogClose");
     };
-  
+
 
     return {
       ...toRefs(state),
@@ -113,6 +113,7 @@ export default {
 ::v-deep .el-form-item__content {
   display: flex;
   flex-wrap: nowrap;
+
   >span {
     margin-left: 10px;
   }
diff --git a/src/components/PzSet.vue b/src/components/PzSet.vue
index 90330a0..2c28b6d 100644
--- a/src/components/PzSet.vue
+++ b/src/components/PzSet.vue
@@ -1,15 +1,15 @@
 <template>
-  <el-drawer v-model="visible" direction="rtl" :before-close="closeDialog">
+  <el-drawer v-model="visible" direction="rtl" :before-close="closeDialog" title="驱动配置">
     <fieldset class="box2">
       <legend class="box-ht">驱动名称</legend>
       <el-form label-width="130px">
         <el-form-item>
-          {{ formData.name  }}
+          {{ form.driver_name }}
         </el-form-item>
       </el-form>
     </fieldset>
-    <!-- 1 modbus_tcp -->
-    <el-form size="large" :model="form" label-width="120px" :rules="rules" ref="ruleFormRef" v-if="pztypecode === 1">
+    <!-- 2 modbus_tcp -->
+    <el-form size="large" :model="form" label-width="120px" :rules="rules" ref="ruleFormRef" v-if="pztypecode === 2">
       <fieldset class="box2">
         <legend class="box-ht">通用配置</legend>
         <el-form-item label="轮询时间" prop="polling_time">
@@ -27,10 +27,20 @@
         <el-form-item label="端口号" prop="port">
           <el-input-number v-model="form.port" :min="1" clearable />
         </el-form-item>
+        <el-form-item label="大小端模式" prop="little_endian">
+          <el-select v-model="form.little_endian">
+            <el-option v-for="item in endianArr" :label="item.name" :value="item.value" :key="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字节顺序" prop="wordswap">
+          <el-select v-model="form.wordswap">
+            <el-option v-for="item in wordswapArr" :label="item.name" :value="item.value" :key="item.value"></el-option>
+          </el-select>
+        </el-form-item>
       </fieldset>
     </el-form>
-    <!-- 2: 'modbus_rtu'  -->
-    <el-form size="large" :model="form2" label-width="120px" :rules="rules2" ref="ruleFormRef2" v-if="pztypecode === 2">
+    <!-- 1: 'modbus_rtu'  -->
+    <el-form size="large" :model="form2" label-width="120px" :rules="rules2" ref="ruleFormRef2" v-if="pztypecode === 1">
       <fieldset class="box2">
         <legend class="box-ht">通用配置</legend>
         <el-form-item label="轮询时间" prop="polling_time">
@@ -116,11 +126,14 @@ export default {
     const ruleFormRef3 = ref(null);
     const state = reactive({
       form: {
+        driver_name: '',
         polling_time: "",
         faile_retry_time: "",
         host: '',
         port: '',
         id: 1,
+        little_endian: false,
+        wordswap: false
       },
       form2: {
         polling_time: "",
@@ -140,6 +153,26 @@ export default {
         rack: 1,
         id: 1
       },
+      endianArr: [
+        {
+          name: '大端模式',
+          value: false
+        },
+        {
+          name: '小端模式',
+          value: true
+        }
+      ],
+      wordswapArr: [
+        {
+          name: '正常',
+          value: false
+        },
+        {
+          name: '交换',
+          value: true
+        }
+      ],
       comArr: [],// com
       baudRateArr: [{
         name: 2400,
@@ -215,7 +248,9 @@ export default {
             }
           }, trigger: 'blur'
         }],
-        port: [{ required: true, message: "请输入端口号", trigger: "blur" }]
+        port: [{ required: true, message: "请输入端口号", trigger: "blur" }],
+        little_endian: [{ required: true, message: "请选择大小端模式", trigger: "blur" }],
+        wordswap: [{ required: true, message: "请选择字节顺序", trigger: "blur" }]
       },
       rules2: {
         polling_time: [{ required: true, message: "请输入轮询时间", trigger: "blur" }],
@@ -246,15 +281,15 @@ export default {
     });
     const onSubmit = async () => {
       var header = {
-        driver_name: props.formData.name
+        driver_name: props.formData.driver_name
       }
-      if (props.pztypecode === 1) {
+      if (props.pztypecode === 2) {
         await ruleFormRef.value.validate(async (valid) => {
           if (valid) {
             var param = {
+              ...state.form,
               polling_time: Number(state.form.polling_time),
               faile_retry_time: Number(state.form.faile_retry_time),
-              host: state.form.host,
               port: Number(state.form.port),
               id: Number(state.form.id)
             }
@@ -268,7 +303,7 @@ export default {
           } else {
           }
         });
-      } else if (props.pztypecode === 2) {
+      } else if (props.pztypecode === 1) {
         await ruleFormRef2.value.validate(async (valid) => {
           if (valid) {
             // var param = {
@@ -332,8 +367,19 @@ export default {
     });
 
     onMounted(() => {
-      getCom();
+      getD();
+      // getCom();
     });
+    const getD = async () => {
+      const parm = {
+        driver_name: props.formData.driver_name
+      }
+      const res = await infoApi.getD(parm);
+      if (res.code == 0) {
+        state.form = res.data;
+        console.log(state.form);
+      }
+    };
     const getCom = async () => {
       const parm = {
         name: props.formData.name
diff --git a/src/components/ViewPoint.vue b/src/components/ViewPoint.vue
index 53ef69d..c4278b1 100644
--- a/src/components/ViewPoint.vue
+++ b/src/components/ViewPoint.vue
@@ -1,6 +1,6 @@
 <template>
     <el-drawer size="65%" :modal-append-to-body="false" :destroy-on-close="true" :before-close="closeDialog"
-        v-model="visible">
+        v-model="visible" title="点位管理">
         <el-card class="top-title">
             <span>模板名称：{{ formData.template_name }}</span>
             <!-- <span>模板描述：{{ formData.template_description }}</span>
@@ -64,7 +64,6 @@
     </el-drawer>
 </template>
 <script>
-import { Base64 } from 'js-base64';
 import axios from "axios";
 import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
 import infoApi from "@/api/infoApi.js";
diff --git a/src/components/ViewSet.vue b/src/components/ViewSet.vue
index b655639..6f1de37 100644
--- a/src/components/ViewSet.vue
+++ b/src/components/ViewSet.vue
@@ -1,6 +1,6 @@
 <template>
     <el-drawer size="65%" :modal-append-to-body="false" :destroy-on-close="true" :before-close="closeDialog"
-        v-model="visible">
+        v-model="visible" title="设备管理">
         <el-card class="top-title">
             <span>通讯名称：{{ formData.driver_name }}</span>
             <span>设备数量：{{ propertiesData.length }}</span>
diff --git a/src/css/index.scss b/src/css/index.scss
index cd29760..65895ec 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -288,7 +288,10 @@ s {
   color: transparent;
 }
 .el-form-item__label {
-  width: 100px !important;
+  // width: 100px !important;
+}
+.el-drawer__title {
+  font-size: 20px;
 }
 /* 点击树结构项的选中颜色 */
 .el-tree--highlight-current .is-current.el-tree-node > .el-tree-node__content {
diff --git a/src/views/Page.vue b/src/views/Page.vue
index 2e03dc2..37664fa 100644
--- a/src/views/Page.vue
+++ b/src/views/Page.vue
@@ -256,7 +256,7 @@ export default {
     const openPz = (item) => {
       state.dialogVisible3 = true;
       state.pztype = state.qudongOptions[item.type];
-      state.pztypecode = item.type;
+      state.pztypecode = item.driver_type;
       state.formData = JSON.parse(JSON.stringify(item));
     }
     const openDetails = (item) => {