From ed7a337a3ffeee8dcd479a94758fa133ea46f0c8 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期二, 22 九月 2020 18:58:00 +0800
Subject: [PATCH] 应用中心隐藏编辑名称按钮,添加版本号显示

---
 src/pages/ai/index/App.vue |   64 ++++++++++----------------------
 1 files changed, 20 insertions(+), 44 deletions(-)

diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 5334d41..320b0d1 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -25,15 +25,16 @@
                   <div class="flex-list">
                     <div class="wrap-box" v-for="item in ungradeList" :key="item.id">
                       <div class="list-choose-item-left">
-                        <div class="mask">
+                        <div class="mask flex-center">
+                          <div class="info-onmask">
+                            <div>褰撳墠鐗堟湰:{{item.version}}</div>
+                            <div>杩滅鐗堟湰:{{item.remoteVersion}}</div>
+                          </div>
                           <el-button type="primary" class="bot-btn" @click="donwload(item)">鍗囩骇</el-button>
                         </div>
 
                         <div class="list-complete-item-handle">
                           <div class="svg-wrap">
-                            <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">
-                              <use :xlink:href="`#${item.icon}`" />
-                            </svg>-->
                             <img
                               class="baseImg"
                               :src="`data:image/png;base64,${item.iconBlob}`"
@@ -50,26 +51,13 @@
                     </div>
                     <div class="wrap-box" v-for="(item) in installedList" :key="item.id">
                       <div class="list-choose-item-left">
-                        <!-- <div class="mask" v-if="!item.isEdit">
-                          <el-button
-                            @click="commandAlgLib(item)"
-                            type="primary"
-                            class="bot-btn"
-                          >缂栬緫鍚嶇О</el-button>
-                        </div>-->
-                        <div class="list-complete-item-handle">
-                          <!-- <span :class="`iconfont ${item.icon}`" style="font-size:3rem;"></span> -->
+                        <div class="list-complete-item-handle">        
                           <div class="svg-wrap">
-                            <div class="mask" v-if="!item.isEdit">
-                              <el-button
-                                @click="commandAlgLib(item)"
-                                type="primary"
-                                class="bot-btn"
-                              >缂栬緫鍚嶇О</el-button>
-                            </div>
-                            <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">
-                              <use :xlink:href="`#${item.icon}`" />
-                            </svg>-->
+                            <div class="mask flex-center" v-if="!item.isEdit">
+                              <div class="info-onmask">
+                                <div>褰撳墠鐗堟湰:{{item.version}}</div>
+                              </div>
+                            </div>                           
                             <img
                               class="baseImg"
                               :src="`data:image/png;base64,${item.iconBlob}`"
@@ -1812,7 +1800,9 @@
       z-index: 1;
       border-radius: 3px;
       display: none;
-
+      .info-onmask{
+        color: #8ecaff;
+      }
       i {
         color: #fff;
         position: relative;
@@ -1876,28 +1866,9 @@
       cursor: pointer;
       position: relative;
       font-size: 14px;
-      // display: inline-block;
-      // @media screen and(min-width: 1895px) {
-      //   //margin: 20px 25px 20px 20px;
-      //   margin: 20px 30px 20px 20px;
-      // }
-      // @media screen and(min-width: 1695px) and(max-width:1895px ) {
-      //   margin: 20px 10px 20px 15px;
-      // }
-      // @media screen and(min-width: 1460px) and(max-width: 1695px) {
-      //   margin: 20px 25px 20px 20px;
-      // }
-      // @media screen and(max-width: 1460px) {
-      //   margin: 20px 15px 20px 10px;
-      // }
-      // width: 126px;
-      // height: 120px;
-      // width: 220px;
-      // height: 214px;
+
       transition: all 1s;
       background: #ffffff;
-      //border: 1px solid #e2e2e2;
-      //box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
       border-radius: 4px;
       p {
         display: none;
@@ -1921,7 +1892,12 @@
         .bot-btn {
           flex: 1;
         }
+        &.flex-center{
+          align-items: center;
+          justify-content: center;
+        }
       }
+      
     }
     .list-choose-item-left-uninstal {
       color: darkgray;

--
Gitblit v1.8.0