| | |
|---|
| | | <div> |
|---|
| | | <el-container style="height: 100%; border: 1px solid #fff"> |
|---|
| | | <el-card :style="{ marginRight: '10px' }"> |
|---|
| | | <el-aside width="300px" style="background-color: #fff"> |
|---|
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
|---|
| | | <el-aside style="background-color: #fff" width="220px"> |
|---|
| | | <el-input v-model="filterText" placeholder="输入关键字进行过滤"> |
|---|
| | | </el-input> |
|---|
| | | <el-menu :default-openeds="['1', '3']"> |
|---|
| | | <el-tree class="filter-tree" :data="treeData" accordion :props="defaultProps" |
|---|
| | | :filter-node-method="filterNode" empty-text="暂无数据" ref="tree" @node-click="handelTreeCell"> |
|---|
| | | <el-tree ref="tree" :data="treeData" :filter-node-method="filterNode" :props="defaultProps" |
|---|
| | | accordion class="filter-tree" empty-text="暂无数据" @node-click="handelTreeCell"> |
|---|
| | | </el-tree> |
|---|
| | | </el-menu> |
|---|
| | | </el-aside> |
|---|
| | |
|---|
| | | <el-card> |
|---|
| | | <el-form :model="form"> |
|---|
| | | <el-form-item label="集团分类" label-width="70px" size="small"> |
|---|
| | | <el-select clearable ref="selectTree" v-model="groupVal" placeholder="请选择" |
|---|
| | | <el-select ref="selectTree" v-model="groupVal" clearable placeholder="请选择" |
|---|
| | | popper-class="popperTreeSelect"> |
|---|
| | | <el-option :value="groupVal" :label="groupVal"> |
|---|
| | | <el-tree ref="groupTree" :data="groupTreeData" empty-text="暂无数据" :props="defaultProps" |
|---|
| | | <el-option :label="groupVal" :value="groupVal"> |
|---|
| | | <el-tree ref="groupTree" :data="groupTreeData" :props="defaultProps" empty-text="暂无数据" |
|---|
| | | @node-click="handleNodeClick"> |
|---|
| | | </el-tree> |
|---|
| | | </el-option> |
|---|
| | |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | <el-card> |
|---|
| | | <avue-crud :table-loading="loading" :data="mappingData" :option="optionMapping" ref="crudMapping" |
|---|
| | | @row-update="handleMapingUpdate" @row-click="handleMapingClick" |
|---|
| | | @row-dblclick="handleMapingRowClick" @selection-change="selectionChange" @select="setCurrentRow" |
|---|
| | | <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" |
|---|
| | | @select-all="handleSelectAll"> |
|---|
| | | <template slot="menuLeft"> |
|---|
| | | <el-button icon="el-icon-plus" size="small" type="primary" :disabled="disabledPush" |
|---|
| | | <el-button :disabled="disabledPush" icon="el-icon-plus" size="small" type="primary" |
|---|
| | | @click="dialogPush = true">新 增 |
|---|
| | | </el-button> |
|---|
| | | <el-button icon="el-icon-check" size="small" type="primary" @click="handleSave">保 存 |
|---|
| | |
|---|
| | | </avue-crud> |
|---|
| | | </el-card> |
|---|
| | | <el-card :style="{ marginTop: '20px'}"> |
|---|
| | | <avue-crud :style="{ marginTop: '-20px'}" :data="rangeData" :option="optinoRange" ref="crudRange" @row-update="handleUpdate" |
|---|
| | | <avue-crud ref="crudRange" :data="rangeData" :option="optinoRange" :style="{ marginTop: '-20px'}" |
|---|
| | | @row-update="handleUpdate" |
|---|
| | | @row-dblclick="handleRowClick"> |
|---|
| | | </avue-crud> |
|---|
| | | </el-card> |
|---|
| | | </el-card> |
|---|
| | | </el-main> |
|---|
| | | </el-container> |
|---|
| | | <integration-transfer :visible.sync="dialogPush" :data="transferData" :disabledData="filtermapping" |
|---|
| | | :props="transferProps" @save="handelTransferSave"></integration-transfer> |
|---|
| | | <integration-transfer :data="transferData" :disabledData="filtermapping" :props="transferProps" |
|---|
| | | :visible.sync="dialogPush" @save="handelTransferSave"></integration-transfer> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import integrationTransfer from './integrationTransfer.vue' |
|---|
| | | import pinyin from 'js-pinyin' |
|---|
| | | import { referCodeClassifyTree, referTree, gridAttrMapping, gridAttrRanges, batchAddSave, listCodeAttributeByClassId, syncClassifyModel } from '@/api/integration/integration.js' |
|---|
| | | import { |
|---|
| | | referCodeClassifyTree, |
|---|
| | | referTree, |
|---|
| | | gridAttrMapping, |
|---|
| | | gridAttrRanges, |
|---|
| | | batchAddSave, |
|---|
| | | listCodeAttributeByClassId, |
|---|
| | | syncClassifyModel |
|---|
| | | } from '@/api/integration/integration.js' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | integrationTransfer |
|---|
| | |
|---|
| | | column: [ |
|---|
| | | { label: '属性集团枚举值', prop: 'numTextValue', minWidth: 80 }, |
|---|
| | | { label: '集团属性枚举显示名称', prop: 'numText', minWidth: 80 }, |
|---|
| | | { label: 'MDM枚举值', prop: 'targetNumTextValue', minWidth: 80, cell: true, blur: (value) => window.handleBlur(value, 'range') }, |
|---|
| | | { label: 'MDM枚举显示名称', prop: 'targetNumText', minWidth: 80, cell: true, blur: (value) => window.handleBlur(value, 'range') }, |
|---|
| | | { |
|---|
| | | label: 'MDM枚举值', |
|---|
| | | prop: 'targetNumTextValue', |
|---|
| | | minWidth: 80, |
|---|
| | | cell: true, |
|---|
| | | blur: (value) => window.handleBlur(value, 'range') |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | label: 'MDM枚举显示名称', |
|---|
| | | prop: 'targetNumText', |
|---|
| | | minWidth: 80, |
|---|
| | | cell: true, |
|---|
| | | blur: (value) => window.handleBlur(value, 'range') |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | ...options |
|---|
| | | }, |
|---|
| | |
|---|
| | | else obj = null |
|---|
| | | return obj |
|---|
| | | }) |
|---|
| | | var r = items.filter(s => { return s && s.trim() }); |
|---|
| | | var r = items.filter(s => { |
|---|
| | | return s && s.trim() |
|---|
| | | }); |
|---|
| | | this.groupTreeData = r |
|---|
| | | } else { |
|---|
| | | this.groupTreeData = response.data |
|---|
