|
|
@@ -1,248 +1,265 @@
|
|
|
<template>
|
|
|
- <div class="draught-fan-list">
|
|
|
- <div class="btn-group-tabs">
|
|
|
- <BtnGroup2 :btnGroups="btnGroups" :rowIndex="0" :index="1" @select="select"></BtnGroup2>
|
|
|
- </div>
|
|
|
- <div class="df-table">
|
|
|
- <ComTable :data="data"></ComTable>
|
|
|
- </div>
|
|
|
+ <div class="draught-fan-list">
|
|
|
+ <div class="btn-group-tabs">
|
|
|
+ <!-- <BtnGroup2 :btnGroups="btnGroups" :rowIndex="0" :index="1" @select="select"></BtnGroup2> -->
|
|
|
</div>
|
|
|
+ <div class="df-table">
|
|
|
+ <ComTable :data="data"></ComTable>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import ComTable from '@com/coms/table/table.vue';
|
|
|
- import BtnGroup2 from '@com/coms/btn/btn-group-double.vue';
|
|
|
- export default {
|
|
|
- // 名称
|
|
|
- name: "DraughtFanList",
|
|
|
- // 使用组件
|
|
|
- components: {
|
|
|
- ComTable,
|
|
|
- BtnGroup2
|
|
|
- },
|
|
|
- // 数据
|
|
|
- data() {
|
|
|
- return {
|
|
|
- btnGroups: [{
|
|
|
- icon: "fa fa-fire",
|
|
|
- btns: [{
|
|
|
- text: "某某风场",
|
|
|
- code: "mmfdc1",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mhsfc",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mmfdc2",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mmfdc3",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mmfdc4",
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- icon: "fa fa-fire-extinguisher",
|
|
|
- btns: [{
|
|
|
- text: "某某风场",
|
|
|
- code: "mmgf1",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mmgf2",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mmgf3",
|
|
|
- }, {
|
|
|
- text: "某某风场",
|
|
|
- code: "mmgf4",
|
|
|
- }]
|
|
|
- }
|
|
|
- ],
|
|
|
- data: {
|
|
|
- column: [{
|
|
|
- name: "风机名称",
|
|
|
- field: "name",
|
|
|
- is_num: false,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "冷却风温度",
|
|
|
- field: "lqf",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "有功功率",
|
|
|
- field: "yggl",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "液压油温度",
|
|
|
- field: "yyy",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "Pcspp温度",
|
|
|
- field: "pcspp",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "U1绕组温度",
|
|
|
- field: "u1",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "U2绕组温度",
|
|
|
- field: "u2",
|
|
|
- is_num: true,
|
|
|
- is_light: true
|
|
|
- },{
|
|
|
- name: "V1绕组温度",
|
|
|
- field: "v1",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "V2绕组温度",
|
|
|
- field: "v2",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "W1绕组温度",
|
|
|
- field: "w1",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "W2绕组温度",
|
|
|
- field: "w2",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "轴承A温度",
|
|
|
- field: "zca",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "轴承B温度",
|
|
|
- field: "zcb",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "齿轮箱温度",
|
|
|
- field: "clx",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "齿轮箱轴1温度",
|
|
|
- field: "clx1",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "齿轮箱轴2温度",
|
|
|
- field: "clx2",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "机舱温度",
|
|
|
- field: "jc",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "滑环温度",
|
|
|
- field: "hh",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- },{
|
|
|
- name: "环境温度",
|
|
|
- field: "hj",
|
|
|
- is_num: true,
|
|
|
- is_light: false
|
|
|
- }],
|
|
|
- data: [{
|
|
|
- name: "1E01",
|
|
|
- lqf: 15.78,
|
|
|
- yggl: 15.79,
|
|
|
- yyy: 15.79,
|
|
|
- pcspp: 15.79,
|
|
|
- u1: 15.79,
|
|
|
- u2: 15.79,
|
|
|
- v1: 15.79,
|
|
|
- v2: 15.79,
|
|
|
- w1: 15.79,
|
|
|
- w2: 15.79,
|
|
|
- zca: 15.79,
|
|
|
- zcb: 15.79,
|
|
|
- clx: 15.79,
|
|
|
- clx1: 15.79,
|
|
|
- clx2: 15.79,
|
|
|
- jc: 15.79,
|
|
|
- hh: 15.79,
|
|
|
- hj: 15.79,
|
|
|
- is_light: false
|
|
|
- }]
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 函数
|
|
|
- methods: {},
|
|
|
- // 生命周期钩子
|
|
|
- beforeCreate() {
|
|
|
- // 创建前
|
|
|
- },
|
|
|
- created() {
|
|
|
- // 创建后
|
|
|
- for (let i = 1; i < 50; i++) {
|
|
|
- this.data.data.push(JSON.parse(JSON.stringify(this.data.data[0])));
|
|
|
- if (i == 16) {
|
|
|
- this.data.data[i].is_light = true;
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- beforeMount() {
|
|
|
- // 渲染前
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- // 渲染后
|
|
|
- },
|
|
|
- beforeUpdate() {
|
|
|
- // 数据更新前
|
|
|
+import ComTable from '@com/coms/table/table.vue';
|
|
|
+import BtnGroup2 from '@com/coms/btn/btn-group-double.vue';
|
|
|
+export default {
|
|
|
+ // 名称
|
|
|
+ name: "DraughtFanList",
|
|
|
+ // 使用组件
|
|
|
+ components: {
|
|
|
+ ComTable,
|
|
|
+ BtnGroup2
|
|
|
+ },
|
|
|
+ // 数据
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ timmer: null, // 计时器
|
|
|
+ btnGroups: [{
|
|
|
+ icon: "fa fa-fire",
|
|
|
+ btns: [{
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmfdc1",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mhsfc",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmfdc2",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmfdc3",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmfdc4",
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: "fa fa-fire-extinguisher",
|
|
|
+ btns: [{
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmgf1",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmgf2",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmgf3",
|
|
|
+ }, {
|
|
|
+ text: "某某风场",
|
|
|
+ code: "mmgf4",
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ data: {
|
|
|
+ column: [{
|
|
|
+ name: "风机名称",
|
|
|
+ field: "name",
|
|
|
+ is_num: false,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "冷却风温度",
|
|
|
+ field: "lqf",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "有功功率",
|
|
|
+ field: "yggl",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "液压油温度",
|
|
|
+ field: "yyy",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "Pcspp温度",
|
|
|
+ field: "pcspp",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "U1绕组温度",
|
|
|
+ field: "u1",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "U2绕组温度",
|
|
|
+ field: "u2",
|
|
|
+ is_num: true,
|
|
|
+ is_light: true
|
|
|
+ }, {
|
|
|
+ name: "V1绕组温度",
|
|
|
+ field: "v1",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "V2绕组温度",
|
|
|
+ field: "v2",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "W1绕组温度",
|
|
|
+ field: "w1",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "W2绕组温度",
|
|
|
+ field: "w2",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "轴承A温度",
|
|
|
+ field: "zca",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "轴承B温度",
|
|
|
+ field: "zcb",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "齿轮箱温度",
|
|
|
+ field: "clx",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "齿轮箱轴1温度",
|
|
|
+ field: "clx1",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "齿轮箱轴2温度",
|
|
|
+ field: "clx2",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "机舱温度",
|
|
|
+ field: "jc",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "滑环温度",
|
|
|
+ field: "hh",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }, {
|
|
|
+ name: "环境温度",
|
|
|
+ field: "hj",
|
|
|
+ is_num: true,
|
|
|
+ is_light: false
|
|
|
+ }],
|
|
|
+ data: [{
|
|
|
+ name: "1E01",
|
|
|
+ lqf: 15.78,
|
|
|
+ yggl: 15.79,
|
|
|
+ yyy: 15.79,
|
|
|
+ pcspp: 15.79,
|
|
|
+ u1: 15.79,
|
|
|
+ u2: 15.79,
|
|
|
+ v1: 15.79,
|
|
|
+ v2: 15.79,
|
|
|
+ w1: 15.79,
|
|
|
+ w2: 15.79,
|
|
|
+ zca: 15.79,
|
|
|
+ zcb: 15.79,
|
|
|
+ clx: 15.79,
|
|
|
+ clx1: 15.79,
|
|
|
+ clx2: 15.79,
|
|
|
+ jc: 15.79,
|
|
|
+ hh: 15.79,
|
|
|
+ hj: 15.79,
|
|
|
+ is_light: false
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 函数
|
|
|
+ methods: {
|
|
|
+ // 请求服务
|
|
|
+ requestData (showLoading) {
|
|
|
+ let that = this;
|
|
|
+ that.API.requestData({
|
|
|
+ showLoading,
|
|
|
+ method: "POST",
|
|
|
+ subUrl: "monitorwt/findWtInfoList",
|
|
|
+ data: {
|
|
|
+ wpId: "MHS_FDC"
|
|
|
},
|
|
|
- updated() {
|
|
|
- // 数据更新后
|
|
|
+ success (res) {
|
|
|
+ console.log(123123, res);
|
|
|
},
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ created () {
|
|
|
+ // 创建后
|
|
|
+ for (let i = 1; i < 50; i++) {
|
|
|
+ this.data.data.push(JSON.parse(JSON.stringify(this.data.data[0])));
|
|
|
+ if (i == 16) {
|
|
|
+ this.data.data[i].is_light = true;
|
|
|
+ }
|
|
|
}
|
|
|
+ },
|
|
|
+
|
|
|
+ mounted () {
|
|
|
+ let that = this;
|
|
|
+ that.$nextTick(() => {
|
|
|
+ that.requestData(false);
|
|
|
+ that.timmer = setInterval(() => {
|
|
|
+ that.requestData(false);
|
|
|
+ }, that.$store.state.websocketTimeSec);
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ unmounted () {
|
|
|
+ clearInterval(this.timmer);
|
|
|
+ this.timmer = null;
|
|
|
+ },
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
- .draught-fan-list {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
-
|
|
|
- .btn-group-tabs {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
-
|
|
|
- .photovoltaic {
|
|
|
- margin-left: 1.481vh;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .df-table {
|
|
|
- border: 0.093vh solid fade(@darkgray, 50%);
|
|
|
- position: relative;
|
|
|
- overflow: auto;
|
|
|
- flex-grow: 1;
|
|
|
- margin-top: 1.481vh;
|
|
|
-
|
|
|
- &:before {
|
|
|
- content: "";
|
|
|
- width: 0.37vh;
|
|
|
- height: 0.37vh;
|
|
|
- background: @write;
|
|
|
- position: absolute;
|
|
|
- left: 0.278vh;
|
|
|
- top: 0.278vh;
|
|
|
- }
|
|
|
- }
|
|
|
+.draught-fan-list {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ .btn-group-tabs {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ .photovoltaic {
|
|
|
+ margin-left: 1.481vh;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .df-table {
|
|
|
+ border: 0.093vh solid fade(@darkgray, 50%);
|
|
|
+ position: relative;
|
|
|
+ overflow: auto;
|
|
|
+ flex-grow: 1;
|
|
|
+ margin-top: 1.481vh;
|
|
|
+
|
|
|
+ &:before {
|
|
|
+ content: '';
|
|
|
+ width: 0.37vh;
|
|
|
+ height: 0.37vh;
|
|
|
+ background: @write;
|
|
|
+ position: absolute;
|
|
|
+ left: 0.278vh;
|
|
|
+ top: 0.278vh;
|
|
|
}
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
yangxiao