| | |
| | | <div class="back-nav" @click="$emit('backToLastSignage','Index')" v-if="userType===4"> |
| | | <dv-decoration-7>上一级</dv-decoration-7> |
| | | </div> |
| | | <dv-border-box-9 style="padding: 30px 20px 0"> |
| | | <div id="running_state_chart" style="width:100%;height: 400px;"></div> |
| | | <div id="efficiency_chart" style="width: 100%;height: 350px"></div> |
| | | </dv-border-box-9> |
| | | <!--<dv-border-box-9 style="padding: 30px 20px 0">--> |
| | | <!--<div id="running_state_chart" style="width:100%;height: 400px;"></div>--> |
| | | <!--<div id="efficiency_chart" style="width: 100%;height: 350px"></div>--> |
| | | <!--</dv-border-box-9>--> |
| | | </div> |
| | | |
| | | <div style="width: 42%" class="middle-col"> |
| | | <dv-border-box-9 style="padding: 30px 20px 0"> |
| | | <div style="display: flex"> |
| | | <div id="tech_condition_chart" style="width:50%;height: 420px;"></div> |
| | | <div id="warranty_malfunction_chart" style="width:50%;height: 420px;"></div> |
| | | </div> |
| | | <div class="support-plan-container"> |
| | | <div v-for="(item,index) in supportPlanList" :key="index" class="support-plan-item" |
| | | :style="{background:item.backgroundColor}" @click="openMaintenanceModal(item)"> |
| | | <div>{{item.planTime}}</div> |
| | | <div class="plan-value-container"> |
| | | <div class="plan-value">{{$data[item.planValueLabel]}}</div> |
| | | <div>台</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="padding: 0 55px;margin-top: 50px"> |
| | | <dv-scroll-board :config="maintenanceConfig" style="width:100%;height:80px"/> |
| | | </div> |
| | | </dv-border-box-9> |
| | | </div> |
| | | <!--<div style="width: 42%" class="middle-col">--> |
| | | <!--<dv-border-box-9 style="padding: 30px 20px 0">--> |
| | | <!--<div style="display: flex">--> |
| | | <!--<div id="tech_condition_chart" style="width:50%;height: 420px;"></div>--> |
| | | <!--<div id="warranty_malfunction_chart" style="width:50%;height: 420px;"></div>--> |
| | | <!--</div>--> |
| | | <!--<div class="support-plan-container">--> |
| | | <!--<div v-for="(item,index) in supportPlanList" :key="index" class="support-plan-item"--> |
| | | <!--:style="{background:item.backgroundColor}" @click="openMaintenanceModal(item)">--> |
| | | <!--<div>{{item.planTime}}</div>--> |
| | | <!--<div class="plan-value-container">--> |
| | | <!--<div class="plan-value">{{$data[item.planValueLabel]}}</div>--> |
| | | <!--<div>台</div>--> |
| | | <!--</div>--> |
| | | <!--</div>--> |
| | | <!--</div>--> |
| | | <!--<div style="padding: 0 55px;margin-top: 50px">--> |
| | | <!--<dv-scroll-board :config="maintenanceConfig" style="width:100%;height:80px"/>--> |
| | | <!--</div>--> |
| | | <!--</dv-border-box-9>--> |
| | | <!--</div>--> |
| | | |
| | | <div style="width: 32%"> |
| | | <dv-border-box-9 style="padding: 30px 0 20px"> |
| | | <div id="bar_chart" style="width:100%;height: 280px;"></div> |
| | | <div id="double_bar_chart" style="width:100%;height: 280px;"></div> |
| | | <div style="padding: 0 20px;"> |
| | | <dv-scroll-board :config="problemConfig" style="width:100%;height:220px"/> |
| | | </div> |
| | | </dv-border-box-9> |
| | | </div> |
| | | <!--<div style="width: 32%">--> |
| | | <!--<dv-border-box-9 style="padding: 30px 0 20px">--> |
| | | <!--<div id="bar_chart" style="width:100%;height: 280px;"></div>--> |
| | | <!--<div id="double_bar_chart" style="width:100%;height: 280px;"></div>--> |
| | | <!--<div style="padding: 0 20px;">--> |
| | | <!--<dv-scroll-board :config="problemConfig" style="width:100%;height:220px"/>--> |
| | | <!--</div>--> |
| | | <!--</dv-border-box-9>--> |
| | | <!--</div>--> |
| | | |
| | | <SignageModal :modalVisible="modalVisible" :modalTitle=modalTitle :modalDataApiUrl="modalDataApiUrl" |
| | | :modalDataApiParams="modalDataApiParams" |