系统设置/维护v1.2

ZZJ

2021-09-30 f15fb880a1f949c4ae50a8658dff217a3ccce892

 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 =''

@@ -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;