| | |
| | | <template> |
| | | <div> |
| | | <el-input :width="width" :class="inputClass" :style="inputStyle" :clearable="true" :value="value" |
| | | :disabled="disabled" :placeholder="placeholder" type="text" :size="size" @clear="clearValue" @focus="handleFocus"> |
| | | :disabled="disabled" :placeholder="placeholder" :read-only="true" type="text" :size="size" @clear="clearValue"> |
| | | <span slot="append" v-html="svgHtml" style="font-size: 18px;padding:3px 10px;width:18px;height:18px;display: block" @click="handleFocus"></span> |
| | | </el-input> |
| | | <el-dialog v-dialogDrag |
| | |
| | | {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:{ |
| | |
| | | // 按钮设计行点击 |
| | | 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}; |
| | | } |
| | | }, |
| | | |
| | |
| | | return false; |
| | | } |
| | | done(); |
| | | this.$refs.form.resetFields(); |
| | | }); |
| | | }, |
| | | |