用户中心统计设置ok

layouts/basic-layout/product.vue

@@ -363,6 +363,10 @@ export default {
     },
     shoucang() {
       if (this.showStar) {
+        this.$Modal.confirm({
+          title: "取消收藏",
+          content: "<p>您确定要取消收藏吗</p>",
+          onOk: () => {
             let url = `${systemUrl}/favorite/delete`;
             let menuId = [];
             menuId.push(this.menuId);
@@ -373,6 +377,11 @@ export default {
                 this.content = "收藏";
               }
             });
+          },
+          onCancel: () => {
+            // this.$Message.info("Clicked cancel");
+          },
+        });
       } else {
         let url = `${systemUrl}/favorite/create`;
         this.$api.post(url, { menuId: this.menuId }).then((r) => {

pages/home/component/materielChart.vue

 <template>
-  <div class="stachart"  :style="setStatistics?{width:'620px',height:'300px'}:{width:'100%',height:'100%'}">
+  <div class="stachart">
     <div :gutter="16" class="row_head" v-if="setStatistics?false:true">
       <Icon type="ios-images" class="f20" />
       <span class="ml10">物料相关统计</span>
     </div>
     <div class="echarts-map">
-      <v-chart :options="braking" />
+      <v-chart :options="braking" style="width:'100%',height:'100%'" />
     </div>
   </div>
 </template>

pages/home/component/staChart.vue

@@ -7,10 +7,8 @@
           <span class="ml10">年度计划各产品类型总数量和各状态数量</span>
         </div>
         <div class="echarts-map">
-          <v-chart
-            :options="braking"
-            :style="setStatistics?{width:'400px',height:'270px'}:{width:'100%',height:'100%'}"
-          />
+          <!-- :style="setStatistics?{width:'400px',height:'270px'}:{width:'100%',height:'100%'}" -->
+          <v-chart :options="braking" style="width:'100%',height:'100%'" />
         </div>
       </Col>
       <Col :span="16" style="padding-right:20px;">

pages/home/component/suspendChart.vue

 <template>
   <div
     class="stachart"
-    :style="setStatistics?{width:'620px',height:'280px'}:{width:'100%',height:'100%'}"
+   style="width:'100%',height:'100%'"
   >
     <div class="row_head" v-if="setStatistics?false:true">
       <Icon type="ios-images" class="f20" />

pages/home/component/unqualifiedEcharts.vue

@@ -7,10 +7,7 @@
     <Row :gutter="16">
       <Col :span="8" style="padding-right:50px;">
         <div class="echarts-map">
-          <v-chart
-            :options="braking"
-            :style="setStatistics?{width:'380px',height:'280px'}:{width:'100%',height:'100%'}"
-          />
+          <v-chart :options="braking" style="width:'100%',height:'100%'" />
         </div>
       </Col>
       <Col :span="16">

pages/home/component/workChart.vue

 <template>
   <div
     class="stachart"
-    :style="setStatistics?{width:'620px',height:'280px'}:{width:'100%',height:'100%'}"
+    style="width:'100%',height:'100%'"
   >
     <div :gutter="16" class="row_head" v-if="setStatistics?false:true">
       <Icon type="ios-images" class="f20" />

pages/home/index.vue

@@ -91,49 +91,51 @@
         <MaterielChart />
       </Col>
     </Row>
-    <Modal v-model="modal1" title="统计列表显示设置" width="1200" footer-hide>
+    <Modal v-model="modal1" title="统计列表显示设置" width="900" footer-hide>
       <Divider>
         <span style="color: #2680eb;">
           生产计划状态监控
           <Icon :type="show?'md-eye':'md-eye-off'" @click="clickEye" />
         </span>
       </Divider>
-      <StaChart :setStatistics="setStatistics" />
-      <div class="divider-t">
+      <div class="set-img">
+        <img src="@/assets/images/home/user-img1.png" style="width:630px;height:165px" />
+      </div>
       <Divider>
         <span style="color: #2680eb;">
           不合格品审理单统计
           <Icon :type="show1?'md-eye':'md-eye-off'" @click="clickEye1" />
         </span>
       </Divider>
-        <UnqualifiedEcharts :setStatistics="setStatistics" />
+      <div class="set-img">
+        <img src="@/assets/images/home/user-img2.png" style="width:630px;height:165px" />
       </div>
-      <div class="divider-t">
       <Divider>
         <span style="color: #2680eb;">
           班组工单监控
           <Icon :type="show2?'md-eye':'md-eye-off'" @click="clickEye2" />
         </span>
       </Divider>
-        <WorkChart :setStatistics="setStatistics" />
+      <div class="set-img">
+        <img src="@/assets/images/home/user-img3.png" style="width:310px;height:165px" />
       </div>
-      <div class="divider-t">
       <Divider>
         <span style="color: #2680eb;">
           暂停任务统计
           <Icon :type="show3?'md-eye':'md-eye-off'" @click="clickEye3" />
         </span>
       </Divider>
-        <SuspendChart :setStatistics="setStatistics" />
+      <div class="set-img">
+        <img src="@/assets/images/home/user-img4.png" style="width:310px;height:165px" />
       </div>
-      <div class="divider-t">
       <Divider>
         <span style="color: #2680eb;">
           物料相关统计
           <Icon :type="show4?'md-eye':'md-eye-off'" @click="clickEye4" />
         </span>
       </Divider>
-        <MaterielChart :setStatistics="setStatistics" />
+      <div class="set-img">
+        <img src="@/assets/images/home/user-img5.png" style="width:310px;height:165px" />
       </div>
     </Modal>
   </div>
@@ -412,7 +414,9 @@ export default {
     margin: 0 auto;
   }
 }
-.divider-t {
-  padding-top: 25px;
+.set-img {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 25px;
 }
 </style>