客户日志页面国际化

src/views/ecw/customer/customerLog.vue

 <template>
  <div :style="{padding:customerId ? '0px' : '20px'}">
-   <el-card style="margin-bottom: 30px"  v-show="!customerId" :title="'客户操作日志'">
+   <el-card style="margin-bottom: 30px"  v-show="!customerId" :title="$t('客户操作日志')">
      <el-descriptions border :column="3">
-       <el-descriptions-item label="订单编号"><el-input :placeholder="$t('请输入订单编号')" v-model="queryForm.orderNo"></el-input></el-descriptions-item>
-       <el-descriptions-item label="操作人">
+       <el-descriptions-item :label="$t('订单编号')"><el-input :placeholder="$t('请输入订单编号')" v-model="queryForm.orderNo"></el-input></el-descriptions-item>
+       <el-descriptions-item :label="$t('操作人')">
          <el-select filterable  v-model="queryForm.operator">
            <el-option v-for="(item) in allSimplList" :value="item.id" :label="item.nickname" :key="item.id"></el-option>
          </el-select>
        </el-descriptions-item>
-       <el-descriptions-item label="老客户经理">
+       <el-descriptions-item :label="$t('老客户经理')">
          <el-select filterable  v-model="queryForm.oldCustomerService">
            <el-option v-for="(item) in customerServiceList" :value="item.id" :label="item.nickname" :key="item.id"></el-option>
          </el-select>
 <!--         <el-input v-model="queryForm.oldCustomerService"></el-input>-->
        </el-descriptions-item>
 <!--       <el-descriptions-item label="客户编号"><el-input :placeholder="$t('请输入客户编号')" v-model="queryForm.number"></el-input></el-descriptions-item>-->
-       <el-descriptions-item label="新客户经理">
+       <el-descriptions-item :label="$t('新客户经理')">
          <el-select clearable filterable  v-model="queryForm.newCustomerService">
            <el-option v-for="(item) in customerServiceList" :value="item.id" :label="item.nickname" :key="item.id"></el-option>
          </el-select>
 <!--         <el-input v-model="queryForm.newCustomerService"></el-input>-->
        </el-descriptions-item>
 <!--       <el-descriptions-item label="客户名称"><el-input :placeholder="$t('请输入客户名称')" style="width: 45%;" v-model="queryForm.name"></el-input></el-descriptions-item>-->
-       <el-descriptions-item label="操作类型">
+       <el-descriptions-item :label="$t('操作类型')">
          <dict-selector  :type="DICT_TYPE.CUSTOMER_OPERATE_TYPE" v-model="queryForm.operateType">
 
          </dict-selector>
        </el-descriptions-item>
-       <el-descriptions-item label="新的预计进入公海的时间">
+       <el-descriptions-item :label="$t('新的预计进入公海的时间')">
            <el-date-picker
           v-model="newEstimateEnterOpenSeaTimeArr"
            type="datetimerange"
            value-format="yyyy-MM-dd HH:mm:ss"
            range-separator="至"
-           start-placeholder="开始日期"
-           end-placeholder="结束日期"
+           :start-placeholder="$t('开始日期')"
+           :end-placeholder="$t('结束日期')"
            align="right">
          </el-date-picker>
        </el-descriptions-item>
-       <el-descriptions-item label="老的预计进入公海的时间">
+       <el-descriptions-item :label="$t('老的预计进入公海的时间')">
          <el-date-picker
            v-model="newEstimateEnterOpenSeaTimeArr"
            type="datetimerange"
            value-format="yyyy-MM-dd HH:mm:ss"
            range-separator="至"
-           start-placeholder="开始日期"
-           end-placeholder="结束日期"
+           :start-placeholder="$t('开始日期')"
+           :end-placeholder="$t('结束日期')"
            align="right">
          </el-date-picker>
        </el-descriptions-item>
        <el-descriptions-item>
-         <el-button @click="getList">搜索</el-button>
-         <el-button @click="initialize();getList()">重置</el-button>
+         <el-button @click="getList">{{$t('搜索')}}</el-button>
+         <el-button @click="initialize();getList()">{{$t('重置')}}</el-button>
        </el-descriptions-item>
      </el-descriptions>
    </el-card>
    <el-table :data="list">
-     <el-table-column label="订单编号" prop="orderNo"></el-table-column>
-     <el-table-column label="新客户经理" prop="newCustomerService">
+     <el-table-column :label="$t('订单编号')" prop="orderNo"></el-table-column>
+     <el-table-column :label="$t('新客户经理')" prop="newCustomerService">
        <template v-slot="{row}">
          {{row.newCustomerService ? operatorFn(row.newCustomerService) : '/'}}
        </template>
      </el-table-column>
-     <el-table-column label="老客户经理" prop="oldCustomerService">
+     <el-table-column :label="$t('老客户经理')" prop="oldCustomerService">
        <template v-slot="{row}">
          {{row.oldCustomerService ? operatorFn(row.oldCustomerService) : '/'}}
        </template>
      </el-table-column>
-     <el-table-column label="操作类型">
+     <el-table-column :label="$t('操作类型')">
        <template v-slot="{row}">
          <dict-tag :type="DICT_TYPE.CUSTOMER_OPERATE_TYPE" :value="row.operateType"></dict-tag>
        </template>
      </el-table-column>
-     <el-table-column label="操作人" prop="operator">
+     <el-table-column :label="$t('操作人')" prop="operator">
         <template v-slot="{row}">
           {{operatorFn(row.operator)}}
         </template>
      </el-table-column>
-     <el-table-column label="操作时间" prop="operator">
+     <el-table-column :label="$t('操作时间')" prop="operator">
         <template v-slot="{row}">
           {{parseTime(row.createTime) || '/'}}
         </template>
      </el-table-column>
-     <el-table-column label="新的预计入公海时间">
+     <el-table-column :label="$t('新的预计入公海时间')">
        <template v-slot="{row}">
          {{parseTime(row.newEstimateEnterOpenSeaTime) || '/'}}
        </template>
      </el-table-column>
-     <el-table-column label="老的预计入公海时间" >
+     <el-table-column :label="$t('老的预计入公海时间')" >
        <template v-slot="{row}">
          {{parseTime(row.oldEstimateEnterOpenSeaTime) || '/'}}
        </template>
      </el-table-column>
-     <el-table-column label="备注" prop="remark" >
+     <el-table-column :label="$t('备注')" prop="remark" >
      </el-table-column>
-     <el-table-column  label="操作">
+     <el-table-column  :label="$t('操作')">
        <template v-slot="{row}">
          <el-button type="text" @click="getCustomerLog(row.id)">
-           详情
+           {{$t('详情')}}
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <pagination v-show="total > 0" :total="total" :page.sync="queryForm.page" :limit.sync="queryForm.rows"
                @pagination="getList"/>
-   <el-dialog title="客户日志" :visible.sync="show">
+   <el-dialog :title="$t('客户日志')" :visible.sync="show">
      <el-form>
-       <el-form-item label="订单编号:">
+       <el-form-item :label="$t('订单编号')+':'">
          {{dataLog.orderNo ? dataLog.orderNo :'/'}}
        </el-form-item>
-       <el-form-item label="新客户经理:">
+       <el-form-item :label="$t('新客户经理')+':'">
          {{dataLog.newCustomerService ? operatorFn(dataLog.newCustomerService) : '/'}}
        </el-form-item>
-       <el-form-item label="老客户经理:">
+       <el-form-item :label="$t('老客户经理')+':'">
          {{dataLog.oldCustomerService ? operatorFn(dataLog.oldCustomerService) : '/'}}
        </el-form-item>
-       <el-form-item label="操作类型:">
+       <el-form-item :label="$t('操作类型')+':'">
          <dict-tag :type="DICT_TYPE.CUSTOMER_OPERATE_TYPE" :value="dataLog.operateType"></dict-tag>
        </el-form-item>
        <el-form-item :label="$t('操作人')+':'">
          {{operatorFn(dataLog.operator)}}
        </el-form-item>
-       <el-form-item label="操作时间:">
+       <el-form-item :label="$t('操作时间')+':'">
          {{parseTime(dataLog.createTime)}}
        </el-form-item>
-       <el-form-item label="新预计进入公海时间:">
+       <el-form-item :label="$t('新预计进入公海时间')+':'">
          {{parseTime(dataLog.newEstimateEnterOpenSeaTime) || '/'}}
        </el-form-item>
-       <el-form-item label="老的预计进入公海时间:">
+       <el-form-item :label="$t('老的预计进入公海时间')+':'">
          {{parseTime(dataLog.oldEstimateEnterOpenSeaTime) || '/'}}
        </el-form-item>
-       <el-form-item label="备注:">
+       <el-form-item :label="$t('备注')+':'">
          {{dataLog.remark}}
        </el-form-item>
      </el-form>