电位列表

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

@@ -2,52 +2,52 @@
 <template>
   <el-dialog
       v-loading="loading"
-      :visible.sync="show"
-      title="点位列表"
       :close-on-click-modal="false"
-      show-close
+      :visible.sync="show"
+      append-to-body
+      class="ems-dialog"
       destroy-on-close
       lock-scroll
-      append-to-body
+      show-close
+      title="点位列表"
       width="800px"
-      class="ems-dialog"
   >
     <el-table
-        class="common-table"
         :data="tableData"
-        stripe
+        class="common-table"
         max-height="400px"
+        stripe
         style="width: 100%;">
       <el-table-column
-          prop="dataPoint"
-          label="数据点位">
+          label="数据点位"
+          prop="dataPoint">
       </el-table-column>
       <el-table-column
-          prop="dataPointName"
-          label="数据点位名称">
+          label="数据点位名称"
+          prop="dataPointName">
       </el-table-column>
       <el-table-column
-          prop="pointValue"
-          label="最新值">
+          label="最新值"
+          prop="pointValue">
       </el-table-column>
       <el-table-column
-          prop="updateTime"
-          label="更新时间">
+          label="更新时间"
+          prop="updateTime">
       </el-table-column>
     </el-table>
     <el-pagination
         v-show="tableData.length>0"
-        small
-        background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :pager-count="5"
         :current-page="pageNum"
         :page-size="pageSize"
         :page-sizes="[10, 20, 30, 40]"
-        layout="total, sizes, prev, pager, next, jumper"
+        :pager-count="5"
         :total="totalSize"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        small
         style="margin-top:15px;text-align: center"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
     >
     </el-pagination>
   </el-dialog>
@@ -82,16 +82,21 @@ export default {
     }
   },
   methods:{
-    showTable({deviceCategory,siteId}){
+    showTable({deviceCategory,siteId,deviceId}){
       this.deviceCategory =deviceCategory
       this.siteId=siteId
+      this.deviceId=deviceId
+      this.tableData=[]
+      this.pageSize=10//分页栏当前每个数据总数
+      this.pageNum=1//分页栏当前页数
+      this.totalSize=0//table表格数据总数
       this.show=true
       this.getData()
     },
     getData(){
       this.loading=true
-      const {siteId,deviceCategory,pageNum,pageSize} =this
-      getDevicePointList({siteId,deviceCategory,pageNum,pageSize}).then(response => {
+      const {siteId,deviceId,deviceCategory,pageNum,pageSize} =this
+      getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize}).then(response => {
         this.tableData=response?.rows || [];
         this.totalSize = response?.total || 0
       }).finally(() => {this.loading=false})
@@ -112,7 +117,7 @@ export default {
   }
 }
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 ::v-deep {
   .card-title .el-radio{
     line-height: 40px;