| | |
|---|
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates"/> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :md="14" :sm="14"> |
|---|
| | | <a-col :md="14" :sm="14" style="display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;"> |
|---|
| | | <a-space> |
|---|
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
|---|
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
|---|
| | | <a-button type="primary" @click="exportExcel" icon="download">导出</a-button> |
|---|
| | | </a-space> |
|---|
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;margin-left: 24px"> |
|---|
| | | <tr> |
|---|
| | | <td v-for="(item, index) in identifying">{{item.title}}</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td style="text-align:center;" v-for="(item, index) in identifying"> |
|---|
| | | <div class="identifyingclass" :style="{background: item.color}"></div> |
|---|
| | | </td> |
|---|
| | | <!--<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>--> |
|---|
| | | <!--<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>--> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </a-col> |
|---|
| | | </a-row> |
|---|
| | | <a-row :gutter="24"> |
|---|
| | |
|---|
| | | </a-row> |
|---|
| | | </a-form> |
|---|
| | | </div> |
|---|
| | | <div style="width: 530px;position: absolute;top: 0; right:1.5%;"> |
|---|
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;"> |
|---|
| | | <tr> |
|---|
| | | <td v-for="(item, index) in identifying">{{item.title}}</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td style="text-align:center;" v-for="(item, index) in identifying"> |
|---|
| | | <div class="identifyingclass" :style="{background: item.color}"></div> |
|---|
| | | </td> |
|---|
| | | <!--<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>--> |
|---|
| | | <!--<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>--> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | <!--<div style="width: 530px;position: absolute;top: 0; right:1.5%;">--> |
|---|
| | | <!--<table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;">--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!--<td v-for="(item, index) in identifying">{{item.title}}</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!--<td style="text-align:center;" v-for="(item, index) in identifying">--> |
|---|
| | | <!--<div class="identifyingclass" :style="{background: item.color}"></div>--> |
|---|
| | | <!--</td>--> |
|---|
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>–>--> |
|---|
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>–>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--</table>--> |
|---|
| | | <!--</div>--> |
|---|
| | | <a-spin :spinning="spinning"> |
|---|
| | | <div class="container" id="EfficiencyPO" style="margin-top: 20px;" > |
|---|
| | | <div class="table2"> |
|---|
| | |
|---|
| | | <tbody> |
|---|
| | | <tr class="mathData" v-for="(item, index) in dataList"> |
|---|
| | | <template v-if="item.level1!=='合计'&&item.level1!=='平均值'"> |
|---|
| | | <td class="tdgu kaitou wenzi" :rowspan="item.level1span" :class="{hidden: item.level1dis,noExl:item.level1dis}" v-show="!item.level1dis">{{item.level1}}</td> |
|---|
| | | <td class="tdgu1 kaitou wenzi" :rowspan="item.level2span" :class="{hidden: item.level2dis,noExl:item.level2dis}" v-show="!item.level2dis">{{item.level2}}</td> |
|---|
| | | <td class="tdgu2 kaitou wenzi" :rowspan="item.level3span" :class="{hidden: item.level3dis,noExl:item.level3dis}" v-show="!item.level3dis">{{item.level3}}</td> |
|---|
| | | <td class="tdgu kaitou" :rowspan="item.level1span" :class="{hidden: item.level1dis,noExl:item.level1dis}" v-show="!item.level1dis"> |
|---|
| | | <div class="wenzi"> |
|---|
| | | {{item.level1}} |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | <td class="tdgu1 kaitou" :rowspan="item.level2span" :class="{hidden: item.level2dis,noExl:item.level2dis}" v-show="!item.level2dis"> |
|---|
| | | <div class="wenzi"> |
|---|
| | | {{item.level2}} |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | <td class="tdgu2 kaitou" :rowspan="item.level3span" :class="{hidden: item.level3dis,noExl:item.level3dis}" v-show="!item.level3dis"> |
|---|
| | | <div class="wenzi"> |
|---|
| | | {{item.level3}} |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | <td class="tdgu3 kaitou">{{item.equipmentId}}</td> |
|---|
| | | <td style="min-width: 162px; max-width: 162px;width: 162px;" class="tdgu4 kaitou">{{item.equipmentName}}</td> |
|---|
| | | <td class="tdgu5 kaitou">{{item.equipmentType}}</td> |
|---|
