生产点位管理国际化

src/lang/en/index.js

@@ -3,6 +3,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';
+import site_management from './point/site_management.json';
 export default {
     routerIl8n: {
       homePage: 'homePage'
@@ -55,4 +56,5 @@ export default {
     entry:entry,
     equipment:equipment,
     equipment_type:equipment_type,
+    site_management:site_management,
   }

src/lang/en/point/site_management.json

@@ -0,0 +1,27 @@
+{
+    "PleaseEnterTheContent": "Please enter the content",
+    "prompt": "prompt",
+    "promptMsg": "A monitoring object (area, main device) supports binding up to 16 different cameras; One monitoring object (area, main device) can add up to 200 monitoring points; A monitoring point is bound to no more than 9 preset monitoring points (regardless of whether they are the same monitoring point or not)",
+    "RobotPointUpload": "Robot point upload",
+    "MonitoringPointLocation": "Monitoring point location",
+    "PointName": "Point name",
+    "MonitoringContent": "Monitoring content",
+    "purpose": "purpose",
+    "MonitoringNumber": "Monitoring Number",
+    "MonitoringPointNumber": "Monitoring point number",
+    "InspectionType": "Inspection type",
+    "ImportantLevel": "Important level",
+    "3DCoordinates": "3D coordinates",
+    "ReportIdentificationType": "Report identification type",
+    "IntelligentRecognitionType": "Intelligent recognition type",
+    "DiscriminantBenchmarkImage": "Discriminant benchmark image",
+    "ClickOnTheLeftSide": "Please select the left click to view the monitoring point or monitoring device",
+    "tabsOne": "Video equipment preset point",
+    "tabsTwo":"monitoring equipment",
+    "BindVisibleLightMonitoringPoints":"Bind visible light monitoring points",
+    "BindThermalImagingMonitoringPoints":"Bind thermal imaging monitoring points",
+    "BindMonitoringDevices":"Bind monitoring devices",
+    "EquipmentName":"Equipment name",
+    "EquipmentCode":"Equipment code",
+    "Unbind":"Unbind"
+}

src/lang/zh/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';
+import site_management from './point/site_management.json';
 export default {
   routerIl8n: {
     homePage: '首页'
@@ -53,5 +54,6 @@ export default {
   administration:administration,
   entry:entry,
   equipment:equipment,
-  equipment_type:equipment_type
+  equipment_type:equipment_type,
+  site_management:site_management,
 }

src/lang/zh/point/site_management.json

@@ -0,0 +1,27 @@
+{
+    "PleaseEnterTheContent":"请输入内容",
+    "prompt":"提示",
+    "promptMsg":"一个监控对象（区域、主设备），最多支持绑定16个不同摄像头；一个监控对象（区域、主设备），最多添加200个监控点位；一个监控点位绑定监控点不超过9个预置位（无论是否同一监控点）",
+    "RobotPointUpload":"机器人点位上传",
+    "MonitoringPointLocation":"监控点位",
+    "PointName":"点位名称",
+    "MonitoringContent":"监控内容",
+    "purpose":"用途",
+    "MonitoringNumber":"监控编号",
+    "MonitoringPointNumber":"监控点位编号",
+    "InspectionType":"巡检类型",
+    "ImportantLevel":"重要等级",
+    "3DCoordinates":"三维坐标",
+    "ReportIdentificationType":"上报识别类型",
+    "IntelligentRecognitionType":"智能识别类型",
+    "DiscriminantBenchmarkImage":"判别基准图片",
+    "ClickOnTheLeftSide":"请选中左点位查看监控点或监测设备",
+    "tabsOne":"视频设备预置点",
+    "tabsTwo":"监测设备",
+    "BindVisibleLightMonitoringPoints":"绑定可见光监测点",
+    "BindThermalImagingMonitoringPoints":"绑定热成像监控点",
+    "BindMonitoringDevices":"绑定监测设备",
+    "EquipmentName":"设备名称",
+    "EquipmentCode":"设备编码",
+    "Unbind":"解绑"
+}

src/views/point/site_management.vue

@@ -4,7 +4,10 @@
       <el-col :span="4">
         <div class="qurey">
           <el-input
-            placeholder="请输入内容"
+            :placeholder="
+              $t('share.PleaseEnter') +
+              $t('site_management.PleaseEnterTheContent')
+            "
             v-model="input3"
             class="input-with-select"
           >
@@ -23,21 +26,28 @@
       </el-col>
       <el-col :span="14">
         <el-alert
-          title="提示"
+          :title="$t('share.prompt')"
           type="info"
-          description="一个监控对象（区域、主设备），最多支持绑定16个不同摄像头；一个监控对象（区域、主设备），最多添加200个监控点位；一个监控点位绑定监控点不超过9个预置位（无论是否同一监控点）；"
+          :description="$t('site_management.promptMsg') + ';'"
           show-icon
         >
         </el-alert>
         <div class="tableOperate">
           <div class="btnBox">
-            <el-button type="primary" @click="add">添加</el-button>
-            <el-button type="danger">删除</el-button>
-            <el-button @click="upDataBtn">机器人点位上传</el-button>
+            <el-button type="primary" @click="add">{{
+              $t("share.addTo")
+            }}</el-button>
+            <el-button type="danger">{{ $t("share.delete") }}</el-button>
+            <el-button @click="upDataBtn">{{
+              $t("site_management.RobotPointUpload")
+            }}</el-button>
           </div>
           <div class="tableSearch">
             <el-input
-              placeholder="请输入内容"
+              :placeholder="
+                $t('share.PleaseEnter') +
+                $t('site_management.PleaseEnterTheContent')
+              "
               v-model="input3"
               class="input-with-select"
             >
@@ -57,54 +67,81 @@
           <el-table-column type="selection" width="55" fixed="left">
           </el-table-column>
           <el-table-column
-            label="监控点位"
+            :label="$t('site_management.MonitoringPointLocation')"
             width="200"
             fixed="left"
             align="center"
             :render-header="addRedStar"
           >
             <template slot-scope="scope">
-              <el-input placeholder="请输入点位名称"></el-input>
+              <el-input
+                :placeholder="
+                  $t('share.PleaseEnter') + $t('site_management.PointName')
+                "
+              ></el-input>
             </template>
           </el-table-column>
-          <el-table-column label="监控内容" width="150" align="center">
+          <el-table-column
+            :label="$t('site_management.MonitoringContent')"
+            width="150"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column :label="$t('site_management.purpose')">
           </el-table-column>
-          <el-table-column label="用途"> </el-table-column>
           <el-table-column
-            label="监控编号"
+            :label="$t('site_management.MonitoringNumber')"
             width="200"
             align="center"
             :render-header="addRedStar"
           >
             <template slot-scope="scope">
-              <el-input placeholder="请输入监控点位编号"></el-input>
+              <el-input
+                :placeholder="
+                  $t('share.PleaseEnter') +
+                  $t('site_management.MonitoringPointNumber')
+                "
+              ></el-input>
             </template>
           </el-table-column>
           <el-table-column
-            label="巡检类型"
+            :label="$t('site_management.InspectionType')"
             width="150"
             align="center"
             :render-header="addRedStar"
           >
             <template slot-scope="scope">
-              <el-select placeholder="前选择巡检类型">
-                <el-option label="区域一" value="shanghai"></el-option>
-                <el-option label="区域二" value="beijing"></el-option>
+              <el-select
+                :placeholder="
+                  $t('share.PleaseChoose') +
+                  $t('site_management.InspectionType')
+                "
+              >
+                <!-- <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option> -->
               </el-select>
             </template>
           </el-table-column>
           <el-table-column
-            label="重要等级"
+            :label="$t('site_management.ImportantLevel')"
             width="150"
             align="center"
             :render-header="addRedStar"
           >
-            <el-select placeholder="前选择重要等级">
-              <el-option label="区域一" value="shanghai"></el-option>
-              <el-option label="区域二" value="beijing"></el-option>
+            <el-select
+              :placeholder="
+                $t('share.PleaseChoose') + $t('site_management.ImportantLevel')
+              "
+            >
+              <!-- <el-option label="区域一" value="shanghai"></el-option>
+              <el-option label="区域二" value="beijing"></el-option> -->
             </el-select>
           </el-table-column>
-          <el-table-column label="三维坐标" width="270" align="center">
+          <el-table-column
+            :label="$t('site_management.3DCoordinates')"
+            width="270"
+            align="center"
+          >
             <template slot-scope="scope">
               <div class="tableXYZ">
                 <el-input placeholder="x(-20,20)"></el-input>
@@ -113,14 +150,26 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column label="上报识别类型" width="220" align="center">
+          <el-table-column
+            :label="$t('site_management.ReportIdentificationType')"
+            width="220"
+            align="center"
+          >
           </el-table-column>
-          <el-table-column label="智能识别类型" width="220" align="center">
+          <el-table-column
+            :label="$t('site_management.IntelligentRecognitionType')"
+            width="220"
+            align="center"
+          >
           </el-table-column>
-          <el-table-column label="判别基准图片" width="220" align="center">
+          <el-table-column
+            :label="$t('site_management.DiscriminantBenchmarkImage')"
+            width="220"
+            align="center"
+          >
           </el-table-column>
           <el-table-column
-            label="操作"
+            :label="$t('share.operate')"
             fixed="right"
             align="center"
             width="100"
@@ -130,13 +179,13 @@
                 size="mini"
                 type="text"
                 @click="monitorPointEdit(scope.row)"
-                >修改</el-button
+                >{{ $t("share.new") }}</el-button
               >
               <el-button
                 size="mini"
                 type="text"
                 @click="handleDelete(scope.row)"
-                >删除</el-button
+                >{{ $t("share.delete") }}</el-button
               >
             </template>
           </el-table-column>
@@ -145,29 +194,29 @@
       <el-col :span="6">
         <div class="cameraImgDiv">
           <img src="@/assets/images/camera.png" class="cameraImg" />
-          <div>请选中左点位查看监控点或监测设备</div>
+          <div>{{ $t("site_management.ClickOnTheLeftSide") }}</div>
         </div>
         <el-tabs v-model="activeName" @tab-click="tabsClick" stretch="true">
-          <el-tab-pane label="视频设备预置点" name="first">
-            <div class="tabsBtn">
-              <el-button @click="bindingMonitorBtn(0)"
-                >绑定可见光监测点</el-button
+          <el-tab-pane :label="$t('site_management.tabsOne')" name="first">
+            <div class="tabsBtn" >
+              <el-button @click="bindingMonitorBtn(0)" style="margin-top: 10px;"
+                >{{ $t('site_management.BindVisibleLightMonitoringPoints') }}</el-button
               >
-              <el-button @click="bindingMonitorBtn(1)"
-                >绑定热成像监控点</el-button
+              <el-button @click="bindingMonitorBtn(1)" style="margin-top: 10px;"
+                >{{ $t('site_management.BindThermalImagingMonitoringPoints') }}</el-button
               >
             </div>
           </el-tab-pane>
-          <el-tab-pane label="监测设备" name="second">
+          <el-tab-pane :label="$t('site_management.tabsTwo')" name="second">
             <div class="tabsBtn">
-              <el-button @click="InspectionBtn">绑定监测设备</el-button>
+              <el-button @click="InspectionBtn">{{  $t('site_management.BindMonitoringDevices') }}</el-button>
 
-              <el-table>
-                <el-table-column label="设备名称"> </el-table-column>
-                <el-table-column label="设备设备编码"> </el-table-column>
-                <el-table-column label="操作">
+              <el-table style="margin-top: 10px;" v-if="false">
+                <el-table-column :label="$t('site_management.EquipmentName')"> </el-table-column>
+                <el-table-column :label="$t('site_management.EquipmentCode')"> </el-table-column>
+                <el-table-column :label="$t('share.operate')">
                   <template slot-scope="scope">
-                    <el-button size="mini" type="text">移除</el-button>
+                    <el-button size="mini" type="text">{{ $t('site_management.Unbind') }}</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -500,7 +549,7 @@
       width="30%"
       :before-close="handleClose"
     >
-      <div style="width: 100%;text-align: center;">
+      <div style="width: 100%; text-align: center">
         <el-upload
           ref="uploadRef"
           :limit="1"
@@ -572,7 +621,7 @@ export default {
         children: "children",
         label: "label",
       },
-      tableData: [{}, {}],
+      tableData: [],
       activeName: "first",
       monitorPointDialogVisible: false,
       monitorPointForm: {},
@@ -780,6 +829,7 @@ export default {
 }
 .tableOperate {
   margin-top: 10px;
+  margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
   .tableSearch {