From ecb6cadc3f016cf9968f48e0cc77479a1e56365b Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 20 十二月 2020 17:32:06 +0800
Subject: [PATCH] 标定添加关联摄像机tab,绘制区域组件参数更新

---
 src/pages/ai/index/App.vue |  141 +++++++++++++++++++++++++---------------------
 1 files changed, 76 insertions(+), 65 deletions(-)

diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index c836d3e..faed1b4 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -19,7 +19,7 @@
               @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">
@@ -86,13 +86,12 @@
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
                               </div>
                               <div class="mask-btn">
-                                <!-- <el-button
-                                  v-if="!item.isDefault"
-                                  @click="unLoad(item)"
+                                <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)"
@@ -176,7 +175,7 @@
                             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="mask" >
                               <div class="info-onmask">
                                 <div>褰撳墠鐗堟湰:{{item.version}}</div>
                                 <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{item.remoteVersion}}</div>
@@ -233,6 +232,7 @@
                           >
                             <div class="mask">
                               <el-button
+                                size="small"
                                 type="primary"
                                 class="bot-btn"
                                 @click="downloadApp(item)"
@@ -474,7 +474,7 @@
 </template>
 <script>
 
-import { findAllSdk, 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";
@@ -557,8 +557,9 @@
       storeApps: [],
       installFile: {},
       freshTimer: null,
-      appUpgreading: false,
-      sdkUpgreading: false
+      appUpgreading: true,
+      sdkUpgreading: true,
+      autoRefresh: true,
     }
   },
   directives: {
@@ -570,11 +571,13 @@
   },
   mounted() {
     // 鑾峰彇鎵�鏈夊簲鐢�
-    this.getAllSdk();
-    this.getAllApps();
+    this.autoRefreshAppAndSdkState();
 
     this.getUnActivedList();
     this.getUnActivedAppList();
+  },
+  beforeDestroy() {
+    this.autoRefresh = false;
   },
   methods: {
     isShow(authority) {
@@ -590,11 +593,10 @@
           this.isInstall = false;
           this.$message({
             type: 'success',
-            message: '瀹夎鎴愬姛,灏嗚烦杞嚦鎴戠殑绠楁硶涓煡鐪�'
+            message: '瀹夎鎴愬姛,灏嗚烦杞嚦"宸叉縺娲�"涓煡鐪�'
           });
           setTimeout(() => {
             this.getAllSdk();
-            this.getAllApps();
             window.parent.postMessage({
               msg: "AppUpdate"
             }, '*')
@@ -624,18 +626,18 @@
           setTimeout(() => {
             if (action == 'upgrade') {
               app.upgradeLoading = false;
-              _this.$notify({
-                type: 'success',
-                message: '鍗囩骇鎴愬姛'
-              });
+              // _this.$notify({
+              //   type: 'success',
+              //   message: '鍗囩骇鎴愬姛'
+              // });
             } else {
               app.installLoading = false;
-              _this.$notify({
-                type: 'success',
-                message: '瀹夎鎴愬姛'
-              });
+              // _this.$notify({
+              //   type: 'success',
+              //   message: '瀹夎鎴愬姛'
+              // });
             }
-            _this.getAllApps();
+            // _this.getAllApps();
             window.parent.postMessage({
               msg: "AppUpdate"
             }, '*')
@@ -652,7 +654,6 @@
 
       // 寮�鍚嚜鍔ㄥ埛鏂�
       this.appUpgreading = true;
-      this.startAutoFresh();
     },
     async getAllApps() {
       let iArry = []
@@ -669,7 +670,6 @@
             obj.upgradeLoading = true;
 
             this.appUpgreading = true;
-            this.startAutoFresh();
           }
 
           item.installed ? iArry.push(obj) : sArry.push(obj)
@@ -679,26 +679,47 @@
       this.installedApps = iArry;
       this.storeApps = sArry;
     },
+    //鍗歌浇绠楁硶
+    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;
       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"
+            }, '*')
+          }
+        }).catch(e => {
+          console.log(e);
           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;
@@ -829,32 +850,20 @@
       let unInstalledList = [];
       let res = await findAllSdk();
       if (res && res.success) {
+        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.appUpgreading = true;
-            this.startAutoFresh();
+            this.sdkUpgreading = true;
           }
 
           //绠楁硶杞欢 宸插畨瑁呭叾涓寘鍚緟鍗囩骇 鏈畨瑁�
           item.installed ? installedList.push(obj) : unInstalledList.push(obj)
 
         });
-
-
-        // this.sdkList = res.data.map((i, index) => {
-        //   if (i.progressMsg !== "" && i.progressMsg !== "宸插畨瑁�") {
-        //     i.upgradeLoading = true;
-
-        //     this.appUpgreading = true;
-        //     this.startAutoFresh();
-        //   }
-        //   this.$set(i, "isEdit", false);
-        //   return i;
-        // });
       }
       this.installedList = installedList;
       this.notInstalledList = unInstalledList;
@@ -874,7 +883,6 @@
           item.upgradeLoading = false;
           //this.downloading = false;
           this.downloadItem = "";
-          this.getAllSdk();
         })
         .catch(err => {
           this.$notify({
@@ -886,8 +894,7 @@
           this.downloadItem = "";
         });
       // 寮�鍚嚜鍔ㄥ埛鏂�
-      this.appUpgreading = true;
-      this.startAutoFresh();
+      this.sdkUpgreading = true;
     },
     inputBlur(item) {
       // console.log(item, '淇敼鍚嶇О')
@@ -896,20 +903,24 @@
     handleTabClick() {
 
     },
-    startAutoFresh() {
-      if (this.freshTimer) {
-        clearTimeout(this.freshTimer)
+    autoRefreshAppAndSdkState() {
+      // 鍏抽棴鍚庨��鍑�
+      if (!this.autoRefresh) {
+        return;
       }
 
-      if (!this.appUpgreading && !this.sdkUpgreading) {
-        this.freshTimer = -1
-        return
+      if (this.appUpgreading) {
+        this.getAllApps();
       }
 
-      this.getAllSdk()
-      this.getAllApps()
+      if (this.sdkUpgreading) {
+        this.getAllSdk();
+      }
 
-      this.freshTimer = setTimeout(this.startAutoFresh, 5 * 1000)
+      let _this = this
+      setTimeout(() => {
+        _this.autoRefreshAppAndSdkState();
+      }, 500)
     }
   }
 };

--
Gitblit v1.8.0