loading

src/views/docker/createEnv.vue

@@ -23,6 +23,7 @@
       <el-form-item v-for="(ns, index) in repoNamespaces" :label="ns.type | upper" :key="index">
         <el-card>
           <el-button
+            v-loading="listLoading"
             v-for="item in ns.repos"
             :key="item.domain"
             :type="dependant[ns.type] && dependant[ns.type].find(sys => sys.appname === item.appname) ? 'success' : ''"
@@ -33,7 +34,7 @@
         </el-card>
       </el-form-item>
     </el-form>
-    <el-button v-permission="['admin']" style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
+    <el-button v-permission="['admin']" :disabled="loading" style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
   </div>
 </template>
 
@@ -57,7 +58,8 @@ export default {
       dependant: {},
       repoNamespaces: [],
       currentTemplate: '',
-      templates: {}
+      templates: {},
+      loading: true
     }
   },
 
@@ -70,6 +72,7 @@ export default {
     getAllRepos() {
       getBaseRepos().then(res => {
         this.repoNamespaces = res.data.filter(item => item.type === 'base')
+        this.loading = false
       })
     },
 

src/views/docker/envDetail.vue

@@ -20,6 +20,7 @@
         </div>
       </div>
       <el-table
+        v-loading="listLoading"
         :data="FormatTabledata.base"
         :header-cell-style="{background:'#F3F4F7',color:'#555'}"
         size="medium"
@@ -87,6 +88,7 @@
         </div>
       </div>
       <el-table
+        v-loading="listLoading"
         :data="FormatTabledata[item._id]"
         :header-cell-style="{background:'#F3F4F7',color:'#555'}"
         size="medium"
@@ -346,13 +348,15 @@ export default {
       fetchK8sdetail({ 'namespace': this.namespace }).then(res => {
         const servicelist = res.data.services
         this.array2Object(servicelist)
-        this.$message({
-          message: '服务状态已拉取',
-          type: 'success'
-        })
+        // this.$message({
+        //   message: '服务状态已拉取',
+        //   type: 'success'
+        // })
+        this.listLoading = false
       })
     },
     refresh() {
+      this.listLoading = true
       this.getServicelist()
     },
     getRepository(label) {

src/views/docker/envTemplate.vue

@@ -22,7 +22,7 @@
         </el-card>
       </el-form-item>
     </el-form>
-    <el-button v-permission="['admin']" style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
+    <el-button v-permission="['admin']" :disabled="loading" style="margin-right:40px;margin-bottom:40px;float:right" type="primary" @click="createData()">{{ $t('table.confirm') }}</el-button>
   </div>
 </template>
 
@@ -47,7 +47,8 @@ export default {
       dependant: {},
       repoNamespaces: [],
       currentTemplate: '',
-      templates: {}
+      templates: {},
+      loading: true
     }
   },
 
@@ -60,6 +61,7 @@ export default {
     getAllRepos() {
       getAllRepos().then(res => {
         this.repoNamespaces = res.data
+        this.loading = false
       })
     },