| | |
| | | </el-form-item> |
| | | <el-form-item class="is-required"> |
| | | <span slot="label">模块别名:</span> |
| | | <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="请输入模块别名!"></el-input> |
| | | <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="请输入模块别名"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="is-required"> |
| | | <span slot="label">序号:</span> |
| | |
| | | <el-form-item label="别名:" class="is-required"> |
| | | <el-input v-model="form.alias" placeholder="请输入别名"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="图标:"> |
| | | <input-icon v-model="form.source" placeholder="请选择图标"> |
| | | </input-icon> |
| | | </el-form-item> |
| | | <el-form-item label="编号:" class="is-required"> |
| | | <el-input-number v-model="form.sort" :disabled="form.category === 1" :max="63" :min="1"></el-input-number> |
| | | </el-form-item> |
| | |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | title="操作分类" |
| | | width="500px" |
| | | width="900px" |
| | | > |
| | | <avue-crud |
| | | ref="methodsCrud" |
| | |
| | | menu: false, |
| | | height: 500, |
| | | header: false, |
| | | column: [ |
| | | { |
| | | label: '操作分类', |
| | | prop: 'name', |
| | | sortable: true, |
| | | } |
| | | ] |
| | | column: [{ |
| | | label: '名称', |
| | | prop: 'name', |
| | | width:180, |
| | | sortable: true, |
| | | }, { |
| | | label: '标识', |
| | | prop: 'code', |
| | | width:180, |
| | | }, { |
| | | label: '描述', |
| | | prop: 'remark' |
| | | }] |
| | | }, |
| | | methodsLoading: false, |
| | | methodsVisble: false, |
| | |
| | | menu: false, |
| | | addBtn: false, |
| | | defaultExpandAll: false, |
| | | defaultExpandedKeys:['system'], |
| | | props: { |
| | | label: 'name', |
| | | label: 'label', |
| | | value: 'id', |
| | | children: 'children', |
| | | }, |
| | |
| | | resolve(res.data.data.map(item => { |
| | | return { |
| | | ...item, |
| | | id: item.id, |
| | | name: item.name, |
| | | label: item.category!=1?item.name:item.alias, |
| | | leaf: !item.hasChildren, |
| | | icon: item.source || (node.level === 0?'el-icon-s-home':'el-icon-s-tools'), |
| | | iconType:item.source?'svg':'iconfont' |
| | |
| | | methods: { |
| | | // 树行点击 |
| | | nodeClick(row, node) { |
| | | console.log(row.childType); |
| | | this.form = {...row}; |
| | | this.nodeRow = {...row}; |
| | | this.currentClickNode = node; |
| | |
| | | const params = { |
| | | id: this.form.id, |
| | | isValid: this.form.isValid, |
| | | source:this.form.source, |
| | | alias: this.form.alias |
| | | } |
| | | updateAlias(params).then(res => { |
| | |
| | | let node = this.currentClickNode.parent; |
| | | node.loaded = false; |
| | | node.expand(); |
| | | this.$refs.tree.setCurrentNode(this.currentClickNode); |
| | | this.$nextTick(()=>{ |
| | | this.$refs.tree.setCurrentKey(this.currentClickNode.data.id); |
| | | }); |
| | | } else { |
| | | this.refresh = Math.random(); // 刷新左侧树 |
| | | } |