终端移植SmartAI的界面
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
heyujie
2022-06-10 3504ac3d05431d23f74dfecc41eccb491d855cab 
 src/pages/ai/index/App.vue


@@ -33,10 +33,11 @@


                            :element-loading-text="item.progressMsg"



                            element-loading-background="rgba(0,0,0,.8)"



                          >



                            <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>



                            <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->



                            <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/更新提示.png" alt="">



                            <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 +54,7 @@


                                  type="warning"



                                  size="small"



                                  class="bot-btn"



                                >升级1</el-button>



                                >升级</el-button>



                              </div>



                            </div>



                            <img



@@ -104,7 +105,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="下载">



@@ -158,14 +159,16 @@


                            :element-loading-text="item.progressMsg"



                            element-loading-background="rgba(0,0,0,.8)"



                          >



                            <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>



                            <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->



                            <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/更新提示.png" alt="">







                            <div class="mask">



                              <div class="left-top">



                                <div>当前版本:{{ item.version }}</div>



                                <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"



@@ -195,7 +198,7 @@


                            />



                            <img v-else class="baseImg" :src="item.icon" alt />



                          </div>



                          <div class="alg-name">



                          <div class="alg-name" style="color:grey;">



                            <div style="padding: 0px 10px 0px 10px">



                              <span v-if="!item.isEdit">{{ item.name }}</span>



                              <el-input



@@ -223,12 +226,19 @@


                            element-loading-background="rgba(0,0,0,.8)"



                          >



                            <div class="mask">



                              <el-button



                                size="small"



                                type="primary"



                                class="bot-btn"



                               <div class="left-top">



                                <div v-if="item.remoteVersion">最新版本:{{ item.remoteVersion }}</div>



                              </div>



                              <!-- v-if="!item.isDefault" -->



                              <div class="info-onmask" @click="checkDetail(item,'activeNotInstall')">查看详情</div>



                              <div class="mask-btn">



                                <el-button



                                @click="downloadApp(item)"



                              >安装</el-button>



                                  type="primary"



                                  size="small"



                                  class="bot-btn"



                                >安装</el-button>



                              </div>



                            </div>



                            <img



                              v-if="item.iconBlob"



@@ -283,7 +293,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">



@@ -356,27 +368,12 @@


                      <div class="list-choose-item-left">



                        <div class="list-complete-item-handle">



                          <div class="alg-icon svg-wrap">



                            <!-- <div



                              class="mask"



                              @click="actSdkOrApp(item, 'app')"



                            >



                              <span



                                class="iconfont iconyunxiazai"



                                style="



                                  color: #ff6a00;



                                  font-size: 20px;



                                  position: absolute;



                                  top: 45%;



                                  left: 45%;



                                "



                              ></span>



                            </div>-->



                            <div class="mask" v-if="!item.isDefault || item.isUpgrade">



                              <div class="left-top">



                                <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 +417,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 +426,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">



@@ -442,13 +439,15 @@


                            :element-loading-text="item.progressMsg"



                            element-loading-background="rgba(0,0,0,.8)"



                          >



                            <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>



                            <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->



                            <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/更新提示.png" alt="">







                            <div class="mask" v-if="!item.isDefault || item.isUpgrade">



                              <div class="left-top">



                                <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)"



@@ -508,13 +507,15 @@


                            :element-loading-text="item.progressMsg"



                            element-loading-background="rgba(0,0,0,.8)"



                          >



                            <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>



                            <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->



                            <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/更新提示.png" alt="">







                            <div class="mask">



                              <div class="left-top">



                                <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 +618,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 +627,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">



@@ -649,11 +650,11 @@


                  <div class="imgwrap">



                    <img



                      v-if="item.type != 'video'"



                      :src="'/httpImage/' + item.url"



                      :src="item.url"



                      class="cursor-pointer"



                      preview



                    />



                    <video v-if="item.type == 'video'" :src="'/httpImage/' + item.url" controls></video>



                    <video v-if="item.type == 'video'" :src="item.url" controls></video>



                  </div>



                </el-carousel-item>



              </el-carousel>



@@ -693,31 +694,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 +785,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 +822,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 +998,7 @@


      showInputCode: false,



      needToUpgradeInWin: false,



      errMsg: "",



      showInstallNotActive: false,



      showInstallNotActive: false



    };



  },



  directives: {



@@ -1030,31 +1037,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 +1074,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 +1261,7 @@


      let _this = this;



      this.$confirm("确定要卸载该应用吗?", "提示")



        .then(() => {



          _this.productDetailVisible = false;



          _this.productDetailVisible = false







          app.unloadLoading = true;



          removeApp({ appId: app.id })



@@ -1295,8 +1302,8 @@


    },







    cancelActivate() {



      this.showInputCode = false;



      this.activeCode = "";



      this.showInputCode = false



      this.activeCode = ""



    },



    newActInfo() {



      return {



@@ -1338,7 +1345,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 +1366,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 +1425,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 +1456,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 +1464,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 +1484,7 @@


      let _this = this;



      this.$confirm("确定要卸载该算法吗?", "提示")



        .then(() => {



          _this.productDetailVisible = false;



          _this.productDetailVisible = false



          sdk.unloadLoading = true;



          removeSdk({ sdkId: sdk.id })



            .then((res) => {



@@ -1521,9 +1526,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 +1544,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 +1578,7 @@


            type: "success",



            message: "算法已安装",



          });



          this.isUpgrading = false;



          this.isUpgrading = false



        })



        .catch((err) => {



          this.$notify({



@@ -1579,13 +1586,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 +1602,7 @@


          this.downloadItem = "";



          this.$notify({



            type: "success",



            message: typ == 1 ? "算法安装成功" : "算法升级成功",



            message: typ == 1 ? "算法安装成功" : "算法升级成功"



          });



        })



        .catch((err) => {



@@ -1751,13 +1757,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 +2025,7 @@


  .el-tabs--border-card > .el-tabs__content {



    padding: 0 !important;



    overflow: auto !important;



    background-color: #fff;



  }



  .el-tabs__content {



    padding: 0 !important;



@@ -2065,7 +2069,8 @@


        }



      }



      .task-list {



        background: #fdfdfd;



        // background: #1c364a;



        background: #fff;



        padding: 20px;



        box-sizing: border-box;







@@ -2075,14 +2080,14 @@


          flex-wrap: wrap;



          min-height: 200px;



          .wrap-box {



            width: 16.66%;



            width: 11%;



          }



          .list-choose-item-left {



            width: 80%;



            height: auto;



            margin: auto;



            margin-bottom: 30px;



            max-width: 200px;



            max-width: 150px;



            .mask {



              width: 100%;







@@ -2098,14 +2103,14 @@


        display: flex;



        flex-wrap: wrap;



        .wrap-box {



          width: 16.6%;



          width: 11%;



          margin-bottom: 30px;



          .list-choose-item-left {



            width: 80%;



            height: auto;



            margin: auto;



            margin-bottom: 30px;



            max-width: 200px;



            max-width: 150px;



          }



          .inner {



            width: 80%;



@@ -2132,9 +2137,9 @@


              }



            }



            .alg-name {



              height: 36px;



              height: 20px;



              text-align: center;



              line-height: 36px;



              line-height: 20px;



            }



            .mask {



              position: absolute;



@@ -2219,7 +2224,7 @@


        }



      }



      .tab-content {



        padding: 30px 20px;



        padding: 20px 20px;



      }



    }



    .mask {



@@ -2311,7 +2316,7 @@


      font-size: 14px;







      transition: all 1s;



      background: #ffffff;



      // background: #ffffff;



      border-radius: 4px;



      p {



        display: none;



@@ -2345,8 +2350,8 @@


      }



    }



    .list-choose-item-left-uninstal {



      color: darkgray;



      background-color: #ddd;



      color: gray;



      filter: grayscale(100%);



    }



    .list-complete-item.sortable-chosen {



      background: #4ab7bd;



@@ -2455,11 +2460,11 @@


    }



    .alg-name {



      //margin-top: 12px;



      line-height: 36px;



      line-height: 20px;



      font-family: PingFangSC-Regular;



      font-size: 14px;



      letter-spacing: 0.05em;



      color: #3e4664;



      color: #333;



      // background-color: #ecf5ff;



      .el-input {



        position: relative;



@@ -2491,6 +2496,7 @@


        padding-top: 100%;



        position: relative;



        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);



        border-radius: 25px;



        svg {



          position: absolute;



          top: 50%;



@@ -2503,11 +2509,19 @@


          top: 50%;



          left: 50%;



          transform: translate(-50%, -50%);



          max-height: 150px;



          // max-width: 106px;



          // max-height: 106px;



        }



      }



      .willUpGrade {



        .update-icon {



           position: absolute;



          top: -8px;



          right: -8px;



          z-index: 999;







        }



        .iconupdate {



          color: #01e667;



          position: absolute;



@@ -2515,14 +2529,15 @@


          right: 5px;



          font-weight: 550;



          font-size: 26px;



          z-index: 999;



        }



      }



      &.uninstall {



        .svg-wrap {



          background-color: #ddd;



          filter: grayscale(100%);



        }



        .alg-name {



          color: darkgray;



          color: grey;



        }



      }



    }