样式调整

src/views/salesData/components/salesTemplate.vue

@@ -8,20 +8,20 @@
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sort.svg" v-else alt="">
       </div>
       <div class="div-inline mt-10" @click="onChange('出货')">
-        <span class="title-font" style="color:#4F7BFD" v-if="title === '出货'">出货</span>
-        <span class="title-font" style="color:#515151" v-else>出货</span>
+        <span class="title-font" style="color:#4F7BFD" v-if="title === '出货'">{{$t(`出货`)}}</span>
+        <span class="title-font" style="color:#515151" v-else>{{$t(`出货`)}}</span>
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sortActivation.svg" alt="" v-if="title === '出货'">
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sort.svg" v-else alt="">
       </div>
       <div class="div-inline mt-10" @click="onChange('开票')">
-        <span class="title-font" style="color:#4F7BFD" v-if="title === '开票'">开票</span>
-        <span class="title-font" style="color:#515151" v-else>开票</span>
+        <span class="title-font" style="color:#4F7BFD" v-if="title === '开票'">{{$t(`开票`)}}</span>
+        <span class="title-font" style="color:#515151" v-else>{{$t(`开票`)}}</span>
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sortActivation.svg" alt="" v-if="title === '开票'">
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sort.svg" v-else alt="">
       </div>
       <div class="div-inline mt-10" @click="onChange('回款')">
-        <span class="title-font" style="color:#4F7BFD" v-if="title === '回款'">回款</span>
-        <span class="title-font" style="color:#515151" v-else>回款</span>
+        <span class="title-font" style="color:#4F7BFD" v-if="title === '回款'">{{$t(`回款`)}}</span>
+        <span class="title-font" style="color:#515151" v-else>{{$t(`回款`)}}</span>
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sortActivation.svg" alt="" v-if="title === '回款'">
         <img class="inline-16" width="12" height="12" src="../../../assets/icons/sort.svg" v-else alt="">
       </div>
@@ -38,8 +38,8 @@
         </div>
         <el-button-group >
           <el-button size="small" :type="dateType === '本年'?'primary':''" @click="onChangeType('本年')">{{$t(`本年`)}}</el-button>
-          <el-button size="small" :type="dateType === '本季'?'primary':''" @click="onChangeType('本季')">本季</el-button>
-          <el-button size="small" :type="dateType === '本月'?'primary':''" @click="onChangeType('本月')">本月</el-button>
+          <el-button size="small" :type="dateType === '本季'?'primary':''" @click="onChangeType('本季')">{{$t(`本季`)}}</el-button>
+          <el-button size="small" :type="dateType === '本月'?'primary':''" @click="onChangeType('本月')">{{$t(`本月`)}}</el-button>
         </el-button-group>
         <el-date-picker
             v-model="monthDate"

src/views/salesData/modules/customerAccountBalanceAnalysis.vue

@@ -3,7 +3,7 @@
     <div class="div-border-box">
 
       <div class="div-line"></div>
-      <div style="line-height: 20px;height: 20px;vertical-align: auto;margin-left: 16px"> 客户账户余额分析</div>
+      <div style="line-height: 20px;height: 20px;vertical-align: auto;margin-left: 16px">{{$t(`客户账户余额分析`)}}</div>
       <div class="container-div">
         <div v-for="item in accountList" :key="item.index">
           <boxLine :title="item.accountname" :data="item.balance" :content="'统计到当前查询时间为止的客户'+item.accountname+'总余额'" ></boxLine>
@@ -11,7 +11,7 @@
       </div>
       <div :style="{height: windowWidth > 1840?'451px':windowWidth>1303?'491px':'516px',margin:'10px 0 0 0',background:'#fff',padding:padding}" id="customerAccountBalanceFull">
         <div style="display: flex;justify-content: space-between;align-items: center;">
-          <div class="mt-10" style="min-width: 220px;">近12月客户账户余额分析</div>
+          <div class="mt-10" style="min-width: 220px;">{{$t(`近12月客户账户余额分析`)}}</div>
           <div style="display: flex;flex-wrap: wrap;align-items: center;">
             <div class="inline-16 mt-10">
               <label class="search__label">{{$t('部门')}}:</label>
@@ -36,7 +36,7 @@
               </el-select>
             </div>
             <div class="inline-16 mt-10">
-              <label class="search__label" >账户类型:</label>
+              <label class="search__label" >{{$t(`账户类型`)}}:</label>
               <el-select v-model="param.content.accountno" placeholder="请选择账户类型" size="small"  @change="accountSelect" :popper-append-to-body="!isFull">
                 <el-option
                     v-for="item in accountList"

src/views/salesData/modules/delayedShipmentAnalysis.vue

@@ -4,7 +4,7 @@
       <div class="out">
         <div>
           <div class="div-line div-line-right"></div>
-          <div class="title" style="min-width: 220px;">近12月延期出货情况分析</div>
+          <div class="title" style="min-width: 220px;">{{$t(`近12月延期出货情况分析`)}}</div>
         </div>
         <div class="in">
           <div class="inline-16 mt-10">

src/views/salesData/modules/financialCollectionAnalysis.vue

@@ -4,7 +4,7 @@
       <div class="out">
         <div>
           <div class="div-line div-line-right"></div>
-          <div class="title" style="min-width: 220px;"> 财务回款分析</div>
+          <div class="title" style="min-width: 220px;">{{$t(`财务回款分析`)}}</div>
         </div>
         <div class="in">
           <div class="inline-16 mt-10">

src/views/salesData/modules/invoiceAmountAnalysis.vue

@@ -4,7 +4,7 @@
       <div class="out">
         <div>
           <div class="div-line div-line-right"></div>
-          <div class="title" style="min-width: 220px;"> 开票金额趋势分析</div>
+          <div class="title" style="min-width: 220px;">{{$t(`开票金额趋势分析`)}}</div>
         </div>
 
         <div class="in">
@@ -19,7 +19,7 @@
             </el-select>
           </div>
           <div class="mt-10 inline-15">
-            <span class="search__label inline-16">年度:</span>
+            <span class="search__label inline-16">{{$t(`年度`)}}:</span>
             <el-date-picker
                 :append-to-body="!isFull"
                 v-model="yearNow"
@@ -28,7 +28,7 @@
                 :clearable="false"
                 type="year"
                 size="small"
-                placeholder="选择年">
+                :placeholder="$t(`选择年`)">
             </el-date-picker>
           </div>
           <fullScreen  domId="invoiceAmountAnalysisFull" @onFull="onFull" @backFull="backFull"></fullScreen>

src/views/salesData/modules/orderProductCategory.vue

@@ -4,7 +4,7 @@
       <div class="out">
         <div>
           <div class="div-line div-line-right"></div>
-          <div class="title" style="min-width: 220px;"> 订单产品类别占比分析</div>
+          <div class="title" style="min-width: 220px;">{{$t(`订单产品类别占比分析`)}}</div>
         </div>
         <div class="in">
           <div class="inline-16 mt-10">
@@ -19,8 +19,8 @@
           </div>
 
           <div class="mt-10 inline-16">
-            <p class="search__label">订单类型:</p>
-            <el-select v-model="param.content.where.type" clearable style="margin-right:10px" size="small" placeholder="请选择订单类型" @change="queryModel(param.content.dataid,param.content.where.type)" >
+            <p class="search__label">{{$t(`订单类型`)}}:</p>
+            <el-select v-model="param.content.where.type" clearable style="margin-right:10px" size="small" :placeholder="$t(`请选择订单类型`)" @change="queryModel(param.content.dataid,param.content.where.type)" >
               <el-option v-for="item in ordertypeList" :key="item.index" :label="$t(item.value)" :value="item.value"></el-option>
             </el-select>
           </div>
@@ -32,13 +32,13 @@
           </div>
           <div class="mt-10 inline-16">
             <p class="search__label">{{$t('品牌')}}:</p>
-            <el-select v-model="param.content.where.sa_brandid" clearable style="margin-right:10px" size="small" placeholder="请选择品牌" @change="queryModel(param.content.dataid,param.content.where.sa_brandid)" >
+            <el-select v-model="param.content.where.sa_brandid" clearable style="margin-right:10px" size="small" :placeholder="$t(`请选择品牌`)" @change="queryModel(param.content.dataid,param.content.where.sa_brandid)" >
               <el-option v-for="item in brandList" :key="item.rowindex" :label="item.brandname" :value="item.sa_brandid"></el-option>
             </el-select>
           </div>
           <div class="mt-10 inline-16">
-            <p class="search__label">营销类别:</p>
-            <el-select v-model="param.content.itemclass" clearable style="margin-right:10px" size="small" placeholder="请选择营销类别" @change="queryModel(param.content.dataid,param.content.where.itemclass)" >
+            <p class="search__label">{{$t(`营销类别`)}}:</p>
+            <el-select v-model="param.content.itemclass" clearable style="margin-right:10px" size="small" :placeholder="$t(`请选择营销类别`)" @change="queryModel(param.content.dataid,param.content.where.itemclass)" >
               <el-option label="一级类别" value="一级类别"></el-option>
               <el-option label="二级类别" value="二级类别"></el-option>
             </el-select>
@@ -46,15 +46,15 @@
 
           <div class="inline-16 mt-10">
             <el-button-group >
-              <el-button size="small" :type="type === '金额'?'primary':''" @click="changeType('金额')">金额</el-button>
-              <el-button size="small" :type="type === '数量'?'primary':''" @click="changeType('数量')">数量</el-button>
+              <el-button size="small" :type="type === '金额'?'primary':''" @click="changeType('金额')">{{$t(`金额`)}}</el-button>
+              <el-button size="small" :type="type === '数量'?'primary':''" @click="changeType('数量')">{{$t(`数量`)}}</el-button>
             </el-button-group>
           </div>
           <div class="inline-16 mt-10">
             <el-button-group >
               <el-button size="small" :type="dateType === '全部'?'primary':''" @click="changeTypeDate('全部')">{{$t(`全部`)}}</el-button>
               <el-button size="small" :type="dateType === '本年'?'primary':''" @click="changeTypeDate('本年')">{{$t(`本年`)}}</el-button>
-              <el-button size="small" :type="dateType === '本月'?'primary':''" @click="changeTypeDate('本月')">本月</el-button>
+              <el-button size="small" :type="dateType === '本月'?'primary':''" @click="changeTypeDate('本月')">{{$t(`本月`)}}</el-button>
             </el-button-group>
           </div>
           <div class="inline-16 mt-10">