咨询建议国际化

src/views/ecw/messageLeave/index.vue

@@ -3,29 +3,29 @@
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="订单号" prop="orderCode">
-        <el-input v-model="queryParams.orderCode" placeholder="请输入订单号" clearable @keyup.enter.native="handleQuery"/>
+      <el-form-item :label="$t('订单号')" prop="orderCode">
+        <el-input v-model="queryParams.orderCode" :placeholder="$t('请输入订单号')" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="咨询类型" prop="type">
-        <el-select v-model="queryParams.type" placeholder="请选择咨询类型" clearable size="small">
+      <el-form-item :label="$t('咨询类型')" prop="type">
+        <el-select v-model="queryParams.type" :placeholder="$t('请选择咨询类型')" clearable size="small">
           <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ECW_MESSAGE_LEAVE_TYPE)"
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
-      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
+      <el-form-item :label="$t('状态')" prop="status">
+        <el-select v-model="queryParams.status" :placeholder="$t('请选择状态')" clearable size="small">
           <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ECW_MESSAGE_LEAVE_STATUS)"
                        :key="dict.value" :label="dict.label" :value="dict.value"/>
         </el-select>
       </el-form-item>
 
-      <el-form-item label="创建时间">
+      <el-form-item :label="$t('创建时间')">
         <el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
-                        type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
+                        type="daterange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">{{$t('搜索')}}</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">{{$t('重置')}}</el-button>
       </el-form-item>
     </el-form>
 
@@ -33,43 +33,43 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                   v-hasPermi="['ecw:message-leave:create']">新增</el-button>
+                   v-hasPermi="['ecw:message-leave:create']">{{$t('新增')}}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
-                   v-hasPermi="['ecw:message-leave:export']">导出</el-button>
+                   v-hasPermi="['ecw:message-leave:export']">{{$t('导出')}}</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="姓名" align="center" prop="name" />
-      <el-table-column label="联系方式" align="center" prop="phone" />
-      <el-table-column label="订单号" align="center" prop="orderCode" />
-      <el-table-column label="留言内容" align="center" prop="content" />
-      <el-table-column label="咨询类型" align="center" prop="type">
+      <el-table-column :label="$t('主键')" align="center" prop="id" />
+      <el-table-column :label="$t('姓名')" align="center" prop="name" />
+      <el-table-column :label="$t('联系方式')" align="center" prop="phone" />
+      <el-table-column :label="$t('订单号')" align="center" prop="orderCode" />
+      <el-table-column :label="$t('留言内容')" align="center" prop="content" />
+      <el-table-column :label="$t('咨询类型')" align="center" prop="type">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.ECW_MESSAGE_LEAVE_TYPE" :value="scope.row.type" />
         </template>
       </el-table-column>
-      <el-table-column label="状态" align="center" prop="status">
+      <el-table-column :label="$t('状态')" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.ECW_MESSAGE_LEAVE_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column label="咨询时间" align="center" prop="createTime" width="180">
+      <el-table-column :label="$t('咨询时间')" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column :label="$t('操作')" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['ecw:message-leave:update']">查看</el-button>
+                     v-hasPermi="['ecw:message-leave:update']">{{$t('查看')}}</el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['ecw:message-leave:delete']">删除</el-button>
+                     v-hasPermi="['ecw:message-leave:delete']">{{$t('删除')}}</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -80,83 +80,83 @@
     <!-- 对话框(添加 / 修改) -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="姓名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入姓名" :disabled="form.id ? true : false"/>
+        <el-form-item :label="$t('姓名')" prop="name">
+          <el-input v-model="form.name" :placeholder="$t('请输入姓名')" :disabled="form.id ? true : false"/>
         </el-form-item>
-        <el-form-item label="联系方式" prop="phone">
-          <el-input v-model="form.phone" placeholder="请输入联系方式" :disabled="form.id ? true : false"/>
+        <el-form-item :label="$t('联系方式')" prop="phone">
+          <el-input v-model="form.phone" :placeholder="$t('请输入联系方式')" :disabled="form.id ? true : false"/>
         </el-form-item>
-        <el-form-item label="订单号" prop="orderCode">
-          <el-input v-model="form.orderCode" placeholder="请输入订单号" :disabled="form.id ? true : false"/>
+        <el-form-item :label="$t('订单号')" prop="orderCode">
+          <el-input v-model="form.orderCode" :placeholder="$t('请输入订单号')" :disabled="form.id ? true : false"/>
         </el-form-item>
-        <el-form-item label="咨询类型" prop="type">
-          <el-select v-model="form.type" placeholder="请选择咨询类型" :disabled="form.id ? true : false">
+        <el-form-item :label="$t('咨询类型')" prop="type">
+          <el-select v-model="form.type" :placeholder="$t('请选择咨询类型')" :disabled="form.id ? true : false">
             <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ECW_MESSAGE_LEAVE_TYPE)"
                        :key="dict.value" :label="dict.label" :value="parseInt(dict.value)" />
           </el-select>
         </el-form-item>
 
-        <el-form-item label="留言内容">
+        <el-form-item :label="$t('留言内容')">
           <el-input
             v-model="form.content" :disabled="form.id ? true : false"
             type="textarea"
             :rows="4"
-            placeholder="请输入留言内容">
+            :placeholder="$t('请输入留言内容')">
           </el-input>
         </el-form-item>
 
-        <el-form-item label="回复内容" :hidden="form.id ? false : true">
+        <el-form-item :label="$t('回复内容')" :hidden="form.id ? false : true">
           <el-input
             v-model="form.replyContent"
             type="textarea"
             :rows="4"
-            placeholder="请输入留言内容">
+            :placeholder="$t('请输入留言内容')">
           </el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">{{$t('确 定')}}</el-button>
+        <el-button @click="cancel">{{$t('取 消')}}</el-button>
       </div>
     </el-dialog>
     <!-- 留言详情-->
     <el-dialog title="留言详情" :visible.sync="leavingShow" width="500px" append-to-body>
       <el-row class="el-row-leaving" :gutter="10">
-        <el-col :span="4">姓名:</el-col><el-col :span="12">{{messageVal.name ? messageVal.name : ''}}</el-col>
+        <el-col :span="4">{{$t('姓名')}}:</el-col><el-col :span="12">{{messageVal.name ? messageVal.name : ''}}</el-col>
       </el-row>
       <el-row class="el-row-leaving" :gutter="10">
-        <el-col :span="4">联系方式:</el-col><el-col :span="12">{{messageVal.phone}}</el-col>
+        <el-col :span="4">{{$t('联系方式')}}:</el-col><el-col :span="12">{{messageVal.phone}}</el-col>
       </el-row>
       <el-row class="el-row-leaving" :gutter="10">
-        <el-col :span="4">当前状态:</el-col><el-col :span="12">{{messageVal.status === 1 ? '待回复' : '已回复'}}</el-col>
+        <el-col :span="4">{{$t('当前状态')}}:</el-col><el-col :span="12">{{messageVal.status === 1 ? '待回复' : '已回复'}}</el-col>
       </el-row>
       <el-row class="el-row-leaving" :gutter="10">
-        <el-col :span="4">订单编号:</el-col><el-col :span="12">{{messageVal.orderCode}}</el-col>
+        <el-col :span="4">{{$t('订单编号')}}:</el-col><el-col :span="12">{{messageVal.orderCode}}</el-col>
       </el-row>
       <el-row class="el-row-leaving" :gutter="10">
-        <el-col :span="4">留言类型:</el-col><el-col :span="12">{{messageVal.type === 1 ? '咨询':'建议'}}</el-col>
+        <el-col :span="4">{{$t('留言类型')}}:</el-col><el-col :span="12">{{messageVal.type === 1 ? '咨询':'建议'}}</el-col>
       </el-row>
        <div style="background-color:#cccccc;padding:10px 20px;">
          <el-row class="el-row-leaving" :gutter="10">
-           <el-col :span="4">{{messageVal.type === 1 ? '咨询':'建议'}}时间:</el-col><el-col :span="12">{{parseTime(messageVal.createTime)}}</el-col>
+           <el-col :span="4">{{messageVal.type === 1 ? $t('咨询'):$t('建议')}}{{$t('时间')}}:</el-col><el-col :span="12">{{parseTime(messageVal.createTime)}}</el-col>
          </el-row>
          <el-row class="el-row-leaving" :gutter="10">
-           <el-col :span="4">{{messageVal.type === 1 ? '咨询':'建议'}}内容:</el-col><el-col :span="12">{{messageVal.content}}</el-col>
+           <el-col :span="4">{{messageVal.type === 1 ? $t('咨询'):$t('建议')}}{{$t('内容')}}:</el-col><el-col :span="12">{{messageVal.content}}</el-col>
          </el-row>
        </div>
       <div style="background-color:#f6f6f6;padding:10px 20px;margin-top: 20px;">
         <el-row v-if="messageVal.status === 2" class="el-row-leaving" :gutter="10">
-          <el-col :span="4">回复人:</el-col><el-col :span="12">{{messageVal.replyUserId}}</el-col>
+          <el-col :span="4">{{$t('回复人')}}:</el-col><el-col :span="12">{{messageVal.replyUserId}}</el-col>
         </el-row>
         <el-row v-if="messageVal.status === 2" class="el-row-leaving" :gutter="10">
-          <el-col :span="4">回复时间:</el-col><el-col :span="12">{{parseTime(messageVal.replyTime)}}</el-col>
+          <el-col :span="4">{{$t('回复时间')}}:</el-col><el-col :span="12">{{parseTime(messageVal.replyTime)}}</el-col>
         </el-row>
         <el-row class="el-row-leaving" :gutter="10">
-          <el-col :span="4">回复内容:</el-col><el-col :span="12"><el-input type="textarea" v-model="messageVal.replyContent" :disabled="messageVal.status === 2"></el-input></el-col><el-col :span="4"><el-button v-if="messageVal.status === 1" @click="replyFn">回复</el-button></el-col>
+          <el-col :span="4">{{$t('回复内容')}}:</el-col><el-col :span="12"><el-input type="textarea" v-model="messageVal.replyContent" :disabled="messageVal.status === 2"></el-input></el-col><el-col :span="4"><el-button v-if="messageVal.status === 1" @click="replyFn">{{$t('回复')}}</el-button></el-col>
         </el-row>
       </div>
       <div slot="footer" style="text-align: center;">
-        <el-button type="primary" @click="leavingShow = false;">关 闭</el-button>
+        <el-button type="primary" @click="leavingShow = false;">{{$t('关 闭')}}</el-button>
       </div>
     </el-dialog>
   </div>
@@ -271,7 +271,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加留言";
+      this.title = this.$t('添加留言');
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -291,7 +291,7 @@ export default {
         }
         // 添加的提交
         createMessageLeave(this.form).then(response => {
-          this.$modal.msgSuccess("新增成功");
+          this.$modal.msgSuccess(this.$t('新增成功'));
           this.open = false;
           this.getList();
         });
@@ -300,11 +300,11 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const id = row.id;
-      this.$modal.confirm('是否确认删除留言编号为"' + id + '"的数据项?').then(function() {
+      this.$modal.confirm(this.$t('是否确认删除留言编号为"') + id + this.$t('"的数据项?')).then(function() {
           return deleteMessageLeave(id);
         }).then(() => {
           this.getList();
-          this.$modal.msgSuccess("删除成功");
+          this.$modal.msgSuccess(this.$t('删除成功'));
         }).catch(() => {});
     },
     /** 导出按钮操作 */
@@ -315,7 +315,7 @@ export default {
       params.pageSize = undefined;
       this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
       // 执行导出
-      this.$modal.confirm('是否确认导出所有留言数据项?').then(() => {
+      this.$modal.confirm(this.$t('是否确认导出所有留言数据项?')).then(() => {
           this.exportLoading = true;
           return exportMessageLeaveExcel(params);
         }).then(response => {
@@ -325,7 +325,7 @@ export default {
     },
     replyFn(){
       replyMessageLeave({id:this.messageVal.id, replyContent:this.messageVal.replyContent,}).then(response => {
-        this.$modal.msgSuccess("修改成功");
+        this.$modal.msgSuccess(this.$t('修改成功'));
        this.leavingShow = false;
         this.getList();
       });