From abc651b2192b0fb7bc18f921f65d40f0dc8ae327 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期三, 28 四月 2021 10:32:46 +0800
Subject: [PATCH] 修改应用中心图标样式

---
 src/pages/ai/index/App.vue |  281 ++++++++++++++++++++++++++++---------------------------
 1 files changed, 143 insertions(+), 138 deletions(-)

diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index f863a7c..187b5ef 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -36,7 +36,7 @@
                             <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
                             <div class="mask" v-if="!item.isDefault || item.isUpgrade">
                               <div class="left-top">
-                                <div>褰撳墠鐗堟湰1:{{ item.version }}</div>
+                                <div>褰撳墠鐗堟湰:{{ item.version }}</div>
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
                               </div>
                               <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
@@ -53,7 +53,7 @@
                                   type="warning"
                                   size="small"
                                   class="bot-btn"
-                                >鍗囩骇1</el-button>
+                                >鍗囩骇</el-button>
                               </div>
                             </div>
                             <img
@@ -104,7 +104,7 @@
                             @click="checkDetail(item, 'activeNotInstall')"
                           >鏌ョ湅璇︽儏</div>
                           <div class="mask-btn">
-                            <el-button @click="donwload(item, 1)" type="primary" class="bot-btn">瀹夎</el-button>
+                            <el-button @click="donwload(item,1)" type="primary" class="bot-btn">瀹夎</el-button>
                           </div>
                         </div>
                         <div class="click-download" title="涓嬭浇">
@@ -165,7 +165,7 @@
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
                               </div>
                               <!-- v-if="!item.isDefault" -->
-                              <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
+                              <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
                               <div class="mask-btn">
                                 <el-button
                                   v-show="!item.isDefault"
@@ -283,7 +283,9 @@
               </el-tab-pane>
               <el-tab-pane label="搴旂敤涓績" name="algorithmMall" v-if="isShow('algorithmManage:buy')">
                 <div class="tab-content">
-                  <p class="src-title">绠楁硶杞欢</p>
+                  <div class="flex-title">
+                    <p class="src-title">绠楁硶杞欢</p>
+                  </div>
                   <div class="store-list flex-list">
                     <div class="wrap-box" v-for="item in unActivedSDKList" :key="item.id">
                       <div class="list-choose-item-left">
@@ -376,7 +378,7 @@
                                 <div>褰撳墠鐗堟湰:{{ item.version }}</div>
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
                               </div>
-                              <div class="info-onmask" @click="actSdkOrApp(item, 'app')">鏌ョ湅璇︽儏</div>
+                              <div class="info-onmask" @click="actSdkOrApp(item,'app')">鏌ョ湅璇︽儏</div>
                               <div class="mask-btn">
                                 <el-button
                                   @click="actSdkOrApp(item, 'app')"
@@ -420,7 +422,7 @@
               </el-tab-pane>
               <el-tab-pane name="update">
                 <span slot="label">
-                  <el-badge class="update-badge" :value="updateNum" :hidden="updateNum == 0">鏇存柊</el-badge>
+                  <el-badge class="update-badge" :value="updateNum" :hidden="updateNum==0">鏇存柊</el-badge>
                 </span>
                 <div class="task-list">
                   <div class="flex-title">
@@ -429,9 +431,9 @@
                   </div>
                   <div class="flex-list">
                     <div
-                      v-if="hasNewVersionSdk.length == 0"
+                      v-if="hasNewVersionSdk.length==0"
                       class="empty-tip"
-                    >{{ errMsg ? errMsg : "鏆傛棤鏁版嵁" }}</div>
+                    >{{errMsg?errMsg:"鏆傛棤鏁版嵁"}}</div>
                     <div class="wrap-box" v-for="item in hasNewVersionSdk" :key="item.id">
                       <div class="list-choose-item-left">
                         <div class="list-complete-item-handle">
@@ -448,7 +450,7 @@
                                 <div>褰撳墠鐗堟湰:{{ item.version }}</div>
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
                               </div>
-                              <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
+                              <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
                               <div class="mask-btn">
                                 <el-button
                                   @click="unLoadSdk(item)"
@@ -514,7 +516,7 @@
                                 <div>褰撳墠鐗堟湰:{{ item.version }}</div>
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
                               </div>
-                              <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
+                              <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
                               <div class="mask-btn">
                                 <el-button
                                   v-if="!item.isDefault"
@@ -617,7 +619,7 @@
     <!-- <div class="dialog-content" v-if="productDetailVisible" > -->
     <el-dialog class="product-detail-dialog" :visible="productDetailVisible" @close="closeDial">
       <!-- <el-button-group> -->
-      <div class="button-group" v-show="!backDisable || !forwardDisable">
+      <div class="button-group" v-show="!backDisable||!forwardDisable">
         <el-button size="small" @click="backwards" :disabled="backDisable">
           <span>&#60;</span>
         </el-button>
@@ -626,7 +628,7 @@
         <!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->
       </div>
       <!-- </el-button-group> -->
-      <div class="dialog-title" slot="title">{{ isSDKDialog ? "绠楁硶璇︽儏" : "搴旂敤璇︽儏" }}</div>
+      <div class="dialog-title" slot="title">{{isSDKDialog?"绠楁硶璇︽儏":"搴旂敤璇︽儏"}}</div>
       <div class="dialog-content">
         <div class="box-top">
           <div class="top-left">
@@ -693,31 +695,35 @@
                   <el-button
                     size="small"
                     type="warning"
-                    v-if="needToUpgradeInWin || productDetail.isUpgrade"
+                    v-if="needToUpgradeInWin||productDetail.isUpgrade"
                     @click="upgradeSDKinWin"
-                  >{{ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇" }}</el-button>
+                  >
+                    {{
+                    isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇"
+                    }}
+                  </el-button>
                   <el-button
                     size="small"
                     type="primary"
-                    v-if="isActive && !isDefaultApp"
+                    v-if="isActive&&!isDefaultApp"
                     @click="unloadSDKinWin"
                   >鍗歌浇</el-button>
                   <el-button
                     size="small"
                     type="primary"
-                    v-if="!isActive && !showInstallNotActive"
-                    @click="showInputCode = !showInputCode"
+                    v-if="!isActive&&!showInstallNotActive"
+                    @click="showInputCode=!showInputCode"
                   >婵�娲�</el-button>
                   <el-button
                     size="small"
                     type="primary"
-                    v-if="!isActive && showInstallNotActive"
+                    v-if="!isActive&&showInstallNotActive"
                     @click="downloadSdkInSide"
-                  >{{ isUpgrading ? "瀹夎涓�.." : "瀹夎" }}</el-button>
+                  >{{isUpgrading?"瀹夎涓�..":"瀹夎"}}</el-button>
                   <el-button
                     size="small"
                     type="success"
-                    v-if="!isSDKDialog && isActive"
+                    v-if="!isSDKDialog&&isActive"
                     @click="openApp"
                   >鎵撳紑</el-button>
                 </div>
@@ -780,7 +786,13 @@
                   size="small"
                   effect="dark"
                 >{{ item.title === "" ? "鏆傛棤鏁版嵁" : item.title }}</el-tag>
-                <div class="desc">{{ item.desc === "" ? "鏆傛棤鏁版嵁" : item.desc }}</div>
+                <div class="desc">
+                  {{
+                  item.desc === ""
+                  ? "鏆傛棤鏁版嵁"
+                  : item.desc
+                  }}
+                </div>
               </div>
             </div>
           </div>
@@ -811,14 +823,10 @@
                     <el-tooltip
                       class
                       effect="dark"
-                      :content="item.name === '' ? '鏆傛棤鏁版嵁' : item.name"
+                      :content="item.name === '' ? '鏆傛棤鏁版嵁':item.name"
                       placement="top-start"
                     >
-                      <span>
-                        {{
-                        item.name === "" ? "鏆傛棤鏁版嵁" : item.name
-                        }}
-                      </span>
+                      <span>{{ item.name === "" ? "鏆傛棤鏁版嵁" : item.name }}</span>
                     </el-tooltip>
                   </div>
                 </div>
@@ -991,7 +999,7 @@
       showInputCode: false,
       needToUpgradeInWin: false,
       errMsg: "",
-      showInstallNotActive: false,
+      showInstallNotActive: false
     };
   },
   directives: {
@@ -1030,31 +1038,31 @@
       }
     },
     closeDial() {
-      this.productDetailVisible = false;
-      this.productDetail = {};
-      this.otherProducts = [];
+      this.productDetailVisible = false
+      this.productDetail = {}
+      this.otherProducts = []
     },
     checkDetail(item, type) {
-      if (type == "inactive") {
-        this.isActive = false;
-        this.showInstallNotActive = false;
-        this.showInputCode = false;
-      } else if (type == "active") {
-        this.showInputCode = false;
-        this.showInstallNotActive = false;
-        this.isActive = true;
-      } else if (type == "activeNotInstall") {
-        this.showInputCode = false;
-        this.isActive = false;
-        this.showInstallNotActive = true;
+      if (type == 'inactive') {
+        this.isActive = false
+        this.showInstallNotActive = false
+        this.showInputCode = false
+      } else if (type == 'active') {
+        this.showInputCode = false
+        this.showInstallNotActive = false
+        this.isActive = true
+      } else if (type == 'activeNotInstall') {
+        this.showInputCode = false
+        this.isActive = false
+        this.showInstallNotActive = true
       }
-      this.checkIsDefOrNot(item.id);
-      this.needToUpgradeInWin = item.isUpgrade ? true : false;
-      this.resetStack();
+      this.checkIsDefOrNot(item.id)
+      this.needToUpgradeInWin = item.isUpgrade ? true : false
+      this.resetStack()
       if (item.sdk_type === undefined) {
-        this.isSDKDialog = false;
+        this.isSDKDialog = false
       } else {
-        this.isSDKDialog = true;
+        this.isSDKDialog = true
       }
       this.productDetailVisible = true;
       let _this = this;
@@ -1067,76 +1075,76 @@
       });
     },
     resetStack() {
-      this.forwardStack = [];
-      this.backStack = [];
-      this.backDisable = true;
-      this.forwardDisable = true;
+      this.forwardStack = []
+      this.backStack = []
+      this.backDisable = true
+      this.forwardDisable = true
+
     },
     checkInWindow(item) {
-      this.backStack.push([this.productDetail, this.otherProducts]);
-      this.backDisable = false;
-      this.checkIsDefOrNot(item.id);
+      this.backStack.push([this.productDetail, this.otherProducts])
+      this.backDisable = false
+      this.checkIsDefOrNot(item.id)
 
       let _this = this;
       getAppDetail({ id: item.id }).then((res) => {
         _this.productDetail = res.data.detail;
-        _this.productDetail.iconBlob = item.iconBlob;
-        this.actId = _this.productDetail.productBaseId;
-        let flag = false;
-        const allNeedToNew = [
-          ...this.hasNewVersionSdk,
-          ...this.hasNewVersionApp,
-        ];
+        _this.productDetail.iconBlob = item.iconBlob
+        this.actId = _this.productDetail.productBaseId
+        let flag = false
+        const allNeedToNew = [...this.hasNewVersionSdk, ...this.hasNewVersionApp]
         for (let i = 0; i < allNeedToNew.length; i++) {
           const item = allNeedToNew[i];
           if (item.id == _this.productDetail.productBaseId) {
-            flag = true;
+            flag = true
           }
         }
-        this.needToUpgradeInWin = flag;
-        _this.productDetail.isUpgrade = flag;
+        this.needToUpgradeInWin = flag
+        _this.productDetail.isUpgrade = flag
 
         _this.otherProducts = res.data.randoms;
       });
     },
     checkIsDefOrNot(id) {
       if (id.length > 10) {
-        this.isDefaultApp = false;
+        this.isDefaultApp = false
       } else {
-        this.isDefaultApp = true;
+        this.isDefaultApp = true
       }
     },
     backwards() {
       if (this.backStack.length == 0) {
-        this.backDisable = true;
-        return;
+        this.backDisable = true
+        return
       }
 
-      this.forwardStack.push([this.productDetail, this.otherProducts]);
-      let item = this.backStack.pop();
-      this.productDetail = item[0];
-      this.checkIsDefOrNot(this.productDetail.productBaseId);
-      this.otherProducts = item[1];
-      this.forwardDisable = false;
+      this.forwardStack.push([this.productDetail, this.otherProducts])
+      let item = this.backStack.pop()
+      this.productDetail = item[0]
+      this.checkIsDefOrNot(this.productDetail.productBaseId)
+      this.otherProducts = item[1]
+      this.forwardDisable = false
       if (this.backStack.length == 0) {
-        this.backDisable = true;
+        this.backDisable = true
+
       }
     },
     forwards() {
       if (this.forwardStack.length == 0) {
-        this.forwardDisable = true;
-        return;
+        this.forwardDisable = true
+        return
       }
 
-      this.backStack.push([this.productDetail, this.otherProducts]);
-      this.backDisable = false;
-      let item = this.forwardStack.pop();
+      this.backStack.push([this.productDetail, this.otherProducts])
+      this.backDisable = false
+      let item = this.forwardStack.pop()
 
-      this.productDetail = item[0];
-      this.otherProducts = item[1];
+      this.productDetail = item[0]
+      this.otherProducts = item[1]
       if (this.forwardStack.length == 0) {
-        this.forwardDisable = true;
+        this.forwardDisable = true
       }
+
     },
     //绂荤嚎瀹夎
     offlineInstall() {
@@ -1254,7 +1262,7 @@
       let _this = this;
       this.$confirm("纭畾瑕佸嵏杞借搴旂敤鍚�?", "鎻愮ず")
         .then(() => {
-          _this.productDetailVisible = false;
+          _this.productDetailVisible = false
 
           app.unloadLoading = true;
           removeApp({ appId: app.id })
@@ -1295,8 +1303,8 @@
     },
 
     cancelActivate() {
-      this.showInputCode = false;
-      this.activeCode = "";
+      this.showInputCode = false
+      this.activeCode = ""
     },
     newActInfo() {
       return {
@@ -1338,7 +1346,7 @@
             if (res.data.isSuccess) {
               this.productDetailVisible = false;
               _this.activedSdkOrApp = res.data.successMsg;
-              this.showActivateSuccess = true;
+              this.showActivateSuccess = true
               _this.actStep++;
               _this.getUnActivedList();
               _this.getAllSdk();
@@ -1359,7 +1367,7 @@
             if (res.data.isSuccess) {
               this.productDetailVisible = false;
               _this.activedSdkOrApp = res.data.successMsg;
-              this.showActivateSuccess = true;
+              this.showActivateSuccess = true
               _this.actStep++;
               _this.getUnActivedAppList();
               _this.getAllApps();
@@ -1418,13 +1426,10 @@
         });
     },
     openApp() {
-      let message = "toOpenApp?" + this.productDetail.productBaseId;
-      window.parent.postMessage(
-        {
-          msg: message,
-        },
-        "*"
-      );
+      let message = 'toOpenApp?' + this.productDetail.productBaseId;
+      window.parent.postMessage({
+        msg: message
+      }, "*")
     },
 
     onFileAdded(f) {
@@ -1452,7 +1457,7 @@
 
           //绠楁硶杞欢 宸插畨瑁呭叾涓寘鍚緟鍗囩骇 鏈畨瑁�
           item.installed ? installedList.push(obj) : unInstalledList.push(obj);
-          item.isUpgrade ? hasNewVersionList.push(obj) : null;
+          item.isUpgrade ? hasNewVersionList.push(obj) : null
         });
       }
       this.installedList = installedList;
@@ -1460,18 +1465,19 @@
       this.hasNewVersionSdk = hasNewVersionList;
     },
     unloadSDKinWin() {
-      let appToUnload;
-      let sdkToUnload;
+
+      let appToUnload
+      let sdkToUnload
       if (this.productDetail.productTypeName == "搴旂敤") {
         appToUnload = this.installedApps.find((item) => {
-          return item.id == this.productDetail.productBaseId;
-        });
-        this.unLoad(appToUnload);
+          return item.id == this.productDetail.productBaseId
+        })
+        this.unLoad(appToUnload)
       } else {
         sdkToUnload = this.installedList.find((item) => {
-          return item.id == this.productDetail.productBaseId;
-        });
-        this.unLoadSdk(sdkToUnload);
+          return item.id == this.productDetail.productBaseId
+        })
+        this.unLoadSdk(sdkToUnload)
       }
     },
     //鍗歌浇绠楁硶
@@ -1479,7 +1485,7 @@
       let _this = this;
       this.$confirm("纭畾瑕佸嵏杞借绠楁硶鍚�?", "鎻愮ず")
         .then(() => {
-          _this.productDetailVisible = false;
+          _this.productDetailVisible = false
           sdk.unloadLoading = true;
           removeSdk({ sdkId: sdk.id })
             .then((res) => {
@@ -1521,9 +1527,10 @@
                 message: "鍗囩骇瀹屾垚",
                 type: "success",
               });
-              this.needToUpgradeInWin = false;
-              this.productDetail.isUpgrade = false;
+              this.needToUpgradeInWin = false
+              this.productDetail.isUpgrade = false
               this.isUpgrading = !this.isUpgrading;
+
             }
           })
           .catch((e) => {
@@ -1538,27 +1545,28 @@
         // 寮�鍚嚜鍔ㄥ埛鏂�
         this.appUpgreading = true;
       } else {
-        downloadSdk({ path: this.productDetail.productBaseId })
-          .then((res) => {
-            this.needToUpgradeInWin = false;
-            this.productDetail.isUpgrade = false;
-            this.isUpgrading = !this.isUpgrading;
-            this.$notify({
-              title: "鎴愬姛",
-              message: "鍗囩骇瀹屾垚",
-              type: "success",
-            });
-          })
-          .catch((err) => {
-            this.$notify({
-              title: "鍗囩骇澶辫触",
-              message: err.data,
-              type: "warning",
-            });
-            this.isUpgrading = !this.isUpgrading;
+        downloadSdk({ path: this.productDetail.productBaseId }).then((res) => {
+          this.needToUpgradeInWin = false
+          this.productDetail.isUpgrade = false
+          this.isUpgrading = !this.isUpgrading;
+          this.$notify({
+            title: "鎴愬姛",
+            message: "鍗囩骇瀹屾垚",
+            type: "success",
           });
+        }).catch((err) => {
+          this.$notify({
+            title: "鍗囩骇澶辫触",
+            message: err.data,
+            type: "warning",
+          });
+          this.isUpgrading = !this.isUpgrading;
+        })
         this.sdkUpgreading = true;
       }
+
+
+
     },
     downloadSdkInSide() {
       this.downloadItem = this.productDetail.productBaseId;
@@ -1571,7 +1579,7 @@
             type: "success",
             message: "绠楁硶宸插畨瑁�",
           });
-          this.isUpgrading = false;
+          this.isUpgrading = false
         })
         .catch((err) => {
           this.$notify({
@@ -1579,13 +1587,12 @@
             message: err.data,
           });
           this.downloadItem = "";
-          this.isUpgrading = false;
+          this.isUpgrading = false
         });
       // 寮�鍚嚜鍔ㄥ埛鏂�
       this.sdkUpgreading = true;
     },
     donwload(item, typ) {
-
       item.upgradeLoading = true;
       this.downloadItem = item.id;
 
@@ -1596,7 +1603,7 @@
           this.downloadItem = "";
           this.$notify({
             type: "success",
-            message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛",
+            message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛"
           });
         })
         .catch((err) => {
@@ -1751,13 +1758,10 @@
           overflow: hidden;
           .summary {
             height: 120px;
-
             margin: 5px 5px 0 5px;
-
             .icon {
               margin: 0 10px;
               margin-top: 8px;
-
               float: left;
               .baseImg {
                 max-width: 106px;
@@ -2022,6 +2026,7 @@
   .el-tabs--border-card > .el-tabs__content {
     padding: 0 !important;
     overflow: auto !important;
+    background-color: #1c364a;
   }
   .el-tabs__content {
     padding: 0 !important;
@@ -2065,7 +2070,7 @@
         }
       }
       .task-list {
-        background:#1c364a;
+        background: #1c364a;
         padding: 20px;
         box-sizing: border-box;
 
@@ -2098,7 +2103,7 @@
         display: flex;
         flex-wrap: wrap;
         .wrap-box {
-          width: 11.6%;
+          width: 11%;
           margin-bottom: 30px;
           .list-choose-item-left {
             width: 80%;
@@ -2219,7 +2224,7 @@
         }
       }
       .tab-content {
-        padding: 30px 20px;
+        padding: 20px 20px;
       }
     }
     .mask {
@@ -2346,7 +2351,7 @@
     }
     .list-choose-item-left-uninstal {
       color: gray;
-      filter: grayscale(100%);;
+      filter: grayscale(100%);
     }
     .list-complete-item.sortable-chosen {
       background: #4ab7bd;

--
Gitblit v1.8.0