| | |
| | | <div class="main"> |
| | | <div class="timeSelect"> |
| | | <el-radio-group v-model="searchForm.number" style="margin-left:20px" @input="changeNumber('timeMouted')"> |
| | | <el-radio-button label="1">近1个月</el-radio-button> |
| | | <el-radio-button label="2">近2个月</el-radio-button> |
| | | <el-radio-button label="3">近3个月</el-radio-button> |
| | | <el-radio-button label="6">近6个月</el-radio-button> |
| | | <el-radio-button label="12">近12个月</el-radio-button> |
| | | <el-radio-button label="1"> |
| | | 近1个月 |
| | | </el-radio-button> |
| | | <el-radio-button label="2"> |
| | | 近2个月 |
| | | </el-radio-button> |
| | | <el-radio-button label="3"> |
| | | 近3个月 |
| | | </el-radio-button> |
| | | <el-radio-button label="6"> |
| | | 近6个月 |
| | | </el-radio-button> |
| | | <el-radio-button label="12"> |
| | | 近12个月 |
| | | </el-radio-button> |
| | | </el-radio-group> |
| | | <el-date-picker v-model="timeInterval" el-time-picker type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="changeNumber('timeValue')" /> |
| | | </div> |
| | |
| | | <div class="overviewAndDetails"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="总览" name="first"> |
| | | <div class="tit"> |
| | | <span> |
| | | 责任单位交办单总览 |
| | | </span> |
| | | <el-button type="primary" plain size="small" style="float: right;" @click="ecxport"> |
| | | 导出 |
| | | </el-button> |
| | | </div> |
| | | <div> |
| | | <div class="tit"> |
| | | <span> |
| | | 责任单位交办单总览 |
| | | </span> |
| | | <el-button type="primary" plain size="small" style="float: right;" @click="ecxport"> |
| | | 导出 |
| | | </el-button> |
| | | </div> |
| | | <div class="min"> |
| | | <div class="tab" style="display: inline-block; width: 100%"> |
| | | <el-table :data="tableData" class="top" border style="width: 100%" :header-cell-style="{ |
| | | background: '#99D4FF', color: '#101111', fontSize: '16px' |
| | | }"> |
| | | <el-table :data="tableData" class="topTable" border style="width: 100%" :header-cell-style="{ |
| | | background: '#99D4FF', color: '#101111', fontSize: '16px' |
| | | }"> |
| | | <el-table-column align="center" type="index" width="60" label="序号" /> |
| | | <el-table-column align="center" prop="unitName" label="责任单位" /> |
| | | <el-table-column align="center" prop="total" label="总工单" /> |
| | |
| | | <el-table-column align="center" prop="marks" label="加分" /> |
| | | <el-table-column align="center" prop="totalPoints" label="总得分" /> |
| | | </el-table> |
| | | <vueSeamless :data="tableData" v-if="tableData.length>5" ref="scroll3" :pause="true" class="seamless-warp" style="width: 100%;" :class-option="classOption"> |
| | | <el-table :data="tableData" v-if="tableData.length>0" class="bottom" border style="width: 100%;margin-bottom:50px"> |
| | | <vueSeamless v-if="tableData.length>5" ref="scroll3" :data="tableData" :pause="true" class="seamless-warp" style="width: 100%;" :class-option="classOption"> |
| | | <el-table v-if="tableData.length>0" :data="tableData" class="bottom" border style="width: 100%;margin-bottom:50px"> |
| | | <el-table-column align="center" type="index" width="60" /> |
| | | <el-table-column align="center" prop="unitName" label="责任单位" /> |
| | | <el-table-column align="center" prop="total" label="总工单" /> |
| | |
| | | <el-table-column align="center" prop="totalPoints" label="总得分" /> |
| | | </el-table> |
| | | </vueSeamless> |
| | | <el-table :data="tableData" v-else class="bottom" border style="width: 100%;margin-bottom:50px"> |
| | | <el-table v-else :data="tableData" class="bottomTable" border style="width: 100%;margin-bottom:50px"> |
| | | <el-table-column align="center" type="index" width="60" /> |
| | | <el-table-column align="center" prop="unitName" label="责任单位" /> |
| | | <el-table-column align="center" prop="total" label="总工单" /> |
| | |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="明细" name="second"> |
| | |
| | | display: flex; |
| | | width: 100%; |
| | | } |
| | | .top /deep/.el-table__body-wrapper { |
| | | .topTable /deep/.el-table__body-wrapper { |
| | | display: none; |
| | | } |
| | | .bottom /deep/.el-table__header-wrapper { |
| | | .bottomTable /deep/.el-table__header-wrapper { |
| | | display: none; |
| | | width: 100%; |
| | | } |