超管-云资源管理页面

src/pages/workbench/fwgl/fwglList.vue

@@ -72,7 +72,10 @@
               </div>
             </div>
           </div>
-          <div class="admin_preview-right">
+          <div class="admin_preview-right apass_buttons">
+            <el-button type="primary" size="mini" @click="approveWorkspace">
+              工作区域审批（1）
+            </el-button>
             <chart
               ref="adminHistogram"
               :options="getHistogramOption()"
@@ -151,6 +154,7 @@ export default {
     tempFliter: null,
     cloud_zuzhi: null,
     cloud_admin: null,
+    cloud_admin_warn: false,
   }),
   computed: {
     ...mapState({
@@ -1505,6 +1509,7 @@ export default {
       } else {
         if (percent >= 80) {
           colors = ["#e3606d", "#f6d0d0"];
+          this.cloud_admin_warn = true;
         } else if (percent >= 60) {
           colors = ["#ef9535", "#fcefd8"];
         } else {
@@ -1989,6 +1994,13 @@ export default {
         this.$refs.adminHistogram.resize();
       }
     },
+    approveWorkspace() {
+      if (this.cloud_admin_warn) {
+        console.log("告警 ---");
+      } else {
+        console.log("审批 ---");
+      }
+    },
   },
   created() {
     this.level = parseInt(this.$route.params.level);
@@ -2103,4 +2115,13 @@ export default {
   margin-top: 15px;
   box-sizing: border-box;
 }
+.apass_buttons {
+  position: relative;
+}
+.apass_buttons > .el-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 9;
+}
 </style>