From 8a87100aa2c8d905362630cdd09825c2a2239f04 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期四, 25 二月 2021 10:07:06 +0800
Subject: [PATCH] 配置指向20:10
---
src/pages/ai/index/App.vue | 1671 ++++++++++++++++++++---------------------------------------
1 files changed, 564 insertions(+), 1,107 deletions(-)
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 653f3cc..95dfb60 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -19,45 +19,33 @@
@tab-click="handleTabClick"
style="height: calc(100% - 20px);"
>
- <el-tab-pane label="宸插畨瑁�" name="myAlgorithm">
+ <el-tab-pane label="宸叉縺娲�" name="myAlgorithm">
<div class="width-new-line task-list" v-show="activeName === 'myAlgorithm'">
<p class="src-title">绠楁硶杞欢</p>
<div class="flex-list">
- <div class="wrap-box" v-for="item in ungradeList" :key="item.id">
- <div class="list-choose-item-left">
- <div class="mask flex-center">
- <div class="info-onmask">
- <div>褰撳墠鐗堟湰:{{item.version}}</div>
- <div>鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
- </div>
- <el-button type="primary" class="bot-btn" @click="donwload(item)">鍗囩骇</el-button>
- </div>
-
- <div class="list-complete-item-handle">
- <div class="svg-wrap">
- <img
- v-if="item.iconBlob"
- class="baseImg"
- :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
- alt
- />
- <img v-else class="baseImg" :src="item.icon" alt="">
- </div>
- <div class="alg-name">
- <div style="padding:0px 10px 0px 10px;">
- <span>{{ item.sdk_name }}</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="wrap-box" v-for="(item) in installedList" :key="item.id">
+ <!-- <div class="wrap-box" v-for="item in ungradeList" :key="'upgrade'+item.id">
<div class="list-choose-item-left">
<div class="list-complete-item-handle">
- <div class="svg-wrap">
- <div class="mask flex-center" v-if="!item.isEdit">
+ <div
+ class="svg-wrap"
+ :class="{willUpGrade:item.isUpgrade}"
+ v-loading="item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
+ element-loading-background="rgba(0,0,0,.8)"
+ >
+ <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <div class="mask">
<div class="info-onmask">
<div>褰撳墠鐗堟湰:{{item.version}}</div>
+ <div>鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
+ </div>
+ <div class="mask-btn">
+ <el-button
+ type="warning"
+ class="bot-btn"
+ size="small"
+ @click="donwload(item)"
+ >鍗囩骇</el-button>
</div>
</div>
<img
@@ -66,7 +54,56 @@
:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
alt
/>
- <img v-else class="baseImg" :src="item.icon" alt="">
+ <img v-else class="baseImg" :src="item.icon" alt />
+ </div>
+ <div class="alg-name">
+ <div style="padding:0px 10px 0px 10px;">
+ <span>{{ item.sdk_name }}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>-->
+ <div class="wrap-box" v-for="(item) in installedList" :key="item.id">
+ <div class="list-choose-item-left">
+ <div class="list-complete-item-handle">
+ <div
+ class="svg-wrap"
+ :class="{willUpGrade:item.isUpgrade}"
+ v-loading="item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
+ element-loading-background="rgba(0,0,0,.8)"
+ >
+ <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <div class="mask" v-if="!item.isDefault || item.isUpgrade">
+ <div class="left-top">
+ <div>褰撳墠鐗堟湰:{{item.version}}</div>
+ <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
+ </div>
+ <div class="info-onmask" @click="checkDetail(item)">鏌ョ湅璇︽儏</div>
+ <div class="mask-btn">
+ <el-button
+ @click="unLoadSdk(item)"
+ type="primary"
+ size="small"
+ class="bot-btn"
+ >鍗歌浇</el-button>
+ <el-button
+ v-if="item.isUpgrade"
+ @click="donwload(item)"
+ type="warning"
+ size="small"
+ class="bot-btn"
+ >鍗囩骇</el-button>
+ </div>
+ </div>
+ <img
+ v-if="item.iconBlob"
+ class="baseImg"
+ :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
+ alt
+ />
+ <img v-else class="baseImg" :src="item.icon" alt />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -98,14 +135,19 @@
<span class="iconfont iconxiazai1"></span>
</div>
<div class="list-complete-item-handle">
- <div class="svg-wrap">
+ <div
+ class="svg-wrap"
+ v-loading="item.installLoading||item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
+ element-loading-background="rgba(0,0,0,.8)"
+ >
<img
v-if="item.iconBlob"
class="baseImg"
:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
alt
/>
- <img v-else class="baseImg" :src="item.icon" alt="">
+ <img v-else class="baseImg" :src="item.icon" alt />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -123,17 +165,34 @@
<div class="list-complete-item-handle">
<div
class="svg-wrap"
- v-loading="item.unloadLoading"
- element-loading-text="鍗歌浇涓�"
+ :class="{willUpGrade:item.isUpgrade}"
+ v-loading="item.unloadLoading||item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
element-loading-background="rgba(0,0,0,.8)"
>
- <div class="mask" v-if="!item.isDefault">
- <el-button
- v-if="!item.isDefault"
- @click="unLoad(item)"
- type="primary"
- class="bot-btn"
- >鍗歌浇</el-button>
+ <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>
+ <div class="info-onmask">鏌ョ湅璇︽儏</div>
+ <div class="mask-btn">
+ <el-button
+ v-if="!item.isDefault"
+ @click="unLoad(item)"
+ type="primary"
+ size="small"
+ class="bot-btn"
+ >鍗歌浇</el-button>
+ <el-button
+ v-if="item.isUpgrade"
+ @click="downloadApp(item,'upgrade')"
+ type="warning"
+ size="small"
+ class="bot-btn"
+ >鍗囩骇</el-button>
+ </div>
</div>
<img
v-if="item.iconBlob"
@@ -141,7 +200,7 @@
:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
alt
/>
- <img v-else class="baseImg" :src="item.icon" alt="">
+ <img v-else class="baseImg" :src="item.icon" alt />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -164,12 +223,13 @@
<div class="list-complete-item-handle uninstall">
<div
class="svg-wrap"
- v-loading="item.installLoading"
- element-loading-text="瀹夎涓�"
+ v-loading="item.installLoading||item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
element-loading-background="rgba(0,0,0,.8)"
>
<div class="mask">
<el-button
+ size="small"
type="primary"
class="bot-btn"
@click="downloadApp(item)"
@@ -181,7 +241,7 @@
:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
alt
/>
- <img v-else class="baseImg" :src="item.icon" alt="">
+ <img v-else class="baseImg" :src="item.icon" alt />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -242,7 +302,7 @@
:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
alt
/>
- <img v-else class="baseImg" :src="item.icon" alt="">
+ <img v-else class="baseImg" :src="item.icon" alt />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -279,7 +339,7 @@
:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
alt
/>
- <img v-else class="baseImg" :src="item.icon" alt="">
+ <img v-else class="baseImg" :src="item.icon" alt />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -356,6 +416,134 @@
</div>
</el-drawer>
</el-tab-pane>
+ <el-tab-pane name="update">
+ <span slot="label">
+ <el-badge class="update-badge" :value="updateNum">鏇存柊</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>
+ </div>
+ <div class="flex-list">
+ <div v-if="!hasNewVersionSdk.length" class="empty-tip">鏆傛棤鏁版嵁锛岃绋嶅悗閲嶈瘯...</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
+ class="svg-wrap"
+ :class="{willUpGrade:item.isUpgrade}"
+ v-loading="item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
+ element-loading-background="rgba(0,0,0,.8)"
+ >
+ <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <div class="mask" v-if="!item.isDefault || item.isUpgrade">
+ <div class="left-top">
+ <div>褰撳墠鐗堟湰:{{item.version}}</div>
+ <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
+ </div>
+ <div class="info-onmask">鏌ョ湅璇︽儏</div>
+ <div class="mask-btn">
+ <el-button
+ @click="unLoadSdk(item)"
+ type="primary"
+ size="small"
+ class="bot-btn"
+ >鍗歌浇</el-button>
+ <el-button
+ v-if="item.isUpgrade"
+ @click="donwload(item)"
+ type="warning"
+ size="small"
+ class="bot-btn"
+ >鍗囩骇</el-button>
+ </div>
+ </div>
+ <img
+ v-if="item.iconBlob"
+ class="baseImg"
+ :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
+ alt
+ />
+ <img v-else class="baseImg" :src="item.icon" alt />
+ </div>
+ <div class="alg-name">
+ <div style="padding:0px 10px 0px 10px;">
+ <span v-if="!item.isEdit">{{ item.sdk_name}}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="flex-title">
+ <p class="src-title">搴旂敤杞欢</p>
+ <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 class="list-choose-item-left">
+ <div class="list-complete-item-handle">
+ <div
+ class="svg-wrap"
+ :class="{willUpGrade:item.isUpgrade}"
+ v-loading="item.unloadLoading||item.upgradeLoading"
+ :element-loading-text="item.progressMsg"
+ element-loading-background="rgba(0,0,0,.8)"
+ >
+ <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <div class="mask">
+ <div class="left-top">
+ <div>褰撳墠鐗堟湰:{{item.version}}</div>
+ <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
+ </div>
+ <div class="info-onmask">鏌ョ湅璇︽儏</div>
+ <div class="mask-btn">
+ <el-button
+ v-if="!item.isDefault"
+ @click="unLoad(item)"
+ type="primary"
+ size="small"
+ class="bot-btn"
+ >鍗歌浇</el-button>
+ <el-button
+ v-if="item.isUpgrade"
+ @click="downloadApp(item,'upgrade')"
+ type="warning"
+ size="small"
+ class="bot-btn"
+ >鍗囩骇</el-button>
+ </div>
+ </div>
+ <img
+ v-if="item.iconBlob"
+ class="baseImg"
+ :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
+ alt
+ />
+ <img v-else class="baseImg" :src="item.icon" alt />
+ </div>
+ <div class="alg-name">
+ <div style="padding:0px 10px 0px 10px;">
+ <span v-if="!item.isEdit">{{ item.name }}</span>
+ <el-input
+ size="small"
+ v-model="item.sdk_name"
+ v-if="item.isEdit"
+ v-focus
+ :maxlength="15"
+ @blur="inputBlur(item)"
+ ></el-input>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </el-tab-pane>
</el-tabs>
</div>
</div>
@@ -407,34 +595,65 @@
<el-button type="primary" @click="offlineInstall">瀹� 瑁�</el-button>
</div>
</el-dialog>
+ <!-- <div class="draggable-box" v-if="productDetailShow" > -->
+ <div class="draggable-box" v-if="false" >
+ <div class="box-top">
+ <div class="top-left">
+ <div class="banner">
+ <!-- <el-carousel
+ ref="carousel"
+ :autoplay="false"
+ indicator-position="none"
+ :arrow="curCheckTarget.pics.length > 1 ? 'always' : 'never'"
+ @change="changeHandle"
+ >
+ <el-carousel-item v-for="(item, index) in curCheckTarget.pics" :key="index">
+ <div class="imgwrap">
+ <img
+ v-if="item.type=='image'"
+ :src="'/httpImage/'+item.url"
+ class="cursor-pointer"
+ preview
+ />
+ <video v-if="item.type=='video'" :src="'/httpImage/'+item.url" controls></video>
+ </div>
+ </el-carousel-item>
+ </el-carousel> -->
+ </div>
+ </div>
+ <div class="top-right">
+ <div class="summary">
+ <div class="icon"></div>
+ <div class="name"></div>
+ <!-- <div class="tags">
+ <span
+ class="tag"
+ v-for="(id, index) in data.productLabelId"
+ :key="index+'i'"
+ >{{showNameById(id)}}</span>
+ </div> -->
+ <div class="btns">
+ <el-button size="mini">鍗囩骇</el-button>
+ <el-button size="mini">鍗歌浇</el-button>
+ <el-button size="mini">鎵撳紑</el-button>
+ </div>
+ </div>
+ <div class="product-intruduction">
+ <div class="title">浜у搧绠�浠�</div>
+
+ </div>
+ </div>
+ </div>
+ <div class="box-bot"></div>
+ </div>
</div>
</template>
<script>
-import {
- findAllSdk,
- findAll,
- addTaskSdk,
- delTaskSdk,
- deleteTask,
- updateTaskStatus,
- updateTaskName,
- getSdkArgs,
- saveTaskSdkRule,
- addTask,
- getRulesByTaskSdk,
- deleteTaskSdkRule,
- findByType,
- getTagList,
- downloadSdk,
- installSdk,
- getInstallInfo
-} from "./api";
+import { findAllSdk, downloadSdk, installSdk, getInstallInfo, removeSdk } from "./api";
import { getApps, installApp, removeApp, getUnActivedSdk, actPageAlg, getUnActivedApp, actApp } from "@/api/app";
import FileUploader from "@/components/subComponents/FileUpload/index";
-import TaskManage from "@/Pool/TaskMange";
-import VideoManageData from "@/Pool/VideoManageData";
export default {
name: "algorithmManage",
props: {},
@@ -442,24 +661,30 @@
FileUploader
},
computed: {
- notInstalledList() {
- return this.TaskMange.list1.filter(sdk => {
- return sdk.installed === false;
- });
+ updateNum(){
+ return this.hasNewVersionApp.length+this.hasNewVersionSdk.length
},
- installedList() {
- return this.TaskMange.list1.filter(sdk => {
- return sdk.installed === true;
- });
- },
- ungradeList() {
- // 鍗囩骇澶勭悊浼氬鑷撮噸澶嶇殑key,闇�瑕佷慨鏀�
- return [];
- return this.TaskMange.list1.filter(sdk => {
- return sdk.isUpgrade === true;
- });
- },
- isAdmin() {
+ // notInstalledList () {
+ // return this.sdkList.filter(sdk => {
+ // return sdk.installed === false;
+ // });
+ // },
+ // installedList () {
+ // return this.sdkList.filter(sdk => {
+ // return sdk.installed === true && !sdk.isUpgrade;
+ // });
+ // },
+ // ungradeList () {
+ // // 鍗囩骇澶勭悊浼氬鑷撮噸澶嶇殑key,闇�瑕佷慨鏀�
+ // let arr = this.sdkList.filter(sdk => {
+ // return sdk.isUpgrade === true;
+ // });
+ // arr.forEach(sdk => {
+ // sdk.upgradeLoading = false;
+ // });
+ // return arr;
+ // },
+ isAdmin () {
if (
sessionStorage.getItem("userInfo") &&
sessionStorage.getItem("userInfo") !== ""
@@ -471,72 +696,23 @@
return false;
},
},
- data() {
+ data () {
return {
- TaskMange: new TaskManage,
- VideoManageData: new VideoManageData,
+ sdkList: [],
+ installedList: [],
+ hasNewVersionSdk: [],
+ updateNum: 0,
+ hasNewVersionApp: [],
+ notInstalledList: [],
buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
activeName: "myAlgorithm",
patchUpdateStatus: "",
- dragging: false,
- list1: [
- {
- sdk_name: "浜鸿劯鎻愬彇"
- }
- ],
- list2: [
- {
- id: "001",
- name: "浠诲姟1",
- child: [
- {
- id: "1",
- sdk_name: "浜鸿劯妫�娴�",
- isSelect: false
- },
- {
- id: "2",
- sdk_name: "浜鸿劯瀵规瘮",
- isSelect: false
- }
- ],
- isSetting: false,
- isShowSetAlgo: false
- }
- ],
- argsList: [],
- baseObject: {
- id: "",
- algoId: "",
- options1: [],
- options2: [],
- options3: [],
- value1: "",
- value2: "",
- value3: "",
- unit: ""
- },
- currentAlgoId: "",
- currentTaskId: "",
- isSuperUser: false,
downloadItem: "",
downloading: false,
- sceneDialogVisible: false,
- dialogTitle: '',
direction: "rtl",
actDrawerShow: false,
actStep: 0,
activeCode: "",
- sceneTemplates: [],
- appSceneForm: {
- id: "",
- name: "",
- desc: "",
- rules: "",
- txt: ""
- },
- sceneSdks: [],
- sceneRuleList: "",
isInstall: false,
installDialogVisible: false,
installPackage: {},
@@ -560,23 +736,13 @@
// installLoading: false,
installedApps: [],
storeApps: [],
- installFile: {}
- }
- },
- watch: {
- list2: {
- handler(newVal, oldVal) {
- // window.console.log(newVal, oldVal, '鐩戝惉list2')
- if (newVal !== oldVal) {
- // window.console.log(newVal, '鐩戝惉list2')
- newVal.map((i, index) => {
- i.child.map(j => {
- this.$set(j, "parentId", i.id);
- });
- });
- }
- },
- deep: true
+ installFile: {},
+ freshTimer: null,
+ appUpgreading: true,
+ sdkUpgreading: true,
+ autoRefresh: true,
+ curCheckTarget: {},
+ productDetailShow: false,
}
},
directives: {
@@ -586,39 +752,54 @@
}
}
},
- mounted() {
- this.getAllApps();
- this.findAllSdk();
- this.findByType();
- this.getBaseList();
- this.findAll();
+ mounted () {
+ // 鑾峰彇鎵�鏈夊簲鐢�
+ this.autoRefreshAppAndSdkState();
+
this.getUnActivedList();
this.getUnActivedAppList();
- // this.TaskMange.findAllSdk();
- // this.TaskMange.findByType();
- this.VideoManageData.init();
+ },
+ beforeDestroy () {
+ this.autoRefresh = false;
},
methods: {
- isShow(authority) {
+ isShow (authority) {
return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
},
- offlineInstall() {
+ batchUpdate(type){
+ if(type=="sdk"){
+ this.hasNewVersionSdk.forEach(sdk=>{
+ this.donwload(sdk)
+ })
+ }else{
+ this.hasNewVersionApp.forEach(app=>{
+ this.downloadApp(app,'upgrade')
+ })
+ }
+ },
+ checkDetail (item) {
+ this.curCheckTarget = item;
+ this.productDetailShow = true;
+ },
+ //绂荤嚎瀹夎
+ offlineInstall () {
this.installDialogVisible = false;
this.isInstall = true;
//瀹夎
installSdk(this.installFile).then(res => {
- debugger
if (res.success) {
this.isInstall = false;
this.$message({
type: 'success',
- message: '瀹夎鎴愬姛,灏嗚烦杞嚦鎴戠殑绠楁硶涓煡鐪�'
+ message: '瀹夎鎴愬姛,灏嗚烦杞嚦"宸叉縺娲�"涓煡鐪�'
});
setTimeout(() => {
- this.findAllSdk();
- this.getAllApps();
+ this.getAllSdk();
+ window.parent.postMessage({
+ msg: "AppUpdate"
+ }, '*')
this.activeName = 'myAlgorithm';
- }, 3000)
+ }, 3000);
}
}).catch(e => {
@@ -630,59 +811,113 @@
});
})
},
- downloadApp(app) {
- app.installLoading = true;
+ downloadApp (app, action) {
+ if (action == 'upgrade') {
+ app.upgradeLoading = true;
+ } else {
+ app.installLoading = true;
+ }
let _this = this;
+
installApp({ path: app.id }).then(res => {
if (res && res.success) {
setTimeout(() => {
- app.installLoading = false;
- _this.getAllApps();
+ if (action == 'upgrade') {
+ app.upgradeLoading = false;
+ // _this.$notify({
+ // type: 'success',
+ // message: '鍗囩骇鎴愬姛'
+ // });
+ } else {
+ app.installLoading = false;
+ // _this.$notify({
+ // type: 'success',
+ // message: '瀹夎鎴愬姛'
+ // });
+ }
+ // _this.getAllApps();
window.parent.postMessage({
msg: "AppUpdate"
}, '*')
}, 3000);
}
- })
- },
- getAllApps() {
- let _this = this;
- _this.installedApps = [];
- _this.storeApps = [];
- getApps().then(res => {
- if (res && res.success) {
- //_this.storeApps = res.data;
- res.data.forEach(item => {
- if (item.installed) {
- let obj = Object.assign({ unloadLoading: false }, item)
- _this.installedApps.push(obj)
- } else {
- let obj = Object.assign({ installLoading: false }, item)
- _this.storeApps.push(obj)
- }
- });
- console.log('_this.installedApps', _this.installedApps);
- console.log('_this.storeApps', _this.storeApps);
+ }).catch(e => {
+ console.log(e);
+ if (action == 'upgrade') {
+ app.upgradeLoading = false;
+ } else {
+ app.installLoading = false;
}
+ })
+
+ // 寮�鍚嚜鍔ㄥ埛鏂�
+ this.appUpgreading = true;
+ },
+ async getAllApps () {
+ let iArry = []
+ let sArry = []
+ let nArry = []
+ let rsp = await getApps();
+ if (rsp && rsp.success) {
+ // 閬嶅巻app鐨勮繃绋嬮噸缃�
+ this.appUpgreading = false;
+
+ rsp.data.forEach(item => {
+ let obj = Object.assign({ unloadLoading: false, upgradeLoading: false }, item)
+ if (obj.progressMsg !== "" && obj.progressMsg !== "宸插畨瑁�") {
+ obj.upgradeLoading = true;
+
+ this.appUpgreading = true;
+ }
+ item.installed ? iArry.push(obj) : sArry.push(obj);
+ item.isUpgrade && nArry.push(obj)
+ });
+ }
+ this.installedApps = iArry;
+ this.storeApps = sArry;
+ this.hasNewVersionApp = nArry;
+ },
+ //鍗歌浇绠楁硶
+ unLoadSdk (sdk) {
+ let _this = this;
+ this.$confirm('纭畾瑕佸嵏杞借绠楁硶鍚�?', '鎻愮ず').then(() => {
+ sdk.unloadLoading = true;
+ removeSdk({ sdkId: sdk.id }).then(res => {
+ if (res && res.success) {
+ sdk.unloadLoading = false;
+ _this.getAllSdk();
+ window.parent.postMessage({
+ msg: "AppUpdate"
+ }, '*')
+ }
+ }).catch(e => {
+ console.log(e);
+ sdk.unloadLoading = false;
+ })
+ }).catch(e => {
+ console.log(e)
})
},
//鍗歌浇搴旂敤
- unLoad(app) {
- app.unloadLoading = true;
+ unLoad (app) {
let _this = this;
- removeApp({ appId: app.id }).then(res => {
-
- if (res && res.success) {
- setTimeout(() => {
+ this.$confirm('纭畾瑕佸嵏杞借搴旂敤鍚�?', '鎻愮ず').then(() => {
+ app.unloadLoading = true;
+ removeApp({ appId: app.id }).then(res => {
+ if (res && res.success) {
app.unloadLoading = false;
_this.getAllApps();
window.parent.postMessage({
msg: "AppUpdate"
}, '*')
- }, 3000);
- }
+ }
+ }).catch(e => {
+ console.log(e);
+ app.unloadLoading = false;
+ })
+ }).catch(e => {
+ console.log(e)
})
-
},
// actSdk (id) {
// this.actSdkId = id;
@@ -691,7 +926,7 @@
// this.activeCode = '';
// this.activedSdkOrApp = this.newActInfo()
// },
- actSdkOrApp(id, type = 'sdk') {
+ actSdkOrApp (id, type = 'sdk') {
this.actType = type;
this.actId = id;
this.actDrawerShow = true;
@@ -699,7 +934,7 @@
this.activeCode = '';
this.activedSdkOrApp = this.newActInfo()
},
- newActInfo() {
+ newActInfo () {
return {
activateCode: '',
productName: '',
@@ -709,7 +944,7 @@
devIds: ''
}
},
- getUnActivedList() {
+ getUnActivedList () {
getUnActivedSdk().then(res => {
if (res.code == 200) {
this.unActivedSDKList = res.data;
@@ -717,18 +952,14 @@
})
},
- getUnActivedAppList() {
+ getUnActivedAppList () {
getUnActivedApp().then(res => {
if (res.code == 200) {
this.unActivedAppList = res.data;
}
});
},
-
- installFormat(percentage) {
- return percentage === 100 ? '瀹夎鎴愬姛' : `${percentage}%`;
- },
- actived() {
+ actived () {
let _this = this;
if (this.actType == 'sdk') {
//婵�娲荤畻娉�
@@ -737,7 +968,7 @@
_this.activedSdkOrApp = res.data.successMsg;
_this.actStep++;
_this.getUnActivedList();
- _this.findAllSdk();
+ _this.getAllSdk();
} else {
_this.$notify({
type: 'error',
@@ -766,12 +997,12 @@
});
}
},
- getCodeDetail() { },
- checkMyAlgorith() {
+ getCodeDetail () { },
+ checkMyAlgorith () {
this.actDrawerShow = false;
this.activeName = "myAlgorithm";
},
- onFileUpload(file) {
+ onFileUpload (file) {
//this.patchUpdateStatus = `<span style="color:green">涓婁紶鎴愬姛, 鐐瑰嚮鍗囩骇鎸夐挳寮�濮嬪畨瑁�</span>`;
this.patchFile = { ...file };
this.fileAdded = true;
@@ -782,7 +1013,6 @@
_this.installFile = file;
if (res.success) {
_this.installDialogVisible = true;
- debugger
if (res.data.apps.length > 0) {
_this.installAppPackage = {
appId: res.data.apps[0].appId,
@@ -799,49 +1029,6 @@
installContent: res.data.sdks[0].installContent
}
}
-
- // this.$confirm('', '绠楁硶淇℃伅', {
- // message: `<div class="installInfo">
- // <div><span>绠楁硶鍚嶇О锛�</span><span>${file.filename}</span></div>
- // <div><span>瀹夎鐗堟湰锛�</span><span></span></div>
- // <div><span>鏇存柊鍐呭锛�</span><span></span></div>
- // <p>纭畾瀹夎姝ょ畻娉曪紵</p>
- // </div>`,
- // confirmButtonText: '瀹夎',
- // cancelButtonText: '鍙栨秷',
- // dangerouslyUseHTMLString: true,
- // type: ''
- // }).then(() => {
- // this.isInstall = true;
- // //瀹夎
- // installSdk(file).then(res => {
- // debugger
- // if (res.success) {
- // this.isInstall = false;
- // //this.$refs['progressBar'].style.width = 100%
- // //this.installPercentage = 100%
- // this.$message({
- // type: 'success',
- // message: '瀹夎鎴愬姛,灏嗚烦杞嚦鎴戠殑绠楁硶涓煡鐪�'
- // });
- // setTimeout(() => {
- // this.findAllSdk();
- // this.activeName = 'myAlgorithm';
- // }, 3000)
- // }
-
- // }).catch(e => {
- // console.log(e)
- // this.isInstall = false;
- // this.$message({
- // type: 'error',
- // message: e.data
- // });
- // })
- // }).catch(() => {
- // console.log('鍙栨秷瀹夎');
-
- // })
}
}).catch(e => {
this.$message({
@@ -849,670 +1036,92 @@
message: e.data
});
})
- // this.$msgbox({
- // title: '绠楁硶淇℃伅',
- // message: h('div', null, [
- // h('span', null, '绠楁硶鍚嶇О锛� '),
- // h('i', { style: 'color: teal' }, file.filename)
- // ]),
- // showCancelButton: true,
- // confirmButtonText: '纭畾',
- // cancelButtonText: '鍙栨秷',
- // beforeClose: (action, instance, done) => {
- // if (action === 'confirm') {
- // instance.confirmButtonLoading = true;
- // instance.confirmButtonText = '鎵ц涓�...';
- // setTimeout(() => {
- // done();
- // setTimeout(() => {
- // instance.confirmButtonLoading = false;
- // }, 300);
- // }, 3000);
- // } else {
- // done();
- // }
- // }
- // }).then(action => {
- // this.$message({
- // type: 'info',
- // message: 'action: ' + action
- // });
- // });
-
-
},
- onFileAdded(f) {
- ;
+ onFileAdded (f) {
this.patchUpdateStatus = "";
},
- // 鏍￠獙杈撳叆鐨勬槸鍚︽槸鏁板瓧
- valiNum(value) {
- if (value) {
- let re = /[^\-?\d.]*$/;
- if (!re.test(value)) {
- // this.$toast({
- // type: "warning",
- // message: "璇疯緭鍏ユ暟瀛楋紒"
- // });
- this.$notify({
- title: "鎻愮ず",
- message: "璇疯緭鍏ユ暟瀛楋紒",
- type: "warning"
- });
- }
- }
- },
- // 宸﹁竟鎷栧姩妯″潡寰楁嫋鍔ㄧ粨鏉熷悗鐨勮Е鍙戝嚱鏁�
- endLeft(env) {
- this.dragging = false;
- let taskId = env.to.id;
- let sdkId = this.TaskMange.list1[env.oldIndex].id;
- if (!taskId.length || !sdkId.length) {
- return;
- }
- // 鑾峰彇鍒拌浠诲姟鎵�鍦ㄧ殑鍏冪礌
- let task = this.TaskMange.list2.find(i => {
- return i.id === taskId;
- });
- let arr = task.child.filter(i => {
- return i.id === sdkId;
- });
- // window.console.log(task, "鎷栬繘鏉ョ殑浠诲姟淇℃伅", sdkId, arr);
- if (arr && arr.length >= 2) {
- // this.$toast({
- // type: "warning",
- // message: "璇ョ畻娉曞凡瀛樺湪锛�"
- // });
- this.$notify({
- title: "鎻愮ず",
- message: "璇ョ畻娉曞凡瀛樺湪锛�",
- type: "warning"
- });
- task.child.splice(env.newIndex, 1);
- return true;
- }
- let list = task.child.map((i, index) => {
- let obj = {};
- obj.sdkId = i.id;
- obj.sort = index + 1;
- return obj;
- });
- let json = {
- taskId: taskId,
- sdks: list
- };
- this.addTaskSdk(json);
- },
- // 鍙宠竟鎷栧姩妯″潡寮�濮嬫嫋鍔ㄨЕ鍙戝嚱鏁�
- startRight(env) {
- this.$nextTick(() => {
- this.dragging = true;
- });
- // window.window.console.log(env, "right start");
- },
- // 鍙宠竟鎷栧姩妯″潡鎷栧姩缁撴潫瑙﹀彂鍑芥暟
- endRight(env) {
- // window.window.console.log(env, "right end");
- },
- clickSet(data) {
- if (data.isSetting) {
- data.isSetting = false;
- } else {
- data.isSetting = true;
- }
- },
- clickDel(data, Index) {
- this.$confirm("鎻愮ず锛氬垹闄ゅ悗锛屾浠诲姟鍦ㄦ憚鍍忔満涓殑搴旂敤澶辨晥锛屾槸鍚﹀垹闄わ紵", {
- center: true,
- showConfirmButton: true,
- showCancelButton: true,
- confirmButtonClass: "comfirm-class-sure",
- cancelButtonClass: "comfirm-class-cancle"
- })
- .then(() => {
- this.deleteTask(data);
- })
- .catch(err => { });
- },
- clickSetAlgo(row, data) {
- // window.console.log(row, data, "缂栬緫浠诲姟涓煇涓�涓畻娉�");
- if (row.isShowSetAlgo && data.id === this.TaskMange.currentAlgoId) {
- row.isShowSetAlgo = false;
- data.isSelect = false;
- return false;
- }
- if (data.id !== this.TaskMange.currentAlgoId) {
- let isEdit = false;
- if (this.argsList && this.argsList.length !== 0) {
- this.TaskMange.argsList.map((i, index) => {
- if (i.value2 !== this.argsList[index].value2) {
- isEdit = true;
- }
- if (i.value3 !== this.argsList[index].value3) {
- isEdit = true;
- }
- });
- }
- if (isEdit) {
- this.$notify({
- title: "鎻愮ず",
- message: "璇峰厛淇濆瓨鏈繚瀛樼殑閰嶇疆锛�",
- type: "warning"
- });
- return false;
- } else {
- let task = this.TaskMange.list2.find(element => {
- return element.isShowSetAlgo;
- });
- // console.log(task, '鏄惁鏈夊凡缁忔墦寮�缂栬緫鐨�')
- if (task !== undefined) {
- this.$set(task, "isShowSetAlgo", false);
- task.child.map(i => {
- this.$set(i, "isSelect", false);
- });
- }
- }
- }
- this.TaskMange.currentAlgoId = data.id;
- this.TaskMange.currentTaskId = row.id;
- let task = this.TaskMange.list2.find(element => {
- return element.isShowSetAlgo;
- });
- if (task === undefined) {
- this.getSdkArgs(data).then(() => {
- this.getRulesByTaskSdk(row.id, data.id);
- });
- if (row.isShowSetAlgo) {
- row.isShowSetAlgo = false;
- } else {
- row.isShowSetAlgo = true;
- data.isSelect = true;
- }
- } else {
- // this.$toast({
- // type: "warning",
- // message: "璇峰厛淇濆瓨鏈繚瀛樼殑閰嶇疆锛�"
- // });
- // this.$notify({
- // title: "鎻愮ず",
- // message: "璇峰厛淇濆瓨鏈繚瀛樼殑閰嶇疆锛�",
- // type: "warning"
- // });
- }
- },
- async getRulesByTaskSdk(taskId, sdkId) {
- let res = await getRulesByTaskSdk({
- taskId: taskId,
- sdkId: sdkId
- });
- if (res && res.success) {
- if (res.data.rules && res.data.rules.length !== 0) {
- this.TaskMange.argsList = res.data.rules.map((i, index) => {
- let sdk = res.data.argList.find(j => {
- return j.alias === i.sdk_arg_alias;
- });
- let obj = JSON.parse(JSON.stringify(this.TaskMange.baseObject));
- obj.value1 = i.sdk_arg_alias ? i.sdk_arg_alias : "";
- obj.value2 = i.operator ? i.operator : "";
- obj.value3 = i.sdk_arg_value ? i.sdk_arg_value : "";
- obj.unit = sdk.unit ? sdk.unit : "";
- obj.id = i.Id ? i.Id : "";
- obj.algoId = sdkId;
- return obj;
- });
- } else {
- this.TaskMange.argsList = res.data.argList.map(i => {
- let obj = JSON.parse(JSON.stringify(this.TaskMange.baseObject));
- obj.value1 = i.alias ? i.alias : "";
- obj.value2 = i.default_operator ? i.default_operator : "";
- obj.value3 = i.default_value ? i.default_value : "";
- obj.unit = i.unit ? i.unit : "";
- obj.id = "";
- obj.algoId = sdkId;
- return obj;
- });
- }
- // window.console.log(res, '鏌ユ壘绠楁硶瑙勫垯', this.argsList)
- this.argsList = JSON.parse(JSON.stringify(this.TaskMange.argsList));
- }
- },
- async findAllSdk() {
+
+ async getAllSdk () {
+ let installedList = [];
+ let unInstalledList = [];
+ let hasNewVersionList = [];
let res = await findAllSdk();
if (res && res.success) {
- this.TaskMange.list1 = res.data.map((i, index) => {
- this.$set(i, "isEdit", false);
- //mock 鏈畨瑁�/寰呭崌绾�
- // if (index == 1 || index == 2) {
- // this.$set(i, "isUpgrade", true);
- // }
- // if (index == 3 || index == 4) {
- // this.$set(i, "installed", false);
- // }
- //mock end
- return i;
- });
- }
- },
- addTask() {
- let obj = {
- id: "",
- name: "浠诲姟" + this.TaskMange.list2.length,
- child: [],
- isSetting: false,
- isShowSetAlgo: false
- };
- // window.console.log(this.TaskMange.list2, "addTask");
- this.TaskMange.list2.push(obj);
- this.addTaskAsync(obj.name);
- this.$nextTick(() => {
- let taskArea = document.getElementById("taskArea");
- taskArea.scrollTop = taskArea.scrollHeight;
- });
- },
- async findAll() {
- let res = await findAll();
- if (res && res.success) {
- if (res.data && res.data.length !== 0) {
- let list = res.data.map(i => {
- let obj = {};
- obj.id = i.task.taskid;
- obj.name = i.task.taskname;
- obj.enable = i.task.enable;
- obj.is_alarm = i.task.is_alarm;
- obj.child = [];
- if (i.sdks && i.sdks.length !== 0) {
- obj.child = i.sdks.map(j => {
- let t = {};
- t.id = j.id;
- t.ipc_id = j.ipc_id;
- if (i.sdks.length == 1) {
- t.sdk_name = i.task.taskname;
- // console.log("鍗曚釜sdk绠楁硶锛�",t.sdk_name)
- } else {
- t.sdk_name = j.sdk_name;
- // console.log("澶氫釜sdk绠楁硶锛�",t.sdk_name)
- }
- t.icon = j.icon;
- t.enable = j.enable;
- t.isSelect = false;
- return t;
- });
- }
- obj.isSetting = false;
- obj.isShowSetAlgo = false;
- return obj;
- });
- this.TaskMange.list2 = list;
- }
- }
- },
- clickDelSdk(task, sdk) {
- this.$confirm(
- "鎻愮ず锛氬垹闄ゅ悗锛屾绠楁硶鍦ㄦ湰浠诲姟涓Щ闄わ紝鍚屾椂鍦ㄦ憚鍍忔満涓殑搴旂敤澶辨晥锛屾槸鍚﹀垹闄わ紵",
- {
- center: true,
- showConfirmButton: true,
- showCancelButton: true,
- confirmButtonClass: "comfirm-class-sure",
- cancelButtonClass: "comfirm-class-cancle"
- }
- )
- .then(() => {
- this.delTaskSdk(task, sdk);
- })
- .catch(err => { });
- },
- selectChange(event, type, data) {
- if (type === "options1") {
- // window.window.console.log(type, data, "閫夋嫨涓嬫媺妗�");
- data.options1.map(i => {
- if (i.value === data.value1) {
- this.$set(data, "unit", i.unit ? i.unit : "");
+ this.sdkUpgreading = false;
+
+ res.data.forEach(item => {
+ let obj = Object.assign({ unloadLoading: false, upgradeLoading: false }, item)
+ if (obj.progressMsg !== "" && obj.progressMsg !== "宸插畨瑁�") {
+ obj.upgradeLoading = true;
+
+ this.sdkUpgreading = true;
}
- });
- }
- },
- // 鍒犻櫎浠诲姟绠楁硶
- async delTaskSdk(task, sdk) {
- let json = {
- taskId: task.id,
- sdkId: sdk.id
- };
- let res = await delTaskSdk(json);
- if (res && res.success) {
- // this.$toast({
- // type: "success",
- // message: "鍒犻櫎浠诲姟绠楁硶鎴愬姛!"
- // });
- this.$notify({
- title: "鎴愬姛",
- message: "鍒犻櫎浠诲姟绠楁硶鎴愬姛!",
- type: "success"
- });
- this.findAll();
- }
- },
- // 鍒犻櫎浠诲姟
- async deleteTask(data, index) {
- // window.console.log(data, "deleteTask");
- let res = await deleteTask({ taskId: data.id });
- // this.$toast({
- // type: res.success ? "success" : "error",
- // message: res.msg
- // });
- this.$notify({
- title: res.success ? "鎴愬姛" : "澶辫触",
- message: res.msg,
- type: res.success ? "success" : "error"
- });
- if (data.id && res.success) {
- this.findAll();
- }
- },
- // 鏇存柊浠诲姟鐘舵��
- async updateTaskStatus(data) {
- // window.console.log(data, '鏇存柊浠诲姟鐘舵��')
- let json = {
- taskId: data.id,
- enable: data.enable
- };
- let res = await updateTaskStatus(json);
- // this.$toast({
- // type: res.success ? "success" : "error",
- // message: res.msg
- // });
- this.$notify({
- title: res.success ? "鎴愬姛" : "澶辫触",
- message: res.msg,
- type: res.success ? "success" : "error"
- });
- },
- // 鏇存柊浠诲姟鍚嶇О
- async updateTaskName(data) {
- let json = {
- taskId: data.id,
- taskName: data.name
- };
- let res = await updateTaskName(json);
- // this.$toast({
- // type: res.success ? "success" : "error",
- // message: res.msg
- // });
- this.$notify({
- title: res.success ? "鎴愬姛" : "澶辫触",
- message: res.msg,
- type: res.success ? "success" : "error"
- });
- if (res && res.success) {
- this.$set(data, "isSetting", false);
- }
- },
- // 鑾峰彇搴曞簱鏁版嵁
- async getBaseList() {
- // let res = await getTagList();
- // if (res && res.success) {
- // let filter = res.data.filter(i => {
- // return i.status === 0;
- // });
- // let list = filter.map(i => {
- // let obj = {};
- // obj.id = i.key;
- // obj.name = i.title;
- // obj.value = i.value;
- // return obj;
- // });
- // list.unshift({
- // id: "",
- // name: "鍏ㄩ儴搴曞簱",
- // value: ""
- // })
- // // this.TaskMange.baseObject.options3 = [...all, ...list];
- // this.TaskMange.baseObject.options3 = [...list];
- // }
+ //绠楁硶杞欢 宸插畨瑁呭叾涓寘鍚緟鍗囩骇 鏈畨瑁�
+ item.installed ? installedList.push(obj) : unInstalledList.push(obj)
- this.TaskMange.baseObject.options3 = [
- { id: true, name: true, value: true },
- { id: false, name: false, value: false }
- ];
- },
- // 鑾峰彇绠楁硶鍙傛暟
- async getSdkArgs(data) {
- let res = await getSdkArgs({
- sdkId: data.id,
- scope: "TASKRULE"
- });
- if (res && res.success) {
- // window.console.log(res, "鏌ヨ绠楁硶鍙傛暟");
- let list = res.data.map(i => {
- let obj = {};
- obj.name = i.name;
- obj.id = i.alias;
- obj.value = i.alias;
- obj.unit = i.unit;
- obj.must = i.must;
- obj.range = i.range;
- obj.sort = i.sort;
- return obj;
});
- this.TaskMange.baseObject.options1 = [...list];
}
+ this.installedList = installedList;
+ this.notInstalledList = unInstalledList;
+ this.hasNewVersionSdk = hasNewVersionList;
},
- // 鏌ヨ瀛楀吀
- async findByType() {
- let res = await findByType();
- if (res && res.success) {
- let list = res.data.RULECOMPUTEBETWEEN.map(i => {
- let obj = {};
- obj.name = i.name;
- obj.value = i.value;
- return obj;
- });
- this.TaskMange.baseObject.options2 = [...list];
- }
- },
- // 绠楁硶閰嶇疆锛屾柊寤�
- add() {
- this.TaskMange.argsList.push(
- JSON.parse(JSON.stringify(this.TaskMange.baseObject))
- );
- },
- // 绠楁硶閰嶇疆 鍒犻櫎
- delRule(index) {
- this.TaskMange.argsList.splice(index, 1);
- },
- // 绠楁硶鍙傛暟淇濆瓨
- async save() {
- let list = this.TaskMange.argsList.map(i => {
- let obj = {};
- obj.id = i.id;
- obj.operator = i.value2;
- obj.sdk_arg_alias = i.value1;
- obj.sdk_arg_value = i.value3;
- return obj;
- });
- let json = {
- rules: list,
- sdkId: this.TaskMange.currentAlgoId,
- taskId: this.TaskMange.currentTaskId
- };
- let res = await saveTaskSdkRule(json);
- this.$notify({
- title: "鎻愮ず",
- type: res.success ? "success" : "error",
- message: res.msg
- });
- if (res && res.success) {
- let task = this.TaskMange.list2.find(i => {
- return i.id === this.TaskMange.currentTaskId;
- });
- if (task) {
- this.$set(task, "isShowSetAlgo", false);
- this.TaskMange.argsList = [];
- task.child.map(i => {
- this.$set(i, "isSelect", false);
- });
- }
- }
- },
- getDefault() {
- this.deleteTaskSdkRule(
- this.TaskMange.currentTaskId,
- this.TaskMange.currentAlgoId
- ).then(() => {
- this.getRulesByTaskSdk(
- this.TaskMange.currentTaskId,
- this.TaskMange.currentAlgoId
- );
- });
- },
- async deleteTaskSdkRule(taskId, sdkId) {
- let json = {
- taskId: taskId,
- sdkId: sdkId
- };
- let res = await deleteTaskSdkRule(json);
- // this.$toast({
- // type: res.success ? "success" : "error",
- // message: res.msg
- // });
- this.$notify({
- title: res.success ? "鎴愬姛" : "澶辫触",
- message: res.msg,
- type: res.success ? "success" : "error"
- });
- if (res && res.success) {
- // window.console.log(res, "鎭㈠榛樿鍊�");
- }
- },
- // 缁欎换鍔℃坊鍔犵畻娉�
- async addTaskSdk(data) {
- let res = await addTaskSdk(data);
- if (res && res.success) {
- // window.console.log(res, 'res')
- this.findAll();
- }
- },
- // 鏂版坊鍔犱换鍔�
- async addTaskAsync(name) {
- let res = await addTask({ taskname: name });
- // this.$toast({
- // type: res.success ? "success" : "error",
- // message: res.msg
- // });
- // window.console.log(res, "addTaskAsync");
- this.$notify({
- title: res.success ? "鎴愬姛" : "澶辫触",
- message: res.msg,
- type: res.success ? "success" : "error"
- });
- if (res && res.success) {
- this.findAll();
- }
- },
- cancle(row) {
- if (row.isShowSetAlgo) {
- row.isShowSetAlgo = false;
- }
- this.TaskMange.argsList = [];
- this.TaskMange.currentAlgoId = "";
- row.child.map(i => {
- this.$set(i, "isSelect", false);
- });
- },
- cancleTask(row) {
- if (row.isSetting) {
- row.isSetting = false;
- }
- },
- commandAlgo(command, row, item) {
- if (command === 1) {
- // console.log('璁剧疆绠楁硶')
- this.clickSetAlgo(row, item);
- }
- if (command === 2) {
- // console.log('鍒犻櫎绠楁硶')
- this.clickDelSdk(row, item);
- }
- },
- commandTask(command, row) {
- if (command === 1) {
- //缂栬緫浠诲姟
- this.clickSet(row);
- }
- },
- donwload(item) {
- this.downloading = true;
+
+ donwload (item) {
+ item.upgradeLoading = true;
+ //this.downloading = true;
this.downloadItem = item.id;
downloadSdk({ path: item.id })
.then(rsp => {
- this.$notify({
- type: "success",
- message: "绠楁硶宸插畨瑁�"
- });
- this.downloading = false;
+ // this.$notify({
+ // type: "success",
+ // message: "绠楁硶宸插畨瑁�"
+ // });
+ item.upgradeLoading = false;
+ //this.downloading = false;
this.downloadItem = "";
- this.findAllSdk();
})
.catch(err => {
this.$notify({
type: "warning",
message: err.data
});
-
- this.downloading = false;
+ item.upgradeLoading = false;
+ //this.downloading = false;
this.downloadItem = "";
});
+ // 寮�鍚嚜鍔ㄥ埛鏂�
+ this.sdkUpgreading = true;
},
- commandAlgLib(item) {
- this.$set(item, "isEdit", true);
- },
- inputBlur(item) {
+ inputBlur (item) {
// console.log(item, '淇敼鍚嶇О')
this.$set(item, "isEdit", false);
},
-
- cleanTemplateForm() {
- this.appSceneForm.name = "";
- this.appSceneForm.desc = "";
- this.appSceneForm.rules = "";
- this.appSceneForm.txt = "";
-
- this.$refs.ruleEditor.cleanRule();
- },
- handleTabClick() {
+ handleTabClick () {
},
- handleCreateScene() {
- this.sceneDialogVisible = true;
- this.dialogTitle = '鍒涘缓鍦烘櫙妯℃澘';
+ autoRefreshAppAndSdkState () {
+ // 鍏抽棴鍚庨��鍑�
+ if (!this.autoRefresh) {
+ return;
+ }
- this.sceneSdks = this.TaskMange.list1.filter(sdk => {
- return sdk.installed === true;
- });
- this.sceneRuleList = "";
+ if (this.appUpgreading) {
+ this.getAllApps();
+ }
- this.$nextTick(() => {
- this.cleanTemplateForm();
- });
- },
- handleDialogClose() {
- this.sceneDialogVisible = false;
- },
- handleEditScene(item) {
- this.appSceneForm.name = item.name;
- this.appSceneForm.desc = item.desc;
+ if (this.sdkUpgreading) {
+ this.getAllSdk();
+ }
- this.sceneSdks = item.sdks;
- this.sceneRuleList = item.rules;
- this.sceneDialogVisible = true;
- this.dialogTitle = '缂栬緫鍦烘櫙妯℃澘';
- },
-
-
+ let _this = this
+ setTimeout(() => {
+ _this.autoRefreshAppAndSdkState();
+ }, 500)
+ }
}
};
</script>
@@ -1523,16 +1132,7 @@
box-sizing: border-box;
text-align: left;
min-width: 1106px;
- // background-color: #f2f6fc;
- .s-video-manage-breadcrumb {
- height: 5%;
- box-sizing: border-box;
- border: 1px solid #e4e7ed;
- background-color: rgb(255, 255, 255);
- -webkit-box-shadow: #e4e7ed 0px 0px 9px inset;
- box-shadow: #e4e7ed 0px 0px 9px inset;
- border-radius: 5px;
- }
+
.el-tabs {
height: calc(100% - 50px);
// margin-top: 5px !important;
@@ -1559,10 +1159,21 @@
height: 100%;
}
}
-.el-breadcrumb__inner {
- font-weight: bold;
- color: #606266;
- cursor: pointer;
+.flex-title{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.draggable-box{
+ width: 1000px;
+ height: 600px;
+ background: aqua;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
}
.el-loading-mask .el-loading-spinner {
top: 40px !important;
@@ -1594,12 +1205,20 @@
.src-title {
//color: #bfbfbf;
color: #bbcee8;
- font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC";
+ font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
font-weight: 650;
font-style: normal;
height: 36px;
font-size: 15px;
padding-left: 25px;
+}
+.update-badge .el-badge__content.is-fixed {
+ top: 10px;
+ right: 4px;
+}
+.empty-tip {
+ padding-left: 25px;
+ color: #ccc;
}
.task-manage {
height: 100%;
@@ -1619,7 +1238,7 @@
position: absolute;
top: 50%;
left: 50%;
- background: url("/images/algo/green.gif");
+ background: url('/images/algo/green.gif');
overflow: hidden;
transform: translate(-50%, -50%);
.inner-bar {
@@ -1650,16 +1269,8 @@
// width: 58% !important;
// }
// }
- .edit-rules-box {
- padding: 0 2px 0 13px;
- }
- .common {
- .rigth-box {
- width: 90% !important;
- }
- }
- .super,
- .common {
+
+ .super {
width: 100%;
height: 100%;
.title {
@@ -1698,6 +1309,7 @@
display: flex;
flex-direction: row;
flex-wrap: wrap;
+ min-height: 200px;
.wrap-box {
width: 16.66%;
}
@@ -1707,164 +1319,12 @@
margin: auto;
margin-bottom: 30px;
max-width: 200px;
- }
- }
- }
- .appScenarios-list {
- display: flex;
- flex-wrap: wrap;
- .wrap-box {
- width: 16.6%;
- margin-bottom: 30px;
- .inner {
- width: 80%;
-
- box-sizing: border-box;
- position: relative;
- font-size: 14px;
- padding: 20px 0 50px;
- transition: all 1s;
- background: #ffffff;
- border: 1px solid #e2e2e2;
- box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
- border-radius: 4px;
- margin: auto;
- &:hover {
- .mask {
- display: block;
- }
- }
.mask {
- position: absolute;
- top: 0;
- left: 0;
width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.65);
- backdrop-filter: blur(1px) brightness(100%);
- text-align: center;
- z-index: 1;
- border-radius: 3px;
- display: none;
- .tool {
- position: absolute;
- top: 49%;
- left: 50%;
- transform: translate(-50%, -50%);
- i {
- font-size: 50px;
- }
- i:nth-of-type(1) {
- margin-right: 30px;
- }
- i:nth-of-type(2) {
- color: red;
- }
+
+ .el-button + .el-button {
+ margin-left: 0 !important;
}
- }
- .scenario-icon {
- display: flex;
- width: 100%;
- height: 100%;
- margin: auto;
- justify-content: center;
- align-content: center;
- align-items: center;
- .single,
- .double,
- .third,
- .four {
- width: 80%;
- padding-top: 80%;
- position: relative;
- margin: auto;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- .svg-wrap {
- width: 50%;
- position: absolute;
- height: 0;
- padding-top: 50%;
- text-align: center;
- box-shadow: 0 0 3px 2px rgb(247, 247, 247) inset;
- svg {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- .baseImg {
- position: absolute !important;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- }
- }
- .single {
- margin: auto;
- .svg-wrap {
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- box-shadow: none;
- }
- }
- .double {
- .svg-wrap:nth-of-type(1) {
- top: 50%;
- transform: translateY(-50%);
- left: 0;
- }
- .svg-wrap:nth-of-type(2) {
- top: 50%;
- transform: translateY(-50%);
- right: 0;
- }
- }
- .third {
- .svg-wrap:nth-of-type(1) {
- top: 0;
- left: 0;
- }
- .svg-wrap:nth-of-type(2) {
- top: 0;
- right: 0;
- }
- .svg-wrap:nth-of-type(3) {
- top: 50%;
- left: 50%;
- transform: translateX(-50%);
- }
- }
- .four {
- .svg-wrap:nth-of-type(1) {
- top: 0;
- left: 0;
- }
- .svg-wrap:nth-of-type(2) {
- top: 0;
- right: 0;
- }
- .svg-wrap:nth-of-type(3) {
- top: 50%;
- left: 0;
- }
- .svg-wrap:nth-of-type(4) {
- top: 50%;
- right: 0;
- }
- }
- }
- .scenario-name {
- width: 100%;
- height: 36px;
- line-height: 36px;
- text-align: center;
- position: absolute;
- bottom: 10px;
- left: 0;
}
}
}
@@ -1941,16 +1401,16 @@
}
}
.drawer-content {
- font-family: "PingFangSC-Regular";
+ font-family: 'PingFangSC-Regular';
.el-step__title.is-process {
border-color: #3d68e1 !important;
color: #3d68e1 !important;
- font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif;
+ font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif;
}
.el-step__head.is-process {
border-color: #3d68e1 !important;
color: #3d68e1 !important;
- font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif;
+ font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif;
}
.el-input {
width: 100%;
@@ -1998,22 +1458,6 @@
padding: 30px 20px;
}
}
-
- .right-box {
- height: 100%;
- padding: 10px 10px;
- box-sizing: border-box;
- float: left;
- .task-manage-table {
- height: calc(100% - 30px);
- margin-top: 5px;
- overflow-x: hidden;
- overflow-y: auto;
- }
- // .task-manage-table::-webkit-scrollbar {
- // width: 0 !important ;
- // }
- }
.mask {
position: absolute;
width: 100%;
@@ -2025,7 +1469,18 @@
border-radius: 3px;
display: none;
.info-onmask {
- color: #8ecaff;
+ color: #fff;
+ }
+ .left-top {
+ position: absolute;
+ left: 5px;
+ top: 5px;
+ font-size: 12px;
+ color: #90d6ff;
+ }
+ .mask-btn {
+ width: 100%;
+ display: flex;
}
i {
color: #fff;
@@ -2112,6 +1567,8 @@
.mask {
display: flex;
align-items: flex-end;
+ flex-wrap: wrap;
+ justify-content: center;
top: 0;
.bot-btn {
flex: 1;
@@ -2246,16 +1703,6 @@
width: 100%;
}
}
- .task-name {
- text-align: center;
- margin-top: 16px;
- line-height: 28px;
- font-family: PingFangSC-Regular;
- font-size: 13px;
- color: #222222;
- text-align: center;
- // background-color: #ecf5ff;
- }
.unit-class {
margin-left: 10px;
text-align: center;
@@ -2295,6 +1742,16 @@
max-height: 106px;
}
}
+ .willUpGrade {
+ .iconupdate {
+ color: #01e667;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ font-weight: 550;
+ font-size: 26px;
+ }
+ }
&.uninstall {
.svg-wrap {
background-color: #ddd;
--
Gitblit v1.8.0