* 数字化施工国际化

src/assets/styles/ruoyi.scss

@@ -100,6 +100,8 @@
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
+  box-sizing: border-box;
+  padding: 0px 20px;
 
   .el-form-item__label {
     width: fit-content !important;
@@ -107,6 +109,8 @@
 
   .el-form-item__content {
     margin-left: 0 !important;
+    width: 100%;
+
   }
 }
 

src/i18n/en.js

@@ -173,14 +173,15 @@ export default {
     }
   },
   "tips": {
-    "confirmDelete": "Are you sure you want to delete the data item named {name}?",
+    "confirmDelete": "Are you sure you want to delete the data item {name}?",
     "deletedSuccess": "Deleted successfully.",
     "modifySuccess": "Modified successfully.",
     "addSuccess": "Added successfully.",
     "notifications": "System Notifications"
   },
   "machine": {
-    "machineNo": "Machine ID",
+    title: "Machine Info",
+    "machineNo": "Machine NO.",
     "machineName": "Machine Name",
     "plateNo": "License Plate No.",
     "sn": "SN",
@@ -188,6 +189,7 @@ export default {
     "productSecret": "Product Secret"
   },
   "pileHole": {
+    title: "Pile Hole Info",
     "pileHoleNo": "Pile Hole No",
     "lng": "Longitude",
     "lat": "Latitude",
@@ -198,6 +200,7 @@ export default {
     "pileRadius": "Diameter"
   },
   "projectInfo": {
+    title: "Project Info",
     "projName": "Project Name"
   },
   search: "search",

src/i18n/zh.js

@@ -174,13 +174,14 @@ export default {
     "indexLine": "压力和电流监控"
   },
   tips: {
-    "confirmDelete": "是否确认删除名称为{name}的数据项？",
+    "confirmDelete": "是否确认删除{name}数据项？",
     "deletedSuccess": "删除成功",
     "modifySuccess": "修改成功",
     "addSuccess": "新增成功",
     "notifications": "系统提示"
   },
   machine: {
+    title: "设备信息",
     machineNo: "设备编号",
     machineName: "设备名称",
     "plateNo": "车牌号",
@@ -189,6 +190,7 @@ export default {
     productSecret: "产品密钥",
   },
   pileHole: {
+    title: "桩孔信息",
     pileHoleNo: "桩点编号",
     lng: "经度",
     lat: "纬度",
@@ -199,6 +201,7 @@ export default {
     pileRadius: "桩径",
   },
   projestInfo: {
+    title: "项目信息",
     projName: "项目名称"
   },
   search: "搜索",

src/views/cons/pileHoleInfo/index.vue

@@ -254,22 +254,34 @@ export default {
       // 表单校验
       rules: {
         holeNum: [
-          {required: true, message: "桩点编号不能为空", trigger: "blur"}
+          {required: true, message: this.$t("common.required", {name: this.$t("pileHole.pileHoleNo")}), trigger: "blur"}
         ],
         deltaX: [
-          {required: true, message: "dx不能为空", trigger: "blur"}
+          {required: true, message: this.$t("common.required", {name: "dx"}), trigger: "blur"}
         ],
         deltaY: [
-          {required: true, message: "dy不能为空", trigger: "blur"}
+          {required: true, message: this.$t("common.required", {name: "dy"}), trigger: "blur"}
         ],
         lng: [
-          {required: true, message: "经度不能为空", trigger: "blur"}
+          {
+            required: true,
+            message: this.$t("common.required", {name: this.$t("pileHole.lng")}),
+            trigger: "blur"
+          }
         ],
         lat: [
-          {required: true, message: "纬度不能为空", trigger: "blur"}
+          {
+            required: true,
+            message: this.$t("common.required", {name: this.$t("pileHole.lat")}),
+            trigger: "blur"
+          }
         ],
         consStatus: [
-          {required: true, message: "施工状态不能为空", trigger: "blur"}
+          {
+            required: true,
+            message: this.$t("common.required", {name: this.$t("pileHole.pileHoleStatus")}),
+            trigger: "blur"
+          }
         ],
       },
       upload: {
@@ -360,7 +372,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加施工桩点信息";
+      this.title = this.$t("common.addDialog", {name: this.$t("pileHole.title")});
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -369,7 +381,7 @@ export default {
       getPileHoleInfo(id).then(response => {
         this.form = response.data;
         this.open = true;
-        this.title = "修改施工桩点信息";
+        this.title = this.$t("common.modifyDialog", {name: this.$t("pileHole.title")});
       });
     },
     /** 提交按钮 */
@@ -378,13 +390,13 @@ export default {
         if (valid) {
           if (this.form.id != null) {
             updatePileHoleInfo(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
+              this.$modal.msgSuccess(this.$t("tips.deletedSuccess"));
               this.open = false;
               this.getList();
             });
           } else {
             addPileHoleInfo(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
+              this.$modal.msgSuccess(this.$t("tips.addSuccess"));
               this.open = false;
               this.getList();
             });
@@ -395,11 +407,11 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除施工桩点信息编号为"' + ids + '"的数据项？').then(function () {
+      this.$modal.confirm(this.$t("tips.confirmDelete", {name: ids})).then(function () {
         return delPileHoleInfo(ids);
       }).then(() => {
         this.getList();
-        this.$modal.msgSuccess("删除成功");
+        this.$modal.msgSuccess(this.$t("tips.modifySuccess"));
       }).catch(() => {
       });
     },

src/views/cons/pileMachineInfo/index.vue

@@ -1,25 +1,27 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="桩机编号" prop="machineNum">
+      <el-form-item :label="$t('machine.machineNo')" prop="machineNum">
         <el-input
             v-model="queryParams.machineNum"
-            placeholder="请输入桩机编号"
+            :placeholder="$t('common.typeInfo',{name: $t('machine.machineNo')})"
             clearable
             @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="设备信息" prop="name">
+      <el-form-item :label="$t('machine.machineName')" prop="name">
         <el-input
             v-model="queryParams.name"
-            placeholder="请输入设备信息"
+            :placeholder="$t('common.typeInfo',{name: $t('machine.machineName')})"
             clearable
             @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">
+          {{ $t('common.search') }}
+        </el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
       </el-form-item>
     </el-form>
 
@@ -32,7 +34,7 @@
             size="mini"
             @click="handleAdd"
             v-hasPermi="['cons:pileMachineInfo:add']"
-        >新增
+        >{{ $t('common.add') }}
         </el-button>
       </el-col>
       <el-col :span="1.5">
@@ -44,7 +46,7 @@
             :disabled="single"
             @click="handleUpdate"
             v-hasPermi="['cons:pileMachineInfo:edit']"
-        >修改
+        >{{ $t('common.edit') }}
         </el-button>
       </el-col>
       <el-col :span="1.5">
@@ -56,7 +58,7 @@
             :disabled="multiple"
             @click="handleDelete"
             v-hasPermi="['cons:pileMachineInfo:remove']"
-        >删除
+        >{{ $t('common.delete') }}
         </el-button>
       </el-col>
       <el-col :span="1.5">
@@ -67,7 +69,8 @@
             size="mini"
             @click="handleExport"
             v-hasPermi="['cons:pileMachineInfo:export']"
-        >导出
+        >
+          {{ $t('common.export') }}
         </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -75,22 +78,22 @@
 
     <el-table v-loading="loading" :data="pileMachineInfoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="编号" align="center" prop="id"/>
-      <el-table-column label="桩机编号" align="center" prop="machineNum"/>
-      <el-table-column label="设备信息" align="center" prop="name"/>
-      <el-table-column label="车牌号" align="center" prop="no"/>
+      <el-table-column :label="$t('common.index')" align="center" prop="id"/>
+      <el-table-column :label="$t('machine.machineNo')" align="center" prop="machineNum"/>
+      <el-table-column :label="$t('machine.machineName')" align="center" prop="name"/>
+      <el-table-column :label="$t('machine.plateNo')" align="center" prop="no"/>
       <el-table-column label="SN" align="center" prop="sn"/>
-      <el-table-column label="创建时间" align="center" prop="updateTime" width="180">
+      <el-table-column :label="$t('common.updateTime')" align="center" prop="updateTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="修改时间" align="center" prop="createTime" width="180">
+      <el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column :label="$t('common.operation')" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
               size="mini"
@@ -98,7 +101,8 @@
               icon="el-icon-edit"
               @click="handleUpdate(scope.row)"
               v-hasPermi="['cons:pileMachineInfo:edit']"
-          >修改
+          >
+            {{ $t('common.edit') }}
           </el-button>
           <el-button
               size="mini"
@@ -106,7 +110,7 @@
               icon="el-icon-delete"
               @click="handleDelete(scope.row)"
               v-hasPermi="['cons:pileMachineInfo:remove']"
-          >删除
+          > {{ $t('common.delete') }}
           </el-button>
         </template>
       </el-table-column>
@@ -123,43 +127,43 @@
     <!-- 添加或修改施工桩机信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="130px">
-        <el-form-item label="桩机编号" prop="machineNum">
-          <el-input v-model="form.machineNum" placeholder="请输入桩机编号"/>
+        <el-form-item :label="$t('machine.machineNo')" prop="machineNum">
+          <el-input v-model="form.machineNum" :placeholder="$t('common.typeInfo',{name:$t('machine.machineNo')})"/>
         </el-form-item>
-        <el-form-item label="车牌号" prop="no">
-          <el-input v-model="form.no" placeholder="请输入车牌号"/>
+        <el-form-item :label="$t('machine.plateNo')" prop="no">
+          <el-input v-model="form.no" :placeholder="$t('common.typeInfo',{name:$t('machine.plateNo')})"/>
         </el-form-item>
-        <el-form-item label="设备信息" prop="name">
-          <el-input v-model="form.name" placeholder="请输入设备信息"/>
+        <el-form-item :label="$t('machine.machineName')" prop="name">
+          <el-input v-model="form.name" :placeholder="$t('common.typeInfo',{name:$t('machine.machineName')})"/>
         </el-form-item>
         <el-form-item label="SN" prop="sn">
-          <el-input v-model="form.sn" placeholder="请输入SN"/>
+          <el-input v-model="form.sn" :placeholder="$t('common.typeInfo',{name:'SN'})"/>
         </el-form-item>
-        <el-form-item label="topic产品key" prop="productKey">
-          <el-input v-model="form.productKey" placeholder="请输入topic产品key"/>
+        <el-form-item label="product key" prop="productKey">
+          <el-input v-model="form.productKey" :placeholder="$t('common.typeInfo',{name:'product key'})"/>
         </el-form-item>
-        <el-form-item label="topic设备密码" prop="deviceSecret">
-          <el-input v-model="form.deviceSecret" placeholder="请输入topic设备密码"/>
+        <el-form-item label="secret" prop="deviceSecret">
+          <el-input v-model="form.deviceSecret" :placeholder="$t('common.typeInfo',{name:'secret'})"/>
         </el-form-item>
         <el-form-item label="topic" prop="topic">
-          <el-input v-model="form.topic" placeholder="请输入topic"/>
+          <el-input v-model="form.topic" :placeholder="$t('common.typeInfo',{name:'topic'})"/>
         </el-form-item>
         <el-form-item label="serverHost" prop="serverHost">
-          <el-input v-model="form.serverHost" placeholder="请输入serverHost"/>
+          <el-input v-model="form.serverHost" :placeholder="$t('common.typeInfo',{name:'serverHost'})"/>
         </el-form-item>
         <el-form-item label="serverPort" prop="serverPort">
-          <el-input v-model="form.serverPort" placeholder="请输入serverPort"/>
+          <el-input v-model="form.serverPort" :placeholder="$t('common.typeInfo',{name:'serverPort'})"/>
         </el-form-item>
         <el-form-item label="serverUserName" prop="serverUserName">
-          <el-input v-model="form.serverUserName" placeholder="请输入serverUserName"/>
+          <el-input v-model="form.serverUserName" :placeholder="$t('common.typeInfo',{name:'serverUserName'})"/>
         </el-form-item>
         <el-form-item label="serverPassword" prop="serverPassword">
-          <el-input v-model="form.serverPassword" placeholder="请输入serverPassword"/>
+          <el-input v-model="form.serverPassword" :placeholder="$t('common.typeInfo',{name:'serverPassword'})"/>
         </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("common.confirm") }}</el-button>
+        <el-button @click="cancel">{{ $t("common.cancel") }}</el-button>
       </div>
     </el-dialog>
   </div>
@@ -208,10 +212,10 @@ export default {
       // 表单校验
       rules: {
         machineNum: [
-          {required: true, message: "桩机编号不能为空", trigger: "blur"}
+          {required: true, message: this.$t("common.required", {name: this.$t("machine.machineNo")}), trigger: "blur"}
         ],
         name: [
-          {required: true, message: "设备信息不能为空", trigger: "blur"}
+          {required: true, message: this.$t("common.required", {name: this.$t("machine.machineName")}), trigger: "blur"}
         ],
       }
     };
@@ -267,7 +271,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加施工桩机信息";
+      this.title = this.$t("common.addDialog", {name: this.$t("machine.title")});
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -276,7 +280,7 @@ export default {
       getPileMachineInfo(id).then(response => {
         this.form = response.data;
         this.open = true;
-        this.title = "修改施工桩机信息";
+        this.title = this.$t("common.modifyDialog", {name: this.$t("machine.title")});
       });
     },
     /** 提交按钮 */
@@ -285,13 +289,13 @@ export default {
         if (valid) {
           if (this.form.id != null) {
             updatePileMachineInfo(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
+              this.$modal.msgSuccess(this.$t("tips.modifySuccess"));
               this.open = false;
               this.getList();
             });
           } else {
             addPileMachineInfo(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
+              this.$modal.msgSuccess(this.$t("tips.addSuccess"));
               this.open = false;
               this.getList();
             });
@@ -302,11 +306,11 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除施工桩机信息编号为"' + ids + '"的数据项？').then(function () {
+      this.$modal.confirm(this.$t("tips.confirmDelete", {name: ids})).then(function () {
         return delPileMachineInfo(ids);
       }).then(() => {
         this.getList();
-        this.$modal.msgSuccess("删除成功");
+        this.$modal.msgSuccess(this.$t("tips.deletedSuccess"));
       }).catch(() => {
       });
     },

src/views/cons/projectInfo/index.vue

@@ -1,126 +1,140 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="项目名称" prop="name">
+      <el-form-item :label="$t('projectInfo.projName')" prop="name">
         <el-input
-          v-model="queryParams.name"
-          placeholder="请输入项目名称"
-          clearable
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.name"
+            :placeholder="$t('common.typeInfo',{name: $t('projectInfo.projName')})"
+            clearable
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{
+            $t('common.search')
+          }}
+        </el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
       </el-form-item>
     </el-form>
 
     <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="['cons:projectInfo:add']"
-        >新增</el-button>
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['cons:projectInfo:add']"
+        >{{ $t('common.add') }}
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['cons:projectInfo:edit']"
-        >修改</el-button>
+            type="success"
+            plain
+            icon="el-icon-edit"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['cons:projectInfo:edit']"
+        >{{ $t('common.edit') }}
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['cons:projectInfo:remove']"
-        >删除</el-button>
+            type="danger"
+            plain
+            icon="el-icon-delete"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['cons:projectInfo:remove']"
+        >{{ $t('common.delete') }}
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['cons:projectInfo:export']"
-        >导出</el-button>
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            v-hasPermi="['cons:projectInfo:export']"
+        >{{ $t('common.export') }}
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="projectInfoList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="编号" align="center" prop="id" />
-      <el-table-column label="项目名称" align="center" prop="name" />
-      <el-table-column label="修改时间" align="center" prop="updateTime" width="180">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column :label="$t('common.index')" align="center" prop="id"/>
+      <el-table-column :label="$t('projectInfo.projName')" align="center" prop="name"/>
+      <el-table-column :label="$t('common.updateTime')" align="center" prop="updateTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+      <el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="update_by" align="center" prop="updateBy" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column :label="$t('common.operation')" 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="['cons:projectInfo:edit']"
-          >修改</el-button>
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['cons:projectInfo:edit']"
+          >{{ $t('common.edit') }}
+          </el-button>
           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['cons:projectInfo:remove']"
-          >删除</el-button>
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['cons:projectInfo:remove']"
+          >{{ $t('common.delete') }}
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
     />
 
     <!-- 添加或修改工程信息对话框 -->
     <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="请输入项目名称" />
+        <el-form-item :label="$t('projectInfo.projName')" prop="name">
+          <el-input v-model="form.name" :placeholder="$t('common.typeInfo',{name:$t('projectInfo.projName')})"/>
         </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('common.confirm') }}</el-button>
+        <el-button @click="cancel">{{ $t('common.cancel') }}</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { listProjectInfo, getProjectInfo, delProjectInfo, addProjectInfo, updateProjectInfo } from "@/api/cons/projectInfo";
+import {
+  addProjectInfo,
+  delProjectInfo,
+  getProjectInfo,
+  listProjectInfo,
+  updateProjectInfo
+} from "@/api/cons/projectInfo";
 
 export default {
   name: "ProjectInfo",
@@ -153,8 +167,7 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
-      }
+      rules: {}
     };
   },
   created() {
@@ -200,14 +213,14 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加工程信息";
+      this.title = this.$t('common.addDialog', {name: this.$t('projectInfo.title')});
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -216,7 +229,7 @@ export default {
       getProjectInfo(id).then(response => {
         this.form = response.data;
         this.open = true;
-        this.title = "修改工程信息";
+        this.title = this.$t('common.modifyDialog', {name: this.$t('projectInfo.title')});
       });
     },
     /** 提交按钮 */
@@ -225,13 +238,13 @@ export default {
         if (valid) {
           if (this.form.id != null) {
             updateProjectInfo(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
+              this.$modal.msgSuccess(this.$t('tips.modifySuccess'));
               this.open = false;
               this.getList();
             });
           } else {
             addProjectInfo(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
+              this.$modal.msgSuccess(this.$t('tips.addSuccess'));
               this.open = false;
               this.getList();
             });
@@ -242,12 +255,14 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除工程信息编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal.confirm(this.$t("tips.confirmDelete", {name: ids})
+      ).then(function () {
         return delProjectInfo(ids);
       }).then(() => {
         this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+        this.$modal.msgSuccess(this.$t('tips.deletedSuccess'));
+      }).catch(() => {
+      });
     },
     /** 导出按钮操作 */
     handleExport() {