大屏代码恢复

src/views/dashboard/workbench/index.vue

@@ -13,19 +13,7 @@
     </div>
     <div class="bottom-statistic">
       <div class="left-statistic">
-        <div class="item-statistic">
-          <div class="item" style="width: 100%;">
-            <UnstructuredStatistic />
-          </div>
-        </div>
-        <!-- <div class="item-statistic" style="display: flex;">
-          <div class="item" style="width: calc(50% - 0.5rem);margin-right: 1rem;">
-            <spatial-annlysis/>
-          </div>
-          <div class="item" style="width: calc(50% - 0.5rem);">
-            <interface-everyday/>
-          </div>
-        </div> -->
+        <unstructured-statistic/>
       </div>
       <div class="right-statistic">
         <div class="item-statistic" style="padding-right:1rem;padding-bottom: 1rem;">
@@ -35,17 +23,13 @@
         </div>
         <div class="item-statistic" style="padding-bottom: 1rem;">
           <div class="item">
-            <SourceClassify />
-          </div>
-        </div>
-        <div class="item-statistic" style="padding-right:1rem;">
-          <div class="item">
-            <AssemblyAll/>
+            <interface-everyday/>
           </div>
         </div>
         <div class="item-statistic" style="padding-right:1rem;">
           <div class="item">
-            <AssemblyAll/>
+            <!-- <interface-month /> -->
+            <support-module />
           </div>
         </div>
         <div class="item-statistic">
@@ -68,12 +52,10 @@ import SpatialAnnlysis from './component/SpatialAnnlysis.vue';
 import InterfaceEveryday from './component/InterfaceEveryday.vue';
 import InterfaceMonth from './component/InterfaceMonth.vue';
 import ResTypeStatistic from './component/ResTypeStatistic.vue';
-import SourceAll from './component/SourceAll.vue';
-import SourceClassify from './component/SourceClassify.vue';
-import AssemblyAll from './component/AssemblyAll.vue';
+import SupportModule from './component/SupportModule.vue';
 export default defineComponent({
   name: 'dataMonitor',
-  components: { TopCardStatistic,AssemblyAll, UnstructuredStatistic, SpatialAnnlysis,InterfaceEveryday,InterfaceMonth,ResTypeStatistic, SourceAll, SourceClassify },
+  components: { TopCardStatistic, UnstructuredStatistic, SpatialAnnlysis,InterfaceEveryday,InterfaceMonth,ResTypeStatistic,SupportModule },
   setup() {
     const userInfo: any = getAuthCache(USER_INFO_KEY);
     const role: string = userInfo?.roles[0];
@@ -109,30 +91,16 @@ export default defineComponent({
     width: calc(100vw - 2rem);
     border-radius: 0.3112rem;
     .left-statistic {
-      width: 36%;
+      width: calc(36% - 1rem);
       height: 100%;
       background: #ffffff;
       border-radius: 0.3112rem;
       margin-right: 1rem;
-
-      .item-statistic {
-        width: 100%;
-        height: 100%;
-        border-radius: 0.3112rem;
-
-        .item{
-          height:100%;
-          background: #ffffff;
-          border-radius: 0.3112rem;
-        }
-      }
     }
     .right-statistic {
-      width: calc(64% - 1rem);
+      width: 64%;
       height: 100%;
       border-radius: 0.3112rem;
-      display: flex;
-      flex-wrap: wrap;
       .item-statistic {
         float: left;
         height: 50%;