| | |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | max-height=" 400px" |
| | | size="mini" |
| | | max-height="680" |
| | | style="width: 100%" |
| | | :header-cell-style="{ |
| | | color: '#101111', fontSize: '16px' |
| | |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | width="100px" |
| | | width="60px" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | |
| | | label="整改类型" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <p> {{ dictObj.changeEnum[scope.row.changeType] }}</p> |
| | | <div> {{ dictObj.changeEnum[scope.row.changeType] }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="extensionNum" |
| | | width="60px" |
| | | label="延期天数" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <p> {{ scope.row.extensionNum }}天</p> |
| | | <div> {{ scope.row.extensionNum }}天</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="address" |
| | | width="80px" |
| | | label="状态" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="address" |
| | | label="上报单位上报人" |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <p>上报单位</p> |
| | | <p>上报人</p> |
| | | <template slot="header"> |
| | | <div>上报单位</div> |
| | | <div>上报人</div> |
| | | </template> |
| | | <template slot-scope="scope"> |
| | | <p> {{ scope.row.escalationName }}</p> |
| | | <p> {{ updatUnitIdFormatter(scope.row) }}</p> |
| | | <div> {{ scope.row.escalationName }}</div> |
| | | <div> {{ updatUnitIdFormatter(scope.row) }}</div> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <p>操作人</p> |
| | | <p>操作时间</p> |
| | | <template slot="header"> |
| | | <div>操作人</div> |
| | | <div>操作时间</div> |
| | | </template> |
| | | <template slot-scope="scope"> |
| | | <p>{{ scope.row.updateName }}</p> |
| | | <p>{{ scope.row.updateTime }}</p> |
| | | <div>{{ scope.row.updateName }}</div> |
| | | <div>{{ scope.row.updateTime }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="address" |
| | | width="100px" |
| | | label="操作" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | |
| | | <script> |
| | | import workOrderInformation from '@/views/toCarryOutLegislativeReforms/components/workOrderInformation' |
| | | import searchBar from '@/views/toCarryOutLegislativeReforms/components/queryForm' |
| | | import searchBar from '@/views/toCarryOutLegislativeReforms/delay/componets/queryForm' |
| | | export default { |
| | | components: { |
| | | searchBar, |
| | |
| | | pageSizes: [10, 20, 30, 40], |
| | | // 默认每页显示的条数(可修改) |
| | | pageSize: 10 |
| | | } |
| | | }, |
| | | searchData: {} |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | this.handleSearch() |
| | | }, |
| | | handleSearch(obj) { |
| | | this.searchData.isInvalid = 0 |
| | | if (obj) { |
| | | this.searchData = obj |
| | | } |
| | | this.$request({ |
| | | url: '/allocationExtension/page', |
| | | method: 'post', |
| | |
| | | this.pagination.PageSize = val |
| | | // 注意:在改变每页显示的条数时,要将页码显示到第一页 |
| | | this.pagination.currentPage = 1 |
| | | this.handleSearch() |
| | | }, |
| | | // 显示第几页 |
| | | handleCurrentChange(val) { |
| | | // 改变默认的页数 |
| | | this.pagination.currentPage = val |
| | | this.handleSearch() |
| | | // console.log(val) |
| | | }, |
| | | openWorkOrdinDialog(row, type) { |
| | |
| | | <style scoped lang="scss"> |
| | | .main{ |
| | | padding: 20px; |
| | | padding-top: 0px; |
| | | height: 100%; |
| | | overflow: overlay; |
| | | } |
| | | .tab { |
| | | margin-top: 10px; |
| | | margin-top: 0px; |
| | | /deep/ .el-tag{ |
| | | font-size: 16px; |
| | | } |
| | | } |
| | | /deep/ .el-table__body-wrapper { |
| | | overflow: scroll; |
| | | position: relative; |
| | | overflow-x: hidden; |
| | | max-height: 400px; |
| | | } |
| | | // /deep/ .el-table__body-wrapper { |
| | | // overflow: scroll; |
| | | // position: relative; |
| | | // overflow-x: hidden; |
| | | // max-height: 400px; |
| | | // } |
| | | .pagina{ |
| | | margin-top: 10px; |
| | | text-align: right; |
| | | } |
| | | /deep/ .el-table__row{ |
| | | font-size: 18px; |
| | | } |
| | | .el-pagination { |
| | | padding: 0; |
| | | .el-select{ |
| | | /deep/.el-input{ |
| | | margin:0; |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |
| | | |