|
@@ -256,7 +256,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-container" v-else-if="TabCur == 'fanmain'">
|
|
<div class="flex-container" v-else-if="TabCur == 'fanmain'">
|
|
- <!-- <div>主机</div> -->
|
|
|
|
|
|
+ <div>主机</div>
|
|
<div
|
|
<div
|
|
class="itemback"
|
|
class="itemback"
|
|
v-for="(item, index) in showColum[TabCur + '_monitor_left']"
|
|
v-for="(item, index) in showColum[TabCur + '_monitor_left']"
|
|
@@ -289,9 +289,21 @@
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
>
|
|
>
|
|
{{
|
|
{{
|
|
- tableData[item.monitorcode] !== undefined &&
|
|
|
|
- tableData[item.monitorcode] !== null
|
|
|
|
- ? tableData[item.monitorcode]
|
|
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
: "-"
|
|
: "-"
|
|
}}
|
|
}}
|
|
</view>
|
|
</view>
|
|
@@ -301,9 +313,107 @@
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
>
|
|
>
|
|
{{
|
|
{{
|
|
- tableData.readData[item.monitorcode] !== undefined &&
|
|
|
|
- tableData.readData[item.monitorcode] !== null
|
|
|
|
- ? tableData.readData[item.monitorcode]
|
|
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
|
|
+ : "-"
|
|
|
|
+ }}
|
|
|
|
+ </view>
|
|
|
|
+ <div class="spacer"></div>
|
|
|
|
+ <!-- 间距 -->
|
|
|
|
+ <view
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="color: #677799"
|
|
|
|
+ >
|
|
|
|
+ {{ item.des }}
|
|
|
|
+ </view>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div>备机</div>
|
|
|
|
+ <div
|
|
|
|
+ class="itemback"
|
|
|
|
+ v-for="(item, index) in showColum[TabCur + '_monitor_left']"
|
|
|
|
+ :key="index"
|
|
|
|
+ v-show="item.appShow == 1"
|
|
|
|
+ >
|
|
|
|
+ <div
|
|
|
|
+ class="datacardtime"
|
|
|
|
+ v-if="item.monitorcode == 'readTime' && item.datatype == 1"
|
|
|
|
+ >
|
|
|
|
+ <view
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="padding: 20rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{ readTime }}
|
|
|
|
+ </view>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="datacard" v-if="item.monitorcode !== 'readTime'">
|
|
|
|
+ <div class="left-content">
|
|
|
|
+ <view
|
|
|
|
+ v-if="item.monitorcode == 'netStatus' && item.datatype == 1"
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="margin-top: 60rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{ doorNetStatus == "1" ? "正常" : "异常" }}
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ v-else-if="item.datatype == 1"
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="margin-top: 60rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
|
|
+ : "-"
|
|
|
|
+ }}
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ v-else-if="item.datatype == 2"
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="margin-top: 60rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
: "-"
|
|
: "-"
|
|
}}
|
|
}}
|
|
</view>
|
|
</view>
|
|
@@ -320,10 +430,96 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-container" v-else-if="TabCur == 'fanlocal'">
|
|
<div class="flex-container" v-else-if="TabCur == 'fanlocal'">
|
|
- <!-- <div>主机</div> -->
|
|
|
|
|
|
+ <div>主机</div>
|
|
<div
|
|
<div
|
|
class="itemback"
|
|
class="itemback"
|
|
- v-for="(item, index) in showColum[TabCur + '_monitor_right']"
|
|
|
|
|
|
+ v-for="(item, index) in showColum[TabCur + '_monitor_left']"
|
|
|
|
+ :key="index"
|
|
|
|
+ v-show="item.appShow == 1"
|
|
|
|
+ >
|
|
|
|
+ <div
|
|
|
|
+ class="datacardtime"
|
|
|
|
+ v-if="item.monitorcode == 'readTime' && item.datatype == 1"
|
|
|
|
+ >
|
|
|
|
+ <view
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="padding: 20rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{ readTime }}
|
|
|
|
+ </view>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="datacard" v-if="item.monitorcode !== 'readTime'">
|
|
|
|
+ <div class="left-content">
|
|
|
|
+ <view
|
|
|
|
+ v-if="item.monitorcode == 'netStatus' && item.datatype == 1"
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="margin-top: 60rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{ doorNetStatus == "1" ? "正常" : "异常" }}
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ v-else-if="item.datatype == 1"
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="margin-top: 60rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
|
|
+ : "-"
|
|
|
|
+ }}
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ v-else-if="item.datatype == 2"
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="margin-top: 60rpx; color: #3787fe"
|
|
|
|
+ >
|
|
|
|
+ {{
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan1")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
|
|
+ : "-"
|
|
|
|
+ }}
|
|
|
|
+ </view>
|
|
|
|
+ <div class="spacer"></div>
|
|
|
|
+ <!-- 间距 -->
|
|
|
|
+ <view
|
|
|
|
+ class="demo-layout bg-purple-light"
|
|
|
|
+ style="color: #677799"
|
|
|
|
+ >
|
|
|
|
+ {{ item.des }}
|
|
|
|
+ </view>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div>备机</div>
|
|
|
|
+ <div
|
|
|
|
+ class="itemback"
|
|
|
|
+ v-for="(item, index) in showColum[TabCur + '_monitor_left']"
|
|
:key="index"
|
|
:key="index"
|
|
v-show="item.appShow == 1"
|
|
v-show="item.appShow == 1"
|
|
>
|
|
>
|
|
@@ -353,9 +549,21 @@
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
>
|
|
>
|
|
{{
|
|
{{
|
|
- tableData[item.monitorcode] !== undefined &&
|
|
|
|
- tableData[item.monitorcode] !== null
|
|
|
|
- ? tableData[item.monitorcode]
|
|
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
: "-"
|
|
: "-"
|
|
}}
|
|
}}
|
|
</view>
|
|
</view>
|
|
@@ -365,9 +573,21 @@
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
style="margin-top: 60rpx; color: #3787fe"
|
|
>
|
|
>
|
|
{{
|
|
{{
|
|
- tableData.readData[item.monitorcode] !== undefined &&
|
|
|
|
- tableData.readData[item.monitorcode] !== null
|
|
|
|
- ? tableData.readData[item.monitorcode]
|
|
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== undefined &&
|
|
|
|
+ tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ] !== null
|
|
|
|
+ ? tableData.readData[
|
|
|
|
+ item.monitorcode.startsWith("Fan")
|
|
|
|
+ ? item.monitorcode.replace(/^Fan/, "Fan2")
|
|
|
|
+ : item.monitorcode
|
|
|
|
+ ]
|
|
: "-"
|
|
: "-"
|
|
}}
|
|
}}
|
|
</view>
|
|
</view>
|