xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

单站监控-设备监控-动态三级菜单,点位清单排序

Browse Source
This commit is contained in:
白菜
2025-10-15 14:26:06 +08:00
parent fef1704cbd
commit fb0eda4565
6 changed files with 91 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/ems/site/sblb/PointTable.vue
View File

@ -58,8 +58,8 @@
max-height="400px"
stripe
style="width: 100%"
:default-sort="{ order: 'descending' }"
@sort-change="changeSort"
:default-sort="defaultSort"
@sort-change="handleSortChange"
>
<el-table-column label="数据点位" prop="dataPoint"> </el-table-column>
<el-table-column label="数据点位名称" prop="pointName">
@ -84,7 +84,7 @@
>
</template>
</el-table-column>
<el-table-column label="单位" prop="unit"></el-table-column>
<el-table-column label="单位" prop="dataUnit"></el-table-column>
<el-table-column label="更新时间" prop="updateTime" sortable="custom">
</el-table-column>
</el-table>
@ -124,8 +124,8 @@ export default {
this.pageNum = 1;
this.totalSize = 0;
this.form = {
valueSortMethod: "desc", //升序不传或者asc、降序desc）
sortMethod: "desc", //升序不传或者asc、降序desc）
sortData:this.defaultSort.prop,
dataPointName: "", //点位名称
dataPoint: "", //点位名称
lower: "", //
@ -137,10 +137,12 @@ export default {
},
data() {
return {
// 默认排序
defaultSort: { prop: "updateTime", order: "descending" },
show: false,
loading: false,
form: {
valueSortMethod: "desc", //最新值升序不传或者asc、降序desc）
sortData: "updateTime", //最新值升序不传或者asc、降序desc）
sortMethod: "desc", //升序不传或者asc、降序desc）
dataPointName: "", //点位名称
dataPoint: "", //点位名称
@ -163,15 +165,11 @@ export default {
pointName &&
this.$refs.pointChart.showChart({ pointName, deviceName, deviceId });
},
changeSort(c) {
console.log("切换排序方式", c);
if (c.prop === "updateTime" && c.order) {
this.form.sortMethod = c.order === "descending" ? "desc" : "asc";
this.getData();
} else if (c.prop === "pointValue" && c.order) {
this.form.valueSortMethod = c.order === "descending" ? "desc" : "asc";
this.getData();
}
handleSortChange(column) {
this.form.sortData = column.prop
this.form.sortMethod = column.order === "descending" ? "desc" : "asc";
console.log("切换排序方式", column, this.form);
this.getData();
},
search() {
this.pageNum = 1;
@ -194,7 +192,7 @@ export default {
pageNum,
pageSize,
form: {
valueSortMethod,
sortData,
sortMethod,
dataPointName,
dataPoint,
@ -208,7 +206,7 @@ export default {
deviceCategory,
pageNum,
pageSize,
valueSortMethod,
sortData,
sortMethod,
dataPointName,
dataPoint,