优化

src/views/dataGovernance/dataModules/components/executeScript.vue

@@ -17,7 +17,7 @@
             {{ rules.category }}
           </v-tab>
         </v-tabs>
-        <v-tabs-items v-model="active" style="min-height: 500px;">
+        <v-tabs-items v-model="active" style="min-height: 400px;">
           <v-tab-item
             v-for="rules in rulesItems"
             :key="rules.category"
@@ -68,20 +68,22 @@
       temporary
       right
     >
-    <v-banner class="mt-3">方案列表</v-banner>
-    <v-list>
-      <v-list-item-group color="primary">
-        <v-list-item
-          v-for="(item, i) in items"
-          :key="i"
-          @click="handleClick(item)"
-        >
-          <v-list-item-content>
-            <v-list-item-title>{{ item.title }}</v-list-item-title>
-          </v-list-item-content>
-        </v-list-item>
-      </v-list-item-group>
-    </v-list>
+      <div v-loading="loading" style="height: 100%; overflow: auto;">
+        <v-banner class="mt-3">方案列表</v-banner>
+        <v-list>
+          <v-list-item-group color="primary">
+            <v-list-item
+              v-for="(item, i) in items"
+              :key="i"
+              @click="handleClick(item)"
+            >
+              <v-list-item-content>
+                <v-list-item-title>{{ item.title }}</v-list-item-title>
+              </v-list-item-content>
+            </v-list-item>
+          </v-list-item-group>
+        </v-list>
+      </div>
     </v-navigation-drawer>
   </div>
 </template>
@@ -110,7 +112,7 @@ export default {
     },
     onSend (e) {
       console.log(e)
-      this.code += e
+      this.code += `${e} `
     },
     onSendTree (e) {
       if (!e.length) {
@@ -122,6 +124,7 @@ export default {
       this.show = false
       this.showCard = true
       this.itemData = e
+      this.loading = true
       try {
         const { data } = await this.fetchData('/op/base/performance/solution/detail', {
           performanceSolutionId: e.performanceSolutionId
@@ -130,10 +133,13 @@ export default {
         this.active = 0
       } catch (error) {
         this.$snackbar.error(error)
+      } finally {
+        this.loading = false
       }
     },
     async getList () {
       try {
+        this.loading = true
         const { data } = await this.fetchData('/op/base/performance/solution/page', {
           page: {
             size: 999,
@@ -144,6 +150,8 @@ export default {
       } catch (err) {
         this.items = []
         this.$snackbar.error(err)
+      } finally {
+        this.loading = false
       }
     },
     fetchData (url, params) {