问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 src/pages/ai/index/App.vue

@@ -20,58 +20,10 @@
              style="height: calc(100% - 20px)"

            >

              <el-tab-pane label="已激活" name="myAlgorithm">

                <div

                  class="width-new-line task-list"

                  v-show="activeName === 'myAlgorithm'"

                >

                <div class="width-new-line task-list" v-show="activeName === 'myAlgorithm'">

                  <p class="src-title">算法软件</p>

                  <div class="flex-list">

                    <!-- <div class="wrap-box" v-for="item in ungradeList" :key="'upgrade'+item.id">

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

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

                          <div

                            class="svg-wrap"

                            :class="{willUpGrade:item.isUpgrade}"

                            v-loading="item.upgradeLoading"

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

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

                          >

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

                            <div class="mask">

                              <div class="info-onmask">

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

                                <div>最新版本:{{item.remoteVersion}}</div>

                              </div>

                              <div class="mask-btn">

                                <el-button

                                  type="warning"

                                  class="bot-btn"

                                  size="small"

                                  @click="donwload(item)"

                                >升级</el-button>

                              </div>

                            </div>

                            <img

                              v-if="item.iconBlob"

                              class="baseImg"

                              :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"

                              alt

                            />

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

                          </div>

                          <div class="alg-name">

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

                              <span>{{ item.sdk_name }}</span>

                            </div>

                          </div>

                        </div>

                      </div>

                    </div>-->

                    <div

                      class="wrap-box"

                      v-for="item in installedList"

                      :key="item.id"

                    >

                    <div class="wrap-box" v-for="item in installedList" :key="item.id">

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

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

                          <div

@@ -81,42 +33,28 @@
                            :element-loading-text="item.progressMsg"

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

                          >

                            <i

                              class="iconfont iconupdate"

                              v-if="item.isUpgrade"

                            ></i>

                            <div

                              class="mask"

                              v-if="!item.isDefault || item.isUpgrade"

                            >

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

                                  type="primary"

                                  size="small"

                                  class="bot-btn"

                                  >卸载</el-button

                                >

                                >卸载</el-button>

                                <el-button

                                  v-if="item.isUpgrade"

                                  @click="donwload(item)"

                                  @click="donwload(item, 0)"

                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级</el-button

                                >

                                >升级</el-button>

                              </div>

                            </div>

                            <img

@@ -133,9 +71,11 @@
                          </div>

                          <div class="alg-name">

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

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

                              <span v-if="!item.isEdit">

                                {{

                                item.sdk_name

                              }}</span>

                                }}

                              </span>



                              <el-input

                                size="small"

@@ -150,38 +90,23 @@
                        </div>

                      </div>

                    </div>

                    <div

                      class="wrap-box"

                      v-for="item in notInstalledList"

                      :key="item.id"

                    >

                    <div class="wrap-box" v-for="item in notInstalledList" :key="item.id">

                      <div

                        class="list-choose-item-left list-choose-item-left-uninstal"

                        v-loading="downloading && downloadItem == item.id"

                      >

                        <div class="mask">

                           <div class="left-top">

                                <div v-if="item.installed">当前版本:{{ item.version }}</div>

                                <div v-if="item.remoteVersion">

                                  最新版本:{{ item.remoteVersion }}

                                </div>

                              </div>

                              <div

                                class="info-onmask"

                                @click="checkDetail(item, 'inactive')"

                              >

                                查看详情

                              </div>

                              <div class="mask-btn">

                                <el-button

                                 @click="donwload(item)"

                                  type="primary"

                                  class="bot-btn"

                                  >安装</el-button

                                >

                                
                              </div>

                  
                          <div class="left-top">

                            <div v-if="item.installed">当前版本:{{ item.version }}</div>

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

                          </div>

                          <div

                            class="info-onmask"

                            @click="checkDetail(item, 'activeNotInstall')"

                          >查看详情</div>

                          <div class="mask-btn">

                            <el-button @click="donwload(item,1)" type="primary" class="bot-btn">安装</el-button>

                          </div>

                        </div>

                        <div class="click-download" title="下载">

                          <span class="iconfont iconxiazai1"></span>

@@ -209,9 +134,11 @@
                          </div>

                          <div class="alg-name">

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

                              <span class="list-choose-item-left-uninstal">{{

                              <span class="list-choose-item-left-uninstal">

                                {{

                                item.sdk_name

                              }}</span>

                                }}

                              </span>

                            </div>

                          </div>

                        </div>

@@ -220,11 +147,7 @@
                  </div>

                  <p class="src-title">应用软件</p>

                  <div class="flex-list">

                    <div

                      class="wrap-box"

                      v-for="item in installedApps"

                      :key="item.id"

                    >

                    <div class="wrap-box" v-for="item in installedApps" :key="item.id">

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

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

                          <div

@@ -236,41 +159,31 @@
                            :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.remoteVersion">最新版本:{{ item.remoteVersion }}</div>

                              </div>

                              <div

                                class="info-onmask"

                                @click="checkDetail(item,'active')"

                                  v-if="!item.isDefault"

                              >

                                查看详情

                              </div>

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

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

                              <div class="mask-btn">

                                <el-button

                                  v-if="!item.isDefault"

                                  v-show="!item.isDefault"

                                  @click="unLoad(item)"

                                  type="primary"

                                  size="small"

                                  class="bot-btn"

                                  >卸载</el-button

                                >

                                >卸载</el-button>

                                <el-button

                                  v-if="item.isUpgrade"

                                  @click="downloadApp(item, 'upgrade')"

                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级</el-button

                                >

                                >升级</el-button>

                              </div>

                            </div>

                            <img

@@ -285,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

@@ -301,11 +214,7 @@
                        </div>

                      </div>

                    </div>

                    <div

                      class="wrap-box"

                      v-for="item in storeApps"

                      :key="item.id"

                    >

                    <div class="wrap-box" v-for="item in storeApps" :key="item.id">

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

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

                          <div

@@ -317,14 +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"

@@ -377,19 +291,13 @@
                  </div>

                </div>

              </el-tab-pane>

              <el-tab-pane

                label="应用中心"

                name="algorithmMall"

                v-if="isShow('algorithmManage:buy')"

              >

              <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="wrap-box" v-for="item in unActivedSDKList" :key="item.id">

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

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

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

@@ -404,32 +312,20 @@
                                  left: 45%;

                                "

                              ></span>

                            </div> -->

                            <div

                              class="mask"

                              v-if="!item.isDefault || item.isUpgrade"

                            >

                            </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 v-if="item.remoteVersion">最新版本:{{ item.remoteVersion }}</div>

                              </div>

                              <div

                                class="info-onmask"

                                @click="actSdkOrApp(item)"

                              >

                                查看详情

                              </div>

                              <div class="info-onmask" @click="actSdkOrApp(item)">查看详情</div>

                              <div class="mask-btn">

                                <el-button

                                  @click="actSdkOrApp(item)"

                                  type="primary"

                                  size="small"

                                  class="bot-btn"

                                  >激活</el-button

                                >

                                
                                >激活</el-button>

                              </div>

                            </div>

                            <img

@@ -446,9 +342,11 @@
                          </div>

                          <div class="alg-name">

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

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

                              <span v-if="!item.isEdit">

                                {{

                                item.sdk_name

                              }}</span>

                                }}

                              </span>

                              <el-input

                                size="small"

                                v-model="item.sdk_name"

@@ -465,14 +363,8 @@
                  </div>

                  <p class="src-title">应用软件</p>

                  <div class="app-list flex-list">

                     <div v-if="!unActivedAppList.length" class="empty-tip">

                      暂无数据

                    </div>

                    <div

                      class="wrap-box"

                      v-for="item in unActivedAppList"

                      :key="item.id"

                    >

                    <div v-if="!unActivedAppList.length" class="empty-tip">暂无数据</div>

                    <div class="wrap-box" v-for="item in unActivedAppList" :key="item.id">

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

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

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

@@ -490,32 +382,20 @@
                                  left: 45%;

                                "

                              ></span>

                            </div> -->

                             <div

                              class="mask"

                              v-if="!item.isDefault || item.isUpgrade"

                            >

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

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

                                  type="primary"

                                  size="small"

                                  class="bot-btn"

                                  >激活</el-button

                                >

                                
                                >激活</el-button>

                              </div>

                            </div>

                            <img

@@ -548,100 +428,23 @@
                    </div>

                  </div>

                </div>

                <el-drawer

                  title="下载"

                  :visible.sync="actDrawerShow"

                  :direction="direction"

                >

                  <div class="drawer-content">

                    <div class="current-step">

                      <el-steps

                        align-center

                        :active="actStep"

                        finish-status="success"

                      >

                        <el-step title="添加激活码"></el-step>

                        <el-step title="激活成功"></el-step>

                      </el-steps>

                    </div>



                    <div v-if="actStep == 0">

                      <div class="act-code">

                        <p>使用激活码将新的算法添加到您的账户</p>

                        <el-input

                          v-model="activeCode"

                          placeholder="00000-00000-00000-00000-00000"

                          @blur="getCodeDetail"

                        ></el-input>

                      </div>

                      <div class="text-right">

                        <el-button type="primary" @click="actived"

                          >激活</el-button

                        >

                      </div>

                    </div>

                    <div v-else-if="actStep == 1">

                      <ul class="desc">

                        <li>

                          <label>激活码:</label>

                          <span>{{ activedSdkOrApp.activateCode }}</span>

                        </li>

                        <li>

                          <label>产品名称:</label>

                          <span>{{ activedSdkOrApp.productName }}</span>

                        </li>

                        <li>

                          <label>配置详情:</label>

                          <span>{{ activedSdkOrApp.setting }}</span>

                        </li>

                        <li>

                          <label>服务到期日:</label>

                          <span>{{ activedSdkOrApp.expireTime }}</span>

                        </li>

                        <li>

                          <label>许可证:</label>

                          <span>{{ activedSdkOrApp.licence }}</span>

                        </li>

                        <!-- <li>

                          <label>设备ID:</label>

                          <span>3342-235f-ret55-fdsg</span>

                        </li>-->

                      </ul>

                      <div class="text-right">

                        <el-button type="primary" @click="checkMyAlgorith"

                          >确定</el-button

                        >

                        <p class="tip">提示：请在“已激活”中查看并安装算法</p>

                      </div>

                    </div>

                  </div>

                </el-drawer>

                <!--  -->

              </el-tab-pane>

              <el-tab-pane name="update">

                <span slot="label">

                  <el-badge class="update-badge" :value="updateNum"

                    >更新</el-badge

                  >

                  <el-badge class="update-badge" :value="updateNum" :hidden="updateNum==0">更新</el-badge>

                </span>

                <div class="task-list">

                  <div class="flex-title">

                    <p class="src-title">算法软件</p>

                    <el-button

                      @click="batchUpdate('sdk')"

                      size="mini"

                      type="primary"

                      >更新全部</el-button

                    >

                    <el-button @click="batchUpdate('sdk')" size="mini" type="primary">更新全部</el-button>

                  </div>

                  <div class="flex-list">

                    <div v-if="hasNewVersionSdk.length==0" class="empty-tip">

                      {{errMsg?errMsg:"暂无数据"}}

                    </div>

                    <div

                      class="wrap-box"

                      v-for="item in hasNewVersionSdk"

                      :key="item.id"

                    >

                      v-if="hasNewVersionSdk.length==0"

                      class="empty-tip"

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

                          <div

@@ -651,42 +454,29 @@
                            :element-loading-text="item.progressMsg"

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

                          >

                            <i

                              class="iconfont iconupdate"

                              v-if="item.isUpgrade"

                            ></i>

                            <div

                              class="mask"

                              v-if="!item.isDefault || item.isUpgrade"

                            >

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

                                  type="primary"

                                  size="small"

                                  class="bot-btn"

                                  >卸载</el-button

                                >

                                >卸载</el-button>

                                <el-button

                                  v-if="item.isUpgrade"

                                  @click="donwload(item)"

                                  @click="donwload(item, 0)"

                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级</el-button

                                >

                                >升级</el-button>

                              </div>

                            </div>

                            <img

@@ -703,9 +493,11 @@
                          </div>

                          <div class="alg-name">

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

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

                              <span v-if="!item.isEdit">

                                {{

                                item.sdk_name

                              }}</span>

                                }}

                              </span>

                            </div>

                          </div>

                        </div>

@@ -714,22 +506,11 @@
                  </div>

                  <div class="flex-title">

                    <p class="src-title">应用软件</p>

                    <el-button

                      @click="batchUpdate('app')"

                      type="primary"

                      size="mini"

                      >更新全部</el-button

                    >

                    <el-button @click="batchUpdate('app')" type="primary" size="mini">更新全部</el-button>

                  </div>

                  <div class="flex-list">

                    <div v-if="!hasNewVersionApp.length" class="empty-tip">

                      暂无数据

                    </div>

                    <div

                      class="wrap-box"

                      v-for="item in hasNewVersionApp"

                      :key="item.id"

                    >

                    <div v-if="!hasNewVersionApp.length" class="empty-tip">暂无数据</div>

                    <div class="wrap-box" v-for="item in hasNewVersionApp" :key="item.id">

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

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

                          <div

@@ -741,23 +522,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 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"

@@ -765,16 +538,14 @@
                                  type="primary"

                                  size="small"

                                  class="bot-btn"

                                  >卸载</el-button

                                >

                                >卸载</el-button>

                                <el-button

                                  v-if="item.isUpgrade"

                                  @click="downloadApp(item, 'upgrade')"

                                  type="warning"

                                  size="small"

                                  class="bot-btn"

                                  >升级</el-button

                                >

                                >升级</el-button>

                              </div>

                            </div>

                            <img

@@ -860,20 +631,17 @@
      </div>

    </el-dialog>

    <!-- <div class="dialog-content" v-if="productDetailVisible" > -->

    <el-dialog

      class="product-detail-dialog"

      :visible="productDetailVisible"

      @close="closeDial"

    >

    <!-- <el-button-group> -->

    <el-dialog class="product-detail-dialog" :visible="productDetailVisible" @close="closeDial">

      <!-- <el-button-group> -->

      <div class="button-group" v-show="!backDisable||!forwardDisable">

  <el-button    size="small" @click="backwards" :disabled="backDisable"> <span>&#60;</span> </el-button>

  <!-- <el-button type="primary" size="small" icon="el-icon-arrow-left"></el-button> -->

  <el-button    size="small" @click="forwards" :disabled="forwardDisable">></el-button>

  <!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->



        <el-button size="small" @click="backwards" :disabled="backDisable">

          <span>&#60;</span>

        </el-button>

        <!-- <el-button type="primary" size="small" icon="el-icon-arrow-left"></el-button> -->

        <el-button size="small" @click="forwards" :disabled="forwardDisable">></el-button>

        <!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->

      </div>

<!-- </el-button-group> -->

      <!-- </el-button-group> -->

      <div class="dialog-title" slot="title">{{isSDKDialog?"算法详情":"应用详情"}}</div>

      <div class="dialog-content">

        <div class="box-top">

@@ -893,22 +661,15 @@
                @change="changeHandle"

              >

                <!-- :arrow="productDetail.pics.length > 1 ? 'always' : 'never'" -->

                <el-carousel-item

                  v-for="(item, index) in productDetail.pics"

                  :key="index"

                >

                <el-carousel-item v-for="(item, index) in productDetail.pics" :key="index">

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

@@ -930,44 +691,68 @@
                />

              </div>

              <div class="right-desc">

                  
                <div class="name"><el-tooltip class="" effect="dark" :content="productDetail.productName  " placement="right-start">

                  <span>{{ productDetail.productName  }}</span>

                </el-tooltip></div>

                <div class="name">

                  <el-tooltip

                    class

                    effect="dark"

                    :content="productDetail.productName"

                    placement="right-start"

                  >

                    <span>{{ productDetail.productName }}</span>

                  </el-tooltip>

                </div>

                <div class="tags">

                  <!-- <span

                  class="tag"

                  v-for="(id, index) in curCheckTarget.productLabelId"

                  :key="index+'i'" 
                >{{showNameById(id)}}</span> -->

                  <el-tag type="info" size="small" color="#fff" v-if="!isSDKDialog">应用</el-tag>

                  <el-tag type="info" size="small" color="#fff" v-if="isSDKDialog">算法</el-tag>

                  <!-- <el-tag type="info"  size="small" color="#fff" v-if="!isSDKDialog">软件</el-tag> -->

                </div>

                <div class="btns">

                  <el-button size="small" type="warning"  v-if="needToUpgradeInWin||productDetail.isUpgrade" @click="upgradeSDKinWin" >{{

                  <el-button

                    size="small"

                    type="warning"

                    v-if="needToUpgradeInWin||productDetail.isUpgrade"

                    @click="upgradeSDKinWin"

                  >

                    {{

                    isUpgrading ? "升级中.." : "升级"

                  }}</el-button>

                  <el-button size="small" type="primary" v-if="isActive" @click="unloadSDKinWin">卸载</el-button>

                  <el-button size="small" type="primary" v-if="!isActive" @click="showInputCode=!showInputCode">激活</el-button>

                  <el-button size="small" type="success" v-if="!isSDKDialog&&isActive" @click="openApp">打开</el-button>

                    }}

                  </el-button>

                  <el-button

                    size="small"

                    type="primary"

                    v-if="isActive&&!isDefaultApp"

                    @click="unloadSDKinWin"

                  >卸载</el-button>

                  <el-button

                    size="small"

                    type="primary"

                    v-if="!isActive&&!showInstallNotActive"

                    @click="showInputCode=!showInputCode"

                  >激活</el-button>

                  <el-button

                    size="small"

                    type="primary"

                    v-if="!isActive&&showInstallNotActive"

                    @click="downloadSdkInSide"

                  >{{isUpgrading?"安装中..":"安装"}}</el-button>

                  <el-button

                    size="small"

                    type="success"

                    v-if="!isSDKDialog&&isActive"

                    @click="openApp"

                  >打开</el-button>

                </div>

               
              </div>

            </div>

            <div class="jihuo-input" v-if="showInputCode">

                        <el-input size="small"

                          v-model="activeCode"

                          placeholder="00000-00000-00000-00000-00000"

                          @blur="getCodeDetail"

                        ></el-input>

                         <el-button type="primary" size="small" @click="actived"

                          >激活</el-button

                        >

                           <el-button type="primary" size="small" @click="cancelActivate"

                          >取消</el-button

                        >

                      </div>

              <el-input

                size="small"

                v-model="activeCode"

                placeholder="00000-00000-00000-00000-00000"

                @blur="getCodeDetail"

              ></el-input>

              <el-button type="primary" size="small" @click="actived">激活</el-button>

              <el-button type="primary" size="small" @click="cancelActivate">取消</el-button>

            </div>

            <div class="product-intruduction">

              <div class="part-title" v-if="!showInputCode">简介</div>

              <div class="text">

@@ -975,9 +760,9 @@
                  <div>版本：</div>

                  <div>

                    {{

                      productDetail.productVersion === ""

                        ? "暂无"

                        : productDetail.productVersion

                    productDetail.productVersion === ""

                    ? "暂无"

                    : productDetail.productVersion

                    }}

                  </div>

                </div>

@@ -985,9 +770,9 @@
                  <div>概述：</div>

                  <div>

                    {{

                      productDetail.description === ""

                        ? "暂无"

                        : productDetail.description

                    productDetail.description === ""

                    ? "暂无"

                    : productDetail.description

                    }}

                  </div>

                </div>

@@ -995,9 +780,9 @@
                  <div>详述：</div>

                  <div>

                    {{

                      productDetail.summary === ""

                        ? "暂无"

                        : productDetail.summary

                    productDetail.summary === ""

                    ? "暂无"

                    : productDetail.summary

                    }}

                  </div>

                </div>

@@ -1007,21 +792,19 @@
        </div>

        <div class="box-bottom">

          <div class="bot-left">

            <div class="part-title">{{isSDKDialog?"应用场景":"功能特点"}}</div>

            <div class="part-title">{{ isSDKDialog ? "应用场景" : "功能特点" }}</div>

            <div class="list-zone">

              <div

                class="list-item"

                v-for="(item, index) in productDetail.funcInfo"

                :key="index"

              >

                <el-tag type="" size="small" effect="dark">

                  {{ item.title === "" ? "暂无数据" : item.title }}

                </el-tag>

              <div class="list-item" v-for="(item, index) in productDetail.funcInfo" :key="index">

                <el-tag

                  type

                  size="small"

                  effect="dark"

                >{{ item.title === "" ? "暂无数据" : item.title }}</el-tag>

                <div class="desc">

                  {{

                    item.desc === ""

                      ? "暂无数据"

                      : item.desc

                  item.desc === ""

                  ? "暂无数据"

                  : item.desc

                  }}

                </div>

              </div>

@@ -1030,16 +813,14 @@
          <div class="bot-right">

            <div class="part-title">推荐算法</div>

            <div class="item-zone">

              <div

                class="item"

                v-for="(item, index) in otherProducts"

                :key="index"

              >

                <el-tag type="info" color="inherit" size="small">{{

              <div class="item" v-for="(item, index) in otherProducts" :key="index">

                <el-tag type="info" color="inherit" size="small">

                  {{

                  item.productTypeName === ""

                    ? "暂无数据"

                    : item.productTypeName

                }}</el-tag>

                  ? "暂无数据"

                  : item.productTypeName

                  }}

                </el-tag>

                <div class="icon">

                  <img

                    v-if="item.iconBlob"

@@ -1052,12 +833,16 @@
                    alt

                  />



                <div class="icon-name">

                  <el-tooltip class="" effect="dark" :content="item.name === '' ? '暂无数据':item.name" placement="top-start">

                  <span>{{ item.name === "" ? "暂无数据" : item.name }}</span>

                </el-tooltip>

                  <div class="icon-name">

                    <el-tooltip

                      class

                      effect="dark"

                      :content="item.name === '' ? '暂无数据':item.name"

                      placement="top-start"

                    >

                      <span>{{ item.name === "" ? "暂无数据" : item.name }}</span>

                    </el-tooltip>

                  </div>

                  
                </div>

                <div class="look-button">

                  <el-button type="primary" size="mini" @click="checkInWindow(item)">查看</el-button>

@@ -1068,13 +853,12 @@
        </div>

      </div>

    </el-dialog>

  <!--  -->

    <el-dialog 
    :visible.sync="showActivateSuccess"

    title="激活成功！"

  width="30%"

  class="active-Dial"

  :before-close="handleClose"

    <el-dialog

      :visible.sync="showActivateSuccess"

      title="激活成功！"

      width="30%"

      class="active-Dial"

      :before-close="handleClose"

    >

      <div class="dialog-active">

        <ul class="desc">

@@ -1100,9 +884,7 @@
          </li>

        </ul>

        <div class="text-right">

          <el-button type="primary" @click="checkMyAlgorith"

            >确定</el-button

          >

          <el-button type="primary" @click="checkMyAlgorith">确定</el-button>

          <p class="tip">提示：请在“已激活”中查看并安装算法</p>

        </div>

      </div>

@@ -1128,7 +910,7 @@
  actApp,

} from "@/api/app";



import bus from '@/plugin/bus'

import bus from "@/plugin/bus";

import FileUploader from "@/components/subComponents/FileUpload/index";

export default {

  name: "algorithmManage",

@@ -1185,21 +967,20 @@
      downloadItem: "",

      downloading: false,

      direction: "rtl",

      actDrawerShow: false,

      actStep: 0,

      showActivateSuccess:false,

      showActivateSuccess: false,

      activeCode: "",

      isInstall: false,

      installDialogVisible: false,

      installPackage: {},

      installAppPackage: null,

      installSdkPackage: null,

      isActive:true,

      isActive: true,

      isDefaultApp: false,

      installPercentage: 0,

      unActivedSDKList: [],

      unActivedAppList: [],

      // dialogTitle: "",

      isSDKDialog:true,

      isSDKDialog: true,

      //actSdkId: '',

      actType: "",

      actId: "",

@@ -1227,11 +1008,12 @@
      otherProducts: [],

      backStack: [],

      forwardStack: [],

      backDisable:true,

      forwardDisable:true,

      showInputCode:false,

      needToUpgradeInWin:false,

      errMsg:"",

      backDisable: true,

      forwardDisable: true,

      showInputCode: false,

      needToUpgradeInWin: false,

      errMsg: "",

      showInstallNotActive: false

    };

  },

  directives: {

@@ -1248,7 +1030,6 @@


    this.getUnActivedList();

    this.getUnActivedAppList();

    
  },

  beforeDestroy() {

    this.autoRefresh = false;

@@ -1262,7 +1043,7 @@
    batchUpdate(type) {

      if (type == "sdk") {

        this.hasNewVersionSdk.forEach((sdk) => {

          this.donwload(sdk);

          this.donwload(sdk, 0);

        });

      } else {

        this.hasNewVersionApp.forEach((app) => {

@@ -1270,106 +1051,115 @@
        });

      }

    },

    closeDial(){

    closeDial() {

      this.productDetailVisible = false

      this.productDetail = {}

      this.otherProducts = []

    },

    checkDetail(item,type) {

      if (type =='inactive') {

        this.isActive =false

    checkDetail(item, type) {

      if (type == 'inactive') {

        this.isActive = false

        this.showInstallNotActive = false

        this.showInputCode = false

      }else{

      } else if (type == 'active') {

        this.showInputCode = false

         this.isActive =true

        this.showInstallNotActive = false

        this.isActive = true

      } else if (type == 'activeNotInstall') {

        this.showInputCode = false

        this.isActive = false

        this.showInstallNotActive = true

      }

        this.needToUpgradeInWin = item.isUpgrade?true:false

      this.checkIsDefOrNot(item.id)

      this.needToUpgradeInWin = item.isUpgrade ? true : false

      this.resetStack()

      // this.productDetail = item;

      if (item.sdk_type===undefined) {

       this.isSDKDialog=false

      }else{

       this.isSDKDialog=true

      if (item.sdk_type === undefined) {

        this.isSDKDialog = false

      } else {

        this.isSDKDialog = true

      }

      // debugger

      this.productDetailVisible = true;

      let _this = this;

      getAppDetail({ id: item.id }).then((res) => {

        _this.productDetail = res.data.detail;

        _this.productDetail.isUpgrade = item.isUpgrade

        _this.productDetail.iconBlob = item.iconBlob

        _this.productDetail.isUpgrade = item.isUpgrade;

        _this.productDetail.iconBlob = item.iconBlob;



        _this.otherProducts = res.data.randoms;



      });

    },

    resetStack(){

    resetStack() {

      this.forwardStack = []

       this.backStack = []

       this.backDisable = true

       this.forwardDisable = true

      this.backStack = []

      this.backDisable = true

      this.forwardDisable = true



    },

    checkInWindow(item){

    checkInWindow(item) {

      this.backStack.push([this.productDetail, this.otherProducts])

      // debugger

      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]

        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.productDetail.isUpgrade = flag



        _this.otherProducts = res.data.randoms;

      });

    },

    
    backwards(){

      if (this.backStack.length ==0) {

        this.backDisable = true

      // forwardDisable:false,

      return

      }



   this.forwardStack.push([this.productDetail,this.otherProducts])

   let item = this.backStack.pop()

   this.productDetail =  item[0]

   this.otherProducts = item[1]

  this.forwardDisable=false

 if (this.backStack.length ==0) {

        this.backDisable = true

      
    checkIsDefOrNot(id) {

      if (id.length > 10) {

        this.isDefaultApp = false

      } else {

        this.isDefaultApp = true

      }

    },

    forwards(){

      if(this.forwardStack.length==0){

        this.forwardDisable=true

    backwards() {

      if (this.backStack.length == 0) {

        this.backDisable = true

        return

      }



        this.backStack.push([this.productDetail,this.otherProducts])

        this.backDisable=false

        let item = this.forwardStack.pop()

      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.productDetail = item[0]

        this.otherProducts = item[1]

      if (this.forwardStack.length==0) {

        this.forwardDisable=true

      }

      
    },

    forwards() {

      if (this.forwardStack.length == 0) {

        this.forwardDisable = true

        return

      }



      this.backStack.push([this.productDetail, this.otherProducts])

      this.backDisable = false

      let item = this.forwardStack.pop()



      this.productDetail = item[0]

      this.otherProducts = item[1]

      if (this.forwardStack.length == 0) {

        this.forwardDisable = true

      }



    },

    //离线安装

    offlineInstall() {

      this.installDialogVisible = false;

@@ -1415,6 +1205,11 @@
      installApp({ path: app.id })

        .then((res) => {

          if (res && res.success) {

            _this.$notify({

              title: "成功",

              message: "安装应用成功",

              type: "success",

            });

            setTimeout(() => {

              if (action == "upgrade") {

                app.upgradeLoading = false;

@@ -1429,16 +1224,15 @@
                "*"

              );

            }, 3000);

          }else {

        
          } else {

          }

        })

        .catch((e) => {

            _this.$notify({

              title: "安装失败",

              message: e.data,

              type: "warning",

            });

          _this.$notify({

            title: "安装失败",

            message: e.data,

            type: "warning",

          });

          if (action == "upgrade") {

            app.upgradeLoading = false;

          } else {

@@ -1482,7 +1276,7 @@
      let _this = this;

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

        .then(() => {

      _this.productDetailVisible = false

          _this.productDetailVisible = false



          app.unloadLoading = true;

          removeApp({ appId: app.id })

@@ -1496,6 +1290,11 @@
                  },

                  "*"

                );

                _this.$notify({

                  title: "成功",

                  message: "卸载应用成功",

                  type: "success",

                });

              }

            })

            .catch((e) => {

@@ -1507,26 +1306,19 @@
          console.log(e);

        });

    },

    // actSdk (id) {

    //   this.actSdkId = id;

    //   this.actDrawerShow = true;

    //   this.actStep = 0;

    //   this.activeCode = '';

    //   this.activedSdkOrApp = this.newActInfo()

    // },



    actSdkOrApp(item, type = "sdk") {

      this.checkDetail(item, 'inactive')

      this.checkDetail(item, "inactive");

      this.actType = type;

      // debugger

      this.actId = item.id;

      // this.actDrawerShow = true;

      this.actStep = 0;

      this.activeCode = "";

      this.activedSdkOrApp = this.newActInfo();

    },



    cancelActivate(){

      this.showInputCode= false

    cancelActivate() {

      this.showInputCode = false

      this.activeCode = ""

    },

    newActInfo() {

      return {

@@ -1554,53 +1346,58 @@
    },

    actived() {

      let _this = this;

              this.showActivateSuccess=true



      // if (this.actType == "sdk") {

      //   //激活算法

      //   actPageAlg(this.actId, this.activeCode)

      //     .then((res) => {

      //       if (res.data.isSuccess) {

      //         this.productDetailVisible = false

      //         _this.activedSdkOrApp = res.data.successMsg;

      //         this.showActivateSuccess=true

      //         _this.actStep++;

      //         _this.getUnActivedList();

      //         _this.getAllSdk();

      //       } else {

      //         _this.$notify({

      //           type: "error",

      //           message: res.data.failMsg.failMsg,

      //         });

      //       }

      //     })

      //     .catch((e) => {

      //       console.log(e);

      //     });

      // } else if (this.actType == "app") {

      //   //激活应用

      //   actApp(this.actId, this.activeCode)

      //     .then((res) => {

      //       if (res.data.isSuccess) {

      //         this.productDetailVisible = false

      //         _this.activedSdkOrApp = res.data.successMsg;

      //         this.showActivateSuccess=true

      //         _this.actStep++;

      //         _this.getUnActivedAppList();

      //         _this.getAllApps();

      //       } else {

      //         _this.$notify({

      //           type: "error",

      //           message: res.data.failMsg.failMsg,

      //         });

      //       }

      //     })

      //     .catch((e) => {

      //       console.log(e);

      //     });

      // }

      if (this.activeCode.trim() == "") {

        this.$notify({

          type: "error",

          message: "激活码不能为空",

        });

        return;

      }

      if (this.actType == "sdk") {

        //激活算法

        actPageAlg(this.actId, this.activeCode)

          .then((res) => {

            if (res.data.isSuccess) {

              this.productDetailVisible = false;

              _this.activedSdkOrApp = res.data.successMsg;

              this.showActivateSuccess = true

              _this.actStep++;

              _this.getUnActivedList();

              _this.getAllSdk();

            } else {

              _this.$notify({

                type: "error",

                message: res.data.failMsg.failMsg,

              });

            }

          })

          .catch((e) => {

            console.log(e);

          });

      } else if (this.actType == "app") {

        //激活应用

        actApp(this.actId, this.activeCode)

          .then((res) => {

            if (res.data.isSuccess) {

              this.productDetailVisible = false;

              _this.activedSdkOrApp = res.data.successMsg;

              this.showActivateSuccess = true

              _this.actStep++;

              _this.getUnActivedAppList();

              _this.getAllApps();

            } else {

              _this.$notify({

                type: "error",

                message: res.data.failMsg.failMsg,

              });

            }

          })

          .catch((e) => {

            console.log(e);

          });

      }

    },

    getCodeDetail() {},

    getCodeDetail() { },

    checkMyAlgorith() {

      this.showActivateSuccess = false;

      this.activeName = "myAlgorithm";

@@ -1642,8 +1439,8 @@
          });

        });

    },

    openApp(){

      let message = 'toOpenApp?'+this.productDetail.productBaseId;

    openApp() {

      let message = 'toOpenApp?' + this.productDetail.productBaseId;

      window.parent.postMessage({

        msg: message

      }, "*")

@@ -1674,24 +1471,24 @@


          //算法软件 已安装其中包含待升级 未安装

          item.installed ? installedList.push(obj) : unInstalledList.push(obj);

          item.isUpgrade ? hasNewVersionList.push(obj): null

          item.isUpgrade ? hasNewVersionList.push(obj) : null

        });

      }

      this.installedList = installedList;

      this.notInstalledList = unInstalledList;

      this.hasNewVersionSdk = hasNewVersionList;

    },

    unloadSDKinWin(){

    unloadSDKinWin() {



      let appToUnload

      let sdkToUnload

      if (this.productDetail.productTypeName=="应用") {

        appToUnload= this.installedApps.find((item)=>{

      if (this.productDetail.productTypeName == "应用") {

        appToUnload = this.installedApps.find((item) => {

          return item.id == this.productDetail.productBaseId

        })

        this.unLoad(appToUnload)

      }else{

          sdkToUnload= this.installedList.find((item)=>{

      } else {

        sdkToUnload = this.installedList.find((item) => {

          return item.id == this.productDetail.productBaseId

        })

        this.unLoadSdk(sdkToUnload)

@@ -1702,12 +1499,17 @@
      let _this = this;

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

        .then(() => {

      _this.productDetailVisible = false

          _this.productDetailVisible = false

          sdk.unloadLoading = true;

          removeSdk({ sdkId: sdk.id })

            .then((res) => {

              if (res && res.success) {

                sdk.unloadLoading = false;

                this.$notify({

                  title: "成功",

                  message: "卸载完成",

                  type: "success",

                });

                _this.getAllSdk();

                window.parent.postMessage(

                  {

@@ -1726,76 +1528,97 @@
          console.log(e);

        });

    },

    upgradeSDKinWin(){



    upgradeSDKinWin() {

      this.isUpgrading = !this.isUpgrading;



      let _this = this;

      if (this.productDetail.productTypeName=="应用") {

      installApp({ path: this.productDetail.productBaseId})

        .then((res) => {

          if (res && res.success) {

         this.$notify({

          title: "成功",

          message: "升级完成",

          type: "success",

        });

        this.needToUpgradeInWin=false

        this.productDetail.isUpgrade = false

        this.isUpgrading = !this.isUpgrading;

        
          }

        })

        .catch((e) => {

      if (this.productDetail.productTypeName == "应用") {

        installApp({ path: this.productDetail.productBaseId })

          .then((res) => {

            if (res && res.success) {

              this.$notify({

                title: "成功",

                message: "升级完成",

                type: "success",

              });

              this.needToUpgradeInWin = false

              this.productDetail.isUpgrade = false

              this.isUpgrading = !this.isUpgrading;



            }

          })

          .catch((e) => {

            _this.$notify({

              title: "升级失败",

              message: e.data,

              type: "warning",

            });

             this.isUpgrading = !this.isUpgrading;

        });

            this.isUpgrading = !this.isUpgrading;

          });



      // 开启自动刷新

      this.appUpgreading = true;

      }else{

        downloadSdk({path:this.productDetail.productBaseId}).then((res)=>{

        this.$notify({

          title: "成功",

          message: "升级完成",

          type: "success",

        });

        this.needToUpgradeInWin=false

        this.productDetail.isUpgrade = false

        this.isUpgrading = !this.isUpgrading;

      }).catch((err)=>{

        this.$notify({

          title: "升级失败",

          message: err.data,

          type: "warning",

        });

        this.isUpgrading = !this.isUpgrading;

      })

      this.sdkUpgreading = true;

        // 开启自动刷新

        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;

        })

        this.sdkUpgreading = true;

      }





      
    },



    donwload(item) {

    },

    downloadSdkInSide() {

      this.downloadItem = this.productDetail.productBaseId;

      this.isUpgrading = true;

      downloadSdk({ path: this.productDetail.productBaseId })

        .then((rsp) => {

          this.productDetailVisible = false;

          this.downloadItem = "";

          this.$notify({

            type: "success",

            message: "算法已安装",

          });

          this.isUpgrading = false

        })

        .catch((err) => {

          this.$notify({

            type: "warning",

            message: err.data,

          });

          this.downloadItem = "";

          this.isUpgrading = false

        });

      // 开启自动刷新

      this.sdkUpgreading = true;

    },

    donwload(item, typ) {

      item.upgradeLoading = true;

      //this.downloading = true;

      this.downloadItem = item.id;



      downloadSdk({ path: item.id })

        .then((rsp) => {

          // this.$notify({

          //   type: "success",

          //   message: "算法已安装"

          // });

          item.upgradeLoading = false;

          //this.downloading = false;

          this.downloadItem = "";

          this.$notify({

            type: "success",

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

          });

        })

        .catch((err) => {

          this.$notify({

@@ -1810,10 +1633,9 @@
      this.sdkUpgreading = true;

    },

    inputBlur(item) {

      // console.log(item, '修改名称')

      this.$set(item, "isEdit", false);

    },

    handleTabClick() {},

    handleTabClick() { },

    autoRefreshAppAndSdkState() {

      // 关闭后退出

      if (!this.autoRefresh) {

@@ -1870,9 +1692,8 @@
    height: 100%;

  }

  .product-detail-dialog {

    .dialog-title{

          font-size: 13px;



    .dialog-title {

      font-size: 13px;

    }

    .el-dialog {

      width: 50%;

@@ -1881,38 +1702,35 @@
    }

    .el-dialog__header {

      text-align: center;

          padding: 6px;

      padding: 6px;



      .el-dialog__headerbtn {

          position: absolute;

             top: 5px;

        position: absolute;

        top: 5px;



          right: 20px;

          padding: 0;

          background: transparent;

          outline: none;

          cursor: pointer;

          font-size: 20px;

        right: 20px;

        padding: 0;

        background: transparent;

        outline: none;

        cursor: pointer;

        font-size: 20px;

      }

    }

    .el-dialog__body {

      background-color: rgba(222, 225, 230, 1);

          padding: 8px 3px;

      .button-group{

      padding: 8px 3px;

      .button-group {

        position: absolute;

               top: 3px;

        top: 3px;



            left:6px;

                left: 10px;

      .el-button--small {

        padding: 5px 12px;



    }

        button{

          // margin-right: 6px;

          // background-color: #ecf5ff;

        left: 6px;

        left: 10px;

        .el-button--small {

          padding: 5px 12px;

        }

        button {

          font-size: 18px;

        line-height: 12px;  
          line-height: 12px;

        }

      }

    }

@@ -1928,66 +1746,55 @@
          height: 330px;

          border-radius: 2px;

          .banner {

        text-align: center;

        margin-top: 3px;

           video {

            text-align: center;

            margin-top: 3px;

            video {

              margin: 0px auto;

              margin-top: 23px;



            margin: 0px auto;

                 margin-top: 23px;



            width: 443px;

          height: 277px;

            // background: aquamarine;

          }

          img{

                max-width: 90%;



                     margin-top: 28px;







          }

              width: 443px;

              height: 277px;

            }

            img {

              max-width: 90%;

              margin-top: 28px;

            }

          }

        }

        .top-right {

          float: left;

          width: 43%;

          margin: 0 0.5%;

          // background-color: lightgoldenrodyellow;

          height: 330px;

          background-color: rgba(253, 253, 253, 1);

          position: relative;

          border-radius: 2px;

          overflow: hidden;

          .summary {

                height: 120px;





                margin: 5px 5px 0 5px;



            height: 120px;

            margin: 5px 5px 0 5px;

            .icon {

             margin: 0 10px;

                margin-top: 8px;



              margin: 0 10px;

              margin-top: 8px;

              float: left;

              .baseImg{

         max-width: 106px;

    max-height: 106px;

              .baseImg {

                max-width: 106px;

                max-height: 106px;

              }

            }

            


            .right-desc {

              float: left;

              position: absolute;

                 left: 140px;

              left: 140px;

              .name {

                    font-size: 28px;

                font-size: 28px;



                margin-bottom: 5px;

                text-overflow: ellipsis;

          white-space: nowrap;

          overflow: hidden;

          width: 250px;

                white-space: nowrap;

                overflow: hidden;

                width: 250px;

              }

              .tags {

                margin-bottom: 10px;

@@ -1996,56 +1803,50 @@
                }

              }

            }

           
          }

           .jihuo-input{

             margin-left: 10px;

             margin-bottom: 10px;

              .el-input{

                float: left;

                width: 64%;

                 margin-bottom: 8px;

              }

              el-button{

                float: left;

              }

          .jihuo-input {

            margin-left: 10px;

            margin-bottom: 10px;

            .el-input {

              float: left;

              width: 63%;

              margin-bottom: 8px;

              margin-right: 10px;

            }

            el-button {

              float: left;

            }

          }

          .product-intruduction {

            height: 200px;

               margin-top: 3px;

            margin-top: 3px;



            .part-title {

              display: block;

                  line-height: 20px;

              line-height: 20px;



              font-size: 16px;

              margin-left: 24px;

              // height: 30px;

              border-bottom: 3px solid #3d68e1;

              width: fit-content;

              // margin-bottom: 8px;

                 height: 26px;

            margin-bottom: 8px;



              height: 26px;

              margin-bottom: 8px;

            }

            .text {

                 height: 156px;

    overflow: auto;

    padding: 0 15px 0px 15px;



              height: 156px;

              overflow: auto;

              padding: 0 15px 0px 15px;



              .single-desc {

                   margin-bottom: 10px;

                        font-size: 13px;





                margin-bottom: 10px;

                font-size: 13px;

              }

            }

          }

        }

      }

      .box-bottom {

            margin-top: 8px;

        margin-top: 8px;



        height: 240px;

        .bot-left {

@@ -2055,31 +1856,29 @@
          margin: 0 0.5%;

          border-radius: 2px;

          float: left;

          // background-color: lightblue;

          .part-title {

            display: block;

            line-height: 35px;

            font-size: 16px;

            margin-left: 24px;

            // height: 30px;

            border-bottom: 3px solid #3d68e1;

            width: fit-content;

               margin-bottom: 10px;

            margin-bottom: 10px;



              height: 33px;



            height: 33px;

          }

          .list-zone {

            overflow: auto;

                height: 190px;

                padding: 0 20px;

            height: 190px;

            padding: 0 20px;

            .list-item {

              .desc {

                background-color: rgba(242, 242, 242, 1.3);

                      margin: 5px 12px 0 12px;

                    font-size: 12px;

                margin: 5px 12px 0 12px;

                font-size: 12px;

                line-height: 18px;

              }

               margin-bottom: 12px;

              margin-bottom: 12px;

            }

          }

        }

@@ -2088,7 +1887,6 @@
          float: left;

          background-color: rgba(253, 253, 253, 1);

          width: 49%;

          // background-color: lightgoldenrodyellow;

          margin: 0 0.5%;

          border-radius: 2px;



@@ -2097,23 +1895,20 @@
            line-height: 35px;

            font-size: 16px;

            margin-left: 24px;

            // height: 30px;

            border-bottom: 3px solid #3d68e1;

            width: fit-content;

            margin-bottom: 5px;

                height: 33px;



            height: 33px;

          }

          .item-zone {

            overflow: auto;

            height: 225px;

              padding: 0px 12px;

            padding: 0px 12px;



            .item {

              height: 165px;

              width: 130px;

              float: left;

              // text-align: center;

              border-radius: 10px;

              box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.0666666666666667);

              position: relative;

@@ -2123,38 +1918,29 @@
                margin: 8px;

              }

              .icon {

                // width: 100%;

                // height: 68px;

                // width: 68px;

                // position: absolute;

                // margin: 0 auto;

                margin: 0 auto;

                // top: 21%;

                // left: 26%;

                img {

                  // display: block;

                  max-width: 60px;

                  max-height: 60px;

                      position: absolute;

    top: 20%;

    left: 26%;

                  position: absolute;

                  top: 20%;

                  left: 26%;

                }

                .icon-name {

                 text-align: center;

                position: absolute;

                top: 61%;

                   left: 12%;

            width: 100px;

            text-overflow: ellipsis;

            white-space: nowrap;

            overflow: hidden;

              font-size: 13px;



                  text-align: center;

                  position: absolute;

                  top: 61%;

                  left: 12%;

                  width: 100px;

                  text-overflow: ellipsis;

                  white-space: nowrap;

                  overflow: hidden;

                  font-size: 13px;

                }

              }

              .look-button {

                position: absolute;

                      left: 30%;

                left: 30%;



                top: 76%;

              }

@@ -2254,6 +2040,7 @@
  .el-tabs--border-card > .el-tabs__content {

    padding: 0 !important;

    overflow: auto !important;

    background-color: #fff;

  }

  .el-tabs__content {

    padding: 0 !important;

@@ -2297,7 +2084,8 @@
        }

      }

      .task-list {

        background: #fdfdfd;

        // background: #1c364a;

        background: #fff;

        padding: 20px;

        box-sizing: border-box;



@@ -2307,18 +2095,17 @@
          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%;

              
            


              .el-button + .el-button {

                margin-left: 0 !important;

              }

@@ -2331,14 +2118,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%;

@@ -2365,9 +2152,9 @@
              }

            }

            .alg-name {

              height: 36px;

              height: 20px;

              text-align: center;

              line-height: 36px;

              line-height: 20px;

            }

            .mask {

              position: absolute;

@@ -2452,7 +2239,7 @@
        }

      }

      .tab-content {

        padding: 30px 20px;

        padding: 20px 20px;

      }

    }

    .mask {

@@ -2544,7 +2331,7 @@
      font-size: 14px;



      transition: all 1s;

      background: #ffffff;

      // background: #ffffff;

      border-radius: 4px;

      p {

        display: none;

@@ -2567,7 +2354,7 @@
        flex-wrap: wrap;

        justify-content: center;

        top: 0;

       


        .bot-btn {

          flex: 1;

        }

@@ -2578,8 +2365,8 @@
      }

    }

    .list-choose-item-left-uninstal {

      color: darkgray;

      background-color: #ddd;

      color: gray;

      filter: grayscale(100%);

    }

    .list-complete-item.sortable-chosen {

      background: #4ab7bd;

@@ -2688,11 +2475,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;

@@ -2724,6 +2511,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%;

@@ -2731,16 +2519,24 @@
          transform: translate(-50%, -50%);

        }

        .baseImg {

          width: 56%;

          width: 100%;

          position: absolute;

          top: 50%;

          left: 50%;

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

          max-width: 106px;

          max-height: 106px;

          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;

@@ -2748,14 +2544,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;

        }

      }

    }

@@ -2841,42 +2638,40 @@
    }

  }

}

.active-Dial{

  .el-dialog{



.active-Dial {

  .el-dialog {

    min-width: 400px;

  }



  .dialog-active{

          .desc {

          padding: 0 30px;

          margin-bottom: 30px;

          li {

            border-bottom: 1px solid #eee;

            height: 45px;

            line-height: 45px;

            font-size: 14px;

            &:last-child {

              border-bottom: none;

            }

            label {

              display: inline-block;

              width: 90px;

              padding-left: 14px;

              font-weight: bold;

            }

          }

  .dialog-active {

    .desc {

      padding: 0 30px;

      margin-bottom: 30px;

      li {

        border-bottom: 1px solid #eee;

        height: 45px;

        line-height: 45px;

        font-size: 14px;

        &:last-child {

          border-bottom: none;

        }

        .text-right {

          padding-right: 30px;

          text-align: right;

          .tip {

            color: #999;

            line-height: 38px;

          }

        label {

          display: inline-block;

          width: 90px;

          padding-left: 14px;

          font-weight: bold;

        }

      }

    }

    .text-right {

      padding-right: 30px;

      text-align: right;

      .tip {

        color: #999;

        line-height: 38px;

      }

    }

  }

}

}



</style>