| | |
| | | <div> |
| | | <el-container style="height: 100%; border: 1px solid #fff"> |
| | | <el-card style="margin-right: 10px;height: calc(100vh - 125px)"> |
| | | <el-aside style="background-color: #fff" width="220px"> |
| | | <el-aside style="background-color: #fff" width="210px"> |
| | | <el-input v-model="filterText" placeholder="输入关键字进行过滤"> |
| | | </el-input> |
| | | <el-menu :default-openeds="['1', '3']" > |
| | | <el-tree ref="tree" :data="treeData" :filter-node-method="filterNode" :props="defaultProps" |
| | | accordion class="filter-tree" empty-text="暂无数据" @node-click="handelTreeCell"> |
| | | <template slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item" |
| | | effect="dark" |
| | | open-delay="500" |
| | | placement="right-start"> |
| | | <span style="font-size: 14px;"> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </el-tooltip> |
| | | </template> |
| | | </el-tree> |
| | | </el-menu> |
| | | </el-aside> |
| | |
| | | |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-card style="height:calc(100vh - 635px)"> |
| | | <el-card style="height:calc(100vh - 600px)"> |
| | | <avue-crud ref="crudMapping" :data="mappingData" :option="optionMapping" :table-loading="loading" |
| | | @select="setCurrentRow" @row-update="handleMapingUpdate" |
| | | @row-click="handleMapingClick" @row-dblclick="handleMapingRowClick" @selection-change="selectionChange" |
| | |
| | | </template> |
| | | </avue-crud> |
| | | </el-card> |
| | | <el-card style="margin-top: 20px;height: height:calc(100vh - 545px)"> |
| | | <el-card style="margin-top: 20px;height: calc(100vh - 575px)"> |
| | | <avue-crud ref="crudRange" :data="rangeData" :option="optinoRange" :style="{ marginTop: '-20px'}" |
| | | @row-update="handleUpdate" |
| | | @row-dblclick="handleRowClick"> |
| | |
| | | // 属性映射取值表配置 |
| | | optinoRange: { |
| | | title: '属性映射取值范围', |
| | | maxHeight: '300px', |
| | | maxHeight: '280px', |
| | | header: false, |
| | | rowKey: 'oid', |
| | | column: [ |
| | |
| | | }, |
| | | // 属性映射表配置 |
| | | optionMapping: { |
| | | maxHeight: '500px', |
| | | maxHeight: '250px', |
| | | header: true, |
| | | rowKey: 'oid', |
| | | selection: false, |