From b6dbc87951af99b12923103789eba812fe8462ed Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 18 六月 2021 18:26:51 +0800
Subject: [PATCH] list字段修改
---
src/pages/ai/index/App.vue | 707 ++++++++++++++++++++++------------------------------------
1 files changed, 273 insertions(+), 434 deletions(-)
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 87b1598..094649f 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>褰撳墠鐗堟湰1:{{ item.version }}</div>
- <div v-if="item.remoteVersion">
- 鏈�鏂扮増鏈�:{{ item.remoteVersion }}
- </div>
+ <div>褰撳墠鐗堟湰:{{ item.version }}</div>
+ <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
- <div
- class="info-onmask"
- @click="checkDetail(item, 'active')"
- >
- 鏌ョ湅璇︽儏
- </div>
+ <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
<div class="mask-btn">
<el-button
@click="unLoadSdk(item)"
type="primary"
size="small"
class="bot-btn"
- >鍗歌浇</el-button
- >
+ >鍗歌浇</el-button>
<el-button
v-if="item.isUpgrade"
@click="donwload(item, 0)"
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇1</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,37 +90,22 @@
</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 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>
<div class="mask-btn">
- <el-button
- @click="donwload(item, 1)"
- type="primary"
- class="bot-btn"
- >瀹夎</el-button
- >
+ <el-button @click="donwload(item,1)" type="primary" class="bot-btn">瀹夎</el-button>
</div>
</div>
<div class="click-download" title="涓嬭浇">
@@ -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>
+ <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
@@ -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
@@ -281,8 +231,7 @@
type="primary"
class="bot-btn"
@click="downloadApp(item)"
- >瀹夎</el-button
- >
+ >瀹夎</el-button>
</div>
<img
v-if="item.iconBlob"
@@ -335,19 +284,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">
@@ -362,31 +305,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
@@ -403,9 +335,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"
@@ -422,14 +356,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">
@@ -447,31 +375,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')"
type="primary"
size="small"
class="bot-btn"
- >婵�娲�</el-button
- >
+ >婵�娲�</el-button>
</div>
</div>
<img
@@ -508,32 +425,19 @@
</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
@@ -543,42 +447,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)"
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇</el-button
- >
+ >鍗囩骇</el-button>
</div>
</div>
<img
@@ -595,9 +486,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>
@@ -606,22 +499,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
@@ -633,23 +515,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"
@@ -657,16 +531,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
@@ -752,26 +624,18 @@
</div>
</el-dialog>
<!-- <div class="dialog-content" v-if="productDetailVisible" > -->
- <el-dialog
- class="product-detail-dialog"
- :visible="productDetailVisible"
- @close="closeDial"
- >
+ <el-dialog class="product-detail-dialog" :visible="productDetailVisible" @close="closeDial">
<!-- <el-button-group> -->
- <div class="button-group" v-show="!backDisable || !forwardDisable">
+ <div class="button-group" v-show="!backDisable||!forwardDisable">
<el-button size="small" @click="backwards" :disabled="backDisable">
<span><</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 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> -->
- <div class="dialog-title" slot="title">
- {{ isSDKDialog ? "绠楁硶璇︽儏" : "搴旂敤璇︽儏" }}
- </div>
+ <div class="dialog-title" slot="title">{{isSDKDialog?"绠楁硶璇︽儏":"搴旂敤璇︽儏"}}</div>
<div class="dialog-content">
<div class="box-top">
<div class="top-left">
@@ -790,10 +654,7 @@
@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'"
@@ -801,11 +662,7 @@
class="cursor-pointer"
preview
/>
- <video
- v-if="item.type == 'video'"
- :src="'/httpImage/' + item.url"
- controls
- ></video>
+ <video v-if="item.type == 'video'" :src="'/httpImage/' + item.url" controls></video>
</div>
</el-carousel-item>
</el-carousel>
@@ -829,7 +686,7 @@
<div class="right-desc">
<div class="name">
<el-tooltip
- class=""
+ class
effect="dark"
:content="productDetail.productName"
placement="right-start"
@@ -838,57 +695,44 @@
</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
- >
+ <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"
+ v-if="needToUpgradeInWin||productDetail.isUpgrade"
@click="upgradeSDKinWin"
- >{{ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇" }}</el-button
>
+ {{
+ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇"
+ }}
+ </el-button>
<el-button
size="small"
type="primary"
- v-if="isActive && !isDefaultApp"
+ v-if="isActive&&!isDefaultApp"
@click="unloadSDKinWin"
- >鍗歌浇</el-button
- >
+ >鍗歌浇</el-button>
<el-button
size="small"
type="primary"
- v-if="!isActive && !showInstallNotActive"
- @click="showInputCode = !showInputCode"
- >婵�娲�</el-button
- >
+ v-if="!isActive&&!showInstallNotActive"
+ @click="showInputCode=!showInputCode"
+ >婵�娲�</el-button>
<el-button
size="small"
type="primary"
- v-if="!isActive && showInstallNotActive"
+ v-if="!isActive&&showInstallNotActive"
@click="downloadSdkInSide"
- >{{ isUpgrading ? "瀹夎涓�.." : "瀹夎" }}</el-button
- >
+ >{{isUpgrading?"瀹夎涓�..":"瀹夎"}}</el-button>
<el-button
size="small"
type="success"
- v-if="!isSDKDialog && isActive"
+ v-if="!isSDKDialog&&isActive"
@click="openApp"
- >鎵撳紑</el-button
- >
+ >鎵撳紑</el-button>
</div>
</div>
</div>
@@ -899,12 +743,8 @@
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
- >
+ <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>
@@ -913,9 +753,9 @@
<div>鐗堟湰锛�</div>
<div>
{{
- productDetail.productVersion === ""
- ? "鏆傛棤"
- : productDetail.productVersion
+ productDetail.productVersion === ""
+ ? "鏆傛棤"
+ : productDetail.productVersion
}}
</div>
</div>
@@ -923,9 +763,9 @@
<div>姒傝堪锛�</div>
<div>
{{
- productDetail.description === ""
- ? "鏆傛棤"
- : productDetail.description
+ productDetail.description === ""
+ ? "鏆傛棤"
+ : productDetail.description
}}
</div>
</div>
@@ -933,9 +773,9 @@
<div>璇﹁堪锛�</div>
<div>
{{
- productDetail.summary === ""
- ? "鏆傛棤"
- : productDetail.summary
+ productDetail.summary === ""
+ ? "鏆傛棤"
+ : productDetail.summary
}}
</div>
</div>
@@ -945,20 +785,20 @@
</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>
</div>
@@ -966,16 +806,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"
@@ -990,24 +828,17 @@
<div class="icon-name">
<el-tooltip
- class=""
+ class
effect="dark"
- :content="item.name === '' ? '鏆傛棤鏁版嵁' : item.name"
+ :content="item.name === '' ? '鏆傛棤鏁版嵁':item.name"
placement="top-start"
>
- <span>{{
- item.name === "" ? "鏆傛棤鏁版嵁" : item.name
- }}</span>
+ <span>{{ item.name === "" ? "鏆傛棤鏁版嵁" : item.name }}</span>
</el-tooltip>
</div>
</div>
<div class="look-button">
- <el-button
- type="primary"
- size="mini"
- @click="checkInWindow(item)"
- >鏌ョ湅</el-button
- >
+ <el-button type="primary" size="mini" @click="checkInWindow(item)">鏌ョ湅</el-button>
</div>
</div>
</div>
@@ -1175,7 +1006,7 @@
showInputCode: false,
needToUpgradeInWin: false,
errMsg: "",
- showInstallNotActive: false,
+ showInstallNotActive: false
};
},
directives: {
@@ -1214,31 +1045,31 @@
}
},
closeDial() {
- this.productDetailVisible = false;
- this.productDetail = {};
- this.otherProducts = [];
+ this.productDetailVisible = false
+ this.productDetail = {}
+ this.otherProducts = []
},
checkDetail(item, type) {
- if (type == "inactive") {
- this.isActive = false;
- this.showInstallNotActive = false;
- this.showInputCode = false;
- } else if (type == "active") {
- this.showInputCode = false;
- this.showInstallNotActive = false;
- this.isActive = true;
- } else if (type == "activeNotInstall") {
- this.showInputCode = false;
- this.isActive = false;
- this.showInstallNotActive = true;
+ if (type == 'inactive') {
+ this.isActive = false
+ this.showInstallNotActive = false
+ this.showInputCode = false
+ } else if (type == 'active') {
+ this.showInputCode = false
+ this.showInstallNotActive = false
+ this.isActive = true
+ } else if (type == 'activeNotInstall') {
+ this.showInputCode = false
+ this.isActive = false
+ this.showInstallNotActive = true
}
- this.checkIsDefOrNot(item.id);
- this.needToUpgradeInWin = item.isUpgrade ? true : false;
- this.resetStack();
+ this.checkIsDefOrNot(item.id)
+ this.needToUpgradeInWin = item.isUpgrade ? true : false
+ this.resetStack()
if (item.sdk_type === undefined) {
- this.isSDKDialog = false;
+ this.isSDKDialog = false
} else {
- this.isSDKDialog = true;
+ this.isSDKDialog = true
}
this.productDetailVisible = true;
let _this = this;
@@ -1251,76 +1082,76 @@
});
},
resetStack() {
- this.forwardStack = [];
- this.backStack = [];
- this.backDisable = true;
- this.forwardDisable = true;
+ this.forwardStack = []
+ this.backStack = []
+ this.backDisable = true
+ this.forwardDisable = true
+
},
checkInWindow(item) {
- this.backStack.push([this.productDetail, this.otherProducts]);
- this.backDisable = false;
- this.checkIsDefOrNot(item.id);
+ this.backStack.push([this.productDetail, this.otherProducts])
+ this.backDisable = false
+ this.checkIsDefOrNot(item.id)
let _this = this;
getAppDetail({ id: item.id }).then((res) => {
_this.productDetail = res.data.detail;
- _this.productDetail.iconBlob = item.iconBlob;
- this.actId = _this.productDetail.productBaseId;
- let flag = false;
- const allNeedToNew = [
- ...this.hasNewVersionSdk,
- ...this.hasNewVersionApp,
- ];
+ _this.productDetail.iconBlob = item.iconBlob
+ this.actId = _this.productDetail.productBaseId
+ let flag = false
+ const allNeedToNew = [...this.hasNewVersionSdk, ...this.hasNewVersionApp]
for (let i = 0; i < allNeedToNew.length; i++) {
const item = allNeedToNew[i];
if (item.id == _this.productDetail.productBaseId) {
- flag = true;
+ flag = true
}
}
- this.needToUpgradeInWin = flag;
- _this.productDetail.isUpgrade = flag;
+ this.needToUpgradeInWin = flag
+ _this.productDetail.isUpgrade = flag
_this.otherProducts = res.data.randoms;
});
},
checkIsDefOrNot(id) {
if (id.length > 10) {
- this.isDefaultApp = false;
+ this.isDefaultApp = false
} else {
- this.isDefaultApp = true;
+ this.isDefaultApp = true
}
},
backwards() {
if (this.backStack.length == 0) {
- this.backDisable = true;
- return;
+ this.backDisable = true
+ return
}
- this.forwardStack.push([this.productDetail, this.otherProducts]);
- let item = this.backStack.pop();
- this.productDetail = item[0];
- this.checkIsDefOrNot(this.productDetail.productBaseId);
- this.otherProducts = item[1];
- this.forwardDisable = false;
+ this.forwardStack.push([this.productDetail, this.otherProducts])
+ let item = this.backStack.pop()
+ this.productDetail = item[0]
+ this.checkIsDefOrNot(this.productDetail.productBaseId)
+ this.otherProducts = item[1]
+ this.forwardDisable = false
if (this.backStack.length == 0) {
- this.backDisable = true;
+ this.backDisable = true
+
}
},
forwards() {
if (this.forwardStack.length == 0) {
- this.forwardDisable = true;
- return;
+ this.forwardDisable = true
+ return
}
- this.backStack.push([this.productDetail, this.otherProducts]);
- this.backDisable = false;
- let item = this.forwardStack.pop();
+ this.backStack.push([this.productDetail, this.otherProducts])
+ this.backDisable = false
+ let item = this.forwardStack.pop()
- this.productDetail = item[0];
- this.otherProducts = item[1];
+ this.productDetail = item[0]
+ this.otherProducts = item[1]
if (this.forwardStack.length == 0) {
- this.forwardDisable = true;
+ this.forwardDisable = true
}
+
},
//绂荤嚎瀹夎
offlineInstall() {
@@ -1438,7 +1269,7 @@
let _this = this;
this.$confirm("纭畾瑕佸嵏杞借搴旂敤鍚�?", "鎻愮ず")
.then(() => {
- _this.productDetailVisible = false;
+ _this.productDetailVisible = false
app.unloadLoading = true;
removeApp({ appId: app.id })
@@ -1479,8 +1310,8 @@
},
cancelActivate() {
- this.showInputCode = false;
- this.activeCode = "";
+ this.showInputCode = false
+ this.activeCode = ""
},
newActInfo() {
return {
@@ -1522,7 +1353,7 @@
if (res.data.isSuccess) {
this.productDetailVisible = false;
_this.activedSdkOrApp = res.data.successMsg;
- this.showActivateSuccess = true;
+ this.showActivateSuccess = true
_this.actStep++;
_this.getUnActivedList();
_this.getAllSdk();
@@ -1543,7 +1374,7 @@
if (res.data.isSuccess) {
this.productDetailVisible = false;
_this.activedSdkOrApp = res.data.successMsg;
- this.showActivateSuccess = true;
+ this.showActivateSuccess = true
_this.actStep++;
_this.getUnActivedAppList();
_this.getAllApps();
@@ -1559,7 +1390,7 @@
});
}
},
- getCodeDetail() {},
+ getCodeDetail() { },
checkMyAlgorith() {
this.showActivateSuccess = false;
this.activeName = "myAlgorithm";
@@ -1602,13 +1433,10 @@
});
},
openApp() {
- let message = "toOpenApp?" + this.productDetail.productBaseId;
- window.parent.postMessage(
- {
- msg: message,
- },
- "*"
- );
+ let message = 'toOpenApp?' + this.productDetail.productBaseId;
+ window.parent.postMessage({
+ msg: message
+ }, "*")
},
onFileAdded(f) {
@@ -1636,7 +1464,7 @@
//绠楁硶杞欢 宸插畨瑁呭叾涓寘鍚緟鍗囩骇 鏈畨瑁�
item.installed ? installedList.push(obj) : unInstalledList.push(obj);
- item.isUpgrade ? hasNewVersionList.push(obj) : null;
+ item.isUpgrade ? hasNewVersionList.push(obj) : null
});
}
this.installedList = installedList;
@@ -1644,18 +1472,19 @@
this.hasNewVersionSdk = hasNewVersionList;
},
unloadSDKinWin() {
- let appToUnload;
- let sdkToUnload;
+
+ let appToUnload
+ let sdkToUnload
if (this.productDetail.productTypeName == "搴旂敤") {
appToUnload = this.installedApps.find((item) => {
- return item.id == this.productDetail.productBaseId;
- });
- this.unLoad(appToUnload);
+ return item.id == this.productDetail.productBaseId
+ })
+ this.unLoad(appToUnload)
} else {
sdkToUnload = this.installedList.find((item) => {
- return item.id == this.productDetail.productBaseId;
- });
- this.unLoadSdk(sdkToUnload);
+ return item.id == this.productDetail.productBaseId
+ })
+ this.unLoadSdk(sdkToUnload)
}
},
//鍗歌浇绠楁硶
@@ -1663,7 +1492,7 @@
let _this = this;
this.$confirm("纭畾瑕佸嵏杞借绠楁硶鍚�?", "鎻愮ず")
.then(() => {
- _this.productDetailVisible = false;
+ _this.productDetailVisible = false
sdk.unloadLoading = true;
removeSdk({ sdkId: sdk.id })
.then((res) => {
@@ -1705,9 +1534,10 @@
message: "鍗囩骇瀹屾垚",
type: "success",
});
- this.needToUpgradeInWin = false;
- this.productDetail.isUpgrade = false;
+ this.needToUpgradeInWin = false
+ this.productDetail.isUpgrade = false
this.isUpgrading = !this.isUpgrading;
+
}
})
.catch((e) => {
@@ -1722,27 +1552,28 @@
// 寮�鍚嚜鍔ㄥ埛鏂�
this.appUpgreading = true;
} else {
- downloadSdk({ path: this.productDetail.productBaseId })
- .then((res) => {
- this.needToUpgradeInWin = false;
- this.productDetail.isUpgrade = false;
- this.isUpgrading = !this.isUpgrading;
- this.$notify({
- title: "鎴愬姛",
- message: "鍗囩骇瀹屾垚",
- type: "success",
- });
- })
- .catch((err) => {
- this.$notify({
- title: "鍗囩骇澶辫触",
- message: err.data,
- type: "warning",
- });
- this.isUpgrading = !this.isUpgrading;
+ downloadSdk({ path: this.productDetail.productBaseId }).then((res) => {
+ this.needToUpgradeInWin = false
+ this.productDetail.isUpgrade = false
+ this.isUpgrading = !this.isUpgrading;
+ this.$notify({
+ title: "鎴愬姛",
+ message: "鍗囩骇瀹屾垚",
+ type: "success",
});
+ }).catch((err) => {
+ this.$notify({
+ title: "鍗囩骇澶辫触",
+ message: err.data,
+ type: "warning",
+ });
+ this.isUpgrading = !this.isUpgrading;
+ })
this.sdkUpgreading = true;
}
+
+
+
},
downloadSdkInSide() {
this.downloadItem = this.productDetail.productBaseId;
@@ -1755,7 +1586,7 @@
type: "success",
message: "绠楁硶宸插畨瑁�",
});
- this.isUpgrading = false;
+ this.isUpgrading = false
})
.catch((err) => {
this.$notify({
@@ -1763,13 +1594,12 @@
message: err.data,
});
this.downloadItem = "";
- this.isUpgrading = false;
+ this.isUpgrading = false
});
// 寮�鍚嚜鍔ㄥ埛鏂�
this.sdkUpgreading = true;
},
donwload(item, typ) {
-
item.upgradeLoading = true;
this.downloadItem = item.id;
@@ -1780,7 +1610,7 @@
this.downloadItem = "";
this.$notify({
type: "success",
- message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛",
+ message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛"
});
})
.catch((err) => {
@@ -1798,7 +1628,7 @@
inputBlur(item) {
this.$set(item, "isEdit", false);
},
- handleTabClick() {},
+ handleTabClick() { },
autoRefreshAppAndSdkState() {
// 鍏抽棴鍚庨��鍑�
if (!this.autoRefresh) {
@@ -1935,13 +1765,10 @@
overflow: hidden;
.summary {
height: 120px;
-
margin: 5px 5px 0 5px;
-
.icon {
margin: 0 10px;
margin-top: 8px;
-
float: left;
.baseImg {
max-width: 106px;
@@ -2206,6 +2033,7 @@
.el-tabs--border-card > .el-tabs__content {
padding: 0 !important;
overflow: auto !important;
+ background-color: #fff;
}
.el-tabs__content {
padding: 0 !important;
@@ -2249,7 +2077,8 @@
}
}
.task-list {
- background: #fdfdfd;
+ // background: #1c364a;
+ background: #fff;
padding: 20px;
box-sizing: border-box;
@@ -2259,14 +2088,14 @@
flex-wrap: wrap;
min-height: 200px;
.wrap-box {
- width: 16.66%;
+ width: 11%;
}
.list-choose-item-left {
width: 80%;
height: auto;
margin: auto;
margin-bottom: 30px;
- max-width: 200px;
+ max-width: 150px;
.mask {
width: 100%;
@@ -2282,14 +2111,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%;
@@ -2316,9 +2145,9 @@
}
}
.alg-name {
- height: 36px;
+ height: 20px;
text-align: center;
- line-height: 36px;
+ line-height: 20px;
}
.mask {
position: absolute;
@@ -2403,7 +2232,7 @@
}
}
.tab-content {
- padding: 30px 20px;
+ padding: 20px 20px;
}
}
.mask {
@@ -2495,7 +2324,7 @@
font-size: 14px;
transition: all 1s;
- background: #ffffff;
+ // background: #ffffff;
border-radius: 4px;
p {
display: none;
@@ -2529,8 +2358,8 @@
}
}
.list-choose-item-left-uninstal {
- color: darkgray;
- background-color: #ddd;
+ color: gray;
+ filter: grayscale(100%);
}
.list-complete-item.sortable-chosen {
background: #4ab7bd;
@@ -2639,11 +2468,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;
@@ -2675,6 +2504,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%;
@@ -2682,16 +2512,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;
@@ -2699,14 +2537,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: #ffffff;
}
}
}
--
Gitblit v1.8.0