From 3a2c4f13d1554d4e97463abebf085117b3f1e28f Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期三, 28 四月 2021 10:24:56 +0800 Subject: [PATCH] 调整应用图标 --- src/pages/ai/index/App.vue | 428 +++++++++++++++-------------------------------------- 1 files changed, 122 insertions(+), 306 deletions(-) diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue index 87b1598..9a6f674 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,27 @@ :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> + <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 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 - > + >鍗囩骇1</el-button> </div> </div> <img @@ -92,9 +70,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 +89,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 +133,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 +146,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 +158,14 @@ :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> <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 +173,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 +211,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 +228,7 @@ type="primary" class="bot-btn" @click="downloadApp(item)" - >瀹夎</el-button - > + >瀹夎</el-button> </div> <img v-if="item.iconBlob" @@ -335,19 +281,11 @@ </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="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 +300,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 +330,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 +351,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 +370,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 +420,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 +442,27 @@ :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> + <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 +479,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 +492,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 +508,13 @@ :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> <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 +522,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 +615,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"> <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 +645,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 +653,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 +677,7 @@ <div class="right-desc"> <div class="name"> <el-tooltip - class="" + class effect="dark" :content="productDetail.productName" placement="right-start" @@ -838,20 +686,8 @@ </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 @@ -859,36 +695,31 @@ type="warning" v-if="needToUpgradeInWin || productDetail.isUpgrade" @click="upgradeSDKinWin" - >{{ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇" }}</el-button - > + >{{ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇" }}</el-button> <el-button size="small" type="primary" 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 - > + >婵�娲�</el-button> <el-button size="small" type="primary" v-if="!isActive && showInstallNotActive" @click="downloadSdkInSide" - >{{ isUpgrading ? "瀹夎涓�.." : "瀹夎" }}</el-button - > + >{{ isUpgrading ? "瀹夎涓�.." : "瀹夎" }}</el-button> <el-button size="small" type="success" v-if="!isSDKDialog && isActive" @click="openApp" - >鎵撳紑</el-button - > + >鎵撳紑</el-button> </div> </div> </div> @@ -899,12 +730,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 +740,9 @@ <div>鐗堟湰锛�</div> <div> {{ - productDetail.productVersion === "" - ? "鏆傛棤" - : productDetail.productVersion + productDetail.productVersion === "" + ? "鏆傛棤" + : productDetail.productVersion }} </div> </div> @@ -923,9 +750,9 @@ <div>姒傝堪锛�</div> <div> {{ - productDetail.description === "" - ? "鏆傛棤" - : productDetail.description + productDetail.description === "" + ? "鏆傛棤" + : productDetail.description }} </div> </div> @@ -933,9 +760,9 @@ <div>璇﹁堪锛�</div> <div> {{ - productDetail.summary === "" - ? "鏆傛棤" - : productDetail.summary + productDetail.summary === "" + ? "鏆傛棤" + : productDetail.summary }} </div> </div> @@ -945,37 +772,29 @@ </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="desc"> - {{ item.desc === "" ? "鏆傛棤鏁版嵁" : item.desc }} - </div> + <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 }}</div> </div> </div> </div> <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 +809,21 @@ <div class="icon-name"> <el-tooltip - class="" + class effect="dark" :content="item.name === '' ? '鏆傛棤鏁版嵁' : item.name" placement="top-start" > - <span>{{ + <span> + {{ item.name === "" ? "鏆傛棤鏁版嵁" : item.name - }}</span> + }} + </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> @@ -1559,7 +1375,7 @@ }); } }, - getCodeDetail() {}, + getCodeDetail() { }, checkMyAlgorith() { this.showActivateSuccess = false; this.activeName = "myAlgorithm"; @@ -1769,7 +1585,7 @@ this.sdkUpgreading = true; }, donwload(item, typ) { - + item.upgradeLoading = true; this.downloadItem = item.id; @@ -1798,7 +1614,7 @@ inputBlur(item) { this.$set(item, "isEdit", false); }, - handleTabClick() {}, + handleTabClick() { }, autoRefreshAppAndSdkState() { // 鍏抽棴鍚庨��鍑� if (!this.autoRefresh) { @@ -2682,13 +2498,13 @@ 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-width: 106px; + // max-height: 106px; } } .willUpGrade { -- Gitblit v1.8.0