| | |
| | | <el-container> |
| | | <el-aside style="width: 300px"> |
| | | <basic-container class="businessTreeContainer"> |
| | | <div class="app"style="overflow: auto;height: 84.3vh;"> |
| | | <div class="app"style="height: calc(100vh - 145px);"> |
| | | <div style="display: flex;margin-bottom: 10px;justify-content: space-around;"> |
| | | <el-button v-if="permissionList.addBtn" plain size="mini" type="primary" |
| | | @click="businessAdd"> |
| | |
| | | type="primary" @click="selectFromTable"> 从已有中获取 |
| | | </el-button> |
| | | </div> |
| | | <avue-tree :data="treeData" :option="treeOption" class="businessTree" style="height: 74.3vh" |
| | | @node-click="nodeClick"> |
| | | <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="250" |
| | | placement="top-start"> |
| | | <span> |
| | | <div style="height: calc(100vh - 220px);overflow: auto"> |
| | | <avue-tree :data="treeData" :option="treeOption" class="businessTree" |
| | | @node-click="nodeClick"> |
| | | <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="250" |
| | | placement="top-start"> |
| | | <span style="font-size: 15px;"> |
| | | <i :class="(node || {}).level === 2 ? 'el-icon-star-off' : 'el-icon-folder-opened'"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </el-tooltip> |
| | | </template> |
| | | </avue-tree> |
| | | </el-tooltip> |
| | | </template> |
| | | </avue-tree> |
| | | </div> |
| | | </div> |
| | | |
| | | </basic-container> |
| | |
| | | <!-- 属性列表--> |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">属性列表</p> |
| | | <avue-crud v-model="obj" :data="obj.attributes" :option="loadOption" class="attributeCrud"> |
| | | <!-- style="height: calc(100vh - 435px)"--> |
| | | <avue-crud v-model="obj" :data="obj.attributes" :option="loadOption" class="attributeCrud"> |
| | | <template slot="attrDataTypeText" slot-scope="{row}"> |
| | | <el-tag>{{ row.attrDataTypeText }}</el-tag> |
| | | </template> |
| | |
| | | selectionList: [], |
| | | treeData: [], |
| | | treeOption: { |
| | | height:'auto', |
| | | defaultExpandAll: false, |
| | | title: '业务类型树', |
| | | addBtn: false, |
| | |
| | | } |
| | | }, |
| | | addOption: { |
| | | btmType: {}, |
| | | btmEditType:{} |
| | | btmType: { |
| | | attributes:[] |
| | | }, |
| | | btmEditType:{ |
| | | attributes:[] |
| | | } |
| | | }, |
| | | loadOption: { |
| | | height: 'auto', |
| | | calcHeight: 0, |
| | | border: true, |
| | | editBtn: false, |
| | | addBtn: false, |
| | |
| | | getDetail(data.oid).then(res => { |
| | | this.obj = res.data.data; |
| | | this.addOption.btmEditType = res.data.data; |
| | | // if(this.addOption.btmEditType.domainText){ |
| | | // this.$refs.btmEdit.getDefaultData('reVersionRule', 'ruleData', 'ruleFirstSelection'); |
| | | // } |
| | | // //版本规则 |
| | | // if(this.addOption.btmEditType.revisionRuleName && this.addOption.btmEditType.revisionRuleId){ |
| | | // this.$refs.btmEdit.getDefaultData('reVersionRule', 'ruleData', 'ruleFirstSelection'); |
| | | // } |
| | | // //生命周期 |
| | | // if(this.addOption.btmEditType.lifeCycleId && this.addOption.btmEditType.lifeCycleName){ |
| | | // this.$refs.btmEdit.getDefaultData('lifeCycle', 'lifeData', 'lifeCycleSelection') |
| | | // } |
| | | }) |
| | | } else { |
| | | this.$message.warning('请点击子节点'); |