| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :table-loading="loading" :data="data" :option="option" :search.sync="searchParam" :page.sync="page" :permission="permissionList" |
| | | ref="crud" @refresh-change="getDataList" @search-change="handleSearch" @search-reset="handleReset" |
| | | <avue-crud ref="crud" :data="data" :option="option" :page.sync="page" :permission="permissionList" |
| | | :search.sync="searchParam" |
| | | :table-loading="loading" @refresh-change="getDataList" @search-change="handleSearch" |
| | | @search-reset="handleReset" |
| | | @size-change="handleSizePage" @current-change="handleCurrentPage" @on-load="getDataList" |
| | | @selection-change="selectionChange" @row-click="handleRowClick"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-document" size="small" type="primary" @click="handleStatus" v-if="permissionList.status">集团申请状态 |
| | | <el-button v-if="permissionList.status" icon="el-icon-document" size="small" type="primary" |
| | | @click="handleStatus">集团申请状态 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | |
| | | import { getList, queryApplyStat } from '@/api/integration/application.js' |
| | | import { dateFormat } from '@/util/date.js' |
| | | import {mapGetters} from 'vuex' |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | }, |
| | | option(){ |
| | | return{ |
| | | height: "auto", |
| | | height: 'auto', |
| | | calcHeight: 20, |
| | | tip:false, |
| | | index: true, |
| | | border: true, |
| | |
| | | { |
| | | label: '申请单号', |
| | | prop: 'id', |
| | | width: 300, |
| | | width: 200, |
| | | fixed: true, |
| | | search: true, |
| | | }, { |
| | | label: '集团码', |
| | | width: 200, |
| | | width: 150, |
| | | prop: 'groupCode', |
| | | search: true, |
| | | }, { |
| | | label: '操作类型', |
| | | width: 200, |
| | | width: 120, |
| | | prop: 'operationType', |
| | | type: 'select', |
| | | search: true, |
| | |
| | | }, |
| | | { |
| | | label: '创建时间', |
| | | width: 200, |
| | | prop: 'createTime', |
| | | type: 'datetime', |
| | | search: true, |
| | | }, |
| | | { |
| | | label: '更改时间', |
| | | width: 200, |
| | | prop: 'lastModifyTime', |
| | | type: 'datetime', |
| | | search: true, |
| | | }, { |
| | | label: '返回标识', |
| | | width: 100, |
| | | prop: 'code' |
| | | label: '是否成功', |
| | | width: 120, |
| | | prop: 'code', |
| | | html: true, |
| | | align: 'center', |
| | | formatter: function (row) { |
| | | return row.code == '1' ? '<i class="el-icon-check" style="color: #32cd32;font-size: 20px;font-weight: 800"></i>' : '<i class="el-icon-close" style="color: #ff0000;font-size: 20px;font-weight: 800"></i>' |
| | | } |
| | | }, |
| | | { |
| | | label: '返回信息', |
| | | width: 300, |
| | | prop: 'content' |
| | | prop: 'content', |
| | | hide: true |
| | | }, |
| | | { |
| | | label: '消息信息', |
| | | width: 300, |
| | | width: 150, |
| | | prop: 'msg' |
| | | } |
| | | ] |
| | |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | //固定列高度 |
| | | /deep/ .el-table__fixed { |
| | | height: calc(100vh - 345px)!important; |
| | | } |
| | | // 滚动条样式修改 |
| | | // 滚动条的宽度 |
| | | /deep/ .el-table__body-wrapper::-webkit-scrollbar { |
| | | height: 15px; // 纵向滚动条 必写 |
| | | background: white; |
| | | border: white; |
| | | width: 10px; |
| | | ////固定列高度 |
| | | ///deep/ .el-table__fixed { |
| | | // height: calc(100vh - 345px) !important; |
| | | //} |
| | | |
| | | } |
| | | // 滚动条的滑块 |
| | | /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | background-color: #ececec; |
| | | border-radius: 20px; |
| | | border: #ececec; |
| | | } |
| | | //// 滚动条样式修改 |
| | | //// 滚动条的宽度 |
| | | ///deep/ .el-table__body-wrapper::-webkit-scrollbar { |
| | | // height: 15px; // 纵向滚动条 必写 |
| | | // background: white; |
| | | // border: white; |
| | | // width: 10px; |
| | | // |
| | | //} |
| | | // |
| | | //// 滚动条的滑块 |
| | | ///deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | // background-color: #ececec; |
| | | // border-radius: 20px; |
| | | // border: #ececec; |
| | | //} |
| | | |
| | | </style> |