业务大屏调整

src/HManagement/serviceDataScreen/components/profileTemplate.vue

@@ -98,7 +98,7 @@ export default {
   box-shadow: 0.000vw 0.156vw 0.313vw 0.052vw rgba(0,0,0,0.16);
   border-radius: 0.313vw 0.313vw 0.313vw 0.313vw;
   border: 0.052vw solid #CFDCE5;
-  margin-top: 1.042vw;
+  margin-top: 1.521vw;
 }
 .box-border{
   margin: 0.705vw 0 1.042vw 1.042vw;
@@ -125,7 +125,7 @@ export default {
 .box-margin .box-content{
   width: 6.609vw;
   height: 2.675vw;
-  margin-right: 0.345vw;
+  margin-right: 0.245vw;
   margin-bottom: 0.705vw;
 }
 .box-margin .justify {

src/HManagement/serviceDataScreen/index.vue

@@ -31,46 +31,48 @@
         </div>
       </div>
     </div>
-    <div class="content-style justify-style">
-      <div>
-        <div class="justify-style">
-          <!-- 业务员账户 -->
-          <salesmanAccount ref="accountRef" @dialog="detailClick"></salesmanAccount>
-          <!-- 作业数据 -->
-          <jobData ref="jobRef" @dialog="detailClick"></jobData>
+    <div style="margin: auto">
+      <div class="content-style justify-style">
+        <div>
+          <div class="justify-style">
+            <!-- 业务员账户 -->
+            <salesmanAccount ref="accountRef" @dialog="detailClick"></salesmanAccount>
+            <!-- 作业数据 -->
+            <jobData ref="jobRef" @dialog="detailClick"></jobData>
+          </div>
+          <div class="inline-top-20">
+            <!-- 销售面板 -->
+            <salesPanel  ref="panelRef" style="position: relative;z-index: 800"></salesPanel>
+          </div>
         </div>
-        <div class="inline-top-20">
-          <!-- 销售面板 -->
-          <salesPanel  ref="panelRef" style="position: relative;z-index: 800"></salesPanel>
+        <div>
+          <!-- 销售漏斗 -->
+          <salesFunnel ref="funnelRef" style="position: relative;z-index: 700"></salesFunnel>
+          <div class="justify-style inline-top-20">
+            <!-- 营销费用 -->
+            <marketingExpenses ref="expensesRef"></marketingExpenses>
+            <!-- 营销费用统计 -->
+            <marketingExpenseStatistics ref="exStatisticsRef"></marketingExpenseStatistics>
+          </div>
         </div>
-      </div>
-      <div>
-        <!-- 销售漏斗 -->
-        <salesFunnel ref="funnelRef" style="position: relative;z-index: 700"></salesFunnel>
-        <div class="justify-style inline-top-20">
-          <!-- 营销费用 -->
-          <marketingExpenses ref="expensesRef"></marketingExpenses>
-          <!-- 营销费用统计 -->
-          <marketingExpenseStatistics ref="exStatisticsRef"></marketingExpenseStatistics>
+        <div>
+          <!-- 应收账款 -->
+          <accountsReceivable ref="receivableRef"></accountsReceivable>
+          <!-- 数据概况 -->
+          <dataProfile ref="profileRef" class="inline-top-20"></dataProfile>
         </div>
       </div>
-      <div>
-        <!-- 应收账款 -->
-        <accountsReceivable ref="receivableRef"></accountsReceivable>
-        <!-- 数据概况 -->
-        <dataProfile ref="profileRef" class="inline-top-20"></dataProfile>
-      </div>
     </div>
     <fullScreen ref="fullRef" class="inline-16" domId="fullScreen" style="visibility: hidden" @backFull="backFull"></fullScreen>
     <el-dialog
-        title="提示"
+        :title="$t(`提示`)"
         :visible.sync="dialogVisible"
         :showClose="false"
         width="500px"
     >
-      <span>暂无权限，请开通权限</span>
+      <span>{{$t(`暂无权限，请开通权限`)}}</span>
       <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+          <el-button type="primary" @click="dialogVisible = false">{{$t(`确 定`)}}</el-button>
         </span>
     </el-dialog>
     <el-dialog

src/HManagement/serviceDataScreen/modules/accountsReceivable.vue

@@ -3,8 +3,8 @@
     <borderTemplate borderBox="width: 31.250vw;height: 15.104vw;" title="应收账款" detailTitle="查看详情" @dialog="$emit('dialog')"  systemappid="286" push_path="/accountsReceivable">
       <template slot="operation">
         <div style="padding-left: 0.521vw">
-          <el-radio v-model="param.content.querytype" label="2" @input="listData">按业务员</el-radio>
-          <el-radio v-model="param.content.querytype" label="1" @input="listData">按客户</el-radio>
+          <el-radio v-model="param.content.querytype" label="2" @input="listData">{{$t(`按业务员`)}}</el-radio>
+          <el-radio v-model="param.content.querytype" label="1" @input="listData">{{$t(`按客户`)}}</el-radio>
         </div>
       </template>
       <template slot="content">

src/HManagement/serviceDataScreen/modules/dataProfile.vue

@@ -58,14 +58,14 @@
         </div>
         <div v-show="typeSelect === '报价'">
           <div style="margin-top: 1.042vw">
-            <LineCharts ref="analyzeRef" height="10.844vw" width="29.125vw" h-chart="10.633vw" w-chart="29.125vw"></LineCharts>
+            <LineCharts ref="analyzeRef" height="10.844vw" width="29.125vw" h-chart="9.933vw" w-chart="29.125vw"></LineCharts>
           </div>
         </div>
        <div v-show="typeSelect !== '报价'">
          <div  style="display:flex;justify-content: left;margin-top: 1.042vw">
-           <PieCharts ref="proTypRef" height="10.844vw" width="12.125vw" h-chart="9.633vw" w-chart="10.125vw" title="项目类型分析"></PieCharts>
-           <PieCharts ref="proFowRef" height="10.844vw" width="11.125vw" h-chart="9.633vw" w-chart="10.125vw" title="项目跟进情况"></PieCharts>
-           <PieCharts ref="cusFowRef" height="10.844vw" width="11.125vw" h-chart="9.633vw" w-chart="10.125vw" title="客户跟进情况"></PieCharts>
+           <PieCharts ref="proTypRef" height="10.844vw" width="12.125vw" h-chart="8.633vw" w-chart="10.125vw" title="项目类型分析"></PieCharts>
+           <PieCharts ref="proFowRef" height="10.844vw" width="11.125vw" h-chart="8.633vw" w-chart="10.125vw" title="项目跟进情况"></PieCharts>
+           <PieCharts ref="cusFowRef" height="10.844vw" width="11.125vw" h-chart="8.633vw" w-chart="10.125vw" title="客户跟进情况"></PieCharts>
          </div>
        </div>
       </template>

src/HManagement/serviceDataScreen/modules/marketingExpenseStatistics.vue

@@ -4,7 +4,7 @@
       <template slot="content">
         <div>
           <div style="display: flex;justify-content: right">
-            <el-button  type="text" class="inline-16" @click="onChange(true)">切换{{btnTitle}}</el-button>
+            <el-button  type="text" class="inline-16" @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>

src/HManagement/serviceDataScreen/modules/salesFunnel.vue

@@ -4,7 +4,7 @@
       <template slot="content">
         <div style="display: flex;justify-content: space-between">
           <div>
-            <el-checkbox v-model="param.content.where.unfinish" true-label="0" false-label="1"  @change="listData">包含失败、结案项目</el-checkbox>
+            <el-checkbox v-model="param.content.where.unfinish" true-label="0" false-label="1"  @change="listData">{{$t(`包含失败、结案项目`)}}</el-checkbox>
           </div>
           <div style="display: flex;justify-content: left">
             <el-select v-model="param.content.dateType"  class="inline-16" size="small" @change="listData(param.content.dateType)" :popper-append-to-body="false">
@@ -18,7 +18,7 @@
             <div class="inline-16">
               <datePicker ref="startRef" type="date" @selectTime="begDateChange" format="yyyy-MM-dd" value_format="yyyy-MM-dd"></datePicker>
             </div>
-            <div class="title-span-font inline-16">至</div>
+            <div class="title-span-font inline-16">{{$t(`至`)}}</div>
             <div>
               <datePicker ref="endRef" type="date" @selectTime="endDateChange" format="yyyy-MM-dd" value_format="yyyy-MM-dd"></datePicker>
             </div>

src/HManagement/serviceDataScreen/modules/salesPanel.vue

@@ -101,10 +101,10 @@
           <div style="display:flex;justify-content: right">
             <datePicker v-show="typeSelect !== '回款'" ref="pickerRef" type="year" @selectTime="pickerChange" format="yyyy" value_format="yyyy"></datePicker>
           </div>
-          <DualAxesCharts v-show="typeSelect == '订单'" :param="paramChart" heightChart="14.5vw" ref-charts="orderPanelChart" ref="orderPanelRef"></DualAxesCharts>
-          <DualAxesLineCharts v-show="typeSelect == '出货'" :param="paramShipmentChart" heightChart="14.5vw" ref-charts="shipmentPanelChart" ref="shipmentPanelRef"></DualAxesLineCharts>
-          <DualAxesCharts v-show="typeSelect == '开票'" :param="paramInvoiceChart" heightChart="14.5vw" ref-charts="invoicePanelChart" ref="invoicePanelRef"></DualAxesCharts>
-          <BarCharts v-show="typeSelect == '回款'" :param="paramRefundChart" heightChart="14.5vw" ref-charts="refundPanelChart" ref="refundPanelRef"></BarCharts>
+          <DualAxesCharts v-show="typeSelect == '订单'" :param="paramChart" heightChart="13.6vw" ref-charts="orderPanelChart" ref="orderPanelRef"></DualAxesCharts>
+          <DualAxesLineCharts v-show="typeSelect == '出货'" :param="paramShipmentChart" heightChart="13.6vw" ref-charts="shipmentPanelChart" ref="shipmentPanelRef"></DualAxesLineCharts>
+          <DualAxesCharts v-show="typeSelect == '开票'" :param="paramInvoiceChart" heightChart="13.6vw" ref-charts="invoicePanelChart" ref="invoicePanelRef"></DualAxesCharts>
+          <BarCharts v-show="typeSelect == '回款'" :param="paramRefundChart" heightChart="13.6vw" ref-charts="refundPanelChart" ref="refundPanelRef"></BarCharts>
         </div>
       </template>
     </borderTemplate>
@@ -381,13 +381,13 @@ export default {
   box-shadow: 0.000vw 0.156vw 0.313vw 0.052vw rgba(0,0,0,0.16);
   border-radius: 5.729vw 5.729vw 0.313vw 5.729vw;
   border: 0.052vw solid #CFDCE5;
-  margin-top: 1.042vw;
+  margin-top: 1.542vw;
   box-sizing: border-box;
   display: flex;
   justify-content: left;
 }
 .content-style-content{
-  margin-top: 0.917vw;
+  margin-top: 0.717vw;
   margin-left: 4.250vw;
 }
 .content-style-content .font1{