|
@@ -10,16 +10,128 @@
|
|
|
:class="activeStandaloneIndex === index ? 'active' : ''"
|
|
|
@click="changeActiveStandalone(item, index, $event)"
|
|
|
>
|
|
|
+<!-- <div class="standalone-sequence">-->
|
|
|
+<!-- <el-tooltip placement="top" v-if="item.code && item.code !== 0">-->
|
|
|
+<!-- <div slot="content">code:{{ item.code }} msg:{{ item.msg }}</div>-->
|
|
|
+<!-- <div class="warning-icon" />-->
|
|
|
+<!-- </el-tooltip>-->
|
|
|
+<!-- <div class="sequence">NO.{{ index + 1 }}</div>-->
|
|
|
+<!-- <div class="type" v-if="standaloneType === 'host'">{{ item.hpName }}</div>-->
|
|
|
+<!-- <div class="type" v-if="standaloneType === 'heatexchange'">{{ item.hexName }}</div>-->
|
|
|
+<!-- <div class="type" v-if="standaloneType === 'newtrend'">{{ item.dhName }}</div>-->
|
|
|
+<!-- <div class="type" v-if="standaloneType === 'end'">{{ item.cbName }}</div>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="standalone-sequence">
|
|
|
<el-tooltip placement="top" v-if="item.code && item.code !== 0">
|
|
|
<div slot="content">code:{{ item.code }} msg:{{ item.msg }}</div>
|
|
|
<div class="warning-icon" />
|
|
|
</el-tooltip>
|
|
|
<div class="sequence">NO.{{ index + 1 }}</div>
|
|
|
- <div class="type" v-if="standaloneType === 'host'">{{ item.hpName }}</div>
|
|
|
- <div class="type" v-if="standaloneType === 'heatexchange'">{{ item.hexName }}</div>
|
|
|
- <div class="type" v-if="standaloneType === 'newtrend'">{{ item.dhName }}</div>
|
|
|
- <div class="type" v-if="standaloneType === 'end'">{{ item.cbName }}</div>
|
|
|
+ <div class="type" v-if="standaloneType === 'host'" @mouseenter="checkHostAsActive(standaloneType, hostDebugParam[index].hpBrand, hostDebugParam[index].hpDeviceSeries)">
|
|
|
+ {{ item.hpName }}
|
|
|
+ <el-tooltip placement="top" destroy-on-close>
|
|
|
+ <div slot="content">
|
|
|
+ <template v-for="(items,k) in hostBrandOption">
|
|
|
+ <div v-if="hostDebugParam[index].hpBrand === items.apparatus_brand_auto_id" :key="k + 'hpBrand'">
|
|
|
+ 主机品牌:<span>{{items.apparatus_brand_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in hostSeriesOption">
|
|
|
+ <div v-if="hostDebugParam[index].hpDeviceSeries === items.id" :key="k + 'hpDeviceSeries'">
|
|
|
+ 设备系列:<span>{{items.name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in hostModelOption">
|
|
|
+ <div v-if="hostDebugParam[index].hpDeviceModel === items.apparatus_model_auto_id" :key="k + 'hpDeviceModel'">
|
|
|
+ 设备型号:<span>{{items.apparatus_model_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div v-if="!!hostDebugParam[index]">
|
|
|
+ 通信通道:{{hostDebugParam[index].hpMainComChan}}<br>
|
|
|
+ 通信地址:{{hostDebugParam[index].hpMainComAdd}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-question"/>
|
|
|
+ </el-tooltip></div>
|
|
|
+ <div class="type" v-if="standaloneType === 'heatexchange'" @mouseenter="checkHostAsActive(standaloneType, hexDebugParam[index].hexBrand, hexDebugParam[index].hexDeviceSeries)">
|
|
|
+ {{ item.hexName }}
|
|
|
+ <el-tooltip placement="top" destroy-on-close>
|
|
|
+ <div slot="content">
|
|
|
+ <template v-for="(items,k) in hexBrandOption">
|
|
|
+ <div v-if="hexDebugParam[index].hexBrand === items.apparatus_brand_auto_id" :key="k + 'hexBrand'">
|
|
|
+ 换热站品牌:<span>{{items.apparatus_brand_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in hexSeriesOption">
|
|
|
+ <div v-if="hexDebugParam[index].hexDeviceSeries === items.id" :key="k + 'hexDeviceSeries'">
|
|
|
+ 设备系列:<span>{{items.name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in hexModelOption">
|
|
|
+ <div v-if="hexDebugParam[index].hexDeviceModel === items.apparatus_model_auto_id" :key="k + 'hexDeviceModel'">
|
|
|
+ 设备型号:<span>{{items.apparatus_model_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div v-if="!!hexDebugParam[index]">
|
|
|
+ 通信通道:{{hexDebugParam[index].hexMainComChan}}<br>
|
|
|
+ 通信地址:{{hexDebugParam[index].hexMainComAdd}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-question"/>
|
|
|
+ </el-tooltip></div>
|
|
|
+ <div class="type" v-if="standaloneType === 'newtrend'" @mouseenter="checkHostAsActive(standaloneType, newtrendDebugParam[index].dhBrand, newtrendDebugParam[index].dhDeviceSeries)">
|
|
|
+ {{ item.dhName }}
|
|
|
+ <el-tooltip placement="top" destroy-on-close>
|
|
|
+ <div slot="content">
|
|
|
+ <template v-for="(items,k) in newtrendBrandOption">
|
|
|
+ <div v-if="newtrendDebugParam[index].dhBrand === items.apparatus_brand_auto_id" :key="k + 'dhBrand'">
|
|
|
+ 新风机品牌:<span>{{items.apparatus_brand_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in newtrendSeriesOption">
|
|
|
+ <div v-if="newtrendDebugParam[index].dhDeviceSeries === items.id" :key="k + 'dhDeviceSeries'">
|
|
|
+ 设备系列:<span>{{items.name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in newtrendModelOption">
|
|
|
+ <div v-if="newtrendDebugParam[index].dhDeviceModel === items.apparatus_model_auto_id" :key="k + 'dhDeviceModel'">
|
|
|
+ 设备型号:<span>{{items.apparatus_model_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div v-if="!!newtrendDebugParam[index]">
|
|
|
+ 通信通道:{{newtrendDebugParam[index].dhMainComChan}}<br>
|
|
|
+ 通信地址:{{newtrendDebugParam[index].dhMainComAdd}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-question"/>
|
|
|
+ </el-tooltip></div>
|
|
|
+ <div class="type" v-if="standaloneType === 'end'" @mouseenter="checkHostAsActive(standaloneType, endDebugParam[index].cbBrand, endDebugParam[index].cbDeviceSeries)">
|
|
|
+ {{ item.cbName }}({{item.area}})
|
|
|
+ <el-tooltip placement="top" destroy-on-close>
|
|
|
+ <div slot="content">
|
|
|
+ <template v-for="(items,k) in endBrandOption">
|
|
|
+ <div v-if="endDebugParam[index].cbBrand === items.apparatus_brand_auto_id" :key="k + 'cbBrand'">
|
|
|
+ 末端品牌:<span>{{items.apparatus_brand_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in endSeriesOption">
|
|
|
+ <div v-if="endDebugParam[index].cbDeviceSeries === items.id" :key="k + 'cbDeviceSeries'">
|
|
|
+ 设备系列:<span>{{items.name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-for="(items,k) in endModelOption">
|
|
|
+ <div v-if="endDebugParam[index].cbDeviceModel === items.apparatus_model_auto_id" :key="k + 'cbDeviceModel'">
|
|
|
+ 设备型号:<span>{{items.apparatus_model_name}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div v-if="!!endDebugParam[index]">
|
|
|
+ 通信通道:{{endDebugParam[index].cbMainComChan}}<br>
|
|
|
+ 通信地址:{{endDebugParam[index].cbMainComAdd}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-question"/>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="switch-and-base" :style="{'color': statusColor(item)}">{{ switchAndBase(item) }}</div>
|
|
|
<div class="standalone-name">
|
|
@@ -78,9 +190,79 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ hostBrandOption: [],
|
|
|
+ newtrendBrandOption: [],
|
|
|
+ hexBrandOption: [],
|
|
|
+ endBrandOption: [],
|
|
|
+ hostSeriesOption: [],
|
|
|
+ newtrendSeriesOption: [],
|
|
|
+ hexSeriesOption: [],
|
|
|
+ endSeriesOption: [],
|
|
|
+ hostModelOption: [],
|
|
|
+ newtrendModelOption: [],
|
|
|
+ hexModelOption: [],
|
|
|
+ endModelOption: [],
|
|
|
+ hostDebugParam: [
|
|
|
+ {
|
|
|
+ hpBrand: 0,
|
|
|
+ hpDeviceSeries: 0,
|
|
|
+ hpDeviceModel: 0,
|
|
|
+ hpMainComChan: 0,
|
|
|
+ hpMainComAdd: 0
|
|
|
+ }],
|
|
|
+ newtrendDebugParam: [
|
|
|
+ {
|
|
|
+ hpBrand: 0,
|
|
|
+ hpDeviceSeries: 0,
|
|
|
+ hpDeviceModel: 0,
|
|
|
+ hpMainComChan: 0,
|
|
|
+ hpMainComAdd: 0
|
|
|
+ }],
|
|
|
+ hexDebugParam: [
|
|
|
+ {
|
|
|
+ hexBrand: 0,
|
|
|
+ hexDeviceSeries: 0,
|
|
|
+ hexDeviceModel: 0,
|
|
|
+ hexMainComChan: 0,
|
|
|
+ hexMainComAdd: 0
|
|
|
+ }],
|
|
|
+ endDebugParam: [
|
|
|
+ {
|
|
|
+ cbBrand: 0,
|
|
|
+ cbDeviceSeries: 0,
|
|
|
+ cbDeviceModel: 0,
|
|
|
+ cbMainComChan: 0,
|
|
|
+ cbMainComAdd: 0
|
|
|
+ }],
|
|
|
+ //电表列表
|
|
|
+ airProductList: [],
|
|
|
+ };
|
|
|
},
|
|
|
methods: {
|
|
|
+ async checkHostAsActive(standaloneType, brandId, deviceId) {
|
|
|
+ if (this.standaloneList.length > 0) {
|
|
|
+ switch (standaloneType) {
|
|
|
+ case "host":
|
|
|
+ // 数据库中获取盒子的配置参数
|
|
|
+ this.debugAppratusParamsFunc('hostCtrl', brandId, deviceId);
|
|
|
+
|
|
|
+ break;
|
|
|
+ case "newtrend":
|
|
|
+ this.debugAppratusParamsFunc('newTrendCtrl', brandId, deviceId);
|
|
|
+
|
|
|
+ break;
|
|
|
+ case "heatexchange":
|
|
|
+ this.debugAppratusParamsFunc('heatExchangeCtrl', brandId, deviceId);
|
|
|
+
|
|
|
+ break;
|
|
|
+ case "end":
|
|
|
+ this.debugAppratusParamsFunc('endCtrl', brandId, deviceId);
|
|
|
+
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
switchAndBase(item) {
|
|
|
// console.log("standalone = " + JSON.stringify(item));
|
|
|
if (item && item.write_io && item.write_io.universal && item.write_io.universal.length > 0) {
|