| | |
| | | v-dialogDrag |
| | | :close-on-click-modal="false" |
| | | :visible.sync="isShowDialog" |
| | | @close="closeDialog" |
| | | append-to-body title="分类授权"> |
| | | append-to-body |
| | | class="avue-dialog avue-dialog--top" |
| | | title="分类授权" |
| | | top="-45px" @close="closeDialog"> |
| | | <el-table |
| | | ref="dataTable" |
| | | v-loading="isLoading" |
| | |
| | | @sort-change="sortChange" |
| | | > |
| | | <el-table-column |
| | | fixed |
| | | type="selection" |
| | | width="55" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | v-if="classifyAuthHeader.length !== 0" |
| | | v-for="(item, index) in classifyAuthHeader" |
| | | v-if="classifyAuthHeader.length !== 0" |
| | | :key="index" |
| | | :label="item.label" |
| | | :prop="item.prop" |
| | |
| | | </el-select> |
| | | <el-input |
| | | v-if="item.type === 'text'" |
| | | type="text" |
| | | readonly |
| | | v-model="row[item.prop]" |
| | | readonly |
| | | type="text" |
| | | > |
| | | </el-input> |
| | | <el-checkbox |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="success" class="el-icon-plus" @click="addClassifyAuth"></el-button> |
| | | <el-button type="warning" class="el-icon-minus" @click="subClassifyAuth"></el-button> |
| | | <el-button class="el-icon-plus" type="success" @click="addClassifyAuth"></el-button> |
| | | <el-button class="el-icon-minus" type="warning" @click="subClassifyAuth"></el-button> |
| | | <el-button type="primary" @click="submit">提 交</el-button> |
| | | <el-button type="danger" @click="isShowDialog = false">关 闭</el-button> |
| | | </div> |
| | |
| | | import { getPage } from "@/api/system/role" |
| | | import { saveOrUpdate,getClassifyAuthList } from "@/api/system/classifyAuth" |
| | | import { v4 as uuidv4 } from 'uuid'; |
| | | |
| | | export default { |
| | | name: "classifyAuthDialog.vue", |
| | | props: { |
| | |
| | | // 对话框显示控制 |
| | | isShowDialog: this.visible, |
| | | isLoading: false, |
| | | tableHeight: 'calc(100vh - 550px)', |
| | | tableHeight: '520px', |
| | | classifyAuthData: [], |
| | | //列头 |
| | | classifyAuthHeader: [], |
| | |
| | | }, |
| | | }, |
| | | computed: {}, |
| | | mounted() {}, |
| | | created() {}, |
| | | mounted() { |
| | | }, |
| | | created() { |
| | | }, |
| | | methods: { |
| | | // 关闭对话框 |
| | | closeDialog(){ |
| | |
| | | border: #ececec; |
| | | } |
| | | |
| | | /deep/ .el-table__body-wrapper { |
| | | height: calc(100% - 50px) !important; |
| | | } |
| | | |
| | | </style> |