| | |
| | | width="100%" |
| | | @close="closeDialog" |
| | | > |
| | | <el-container> |
| | | <div style="height: 79vh;display: flex;width: 100%;"> |
| | | <el-container style="height: 700px"> |
| | | <el-aside width="17%"> |
| | | <basic-container> |
| | | <div style="height:650px;"> |
| | | <div style="height:620px;"> |
| | | <avue-tree |
| | | :data="treeData" |
| | | :loading="treeLoading" |
| | |
| | | |
| | | <el-main> |
| | | <basic-container> |
| | | <div style="height: 645px;overflow-y: auto;padding-right: 5px" @drop="drop" @dragover.prevent> |
| | | <div style="height: 610px;overflow-y: auto;padding-right: 5px" @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> |
| | |
| | | </el-row> |
| | | </el-form> |
| | | </div> |
| | | <div style="display: flex;justify-content: center;margin-top: 15px"> |
| | | <div style="display: flex;justify-content: center;margin-top: 15px;"> |
| | | <el-button icon="el-icon-check" size="small" type="primary" @click="saveClickHandler">保存</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="emptyClickHandler">清空 |
| | | </el-button> |
| | |
| | | |
| | | <el-aside width="25%"> |
| | | <basic-container> |
| | | <div style="height: 660px; overflow-y: auto;padding-right: 10px"> |
| | | <div style="height: 600px; overflow-y: auto;padding-right: 10px"> |
| | | <h3>设置</h3> |
| | | <h4 style="color: red">属性设置信息后需单击右下角应用按钮进行应用</h4> |
| | | <el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="85px"> |
| | |
| | | </el-form> |
| | | </div> |
| | | <div style="display: flex;justify-content: right"> |
| | | <el-button plain size="mini" style="margin-top: 10px" type="success" @click="asideFormHandler">应用 |
| | | <el-button plain size="mini" style="margin-top: 30px" type="success" @click="asideFormHandler">应用 |
| | | </el-button> |
| | | </div> |
| | | </basic-container> |
| | | </el-aside> |
| | | </div> |
| | | </el-container> |
| | | |
| | | <!-- 添加自定义组件 --> |