| | |
| | | <el-aside> |
| | | <basic-container> |
| | | <div style="max-height: calc(100vh - 150px);overflow: auto"> |
| | | <avue-tree :key="refresh" node-key="id" ref="tree" :data="treeData" :option="treeOption" @node-click="nodeClick"> |
| | | <avue-tree :key="refresh" ref="tree" :data="treeData" :option="treeOption" node-key="id" |
| | | @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span style="font-size: 15px"> |
| | | <i class="el-icon-s-promotion"></i> |
| | |
| | | <el-button v-if="addStatus" icon="el-icon-check" plain size="small" |
| | | type="success" @click="addSaveClickHandler">保存 |
| | | </el-button> |
| | | <el-button v-if="!addStatus && !editStatus" :disabled="nodeRow.childType === -1" icon="el-icon-edit" plain size="small" type="primary" |
| | | <el-button v-if="!addStatus && !editStatus" :disabled="nodeRow.childType === -1" icon="el-icon-edit" plain |
| | | size="small" type="primary" |
| | | @click="editClickHandler">修改 |
| | | </el-button> |
| | | <el-button v-if="editStatus" icon="el-icon-check" plain size="small" |
| | |
| | | <el-button v-if="addStatus || editStatus" icon="el-icon-close" plain size="small" |
| | | type="danger" @click="addStatus=false;editStatus=false;">取消 |
| | | </el-button> |
| | | <el-button v-if="!addStatus && !editStatus" :disabled="nodeRow.childType === -1" icon="el-icon-close" plain size="small" type="danger" |
| | | <el-button v-if="!addStatus && !editStatus" :disabled="nodeRow.childType === -1" icon="el-icon-close" plain |
| | | size="small" type="danger" |
| | | @click="delClickHandler">删除 |
| | | </el-button> |
| | | <el-button v-if="!addStatus && !editStatus" icon="el-icon-upload2" plain size="small" type="primary" @click="sqlClickExportClick">导出sql |
| | | <el-button v-if="!addStatus && !editStatus" icon="el-icon-upload2" plain size="small" type="primary" |
| | | @click="sqlClickExportClick">导出sql |
| | | </el-button> |
| | | </div> |
| | | <el-form ref="form" :model="form" label-width="85px" style="max-height: calc(100vh - 180px);overflow: auto;"> |
| | |
| | | <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="请输入别名"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="顺序:"> |
| | | <el-input-number v-model="form.sort" :disabled="!editStatus && !addStatus" :min="0" :max="9999" label="顺序"></el-input-number> |
| | | <el-input-number v-model="form.sort" :disabled="!editStatus && !addStatus" :max="9999" :min="0" |
| | | label="顺序"></el-input-number> |
| | | </el-form-item> |
| | | <el-form-item label="描述:"> |
| | | <el-input v-model="form.remark" :disabled="!editStatus && !addStatus" placeholder="请输入描述"></el-input> |
| | |
| | | editStatus:false, |
| | | addStatus: false, |
| | | nodeRow: {}, |
| | | currentClickNode:null, |
| | | currentClickNode: {}, |
| | | form: {}, |
| | | treeData: [], |
| | | treeOption: { |
| | |
| | | }, |
| | | created() { |
| | | }, |
| | | computed: { |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | // 树行点击 |
| | | nodeClick(row,node) { |
| | | console.log(row); |
| | | this.form = {...row}; |
| | | this.nodeRow = {...row}; |
| | | this.currentClickNode=node; |
| | |
| | | addOperationType(params).then(res => { |
| | | if(res.data.code === 200){ |
| | | this.$message.success(res.data.msg); |
| | | this.handleRefreshTree('add') |
| | | this.handleRefreshTree('add'); |
| | | this.addStatus = false; |
| | | } |
| | | }) |
| | |
| | | this.$message.error('别名不能为空'); |
| | | return |
| | | } |
| | | if (!this.form.sort) { |
| | | if (this.form.sort == null || this.form.sort === '' || this.form.sort === undefined) { |
| | | this.$message.error('顺序不能为空'); |
| | | return |
| | | return; |
| | | } |
| | | if (this.form.name.length > 128) { |
| | | this.$message.error('名称长度不能超过128!'); |
| | |
| | | if (this.form.alias && this.form.alias.length > 255) { |
| | | this.$message.error('别名长度不能超过255!'); |
| | | return |
| | | }; |
| | | } |
| | | ; |
| | | const params = { |
| | | id:this.form.id, |
| | | name:this.form.name, |
| | |
| | | updateOperationType(params).then(res => { |
| | | if(res.data.code === 200){ |
| | | this.$message.success(res.data.msg); |
| | | this.handleRefreshTree('edit') |
| | | this.handleRefreshTree('edit'); |
| | | this.editStatus = false; |
| | | } |
| | | }) |
| | |
| | | let node = this.currentClickNode.parent; |
| | | node.loaded = false; |
| | | node.expand(); |
| | | this.$refs.tree.setCurrentNode(this.currentClickNode); |
| | | if (type === 'edit') { |
| | | this.$refs.tree.setCurrentKey(null); |
| | | } else { |
| | | this.$refs.tree.setCurrentNode(this.nodeRow); |
| | | } |
| | | }else { |
| | | this.refresh = Math.random(); // 刷新左侧树 |
| | | } |