每个版式，调整图表大小

src/views/ppt_manage/newVersion/components/formatEl/ChartEl.vue

@@ -2,10 +2,10 @@
 <div style="width:100%;height:100%; position:relative;" class="flex-center el-wrap"
   :draggable="isBtnShow"
 >
+    <!-- :style="(chartSourcesFrom&&chartSourcesFrom.isShow || chartInstructions&&chartInstructions.isShow) ? 'margin-bottom:20px' : ''" -->
   <div
     class="chart-wrap"
     :id="`${$parent.isPreview?'preview_':''}chart_${index}_${position}`"
-    :style="(chartSourcesFrom&&chartSourcesFrom.isShow || chartInstructions&&chartInstructions.isShow) ? 'margin-bottom:20px' : ''"
   >
     <img :id="`${$parent.isPreview?'preview_':''}img_${index}_${position}`" />
   </div>
@@ -121,9 +121,9 @@ export default {
 <style scoped lang="scss">
 .tool-list{
   position:absolute;
-  width:90%;
+  width:95%;
   top:2%;
-  left:5%;
+  left:2%;
   display: flex;
   justify-content: space-between;
   .dragBtn,.copyBtn,.addBtn,.closeBtn{

src/views/ppt_manage/newVersion/components/formatPage/FormatEle.vue

@@ -75,7 +75,7 @@
     justify-content: space-around !important;
     .line-item{
         .el-wrap .chart-wrap{
-            width:90%;
+            width:100%;
             height:90%;
         }
         .editor-wrap{
@@ -88,12 +88,12 @@
 <style scoped lang="scss">
     .total-wrap {
         .line{
-            height:40%;
+            height:41%;
             .line-item{
-                width:45%;
+                width:50%;
                 height:100%;
                 .el-wrap .chart-wrap{
-                    width:90%;
+                    width:100%;
                     height:90%;
                 }
             }

src/views/ppt_manage/newVersion/components/formatPage/FormatTen.vue

@@ -86,7 +86,7 @@
 .line{
     .line-item{
         .el-wrap .chart-wrap{
-            width:90%;
+            width:100%;
             height:90%;
         }
         .editor-wrap{
@@ -99,12 +99,12 @@
 <style scoped lang="scss">
     .total-wrap {
         .line{
-            height:40%;
+            height:41%;
             .line-item{
                 width:33%;
                 height:100%;
                 .el-wrap .chart-wrap{
-                    width:90%;
+                    width:100%;
                     height:90%;
                 }
             }

src/views/ppt_manage/newVersion/components/formatPage/FormatTwelve.vue

@@ -80,7 +80,7 @@
 .line{
     .line-item{
         .el-wrap .chart-wrap{
-            width:90%;
+            width:100%;
             height:90%;
         }
         .editor-wrap{
@@ -98,7 +98,7 @@
                 width:33%;
                 height:100%;
                 .el-wrap .chart-wrap{
-                    width:90%;
+                    width:100%;
                     height:90%;
                 }
             }

src/views/ppt_manage/newVersion/css/format.scss

@@ -145,7 +145,8 @@ $marginTop:14%;
       height: calc(100% - #{$marginTop});
       display: flex;
     }
-    //版式1,6
+    //24.1.25 产品调整各个版式的位置,将chart-wrap宽度置为100%
+    //版式1,6 不用改，还是用这个
     .full {
         width: 100%;
         height: 100%;
@@ -178,10 +179,9 @@ $marginTop:14%;
         position: absolute;
         left: 0;
         top:0;
-        .chart-wrap {
-            width: 90%;
-            height: 80%;
-            /* background-color: rgba(0, 128, 0, 0.389); */
+        .chart-wrap{
+            width:100%;
+            height:80%;
         }
         .editor-wrap {
           width: 90%;
@@ -206,7 +206,7 @@ $marginTop:14%;
             height: 80%;
         }
         .chart-wrap {
-          width: 90%;
+          width: 100%;
           height: 80%;
       }
     }
@@ -224,7 +224,7 @@ $marginTop:14%;
             position: relative;
             &.top {
                 .chart-wrap {
-                    width: 90%;
+                    width: 100%;
                     height: 84%;
                 }
                 .closeBtn{
@@ -246,7 +246,7 @@ $marginTop:14%;
                   }
                 }
                 .chart-wrap {
-                    width: 90%;
+                    width: 100%;
                     height: 84%;
                     /* background-color: coral; */
                 }
@@ -257,7 +257,7 @@ $marginTop:14%;
             }
         }
         .chart-wrap {
-            width: 90%;
+            width: 100%;
             height: 80%;
         }
         .editor-wrap {
@@ -282,7 +282,7 @@ $marginTop:14%;
             position:relative;
             &.top {
                 .chart-wrap {
-                  width: 90%;
+                  width: 100%;
                   height: 84%;
                 }
                 .closeBtn{
@@ -304,7 +304,7 @@ $marginTop:14%;
                   }
                 }
                 .chart-wrap {
-                    width: 90%;
+                    width: 100%;
                     height: 84%;
                      /* background-color: royalblue; */
                 }
@@ -319,7 +319,7 @@ $marginTop:14%;
             height: 84%;
         }
         .chart-wrap {
-            width: 90%;
+            width: 100%;
             height: 80%;
         }
         .closeBtn{
@@ -363,7 +363,7 @@ $marginTop:14%;
         }
       }
       .chart-wrap {
-        width: 90%;
+        width: 100%;
         height: 90%;
        /*  margin-top: 10px; */
       }
@@ -398,7 +398,7 @@ $marginTop:14%;
       &.top {
         top:0;
         .chart-wrap {
-            width: 90%;
+            width: 100%;
             height: 84%;
         }
         .closeBtn{
@@ -416,7 +416,7 @@ $marginTop:14%;
           }
         }
         .chart-wrap {
-            width: 90%;
+            width: 100%;
             height: 84%;
         }
         .closeBtn{
@@ -437,7 +437,7 @@ $marginTop:14%;
       &.top {
         top:0;
         .chart-wrap {
-          width: 90%;
+          width: 100%;
           height: 84%;
         }
         .closeBtn{
@@ -455,7 +455,7 @@ $marginTop:14%;
           }
         }
         .chart-wrap {
-            width: 90%;
+            width: 100%;
             height: 84%;
         }
         .closeBtn{
@@ -470,7 +470,7 @@ $marginTop:14%;
     }
     .half{
       .chart-wrap {
-        width: 90%;
+        width: 100%;
         height: 90%;
        /*  margin-top: 10px; */
       }