| ¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | width="100%" |
| | | :withFooter="false" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | prop="username" |
| | | label="è´¦å·"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="realname" |
| | | label="å§å"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="mobile" |
| | | label="èç³»æ¹å¼"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | width="200" |
| | | prop="companyName" |
| | | label="ææä¼ä¸åç§°"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="auditName" |
| | | label="ææäºº"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | width="170" |
| | | prop="createDate" |
| | | label="æææ¶é´"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æä½"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="cancel(row.id)">åæ¶ææ</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="width: 100%; height: 15px;"></div> |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="form.page" |
| | | :page-sizes="[10, 30, 50, 100]" |
| | | :page-size="form.size" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total"> |
| | | </el-pagination> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import { page, deleteById } from '@/api/business/companyPermission' |
| | | export default { |
| | | name: 'authorizedEnterprise', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data () { |
| | | return { |
| | | model: {}, |
| | | tableData: [], |
| | | form: { |
| | | page: 1, |
| | | capacity: 10, |
| | | model: { |
| | | userId: null |
| | | } |
| | | }, |
| | | total: 0 |
| | | } |
| | | }, |
| | | methods: { |
| | | cancel(id) { |
| | | this.$confirm('ç¡®å®åæ¶ææè¯¥ä¼ä¸å?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | deleteById(id) |
| | | .then(res => { |
| | | this.getList() |
| | | }) |
| | | }).catch(() => { |
| | | |
| | | }); |
| | | }, |
| | | handleSizeChange(e) { |
| | | this.form.capacity = e |
| | | this.getList() |
| | | }, |
| | | handleCurrentChange(e) { |
| | | this.form.page = e |
| | | this.getList() |
| | | }, |
| | | open (title, id) { |
| | | this.title = title |
| | | this.visible = true |
| | | this.form.page = 1 |
| | | this.form.capacity = 10 |
| | | this.form.model.userId = id |
| | | this.getList() |
| | | }, |
| | | getList() { |
| | | page(this.form) |
| | | .then(res => { |
| | | console.log(res) |
| | | this.total = res.total |
| | | this.tableData = res.records |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | |
| | | </style> |