修改

src/views/home/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div id="dayReport" class="dayReport" :style="styles">
+    <!-- <sidebar v-if="!sidebar.hide" class="sidebar-container" /> -->
     <ReportHeader top-title="洛玻集团运营驾驶舱" :is-full-screen="isFullScreen" @screenfullChange="screenfullChange"
       @timeRangeChange="handleTimeChange" />
     <div class="main-body"
@@ -11,7 +12,7 @@
               grid-template-columns: 560px 745px 560px ;
             ">
           <coreSalesKPIs :sale="sale" :dateData="dateData" />
-          <financeCosts  :finance="finance" :dateData="dateData" :cost="cost" />
+          <financeCosts :finance="finance" :dateData="dateData" :cost="cost" />
           <keyProductionIndicators :productData="productData" :dateData="dateData" />
         </div>
       </div>
@@ -40,9 +41,10 @@ import orderProgress from './components/orderProgress.vue'
 import keyWork from './components/keyWork.vue'
 // import moment from 'moment'
 import { getOperateCockpit, getOrderDetail } from '@/api/cockpit'
+import { Sidebar } from "../../layout/components";
 export default {
   name: 'DayReport',
-  components: { ReportHeader, coreSalesKPIs, keyProductionIndicators, coreBottomLeft, keyWork, orderProgress, financeCosts },
+  components: { ReportHeader, coreSalesKPIs, keyProductionIndicators, coreBottomLeft, keyWork, orderProgress, financeCosts, Sidebar },
   data() {
     return {
       isFullScreen: false,
@@ -68,6 +70,25 @@ export default {
     this.windowWidth(document.documentElement.clientWidth)
   },
   computed: {
+    // ...mapState({
+    //   theme: (state) => state.settings.theme,
+    //   sideTheme: (state) => state.settings.sideTheme,
+    //   sidebar: (state) => state.app.sidebar,
+    //   device: (state) => state.app.device,
+    //   needTagsView: (state) => state.settings.tagsView,
+    //   fixedHeader: (state) => state.settings.fixedHeader,
+    // }),
+    // classObj() {
+    //   return {
+    //     hideSidebar: !this.sidebar.opened,
+    //     openSidebar: this.sidebar.opened,
+    //     withoutAnimation: this.sidebar.withoutAnimation,
+    //     mobile: this.device === "mobile",
+    //   };
+    // },
+    // variables() {
+    //   return variables;
+    // },
     // ...mapGetters(['sidebar']),
     styles() {
       const v = Math.floor(this.value * this.beilv * 100) / 10000