From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图

---
 src/pages/vindicate/views/updateSettings.vue |   74 +++++++++++++++++++++++++++----------
 1 files changed, 54 insertions(+), 20 deletions(-)

diff --git a/src/pages/vindicate/views/updateSettings.vue b/src/pages/vindicate/views/updateSettings.vue
index 94ba62e..589f84a 100644
--- a/src/pages/vindicate/views/updateSettings.vue
+++ b/src/pages/vindicate/views/updateSettings.vue
@@ -27,15 +27,19 @@
           </el-radio-group>
 
           <div class="update-center" v-if="radio2 == '妫�鏌ユ洿鏂�'">
-            <span v-if="hasNewVersion||checking"
-              class="icon iconfont spin-bg"
+            <img v-if="!upgrading&&hasNewVersion||checking"
+              class="spin-bg"
+              src="/images/vindicate/妫�娴嬪姞杞�.png"
               :class="upgrading || checking ? 'spin-bg-rot' : ''"
-              >&#xe6fb;</span
-            >
-            <span v-else
-              class="icon iconfont spin-bg"
-              >&#xe701;</span
-            >
+              />
+             <img v-if="upgrading&&hasNewVersion"
+              class="spin-bg"
+              src="/images/vindicate/鍔犺浇.png"
+              /> 
+            <img v-if="!checking&&!hasNewVersion"
+              class="spin-bg"
+              src="/images/vindicate/宸叉槸鏈�鏂扮増鏈�.png"
+              />
             <div class="desc" v-if="checking && !upgrading">
               姝ｅ湪妫�娴嬬増鏈洿鏂扳�︹��
             </div>
@@ -67,29 +71,30 @@
 
           
           <div class="upload-center" v-if="radio2 == '涓婁紶鏇存柊'">
-            <div class="upload-info"><span class="icon iconfont">&#xe66e;</span> 涓婁紶瀹夎杞欢</div>
+            <div class="upload-info"><img src="/images/vindicate/閾炬帴 1.png" style="width: 14px;"> 涓婁紶瀹夎杞欢</div>
             <div class="upload-top">
 
               <div class="upload-container">
                <div class="upload-fail " v-if="upStatus===0">
                  <i class="icon iconfont upload-icon">
-                &#xe6f1;
+                &#xe71c;
                </i>
                <p>涓婁紶澶辫触锛岃閲嶆柊涓婁紶銆�</p>
                </div>
 
                <div class="upload-success"  v-if="upStatus===1">
                <i class="icon iconfont upload-icon">
-                &#xe6f1;
+                &#xe71d;
                </i>
                <p>涓婁紶鎴愬姛锛岃鐐瑰嚮鏇存柊鎸夐挳寮�濮嬫洿鏂般��</p>
                </div>
 
                <el-upload
+                ref="myUpload"
                 class="upload-demo"
                 drag
                 action
-                v-show="!shengjiing"
+                v-show="!shengjiing&&upStatus===''"
                 :http-request="uploadPkg"
                 :limit="1"
                >
@@ -282,6 +287,8 @@
         this.upStatus =''
       }, 2000);
       }).catch(()=>{
+        this.upgrading = false;
+        this.$refs.myUpload.clearFiles()
         this.upStatus = 0
         setTimeout(() => {
         this.upStatus =''
@@ -365,16 +372,16 @@
   flex: 1;
   flex-basis: auto;
   box-sizing: border-box;
-  border-top:2px solid #E1E0E6 ;
-  border-left:2px solid #E1E0E6 ;
+  border-top:4px solid rgb(242, 242, 247) ;
+  border-left:4px solid rgb(242, 242, 247) ;
   .cluster-center {
     height: 100%;
     width: 300px;
     overflow: auto;
     box-sizing: border-box;
     flex-shrink: 0;
-    padding: 24px 10px 0 10px;
-    border-right: 4px solid #f8f8f8;
+    padding: 9px 10px 0 10px;
+    border-right: 4px solid rgb(242, 242, 247);
 
     .menu-item {
       height: 56px;
@@ -388,6 +395,8 @@
       justify-content: space-between;
       .con {
         .iconfont {
+          font-size: 20px;
+          line-height: 32px;
           width: 32px;
           height: 26px;
           margin-right: 10px;
@@ -491,8 +500,8 @@
       }
 
       .spin-bg {
-        color: rgb(206, 205, 205);
-        font-size: 60px;
+       
+       width: 60px;
         margin-top: 60px;
         margin-bottom:15px ;
       }
@@ -552,6 +561,16 @@
           height: 174px;
           background-color: #fff;
           border-radius: 8px;
+
+          .upload-fail .iconfont{
+            color: rgb(254, 109, 104);
+          }
+
+          .upload-success .iconfont{
+            color: rgb(78, 148, 255);
+          }
+          
+            
           .upload-success,.upload-fail {
             position: absolute;
             z-index: 1;
@@ -678,12 +697,12 @@
       }
     }
     .wifi {
-      padding: 10px 0 0 10px;
+      padding: 10px 10px 0 10px;
       .bar {
         display: flex;
         align-items: center;
         height: 50px;
-        background-color: #f8f8f8;
+        background-color: #F2F2F7;
         justify-content: space-between;
         border-radius: 12px;
         margin-bottom: 4px;
@@ -705,9 +724,24 @@
         height: 14px;
         margin-right: 17px;
       }
+
+      .el-switch__core {
+        width: 30px !important;
+        height: 14px !important;
+        &::after {
+          top: 0px !important;
+          left: 0px !important;
+          width: 12px !important;
+          height: 12px !important;
+        }
+      } 
+
       .is-checked .el-switch__core{
        background-color: var(--colorCard)  !important;
        border: 1px solid var(--colorCard) !important;
+       &::after {
+        margin-left: 16px
+       }
       }
     }
 

--
Gitblit v1.8.0