From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期二, 09 十一月 2021 18:01:59 +0800
Subject: [PATCH] 问题修复
---
src/pages/ai/index/App.vue | 1144 +++++++++++++++++++++++++-------------------------------
1 files changed, 514 insertions(+), 630 deletions(-)
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 679fc32..38592e9 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -20,17 +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 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
@@ -40,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,0)"
+ @click="donwload(item, 0)"
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇</el-button
- >
+ >鍗囩骇</el-button>
</div>
</div>
<img
@@ -92,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"
@@ -109,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, 'activeNotInstall')"
- >
- 鏌ョ湅璇︽儏
- </div>
- <div class="mask-btn">
- <el-button
- @click="donwload(item,1)"
- 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>
@@ -168,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>
@@ -179,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
@@ -195,24 +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.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
- <!-- v-if="!item.isDefault" -->
- <div
- class="info-onmask"
- @click="checkDetail(item,'active')"
- >
- 鏌ョ湅璇︽儏
- </div>
+ <!-- v-if="!item.isDefault" -->
+ <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
<div class="mask-btn">
<el-button
v-show="!item.isDefault"
@@ -220,16 +176,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
@@ -244,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
@@ -260,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
@@ -276,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"
@@ -336,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">
@@ -363,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
@@ -405,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"
@@ -424,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">
@@ -449,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
@@ -508,33 +429,22 @@
</div>
</div>
<!-- -->
-
</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">
<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
@@ -544,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,0)"
+ @click="donwload(item, 0)"
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇</el-button
- >
+ >鍗囩骇</el-button>
</div>
</div>
<img
@@ -596,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>
@@ -607,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
@@ -634,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"
@@ -658,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
@@ -753,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><</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><</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">
@@ -786,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>
@@ -823,39 +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">
<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&&!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>
+ }}
+ </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">
@@ -863,9 +760,9 @@
<div>鐗堟湰锛�</div>
<div>
{{
- productDetail.productVersion === ""
- ? "鏆傛棤"
- : productDetail.productVersion
+ productDetail.productVersion === ""
+ ? "鏆傛棤"
+ : productDetail.productVersion
}}
</div>
</div>
@@ -873,9 +770,9 @@
<div>姒傝堪锛�</div>
<div>
{{
- productDetail.description === ""
- ? "鏆傛棤"
- : productDetail.description
+ productDetail.description === ""
+ ? "鏆傛棤"
+ : productDetail.description
}}
</div>
</div>
@@ -883,9 +780,9 @@
<div>璇﹁堪锛�</div>
<div>
{{
- productDetail.summary === ""
- ? "鏆傛棤"
- : productDetail.summary
+ productDetail.summary === ""
+ ? "鏆傛棤"
+ : productDetail.summary
}}
</div>
</div>
@@ -895,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>
@@ -918,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"
@@ -940,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>
@@ -956,12 +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">
@@ -987,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>
@@ -1015,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",
@@ -1073,19 +968,19 @@
downloading: false,
direction: "rtl",
actStep: 0,
- showActivateSuccess:false,
+ showActivateSuccess: false,
activeCode: "",
isInstall: false,
installDialogVisible: false,
installPackage: {},
installAppPackage: null,
installSdkPackage: null,
- isActive:true,
- isDefaultApp:false,
+ isActive: true,
+ isDefaultApp: false,
installPercentage: 0,
unActivedSDKList: [],
unActivedAppList: [],
- isSDKDialog:true,
+ isSDKDialog: true,
//actSdkId: '',
actType: "",
actId: "",
@@ -1113,12 +1008,12 @@
otherProducts: [],
backStack: [],
forwardStack: [],
- backDisable:true,
- forwardDisable:true,
- showInputCode:false,
- needToUpgradeInWin:false,
- errMsg:"",
- showInstallNotActive:false
+ backDisable: true,
+ forwardDisable: true,
+ showInputCode: false,
+ needToUpgradeInWin: false,
+ errMsg: "",
+ showInstallNotActive: false
};
},
directives: {
@@ -1135,7 +1030,6 @@
this.getUnActivedList();
this.getUnActivedAppList();
-
},
beforeDestroy() {
this.autoRefresh = false;
@@ -1149,7 +1043,7 @@
batchUpdate(type) {
if (type == "sdk") {
this.hasNewVersionSdk.forEach((sdk) => {
- this.donwload(sdk,0);
+ this.donwload(sdk, 0);
});
} else {
this.hasNewVersionApp.forEach((app) => {
@@ -1157,52 +1051,51 @@
});
}
},
- closeDial(){
+ closeDial() {
this.productDetailVisible = false
this.productDetail = {}
this.otherProducts = []
},
- checkDetail(item,type) {
- if (type =='inactive') {
- this.isActive =false
- this.showInstallNotActive = false
+ checkDetail(item, type) {
+ if (type == 'inactive') {
+ this.isActive = false
+ this.showInstallNotActive = false
this.showInputCode = false
- }else if (type =='active'){
+ } else if (type == 'active') {
this.showInputCode = false
- this.showInstallNotActive = false
- this.isActive =true
- }else if (type =='activeNotInstall'){
+ this.showInstallNotActive = false
+ this.isActive = true
+ } else if (type == 'activeNotInstall') {
this.showInputCode = false
- this.isActive =false
- this.showInstallNotActive = true
+ this.isActive = false
+ this.showInstallNotActive = true
}
this.checkIsDefOrNot(item.id)
- this.needToUpgradeInWin = item.isUpgrade?true:false
+ this.needToUpgradeInWin = item.isUpgrade ? true : false
this.resetStack()
- if (item.sdk_type===undefined) {
- this.isSDKDialog=false
- }else{
- this.isSDKDialog=true
+ if (item.sdk_type === undefined) {
+ this.isSDKDialog = false
+ } else {
+ this.isSDKDialog = true
}
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])
this.backDisable = false
this.checkIsDefOrNot(item.id)
@@ -1212,60 +1105,60 @@
_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;
});
},
- checkIsDefOrNot(id){
- if (id.length>10) {
- this.isDefaultApp=false
- }else {
- this.isDefaultApp=true
+ checkIsDefOrNot(id) {
+ if (id.length > 10) {
+ this.isDefaultApp = false
+ } else {
+ this.isDefaultApp = true
}
},
- backwards(){
- if (this.backStack.length ==0) {
+ backwards() {
+ if (this.backStack.length == 0) {
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
- if (this.backStack.length ==0) {
- this.backDisable = 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.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() {
@@ -1313,10 +1206,10 @@
.then((res) => {
if (res && res.success) {
_this.$notify({
- title: "鎴愬姛",
- message: "瀹夎搴旂敤鎴愬姛",
- type: "success",
- });
+ title: "鎴愬姛",
+ message: "瀹夎搴旂敤鎴愬姛",
+ type: "success",
+ });
setTimeout(() => {
if (action == "upgrade") {
app.upgradeLoading = false;
@@ -1331,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 {
@@ -1384,7 +1276,7 @@
let _this = this;
this.$confirm("纭畾瑕佸嵏杞借搴旂敤鍚�?", "鎻愮ず")
.then(() => {
- _this.productDetailVisible = false
+ _this.productDetailVisible = false
app.unloadLoading = true;
removeApp({ appId: app.id })
@@ -1416,7 +1308,7 @@
},
actSdkOrApp(item, type = "sdk") {
- this.checkDetail(item, 'inactive')
+ this.checkDetail(item, "inactive");
this.actType = type;
this.actId = item.id;
this.actStep = 0;
@@ -1424,8 +1316,8 @@
this.activedSdkOrApp = this.newActInfo();
},
- cancelActivate(){
- this.showInputCode= false
+ cancelActivate() {
+ this.showInputCode = false
this.activeCode = ""
},
newActInfo() {
@@ -1454,21 +1346,21 @@
},
actived() {
let _this = this;
- if (this.activeCode.trim()=="") {
+ if (this.activeCode.trim() == "") {
this.$notify({
type: "error",
message: "婵�娲荤爜涓嶈兘涓虹┖",
});
- return
+ return;
}
if (this.actType == "sdk") {
//婵�娲荤畻娉�
actPageAlg(this.actId, this.activeCode)
.then((res) => {
if (res.data.isSuccess) {
- this.productDetailVisible = false
+ this.productDetailVisible = false;
_this.activedSdkOrApp = res.data.successMsg;
- this.showActivateSuccess=true
+ this.showActivateSuccess = true
_this.actStep++;
_this.getUnActivedList();
_this.getAllSdk();
@@ -1487,9 +1379,9 @@
actApp(this.actId, this.activeCode)
.then((res) => {
if (res.data.isSuccess) {
- this.productDetailVisible = false
+ this.productDetailVisible = false;
_this.activedSdkOrApp = res.data.successMsg;
- this.showActivateSuccess=true
+ this.showActivateSuccess = true
_this.actStep++;
_this.getUnActivedAppList();
_this.getAllApps();
@@ -1505,7 +1397,7 @@
});
}
},
- getCodeDetail() {},
+ getCodeDetail() { },
checkMyAlgorith() {
this.showActivateSuccess = false;
this.activeName = "myAlgorithm";
@@ -1547,7 +1439,7 @@
});
});
},
- openApp(){
+ openApp() {
let message = 'toOpenApp?' + this.productDetail.productBaseId;
window.parent.postMessage({
msg: message
@@ -1579,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)
@@ -1607,17 +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",
- });
+ title: "鎴愬姛",
+ message: "鍗歌浇瀹屾垚",
+ type: "success",
+ });
_this.getAllSdk();
window.parent.postMessage(
{
@@ -1636,73 +1528,72 @@
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.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;
+ // 寮�鍚嚜鍔ㄥ埛鏂�
+ 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;
}
-
+
},
- downloadSdkInSide(){
+ downloadSdkInSide() {
this.downloadItem = this.productDetail.productBaseId;
- this.isUpgrading = true
+ this.isUpgrading = true;
downloadSdk({ path: this.productDetail.productBaseId })
.then((rsp) => {
- this.productDetailVisible = false
+ this.productDetailVisible = false;
this.downloadItem = "";
this.$notify({
type: "success",
- message: "绠楁硶宸插畨瑁�"
+ message: "绠楁硶宸插畨瑁�",
});
- this.isUpgrading=false
+ this.isUpgrading = false
})
.catch((err) => {
this.$notify({
@@ -1710,12 +1601,12 @@
message: err.data,
});
this.downloadItem = "";
- this.isUpgrading=false
+ this.isUpgrading = false
});
// 寮�鍚嚜鍔ㄥ埛鏂�
this.sdkUpgreading = true;
},
- donwload(item,typ) {
+ donwload(item, typ) {
item.upgradeLoading = true;
this.downloadItem = item.id;
@@ -1726,7 +1617,7 @@
this.downloadItem = "";
this.$notify({
type: "success",
- message: typ==1? "绠楁硶瀹夎鎴愬姛":"绠楁硶鍗囩骇鎴愬姛"
+ message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛"
});
})
.catch((err) => {
@@ -1744,7 +1635,7 @@
inputBlur(item) {
this.$set(item, "isEdit", false);
},
- handleTabClick() {},
+ handleTabClick() { },
autoRefreshAppAndSdkState() {
// 鍏抽棴鍚庨��鍑�
if (!this.autoRefresh) {
@@ -1801,9 +1692,8 @@
height: 100%;
}
.product-detail-dialog {
- .dialog-title{
- font-size: 13px;
-
+ .dialog-title {
+ font-size: 13px;
}
.el-dialog {
width: 50%;
@@ -1812,36 +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{
+ left: 6px;
+ left: 10px;
+ .el-button--small {
+ padding: 5px 12px;
+ }
+ button {
font-size: 18px;
- line-height: 12px;
+ line-height: 12px;
}
}
}
@@ -1857,20 +1746,19 @@
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;
- }
- img{
- max-width: 90%;
- margin-top: 28px;
- }
+ width: 443px;
+ height: 277px;
+ }
+ img {
+ max-width: 90%;
+ margin-top: 28px;
+ }
}
}
.top-right {
@@ -1883,34 +1771,30 @@
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;
@@ -1919,55 +1803,50 @@
}
}
}
-
}
- .jihuo-input{
- margin-left: 10px;
- margin-bottom: 10px;
- .el-input{
- float: left;
- width: 63%;
- margin-bottom: 8px;
- margin-right: 10px;
- }
- 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;
border-bottom: 3px solid #3d68e1;
width: fit-content;
- height: 26px;
- margin-bottom: 8px;
-
+ height: 26px;
+ margin-bottom: 8px;
}
.text {
- height: 156px;
+ 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 {
@@ -1984,24 +1863,22 @@
margin-left: 24px;
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;
- line-height: 18px;
-
+ margin: 5px 12px 0 12px;
+ font-size: 12px;
+ line-height: 18px;
}
- margin-bottom: 12px;
+ margin-bottom: 12px;
}
}
}
@@ -2021,13 +1898,12 @@
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;
@@ -2046,26 +1922,25 @@
img {
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%;
}
@@ -2165,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;
@@ -2208,7 +2084,8 @@
}
}
.task-list {
- background: #fdfdfd;
+ // background: #1c364a;
+ background: #fff;
padding: 20px;
box-sizing: border-box;
@@ -2218,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;
}
@@ -2242,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%;
@@ -2276,9 +2152,9 @@
}
}
.alg-name {
- height: 36px;
+ height: 20px;
text-align: center;
- line-height: 36px;
+ line-height: 20px;
}
.mask {
position: absolute;
@@ -2363,7 +2239,7 @@
}
}
.tab-content {
- padding: 30px 20px;
+ padding: 20px 20px;
}
}
.mask {
@@ -2455,7 +2331,7 @@
font-size: 14px;
transition: all 1s;
- background: #ffffff;
+ // background: #ffffff;
border-radius: 4px;
p {
display: none;
@@ -2478,7 +2354,7 @@
flex-wrap: wrap;
justify-content: center;
top: 0;
-
+
.bot-btn {
flex: 1;
}
@@ -2489,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;
@@ -2599,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;
@@ -2635,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%;
@@ -2642,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;
@@ -2659,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;
}
}
}
@@ -2752,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>
--
Gitblit v1.8.0