服务管理-超管云资源管理列表页面

src/components/apass-list.vue

@@ -143,10 +143,10 @@ export default {
     showListFilter: false,
     filter: {},
     searchValue: "",
-    pageSize: 15,
+    pageSize: 10,
     currentPage: 1,
     timer: null,
-    pageSizes: [15, 50, 100],
+    pageSizes: [10, 20, 50],
     selectFilter: [],
   }),
   methods: {

src/pages/workbench/fwgl/fwglList.vue

@@ -17,7 +17,7 @@
       </el-breadcrumb>
 
       <template slot="top">
-        <div class="cloud_info" v-if="cloud_zuzhi">
+        <div class="zuzhi_preview" v-if="cloud_zuzhi">
           <div class="cloud_title">
             <span>{{ userInfo && userInfo.department_name }}</span>
             <span>
@@ -46,30 +46,33 @@
           </div>
         </div>
 
-        <div class="cloud_info" v-if="cloud_admin">
-          <div class="cloud_title">
-            <span>云资源概览</span>
-          </div>
-          <div class="dashboard_contaner">
-            <div
-              class="dashborad_list"
-              v-for="(item, index) in cloud_admin.dashboard_list"
-              :key="index"
-            >
-              <chart
-                :options="getDashboardOptions(item)"
-                class="dashboard_chart"
-              />
-              <p class="dashboard_info">
-                <span>物理总量</span>
-                <span v-text="item.total + item.unit"></span>
-              </p>
-              <p class="dashboard_info">
-                <span>剩余量</span>
-                <span v-text="item.value + item.unit"></span>
-              </p>
+        <div class="admin_preview" v-if="cloud_admin">
+          <div class="admin_preview-left">
+            <div class="cloud_title">
+              <span>云资源概览</span>
+            </div>
+            <div class="dashboard_contaner">
+              <div
+                class="dashborad_list"
+                v-for="(item, index) in cloud_admin.dashboard_list"
+                :key="index"
+              >
+                <chart
+                  :options="getDashboardOptions(item)"
+                  class="dashboard_chart"
+                />
+                <p class="dashboard_info">
+                  <span>物理总量</span>
+                  <span v-text="item.total + item.unit"></span>
+                </p>
+                <p class="dashboard_info">
+                  <span>剩余量</span>
+                  <span v-text="item.value + item.unit"></span>
+                </p>
+              </div>
             </div>
           </div>
+          <div class="admin_preview-right"></div>
         </div>
       </template>
 
@@ -1734,4 +1737,18 @@ export default {
 .dashboard_info > span:nth-of-type(2) {
   color: #0d1847;
 }
+.admin_preview {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.admin_preview > * {
+  width: calc(50% - 10px);
+}
+.admin_preview-right {
+  height: 245px;
+  margin-top: 15px;
+  box-sizing: border-box;
+  background-color: #233;
+}
 </style>