| | |
| | | </basic-container> |
| | | </el-aside> |
| | | |
| | | <el-main > |
| | | <el-main> |
| | | <basic-container> |
| | | <div style="height: 645px" @drop="drop" @dragover.prevent> |
| | | <div style="height: 645px" @drop="drop" @dragover.prevent> |
| | | <div style="display: flex;justify-content: center"> |
| | | <span style="display: flex;align-items: center; margin-right: 5px;"> |
| | | <p class="tableTopLabel">名称:</p> |
| | |
| | | <h3>页面定义</h3> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="columnNumber"> |
| | | <el-tooltip v-for="(item,index) in formList" :key="index" :content="item.name" placement="top"> |
| | | <el-form-item class="hiddenLabel" :label="item.name + ':'"> |
| | | <el-col v-for="(item,index) in formList" :key="index" :span="columnNumber"> |
| | | <el-tooltip :content="item.name" placement="top"> |
| | | <el-form-item :label="item.name + ':'" class="hiddenLabel"> |
| | | <el-input v-model="item.value" :splaceholder="item.name" size="mini"></el-input> |
| | | </el-form-item> |
| | | </el-tooltip> |
| | |
| | | name: "formDialog", |
| | | data() { |
| | | return { |
| | | formList:[], |
| | | formList: [], |
| | | optionRightData: [ |
| | | { |
| | | name: 'test', |
| | |
| | | ], |
| | | form: {}, |
| | | rules: {}, |
| | | columnNumber: 12, |
| | | columnNumber: 3, |
| | | loading: false, |
| | | visible: false, |
| | | treeOption: { |
| | |
| | | const data = JSON.parse(event.dataTransfer.getData('item')); |
| | | console.log('data', data); |
| | | const params = { |
| | | name:data.label, |
| | | value:'', |
| | | type:'' |
| | | name: data.label, |
| | | value: '', |
| | | type: '' |
| | | } |
| | | this.formList.push(params) |
| | | } |