|
@@ -102,7 +102,7 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
<!-- 主机列 Begin -->
|
|
<!-- 主机列 Begin -->
|
|
- <el-table-column label="主机控制器" align="center" width="60">
|
|
|
|
|
|
+ <el-table-column label="" align="center" width="60" :render-header="(h, obj) => renderHeader(h, obj, '主机控制器')">
|
|
<el-table-column prop="host_order" label="编号" align="center" width="60">
|
|
<el-table-column prop="host_order" label="编号" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.host_order || '/' }}</span>
|
|
<span>{{ scope.row.host_order || '/' }}</span>
|
|
@@ -166,7 +166,7 @@
|
|
<!-- 主机列 End -->
|
|
<!-- 主机列 End -->
|
|
|
|
|
|
<!-- 新风机列 Begin -->
|
|
<!-- 新风机列 Begin -->
|
|
- <el-table-column label="新风机控制器" align="center" width="60">
|
|
|
|
|
|
+ <el-table-column label="" align="center" width="60" :render-header="(h, obj) => renderHeader(h, obj, '新风机控制器')">
|
|
<el-table-column prop="nt_order" label="编号" align="center" width="60">
|
|
<el-table-column prop="nt_order" label="编号" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.nt_order || '/' }}</span>
|
|
<span>{{ scope.row.nt_order || '/' }}</span>
|
|
@@ -231,7 +231,7 @@
|
|
<!-- 新风机列 End -->
|
|
<!-- 新风机列 End -->
|
|
|
|
|
|
<!-- 换热站列 Begin -->
|
|
<!-- 换热站列 Begin -->
|
|
- <el-table-column label="换热站控制器" align="center" width="60">
|
|
|
|
|
|
+ <el-table-column label="" align="center" width="60" :render-header="(h, obj) => renderHeader(h, obj, '换热站控制器')">
|
|
<el-table-column prop="hex_order" label="编号" align="center" width="60">
|
|
<el-table-column prop="hex_order" label="编号" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.hex_order || '/' }}</span>
|
|
<span>{{ scope.row.hex_order || '/' }}</span>
|
|
@@ -308,7 +308,7 @@
|
|
<!-- 换热站列 End -->
|
|
<!-- 换热站列 End -->
|
|
|
|
|
|
<!-- 末端列 Begin -->
|
|
<!-- 末端列 Begin -->
|
|
- <el-table-column label="末端控制器" align="center" width="60">
|
|
|
|
|
|
+ <el-table-column label="" align="center" width="60" :render-header="(h, obj) => renderHeader(h, obj, '末端控制器')">
|
|
<!-- <el-table-column prop="end_order" label="编号" align="center" width="60" /> -->
|
|
<!-- <el-table-column prop="end_order" label="编号" align="center" width="60" /> -->
|
|
<el-table-column prop="end_exception_num" label="通讯异常数量" align="center" width="120">
|
|
<el-table-column prop="end_exception_num" label="通讯异常数量" align="center" width="120">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -389,6 +389,10 @@
|
|
<el-dialog :title="dialog.title" :visible.sync="dialog.show" width="60%">
|
|
<el-dialog :title="dialog.title" :visible.sync="dialog.show" width="60%">
|
|
<pop-more-table :visible="dialog.show" :tableData="dialog.tableData" :columns="dialog.tableColumns"></pop-more-table>
|
|
<pop-more-table :visible="dialog.show" :tableData="dialog.tableData" :columns="dialog.tableColumns"></pop-more-table>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
+
|
|
|
|
+ <el-dialog :title="titleTxt" :visible.sync="showTitle" width="60%">
|
|
|
|
+<div style="margin: 20px">{{this.Title}}</div>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -408,6 +412,7 @@ import Vue from 'vue';
|
|
import ScrollBar from '../../../js/scrollbar.js';
|
|
import ScrollBar from '../../../js/scrollbar.js';
|
|
import "perfect-scrollbar/css/perfect-scrollbar.css";
|
|
import "perfect-scrollbar/css/perfect-scrollbar.css";
|
|
import {getAreaList, getCityList, getProvinceList} from "../../../js/api";
|
|
import {getAreaList, getCityList, getProvinceList} from "../../../js/api";
|
|
|
|
+import {getReportTitle} from "@/js/api";
|
|
Vue.directive('fixed-scroll', ScrollBar);
|
|
Vue.directive('fixed-scroll', ScrollBar);
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -578,6 +583,9 @@ export default {
|
|
faultMap: define.faultDict,
|
|
faultMap: define.faultDict,
|
|
runStatOptions: define.runStatOpts,
|
|
runStatOptions: define.runStatOpts,
|
|
runModeOptions: define.runModeOpts,
|
|
runModeOptions: define.runModeOpts,
|
|
|
|
+ showTitle:false,
|
|
|
|
+ Title:'',
|
|
|
|
+ titleTxt:'',
|
|
dialog: {
|
|
dialog: {
|
|
show: false,
|
|
show: false,
|
|
title: '',
|
|
title: '',
|
|
@@ -600,6 +608,38 @@ export default {
|
|
// }
|
|
// }
|
|
// },
|
|
// },
|
|
methods: {
|
|
methods: {
|
|
|
|
+ renderHeader(h, { column, $index }, type){
|
|
|
|
+ let that = this;
|
|
|
|
+ return h(
|
|
|
|
+ 'div',[
|
|
|
|
+ // 列名称
|
|
|
|
+ h('span', column.label),
|
|
|
|
+ // 按钮
|
|
|
|
+ h('el-button', {
|
|
|
|
+ props: {
|
|
|
|
+ type: 'text',
|
|
|
|
+ size: 'medium',
|
|
|
|
+ },
|
|
|
|
+ style: 'margin-left: 5px;',
|
|
|
|
+ on: {
|
|
|
|
+ click: async function () {
|
|
|
|
+ // that.clickButton(type);
|
|
|
|
+ const res = await getReportTitle({title:type});
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
+ //this.provinceOption = res.result;
|
|
|
|
+ // alert(res.result.Content);
|
|
|
|
+ console.log(res.result.Content);
|
|
|
|
+ that.showTitle = true;
|
|
|
|
+ that.Title = res.result.Content;
|
|
|
|
+ that.titleTxt = type;
|
|
|
|
+ }
|
|
|
|
+ //alert(type);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }, type)
|
|
|
|
+ ],
|
|
|
|
+ )
|
|
|
|
+ },
|
|
changeSort(val){
|
|
changeSort(val){
|
|
console.log('changeSort.val is:', val,val.prop,val.order)
|
|
console.log('changeSort.val is:', val,val.prop,val.order)
|
|
|
|
|