| | |
| | | </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> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24" v-show="basicForm.show=='0' && (basicForm.displayMode=='image'||basicForm.displayMode=='textandimage')"> |
| | | <el-form-item label="图标:" prop="iconPath"> |
| | | <el-form-item :class="basicForm.displayMode==='image'?'is-required':''" label="图标:" prop="iconPath"> |
| | | <input-icon v-model="basicForm.iconPath" :disabled="disabledBtn"></input-icon> |
| | | </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:{ |
| | |
| | | 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}; |
| | | } |
| | | }, |
| | | |
| | | // 按钮设计保存 |
| | | saveClickBtnHandler() { |
| | | if (this.basicForm.show == '0' && (this.basicForm.displayMode == 'image' || this.basicForm.displayMode == 'textandimage') && this.basicForm.iconPath == '') { |
| | | if (this.basicForm.show == '0' && this.basicForm.displayMode == 'image' && this.basicForm.iconPath == '') { |
| | | this.$message.error('请选择图标'); |
| | | return; |
| | | } |
| | |
| | | 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; |