业务数据样式调整

src/HManagement/serviceDataScreen/components/BarCharts.vue

@@ -71,6 +71,30 @@ export default {
                 fill:'#CFDCE5'
               }
             },
+            pageNavigator:{
+              marker: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+              text: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+            }
           }
         });
         this.chartMap.render()

src/HManagement/serviceDataScreen/components/DualAxesCharts.vue

@@ -109,6 +109,30 @@ export default {
                 fill:'#CFDCE5'
               }
             },
+            pageNavigator:{
+              marker: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+              text: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+            }
           }
         });
         this.chartMap.render()

src/HManagement/serviceDataScreen/components/DualAxesLineCharts.vue

@@ -115,6 +115,30 @@ export default {
                 fill:'#CFDCE5'
               }
             },
+            pageNavigator:{
+              marker: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+              text: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+            }
           }
         });
         this.chartMap.render()

src/HManagement/serviceDataScreen/components/PieCharts.vue

@@ -103,11 +103,22 @@ export default {
               marker: {
                 style: {
                   // 非激活，不可点击态时的填充色设置
-                  inactiveFill: '#3685FC',
-                  inactiveOpacity: 0.45,
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
                   // 默认填充色设置
-                  fill: '#3685FC',
-                  opacity: 0.8,
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+              text: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
                   size: 10,
                 },
               },

src/HManagement/serviceDataScreen/components/funnelBox.vue

@@ -20,16 +20,16 @@
         </div>
       </div>
       <div class="box-funnel-style" :style="{'width': width + 'vw','background':data.color}">
-        <div style="display: flex;justify-content: space-between;margin: 5% 15% 5% 15%">
-          <div>
+        <div style="display: flex;justify-content: space-between;">
+          <div class="box-title-height-style">
             <div class="box-funnel-title-span5">{{data.sequence1}}</div>
             <div class="box-funnel-title-span4">项目总数</div>
           </div>
-          <div>
+          <div class="box-title-height-style">
             <div class="box-funnel-title-span5">{{data.projectqty}}</div>
             <div class="box-funnel-title-span4">当前项目数</div>
           </div>
-          <div>
+          <div class="box-title-height-style">
             <div class="box-funnel-title-span5">{{data.zhl}}</div>
             <div class="box-funnel-title-span4">转化率</div>
           </div>
@@ -127,9 +127,15 @@ export default {
 
 }
 .box-line-style{
-  width: 6.375vw;
+  width: 5.375vw;
   height: 0vw;
   border: 0.104vw solid;
   z-index: 100;
 }
+.box-title-height-style{
+  width: 6.813vw;
+  line-height: 1.675vw;
+  vertical-align: middle;
+  margin-top: 0.521vw;
+}
 </style>

src/HManagement/serviceDataScreen/components/lineCharts.vue

@@ -94,11 +94,22 @@ export default {
               marker: {
                 style: {
                   // 非激活，不可点击态时的填充色设置
-                  inactiveFill: '#3685FC',
-                  inactiveOpacity: 0.45,
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
                   // 默认填充色设置
-                  fill: '#3685FC',
-                  opacity: 0.8,
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+              text: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
                   size: 10,
                 },
               },

src/HManagement/serviceDataScreen/modules/marketingExpenseStatistics.vue

@@ -3,16 +3,16 @@
     <borderTemplate borderBox="width: 17.083vw;height: 12.500vw;" title="营销费用统计" detailTitle="查看详情" @dialog="$emit('dialog')" systemappid="290" push_path="/salerpriceData">
       <template slot="content">
         <div>
-          <div style="display: flex;justify-content: space-between;">
+          <div style="display: flex;justify-content: space-between;margin-bottom: 0.364vw">
             <el-button type="text" class="inline-16 btn-title-style" @click="onChange(true)" >{{$t(`切换`)}}{{$t(btnTitle)}}</el-button>
             <el-select v-model="param.content.dateType"  class="inline-16" size="small" @change="onChange(false)" :popper-append-to-body="false" >
               <el-option :label="$t('全部')" value="全部"></el-option>
               <el-option :label="$t('本年')" value="本年"></el-option>
             </el-select>
           </div>
-          <div v-show="btnTitle == '项目'" style="width: 16.025vw;height: 6.533vw;margin-top: 0.164vw;" ref="customerRefChar">
+          <div v-show="btnTitle == '项目'" style="width: 16.025vw;height: 6.633vw;margin-top: 0.264vw;" ref="customerRefChar">
           </div>
-          <div v-show="btnTitle == '客户'" style="width: 16.025vw;height: 6.533vw;margin-top: 0.164vw;" ref="projectRefChar">
+          <div v-show="btnTitle == '客户'" style="width: 16.025vw;height: 6.633vw;margin-top: 0.264vw;" ref="projectRefChar">
           </div>
         </div>
       </template>
@@ -119,6 +119,7 @@ export default {
           },
           legend: {
             position:'right',
+            offsetY:2,
             itemName:{
               style:{
                 fill:'#CFDCE5'
@@ -128,11 +129,22 @@ export default {
               marker: {
                 style: {
                   // 非激活，不可点击态时的填充色设置
-                  inactiveFill: '#3685FC',
-                  inactiveOpacity: 0.45,
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
                   // 默认填充色设置
-                  fill: '#3685FC',
-                  opacity: 0.8,
+                  fill: '#fff',
+                  opacity: 1,
+                  size: 10,
+                },
+              },
+              text: {
+                style: {
+                  // 非激活，不可点击态时的填充色设置
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
+                  // 默认填充色设置
+                  fill: '#fff',
+                  opacity: 1,
                   size: 10,
                 },
               },
@@ -212,6 +224,7 @@ export default {
           },
           legend: {
             position:'right',
+            offsetY:2,
             itemName:{
               style:{
                 fill:'#CFDCE5'
@@ -221,13 +234,24 @@ export default {
               marker: {
                 style: {
                   // 非激活，不可点击态时的填充色设置
-                  inactiveFill: '#3685FC',
-                  inactiveOpacity: 0.45,
+                  inactiveFill: '#fff',
+                  inactiveOpacity: 1,
                   // 默认填充色设置
-                  fill: '#3685FC',
-                  opacity: 0.8,
+                  fill: '#fff',
+                  opacity: 1,
                   size: 10,
                 },
+                text: {
+                  style: {
+                    // 非激活，不可点击态时的填充色设置
+                    inactiveFill: '#fff',
+                    inactiveOpacity: 1,
+                    // 默认填充色设置
+                    fill: '#fff',
+                    opacity: 1,
+                    size: 10,
+                  },
+                },
               },
             }
           },