From 7b67cd7221feb210dd051633a3d8ad37b26ce17f Mon Sep 17 00:00:00 2001
From: wangqiujuan0808 <578331299@qq.com>
Date: Tue, 13 Aug 2024 17:43:16 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E9=A9=B1=E5=8A=A8=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/infoApi.js              |  4 ++
 src/components/ExportDevice.vue | 90 +++++++++++++++++++++++++++++++++
 src/components/ExportPoint.vue  |  3 --
 src/components/PzSet.vue        |  2 +-
 src/components/ViewSet.vue      | 39 ++++++++++++--
 5 files changed, 129 insertions(+), 9 deletions(-)
 create mode 100644 src/components/ExportDevice.vue

diff --git a/src/api/infoApi.js b/src/api/infoApi.js
index c29488f..8d58711 100644
--- a/src/api/infoApi.js
+++ b/src/api/infoApi.js
@@ -130,6 +130,10 @@ const infoApi = {
   editSet(params) {
     return postPBRequest('/driver', params, 54210, params.driver_name)
   },
+   // 设备导入
+  importDevice(params,driver_name) {
+    return postPBRequest('/driver', params, 54212,driver_name)
+  },
 
   // 获取设备列表
   getSet(params) {
diff --git a/src/components/ExportDevice.vue b/src/components/ExportDevice.vue
new file mode 100644
index 0000000..0d09ff6
--- /dev/null
+++ b/src/components/ExportDevice.vue
@@ -0,0 +1,90 @@
+<template>
+  <el-dialog v-model="visible" title="点位导入" width="40%" :before-close="closeDialog">
+    <input style="display:none" type="file" @change="uploadFile" id="fileinput1" class="fileinput" />
+    <label class="filelabel" for="fileinput1">上传</label>
+    <div class="fileName">
+      <span>{{ fileName }}</span>
+      <delete class="delete" @click="delFile" v-if="fileName" />
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="large" @click="closeDialog">取消</el-button>
+        <el-button size="large" type="primary" @click="saveP"> 保存 </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script>
+import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
+import infoApi from "@/api/infoApi.js";
+import { ElMessage, ElMessageBox } from "element-plus";
+export default {
+  props: ["formData", "dialogVisible"],
+  emits: ["dialogClose", "dialogSuccess"],
+  setup(props, ctx) {
+
+    const state = reactive({
+      fileName: '',
+      importData: new FormData()
+    });
+    const visible = computed(() => {
+      return props.dialogVisible;
+    });
+    const closeDialog = () => {
+      ctx.emit("dialogClose");
+    };
+
+    const saveP = async () => {
+      const res = await infoApi.importDevice(state.importData, props.formData.driver_name);
+      if (res.code == 0) {
+        ElMessage.success(res.message);
+        ctx.emit("dialogSuccess");
+      } else {
+        ElMessage.error(res.data || res.message);
+      }
+
+    };
+
+    const uploadFile = (e) => {
+      let file = e.target.files[0];
+      state.fileName = file.name;
+      state.importData.append("file", file);
+    }
+
+    const delFile = () => {
+      state.fileName = '';
+      state.formData = new FormData();
+    }
+    return {
+      ...toRefs(state),
+      visible,
+      closeDialog,
+      saveP,
+      uploadFile,
+      delFile
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+.filelabel {
+  background: #1890ff;
+  border: 1px solid #1890ff;
+  font-weight: 500;
+  padding: 5px 15px 5px;
+  margin: 0 2px 0 6px;
+  border-radius: 4px;
+  color: #fff;
+  font-size: 12px;
+}
+
+.fileName {
+  margin: 15px 0;
+  font-size: 16px;
+  .delete {
+    width: 18px; 
+    height: 18px; 
+    margin-left: 8px;
+  }
+}
+</style>
diff --git a/src/components/ExportPoint.vue b/src/components/ExportPoint.vue
index c872254..5ea0138 100644
--- a/src/components/ExportPoint.vue
+++ b/src/components/ExportPoint.vue
@@ -31,9 +31,6 @@ export default {
       return props.dialogVisible;
     });
 
-    onMounted(() => {
-      state.addForm = props.pointData
-    });
     const closeDialog = () => {
       ctx.emit("dialogClose");
     };
diff --git a/src/components/PzSet.vue b/src/components/PzSet.vue
index 64dac2b..90330a0 100644
--- a/src/components/PzSet.vue
+++ b/src/components/PzSet.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-drawer v-model="visible" title="驱动配置" direction="rtl" :before-close="closeDialog">
+  <el-drawer v-model="visible" direction="rtl" :before-close="closeDialog">
     <fieldset class="box2">
       <legend class="box-ht">驱动名称</legend>
       <el-form label-width="130px">
diff --git a/src/components/ViewSet.vue b/src/components/ViewSet.vue
index 023d22e..b655639 100644
--- a/src/components/ViewSet.vue
+++ b/src/components/ViewSet.vue
@@ -38,16 +38,21 @@
         <AddSet :type="type" :formData="formData1" :setData="setData" :dialogVisible="dialogVisible1" v-if="dialogVisible1"
             @dialogClose="dialogVisible1 = false" @dialogSuccess="dialogSuccess1">
         </AddSet>
+        <ExportDevice :formData="formData1" :dialogVisible="dialogVisible2" v-if="dialogVisible2"
+            @dialogClose="dialogVisible2 = false" @dialogSuccess="dialogSuccess2"></ExportDevice>
     </el-drawer>
 </template>
 <script>
+import axios from "axios";
 import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
 import infoApi from "@/api/infoApi.js";
 import { ElMessage, ElMessageBox } from "element-plus";
 import AddSet from "@/components/AddSet.vue";
+import ExportDevice from "@/components/ExportDevice.vue";
 export default {
     components: {
-        AddSet
+        AddSet,
+        ExportDevice
     },
     props: ["formData", "dialogVisible", "qudongOptions"],
     emits: ["dialogClose", "dialogSuccess"],
@@ -58,7 +63,8 @@ export default {
             setData: {},
             dialogVisible1: false,
             type: 'I',
-            driverInfo: {}
+            driverInfo: {},
+            dialogVisible2:false
         });
         const visible = computed(() => {
             return props.dialogVisible;
@@ -142,12 +148,34 @@ export default {
             getSet();
         };
 
-        const importData = () => {
+        const dialogSuccess2 = () => {
+            state.dialogVisible2 = false;
+            getSet();
+        }
 
+        const importData = () => {
+            state.formData1 = props.formData;
+            state.dialogVisible2 = true;
         }
 
         const exportData = () => {
-
+            axios({
+                method: "post",
+                url: '/driver',
+                headers: {
+                    "action": 54211,
+                    'driver_name': props.formData.driver_name
+                },
+                responseType: 'blob',
+            }).then((response) => {
+                let fileName = response.headers['content-disposition'].split('filename=')[1];
+                const url = window.URL.createObjectURL(new Blob([response.data]));
+                const link = document.createElement('a');
+                link.href = url;
+                link.setAttribute('download', `${decodeURI(fileName.split('"')[1])}`);
+                document.body.appendChild(link);
+                link.click();
+            }).catch();
         }
 
 
@@ -160,7 +188,8 @@ export default {
             dialogSuccess1,
             importData,
             exportData,
-            editData
+            editData,
+            dialogSuccess2
         };
     },
 };

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 2/3] =?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) => {

From 64f50960a7a230747bcff185b66c1bec4752d449 Mon Sep 17 00:00:00 2001
From: wangqiujuan0808 <578331299@qq.com>
Date: Tue, 13 Aug 2024 21:08:01 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditPass.vue |  6 ++++--
 src/views/Login.vue         | 31 ++++++++++++++++---------------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/EditPass.vue b/src/components/EditPass.vue
index 30a36e7..40aa939 100644
--- a/src/components/EditPass.vue
+++ b/src/components/EditPass.vue
@@ -89,8 +89,10 @@ export default {
           // 请求数据
           const param = {
             name: store.state.userInfo.nickName,
-            password: md5(state.formData.oldPass).toUpperCase(),
-            new_password: md5(state.formData.newPass).toUpperCase()
+            password: state.formData.oldPass,
+            new_password: state.formData.newPass,
+            // password: md5(state.formData.oldPass).toUpperCase(),
+            // new_password: md5(state.formData.newPass).toUpperCase()
           }
           const res = await myApi.editPass(param);
           if (res.code == 0) {
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 448827e..b2319d9 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -77,24 +77,25 @@ export default {
           // 1. 编码数据
           const userInfo = {
             username: state.ruleForm.username,
-            password: md5(state.ruleForm.password).toUpperCase(),
+            password: state.ruleForm.password
+            // password: md5(state.ruleForm.password).toUpperCase(),
           }
           // 模拟登录
-          localSet("token", '99999999999999999');
-          store.commit("setUserInfo", userInfo);
-          window.location.href = '/';
+          // localSet("token", '99999999999999999');
+          // store.commit("setUserInfo", userInfo);
+          // window.location.href = '/';
 
-          // myApi.login(userInfo).then(async (res) => {
-          //   if (res.code == 0) {
-          //     let userInfo = {
-          //       nickName: state.ruleForm.username,
-          //     };
-          //     store.commit("setUserInfo", userInfo);
-          //     getLoginStatus();
-          //   } else {
-          //     ElMessage.error(res.message);
-          //   }
-          // })
+          myApi.login(userInfo).then(async (res) => {
+            if (res.code == 0) {
+              let userInfo = {
+                nickName: state.ruleForm.username,
+              };
+              store.commit("setUserInfo", userInfo);
+              getLoginStatus();
+            } else {
+              ElMessage.error(res.message);
+            }
+          })
         } else {
           return false;
         }