| | |
| | | .cell_indicator div.status_off, |
| | | .indicator_grp .wrap_indicator.status_off div, |
| | | .indicator.status_off { |
| | | background: #0194f4; |
| | | /*background: #0194f4;*/ |
| | | /*background: #ccc;*/ |
| | | background: #999; |
| | | } |
| | | |
| | | /*角框*/ |
| | |
| | | <div class="inner pos_bl flexC_center"> |
| | | <div class="item-row"> |
| | | <label>通讯:</label> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_error': !item.status}]"></span> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_off': !item.status}]"></span> |
| | | </div> |
| | | <div class="item-row"> |
| | | <label>运行:</label> |
| | | <span :class="['indicator', {'status_normal': item.run, 'status_error': !item.run}]"></span> |
| | | <span :class="['indicator', {'status_normal': item.run, 'status_off': !item.run}]"></span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="inner"> |
| | | <div class="item-row"> |
| | | <label>通讯:</label> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_error': !item.status}]"></span> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_off': !item.status}]"></span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="inner"> |
| | | <div class="item-row"> |
| | | <label>通讯:</label> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_error': !item.status}]"></span> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_off': !item.status}]"></span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="inner"> |
| | | <div class="item-row"> |
| | | <label>通讯:</label> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_error': !item.status}]"></span> |
| | | <span :class="['indicator', {'status_normal': item.status, 'status_off': !item.status}]"></span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="vertical_middle"> |
| | | <div class="indicator" v-if="idx <= item.FZ_button_num" :class="{'status_off': !item['FZ_fw' + idx], 'status_error': item['FZ_fw' + idx]}"></div> |
| | | <div class="indicator" v-if="idx <= item.FZ_button_num" :class="{'status_off': !item['FZ_fw' + idx], 'status_normal': item['FZ_fw' + idx]}"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | :title-left=true> |
| | | <div class="whyc-breadcrumb" slot="title"><span class="icon">»</span>当前位置:<span class="txt-bold">{{$store.getters.getCrumb}}</span></div> |
| | | <div class="banner_right" slot="titleBarRight"> |
| | | <div v-if="showStatus()" class="status flexR_center">通信状态: <div :class="['indicator', {'status_normal': item, 'status_error': !item}]" v-for="(item, index) in status" :key="index"></div></div> |
| | | <div v-if="showStatus()" class="status flexR_center">通信状态: <div :class="['indicator', {'status_normal': item, 'status_off': !item}]" v-for="(item, index) in status" :key="index"></div></div> |
| | | </div> |
| | | <router-view :key="$route.fullPath"></router-view> |
| | | </content-box> |