设备类型管理，国际化配置

src/lang/en/equipment/equipment.json

@@ -23,8 +23,8 @@
     "user": "user",
     "password": "password",
     "thoroughfare": "thoroughfare",
-    "uploadPictures":"upload pictures",
-     "EquipmentModel":"Equipment model",
-     "mainSystem":"main system",
-     "VideoType":"Video type"
+    "uploadPictures": "upload pictures",
+    "EquipmentModel": "Equipment model",
+    "mainSystem": "main system",
+    "VideoType": "Video type"
 }

src/lang/en/equipment/equipment_type.json

@@ -0,0 +1,13 @@
+{
+    "EnterKeywordsForFiltering": "Enter keywords for filtering",
+    "AddDevice": "AddDevice",
+    "EquipmentTypeName": "Equipment type name",
+    "EquipmentCategoryNumber": "Equipment category number",
+    "ProfessionalAffiliation": "Professional affiliation",
+    "EditEquipment": "Edit equipment",
+    "NumberOfPhases": "Number of phases",
+    "NoPhaseNumber": "No phase number",
+    "singlePhase":"single phase",
+     "threePhase":"three phase",
+     "Farewell":"Farewell"
+}

src/lang/en/index.js

@@ -2,6 +2,7 @@
 import administration from './administration.json'
 import entry from './equipment/entry.json';
 import equipment from './equipment/equipment.json';
+import equipment_type from './equipment/equipment_type.json';
 export default {
     routerIl8n: {
       homePage: 'homePage'
@@ -52,5 +53,6 @@ export default {
     },
     administration:administration,
     entry:entry,
-    equipment:equipment
+    equipment:equipment,
+    equipment_type:equipment_type,
   }

src/lang/zh/equipment/equipment_type.json

@@ -0,0 +1,13 @@
+{
+    "EnterKeywordsForFiltering":"输入关键字进行过滤",
+    "AddDevice":"添加设备",
+    "EquipmentTypeName":"设备类型名称",
+    "EquipmentCategoryNumber":"设备类别编号",
+    "ProfessionalAffiliation":"所属专业",
+    "EditEquipment":"编辑设备",
+    "NumberOfPhases":"相数",
+    "NoPhaseNumber":"无相数",
+    "singlePhase":"单相",
+    "threePhase":"三相",
+    "Farewell":"相别"
+}

src/lang/zh/index.js

@@ -1,6 +1,7 @@
 import administration from './administration.json'
 import entry from './equipment/entry.json';
 import equipment from './equipment/equipment.json';
+import equipment_type from './equipment/equipment_type.json';
 export default {
   routerIl8n: {
     homePage: '首页'
@@ -52,4 +53,5 @@ export default {
   administration:administration,
   entry:entry,
   equipment:equipment,
+  equipment_type:equipment_type
 }

src/views/equipment/equipment_type.vue

@@ -7,7 +7,7 @@
           <i class="el-icon-delete"></i>
         </div>
         <el-input
-          placeholder="输入关键字进行过滤"
+          :placeholder="$t('equipment_type.EnterKeywordsForFiltering')"
           v-model="queryParams"
         ></el-input>
         <el-tree
@@ -42,7 +42,7 @@
             type="primary"
             @click="add"
             v-if="!show && (type == 0 || type == 1)"
-            >添加设备</el-button
+            >{{ $t("equipment_type.AddDevice") }}</el-button
           >
           <i
             class="el-icon-close closeBtn"
@@ -52,35 +52,74 @@
           <div v-if="show">
             <div class="right-title">{{ rightTitle }}</div>
 
-            <el-form :model="formData">
-              <el-form-item label="设备类型名称">
-                <el-input v-model="formData.name"></el-input>
+            <el-form :model="formData" :rules="rules" ref="ruleForm">
+              <el-form-item
+                :label="$t('equipment_type.EquipmentTypeName')"
+                prop="EquipmentTypeName"
+              >
+                <el-input
+                  v-model="formData.EquipmentTypeName"
+                  :placeholder="
+                    $t('share.PleaseEnter') +
+                    $t('equipment_type.EnterKeywordsForFiltering')
+                  "
+                ></el-input>
               </el-form-item>
-              <el-form-item label="设备类别编号">
-                <el-input v-model="formData.name"></el-input>
+              <el-form-item
+                :label="$t('equipment_type.EquipmentCategoryNumber')"
+                prop="EquipmentCategoryNumber"
+              >
+                <el-input
+                  v-model="formData.EquipmentCategoryNumber"
+                  :placeholder="
+                    $t('share.PleaseEnter') +
+                    $t('equipment_type.EquipmentCategoryNumber')
+                  "
+                ></el-input>
               </el-form-item>
-              <el-form-item label="所属专业">
-                <el-input v-model="formData.name"></el-input>
+              <el-form-item
+                :label="$t('equipment_type.ProfessionalAffiliation')"
+                prop="ProfessionalAffiliation"
+              >
+                <el-input
+                  v-model="formData.ProfessionalAffiliation"
+                  :placeholder="
+                    $t('share.PleaseEnter') +
+                    $t('equipment_type.ProfessionalAffiliation')
+                  "
+                ></el-input>
               </el-form-item>
 
-              <el-form-item label="相数" v-if="type !== 0&&type !== 1">
+              <el-form-item
+                :label="$t('equipment_type.NumberOfPhases')"
+                v-if="type !== 0 && type !== 1"
+              >
                 <el-radio-group v-model="formData.resource">
-                  <el-radio label="无相数"></el-radio>
-                  <el-radio label="单相"></el-radio>
-                  <el-radio label="三相"></el-radio>
+                  <el-radio
+                    :label="$t('equipment_type.NoPhaseNumber')"
+                  ></el-radio>
+                  <el-radio
+                    :label="$t('equipment_type.singlePhase')"
+                  ></el-radio>
+                  <el-radio :label="$t('equipment_type.threePhase')"></el-radio>
                 </el-radio-group>
               </el-form-item>
 
-              <el-form-item label="相别" v-if="type !== 0&&type !== 1">
+              <el-form-item
+                :label="$t('equipment_type.Farewell')"
+                v-if="type !== 0 && type !== 1"
+              >
                 <el-radio-group v-model="formData.resource">
-                  <el-radio label="无相数"></el-radio>
+                  <el-radio
+                    :label="$t('equipment_type.NoPhaseNumber')"
+                  ></el-radio>
                   <el-radio label="A"></el-radio>
                   <el-radio label="B"></el-radio>
                   <el-radio label="C"></el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item>
-                <el-button type="primary">保存</el-button>
+                <el-button type="primary" @click="subunit()">{{ $t("share.confirm") }}</el-button>
               </el-form-item>
             </el-form>
           </div>
@@ -91,6 +130,7 @@
 </template>
 
 <script>
+
 export default {
   name: "equipment_type",
   data() {
@@ -127,11 +167,39 @@ export default {
         children: "children",
         label: "label",
       },
-      rightTitle: "添加设备",
+      rightTitle: this.$t("equipment_type.AddDevice"),
       queryParams: "",
       formData: {},
       show: false,
       type: 0,
+      rules: {
+        EquipmentTypeName: [
+          {
+            required: true,
+            message:
+              this.$t("share.PleaseEnter") + this.$t("share.EquipmentTypeName"),
+            trigger: "blur",
+          },
+        ],
+        EquipmentCategoryNumber: [
+          {
+            required: true,
+            message:
+              this.$t("share.PleaseEnter") +
+              this.$t("share.EquipmentCategoryNumber"),
+            trigger: "blur",
+          },
+        ],
+        ProfessionalAffiliation: [
+          {
+            required: true,
+            message:
+              this.$t("share.PleaseEnter") +
+              this.$t("share.ProfessionalAffiliation"),
+            trigger: "blur",
+          },
+        ],
+      },
     };
   },
   methods: {
@@ -140,11 +208,11 @@ export default {
       this.type = data.type;
 
       if (data.type == 0) {
-        this.rightTitle = "添加设备";
+        this.rightTitle = this.$t("equipment_type.AddDevice");
         this.show = true;
       } else if (data.type !== 0 && data.type !== 1) {
         this.show = true;
-        this.rightTitle = "编辑设备";
+        this.rightTitle = this.$t("equipment_type.EditEquipment");
       } else if (data.type == 1) {
         this.show = false;
       }
@@ -152,11 +220,21 @@ export default {
     add() {
       this.show = true;
       this.type = 0;
-      this.rightTitle = "添加设备";
+      this.rightTitle = this.$t("equipment_type.AddDevice");
     },
     close() {
       this.show = false;
     },
+    subunit(){
+      this.$refs['ruleForm'].validate((valid) => {
+          if (valid) {
+            alert('submit!');
+          } else {
+            console.log('error submit!!');
+            return false;
+          }
+        });
+    }
   },
 };
 </script>