| | |
| | | @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span style="display: flex"> |
| | | <icon-show :name="data.icon"></icon-show> |
| | | <icon-show v-if="data.iconType=='svg'" :name="data.icon"></icon-show> |
| | | <i v-else :class="data.icon"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | |
| | | <el-button icon="el-icon-close" plain size="small" type="danger" @click="deleteOperationClickHandler">删除 |
| | | </el-button> |
| | | </div> |
| | | <el-form ref="form" :model="form" label-width="85px" style="max-height: calc(100vh - 200px);overflow: auto;"> |
| | | <el-form ref="form" :model="form" label-width="100px" style="max-height: calc(100vh - 200px);overflow: auto;"> |
| | | <span v-if="form.category !== 1"> |
| | | <el-form-item label="模块名:"> |
| | | <el-input v-model="form.name" :disabled="!editStatus && !addStatus" placeholder="请输入模块名"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="模块别名:"> |
| | | <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="模块别名用来记录日志使用"></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="form.functionType === 0" label="C/S:"> |
| | | <el-form-item class="is-required"> |
| | | <span slot="label">模块名:</span> |
| | | <el-input v-model="form.name" :disabled="!editStatus && !addStatus" placeholder="请输入模块名"></el-input> |
| | | </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-form-item> |
| | | <el-form-item class="is-required"> |
| | | <span slot="label">序号:</span> |
| | | <el-input-number v-model="form.sort" :disabled="!editStatus && !addStatus"></el-input-number> |
| | | <el-link :underline="false" style="margin-left: 20px" type="danger">数字,描述该模块在其父模块下的显示顺序</el-link> |
| | | </el-form-item> |
| | | <el-form-item v-if="form.functionType === 0" label="C/S:"> |
| | | <el-input v-model="form.pathC" :disabled="!editStatus && !addStatus" :rows="2" placeholder="请输入C/S路径" |
| | | type="textarea"></el-input> |
| | | </el-form-item> |
| | | </el-form-item> |
| | | <el-form-item v-if="form.functionType === 0" label="B/S:"> |
| | | <el-input v-model="form.path" :disabled="!editStatus && !addStatus" :rows="2" placeholder="请输入B/S路径" |
| | | type="textarea"></el-input> |
| | |
| | | <el-form-item v-if="form.functionType === 0" label=".NET:"> |
| | | <el-input v-model="form.resourceDotNet" :disabled="!editStatus && !addStatus" :rows="2" |
| | | placeholder="请输入.NET" type="textarea"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="序号:"> |
| | | <el-input v-model="form.sort" :disabled="!editStatus && !addStatus" |
| | | placeholder="数字,描述该模块在其父模块下的显示顺序"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="图标:"> |
| | | <input-icon v-model="form.source" :disabled="!editStatus && !addStatus" placeholder="请选择图标"> |
| | |
| | | </el-form-item> |
| | | </span> |
| | | <span v-if="form.category === 1"> |
| | | <el-form-item label="名称:"> |
| | | <el-input v-model="form.name" :disabled="form.category === 1" placeholder="请输入名称"></el-input> |
| | | <el-form-item label="名称:" class="is-required"> |
| | | <el-input v-model="form.name" :disabled="form.category === 1" placeholder="请输入名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标识:"> |
| | | <el-input v-model="form.code" :disabled="form.category === 1" placeholder="请输入标识"></el-input> |
| | | <el-form-item label="标识:" class="is-required"> |
| | | <el-input v-model="form.code" :disabled="form.category === 1" placeholder="请输入标识"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="别名:"> |
| | | <el-input v-model="form.alias" placeholder="请输入别名"></el-input> |
| | | <el-form-item label="别名:" class="is-required"> |
| | | <el-input v-model="form.alias" placeholder="请输入别名"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="编号:"> |
| | | <el-input v-model="form.sort" :disabled="form.category === 1" placeholder="请输入编号"></el-input> |
| | | <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> |
| | | <el-form-item label="描述:"> |
| | | <el-input v-model="form.remark" :disabled="form.category === 1" placeholder="请输入描述"></el-input> |
| | | <el-input v-model="form.remark" :disabled="form.category === 1" placeholder="请输入描述"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="是否有效:"> |
| | | <el-switch |
| | | v-model="form.isValid" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949"> |
| | | </el-switch> |
| | | |
| | | <el-switch |
| | | v-model="form.isValid" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949"> |
| | | </el-switch> |
| | | </el-form-item> |
| | | </span> |
| | | </el-form> |
| | |
| | | id: item.id, |
| | | name: item.name, |
| | | leaf: !item.hasChildren, |
| | | icon: item.source || 'iconoir:home' |
| | | icon: item.source || (node.level === 0?'el-icon-s-home':'el-icon-s-tools'), |
| | | iconType:item.source?'svg':'iconfont' |
| | | } |
| | | })) |
| | | }) |
| | |
| | | this.$message.error('模块名不能为空'); |
| | | return |
| | | } |
| | | if (!this.form.alias) { |
| | | this.$message.error('菜单标识不能为空'); |
| | | return |
| | | } |
| | | if (this.form.name.length > 128) { |
| | | this.$message.error('模块名长度不能超过128!'); |
| | | return |
| | |
| | | editSaveClickHandler() { |
| | | if (!this.form.name) { |
| | | this.$message.error('模块名不能为空'); |
| | | return |
| | | } |
| | | if (!this.form.alias) { |
| | | this.$message.error('菜单标识不能为空'); |
| | | return |
| | | } |
| | | if (this.form.name.length > 128) { |
| | |
| | | } |
| | | }) |
| | | addOperationType(list).then(res => { |
| | | console.log(res) |
| | | if (res.data.code === 200) { |
| | | this.methodsVisble = false; |
| | | this.$message.success(res.data.msg); |
| | |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.methodsList = []; |
| | | this.methodsList = [row]; |
| | | } |
| | | ); |
| | | }, |