From 58c08d105f068a18144ba61b4487106f69475f68 Mon Sep 17 00:00:00 2001
From: hujing2 <hujing@isrc.iscas.ac.cn>
Date: Tue, 24 Jan 2023 17:17:40 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=B8=AD=E5=BF=83=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E4=BF=AE=E6=94=B9ip=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 UI2.0/src/js/personal.js         | 43 +++++++++++++++---
 UI2.0/src/pages/Personal.vue     | 75 +++++++++++++++++++++++++++++++-
 UI2.0/src/store/user/userInfo.js |  8 ++++
 3 files changed, 118 insertions(+), 8 deletions(-)

diff --git a/UI2.0/src/js/personal.js b/UI2.0/src/js/personal.js
index de0040e..80b2587 100644
--- a/UI2.0/src/js/personal.js
+++ b/UI2.0/src/js/personal.js
@@ -51,13 +51,34 @@ export default defineComponent({
     closeAddIpWin() {
       document.getElementById("card-addIP").style.display = "none";
       document.getElementById("fade").style.display = "none";
-      this.ipInfo.isConnect = false;
-      this.ipInfo.hint = "";
+      this.cleanIpInfo()
     },
-    deleteIp(index){
+    popUpdateIpWin(index) {
+      document.getElementById("card-editIP").style.display = "block"
+      document.getElementById("fade").style.display = "block";
+      this.ipInfo.ipAddrs = this.$store.state.User.ipList[index].ipAddrs
+      this.ipInfo.description = this.$store.state.User.ipList[index].description
+    },
+    closeUpdateIpWin() {
+      document.getElementById("card-editIP").style.display = "none"
+      document.getElementById("fade").style.display = "none";
+      this.cleanIpInfo()
+    },
+    updateIp() {
+      this.$store.dispatch("updateIp", {
+        userId: this.$store.state.User.userInfo.userId,
+        ipAddrs: this.ipInfo.ipAddrs,
+        ipPort: this.ipInfo.ipPort,
+        serverUser: this.ipInfo.serverUser,
+        serverPassword: base64Encode(this.ipInfo.serverPassword),
+        description: this.ipInfo.description
+      })
+      this.closeUpdateIpWin()
+    },
+    deleteIp(index) {
       this.$store.dispatch("deleteIp", index)
     },
-    testConnect(){
+    testConnect() {
       if(this.ipInfo.ipAddrs == "" || this.ipInfo.ipPort == "" ||
         this.ipInfo.serverUser == "" || this.ipInfo.serverPassword == ""){
           this.ipInfo.hint = "服务器信息请填完整"
@@ -78,7 +99,7 @@ export default defineComponent({
         })
       }
     },
-    addNewIp(){
+    addNewIp() {
       this.$store.dispatch("addNewip",{
         userId: this.$store.state.User.userInfo.userId,
         ipAddrs: this.ipInfo.ipAddrs,
@@ -89,7 +110,7 @@ export default defineComponent({
       })
       this.closeAddIpWin()
     },
-    changeBasicInfo(){
+    changeBasicInfo() {
       if(this.basicInfo.name == this.$store.state.User.userInfo.name && 
         this.basicInfo.description == this.$store.state.User.userInfo.description) {
           this.closeWin()
@@ -146,6 +167,16 @@ export default defineComponent({
         console.log(err)
       })
     },
+    cleanIpInfo() {
+      //关闭窗口清空ip信息
+      this.ipInfo.hint ="",
+      this.ipInfo.ipAddrs = "",
+      this.ipInfo.ipPort = "",
+      this.ipInfo.serverUser = "",
+      this.ipInfo.serverPassword = "",
+      this.ipInfo.description = "",
+      this.ipInfo.isConnect = false
+    }
   },
   
   mounted() {
diff --git a/UI2.0/src/pages/Personal.vue b/UI2.0/src/pages/Personal.vue
index c74a4bc..7070670 100644
--- a/UI2.0/src/pages/Personal.vue
+++ b/UI2.0/src/pages/Personal.vue
@@ -67,7 +67,9 @@
               <td>{{item.ipAddrs}}</td>
               <td>{{item.description}}</td>
               <td>
-                <button class="operation-btn" @click="deleteIp(index)">删除</button>
+                <button class="operation-btn" @click="popUpdateIpWin(index)">修改</button>
+                |
+                <button class="operation-btn" style="margin-left:16px" @click="deleteIp(index)">删除</button>
               </td>
             </tr>
             <tr>
@@ -75,7 +77,7 @@
               <td></td>
               <td></td>
               <td>
-                <button  class="operation-btn" style="color: tomato" @click="popAddIpWin">添加</button>
+                <button class="operation-btn" style="color: tomato" @click="popAddIpWin">添加</button>
               </td>
             </tr>
           </tbody>
@@ -233,6 +235,75 @@
         </button>
       </div>
     </q-card>
+    <q-card id="card-editIP" class="pop-win">
+      <q-card-section class="row" style="justify-content: space-between">
+        <div class="card-title">修改IP信息</div>
+        <div class="close-card" @click="closeUpdateIpWin"></div>
+      </q-card-section>
+      <div>
+        <div class="addipInfo-info">
+          <img src="../assets/personal/star.png"/>
+          <a>ip地址</a>
+          
+          <input
+            class="info-password"
+            placeholder="--请输入--"
+            style="margin-top: 24px; margin-left: 44px"
+            v-model="ipInfo.ipAddrs"
+            readonly="readonly"
+          />
+        </div>
+        <div class="addipInfo-info">
+          <img src="../assets/personal/star.png"/>
+          <a>ip端口</a>
+          
+          <input
+            class="info-password"
+            placeholder="--请输入--"
+            style="margin-top: 24px; margin-left: 44px"
+            v-model="ipInfo.ipPort"
+          />
+        </div>
+        <div class="addipInfo-info">
+          <img src="../assets/personal/star.png"/>
+          <a>登陆用户名</a>
+          <input
+            class="info-password"
+            placeholder="--请输入--"
+            style="margin-left: 14px"
+            v-model="ipInfo.serverUser"
+          />
+        </div>
+        <div class="addipInfo-info">
+          <img src="../assets/personal/star.png"/>
+          <a>登陆密码</a>
+          <input 
+            class="info-password" 
+            placeholder="--请输入--" 
+            style="margin-left: 28px"
+            v-model="ipInfo.serverPassword"
+            type="password"
+          />
+        </div>
+        <div class="addipInfo-info">
+          <a style="margin-left: 50px">备注</a>
+          <input 
+            class="info-password" 
+            placeholder="--请输入--" 
+            style="margin-left: 57px"
+            v-model="ipInfo.description"
+          />
+        </div>
+        <p style="margin-left: 50px; margin-top: 5px ; font-size: 17px; color: red;">{{ ipInfo.hint }}</p>
+      </div>
+      <!-- --------------------------- -->
+      <div class="row" style="position: absolute; bottom: 0px; left: 30%">
+        <button class="button-add-chart-no" @click="testConnect">连接测试</button>
+        <button class="button-add-chart-yes" :class="{disabled_button: !ipInfo.isConnect}"
+          @click="updateIp">修改
+        </button>
+      </div>
+    </q-card>
   </div>
 </template>
 
diff --git a/UI2.0/src/store/user/userInfo.js b/UI2.0/src/store/user/userInfo.js
index e54974b..a96f261 100644
--- a/UI2.0/src/store/user/userInfo.js
+++ b/UI2.0/src/store/user/userInfo.js
@@ -50,6 +50,14 @@ const User = {
                 }
             })
         },
+        updateIp({dispatch}, ipInfo) {
+            axios("/v1/UI/user/updateIp", ipInfo, "post").then(res => {
+                res = JSON.parse(res)
+                if(res.success) {
+                    dispatch("getIpListFromBackend")
+                }
+            })
+        },
         deleteIp({state, dispatch}, index) {
             axios("/v1/UI/user/deleteIp", {
                 userId: state.userInfo.userId,
-- 
Gitee