点位列表

src/views/ems/site/sblb/PointTable.vue

@@ -11,9 +11,9 @@
       lock-scroll
       show-close
       title="点位清单"
-      width="800px"
+      width="950px"
     >
-      <el-form :inline="true" label-width="85px">
+      <el-form :inline="true" label-width="100px">
         <el-form-item label="点位名称">
           <el-input
             v-model="form.dataPointName"
@@ -30,7 +30,14 @@
             style="width: 150px"
           ></el-input>
         </el-form-item>
-        <br />
+        <el-form-item label="modbus ip">
+          <el-input
+              v-model="form.ipAddress"
+              clearable
+              placeholder="请输入ip"
+              style="width: 150px"
+          ></el-input>
+        </el-form-item>
         <el-form-item label="最小值">
           <el-input
             v-model="form.lower"
@@ -47,6 +54,14 @@
             style="width: 150px"
           ></el-input>
         </el-form-item>
+        <el-form-item label="modbus 端口">
+          <el-input
+              v-model="form.ipPort"
+              clearable
+              placeholder="请输入端口"
+              style="width: 150px"
+          ></el-input>
+        </el-form-item>
         <el-form-item style="margin-left: 20px">
           <el-button type="primary" @click="search">搜索</el-button>
         </el-form-item>
@@ -62,7 +77,13 @@
         @sort-change="handleSortChange"
       >
         <el-table-column label="数据点位" prop="dataPoint"> </el-table-column>
-        <el-table-column label="数据点位名称" prop="pointName">
+        <el-table-column label="数据点位名称" prop="pointName"></el-table-column>
+        <el-table-column
+            label="modbus地址"
+        >
+          <template slot-scope="scope">
+            <span>{{`${scope.row.ipAddress || ''} ${scope.row.ipPort || ''}`}}</span>
+          </template>
         </el-table-column>
         <el-table-column
           label="最新值"
@@ -83,7 +104,7 @@
           </template>
         </el-table-column>
         <el-table-column label="单位" prop="dataUnit"></el-table-column>
-        <el-table-column label="更新时间" prop="updateTime" sortable="custom">
+        <el-table-column label="更新时间" min-width="160px" prop="updateTime" sortable="custom">
         </el-table-column>
       </el-table>
       <el-pagination
@@ -128,6 +149,8 @@ export default {
           dataPoint: "", //点位名称
           lower: "", //
           upper: "", //
+          ipAddress:'',
+          ipPort:''
         };
         this.loading = false;
       }
@@ -151,6 +174,8 @@ export default {
         dataPoint: "", //点位名称
         lower: "", //
         upper: "", //
+        ipAddress:'',
+        ipPort:''
       },
       deviceCategory: "",
       deviceId: "",
@@ -204,6 +229,8 @@ export default {
           dataPoint,
           lower,
           upper,
+          ipAddress,
+          ipPort
         },
       } = this;
       getDevicePointList({
@@ -219,6 +246,8 @@ export default {
         dataPoint,
         lower,
         upper,
+        ipAddress,
+        ipPort
       })
         .then((response) => {
           this.tableData = response?.rows || [];