| | |
| | | @selection-change="selectChangeHandler" |
| | | @row-click="rowClickHandler"> |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutAddBtn" icon="el-icon-plus" plain size="small" type="primary" |
| | | @click="addClickHandler">增加 |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutAddBtn" class="button-custom-icon" plain size="small" type="primary" |
| | | @click="addClickHandler"> |
| | | <icon-show :name="permissionChildrenList.UiPageLayoutAddBtn.source"></icon-show> |
| | | 增加 |
| | | </el-button> |
| | | </template> |
| | | |
| | | <template slot="menu" slot-scope="scope"> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDesignBtn" icon="el-icon-edit-outline" size="small" type="text" |
| | | @click="btnDesignClickHandler(scope.row)">按钮设计 |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDesignBtn" size="small" type="text" |
| | | @click="btnDesignClickHandler(scope.row)"> |
| | | <icon-show :name="permissionChildrenList.UiPageLayoutDesignBtn.source"></icon-show> |
| | | 按钮设计 |
| | | </el-button> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutEditBtn" icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">编辑 |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutEditBtn" size="small" type="text" @click="editBtnClick(scope.row)"> |
| | | <icon-show :name="permissionChildrenList.UiPageLayoutEditBtn.source"></icon-show> |
| | | 编辑 |
| | | </el-button> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDelBtn" icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">删除 |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDelBtn" size="small" type="text" @click="rowDeleteHandler(scope.row)"> |
| | | <icon-show :name="permissionChildrenList.UiPageLayoutDelBtn.source"></icon-show> |
| | | 删除 |
| | | </el-button> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutCloneBtn" icon="el-icon-document-copy" size="small" type="text" @click="rowCloneHandler(scope.row)">克隆 |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutCloneBtn" size="small" type="text" @click="rowCloneHandler(scope.row)"> |
| | | <icon-show :name="permissionChildrenList.UiPageLayoutCloneBtn.source"></icon-show> |
| | | 克隆 |
| | | </el-button> |
| | | </template> |
| | | |
| | |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item :inline-message='true' label="名称:" prop="label"> |
| | | <el-form-item label="名称:" prop="label"> |
| | | <el-input v-model="basicForm.label" :disabled="disabledBtn"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | delBtn: false, |
| | | refreshBtn: false, |
| | | dialogWidth:'600', |
| | | menuWidth:'150', |
| | | menuWidth:'140', |
| | | column: [ |
| | | { |
| | | label: '名称', |
| | | prop: 'name', |
| | | width:180, |
| | | span: 24, |
| | | overHidden:true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | prop: 'value', |
| | | type:'textarea', |
| | | span: 24, |
| | | overHidden:true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | {required: true, message: '请输入名称', trigger: 'blur'}, |
| | | ], |
| | | actionName: [ |
| | | {required: true, message: '请选择Action', trigger: 'blur'}, |
| | | {required: true, message: '请选择Action', trigger: 'change'}, |
| | | ], |
| | | }, |
| | | // 按钮设计 基础信息 |
| | | basicForm: { |
| | | seq: 1 |
| | | }, |
| | | basicForm: {}, |
| | | treeData: [], |
| | | treeOption: { |
| | | menu: false, |
| | |
| | | lastIndex: null, |
| | | selectList: [], |
| | | formDataRow: {}, |
| | | defaultForm:{}, |
| | | } |
| | | }, |
| | | computed:{ |
| | | ...mapGetters(["permission"]), |
| | | permissionChildrenList() { |
| | | return { |
| | | UiPageLayoutAddBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutAdd, false), |
| | | UiPageLayoutEditBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutEdit, false), |
| | | UiPageLayoutDelBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutDel, false), |
| | | UiPageLayoutCloneBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutClone, false), |
| | | UiPageLayoutDesignBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutDesign, false), |
| | | UiPageLayoutAddBtn: this.vaildData(this.permission[this.$route.query.id].CLSRIGHT, false), |
| | | UiPageLayoutEditBtn: this.vaildData(this.permission[this.$route.query.id].DATARIGHT, false), |
| | | UiPageLayoutDelBtn: this.vaildData(this.permission[this.$route.query.id].ATTRRIGHT, false), |
| | | UiPageLayoutCloneBtn: this.vaildData(this.permission[this.$route.query.id].CLONE, false), |
| | | UiPageLayoutDesignBtn: this.vaildData(this.permission[this.$route.query.id].UPLOAD, false), |
| | | } |
| | | } |
| | | }, |
| | |
| | | if (row.templateType === '6') { |
| | | row.SubUIObjType = row.showType; |
| | | row.showType = ""; |
| | | } |
| | | if (row.templateType === '5' && this.form.linkType && !this.form.showLinkAbs) { |
| | | this.$message.error('请选择参照树设置'); |
| | | return loading(); |
| | | } |
| | | const params = { |
| | | ...row, |
| | |
| | | // 按钮设计行点击 |
| | | nodeTreeClick(row) { |
| | | this.nodeTreeRow = row; |
| | | this.defaultForm = {...row}; |
| | | this.basicForm = {...row}; |
| | | this.paramsData = row.buttonParams ? Object.entries(row.buttonParams).map(([key, value]) => ({ |
| | | name: key, |
| | | value: value |
| | | })) : []; |
| | | this.disabledBtn = true; |
| | | this.$refs.form.clearValidate() |
| | | this.$refs.form.clearValidate(); |
| | | }, |
| | | |
| | | // 按钮设计参数信息删除 |
| | |
| | | this.disabledBtn = true; |
| | | if (this.saveType === 'add') { |
| | | this.$refs.Tree.setCurrentKey(null); |
| | | this.$refs.form.resetFields(); |
| | | }else { |
| | | this.basicForm = {...this.defaultForm}; |
| | | } |
| | | }, |
| | | |
| | |
| | | this.$message.success(res.data.obj); |
| | | this.disabledBtn = true; |
| | | this.getTabBtnTree(); |
| | | this.basicForm = {}; |
| | | this.paramsData = []; |
| | | this.dialogLoading = false; |
| | | this.$refs.form.resetFields(); |
| | | } |
| | | }).catch(err => { |
| | | this.dialogLoading = false; |