| | |
| | | <el-descriptions class="margin-top" :column="3" :size="size" border> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-finished"></i> |
| | | <i :class="icons.key"></i> |
| | | 英文名称 |
| | | </template> |
| | | {{ obj.id }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-info"></i> |
| | | <i :class="icons.name"></i> |
| | | 中文名称 |
| | | </template> |
| | | {{ obj.name }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-date"></i> |
| | | <i :class="icons.tableName"></i> |
| | | 数据库表名 |
| | | </template> |
| | | {{ obj.tableName }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-folder-opened"></i> |
| | | <i :class="icons.domain"></i> |
| | | 所属领域 |
| | | </template> |
| | | {{ obj.domain }} |
| | |
| | | </el-descriptions-item> --> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-s-check"></i> |
| | | <i :class="icons.revisionRule"></i> |
| | | 版本规则 |
| | | </template> |
| | | {{ obj.versionRule }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-refresh-right"></i> |
| | | <i :class="icons.lifeCycle"></i> |
| | | 生命周期 |
| | | </template> |
| | | {{ obj.lifeCycleId }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-view"></i> |
| | | <i :class="icons.view"></i> |
| | | 视图 |
| | | </template> |
| | | {{ obj.viewFlag }} |
| | |
| | | </el-descriptions-item> --> |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-chat-line-square"></i> |
| | | <i :class="icons.desc"></i> |
| | | 描述 |
| | | </template> |
| | | {{ obj.description }} |
| | |
| | | <!-- 属性列表--> |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">属性列表</p> |
| | | <avue-crud v-model="obj" :data="obj.attributes" :option="loadOption" @row-save="loadSave"></avue-crud> |
| | | <avue-crud class="attributeCrud" v-model="obj" :data="obj.attributes" :option="loadOption"></avue-crud> |
| | | </basic-container> |
| | | </el-main> |
| | | <el-dialog :visible="ref.visible" title="从数据库中添加" width="700px" append-to-body @close="dialoghandelfalse"> |
| | |
| | | </el-select> |
| | | <avue-crud class="businessCrud" v-model="ref.form" :option="ref.option" :data="ref.data" @selection-change="selectionChange"> |
| | | </avue-crud> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialoghandelfalse">取 消</el-button> |
| | | <el-button type="primary" @click="dialoghandeltrue">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </el-container> |
| | | </el-container> |
| | | <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions"> |
| | | <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions" :icons="icons" @refreshTable="initTreeOnLoad"> |
| | | </business-add> |
| | | </el-container> |
| | | </template> |
| | |
| | | border: true, |
| | | height: 466, |
| | | editBtn: false, |
| | | index: true, |
| | | rowKey:'oid', |
| | | addBtn: false, |
| | | menu: false, |
| | | highlightCurrentRow: true, |
| | |
| | | }, |
| | | domain: null, |
| | | domainOptions: [], |
| | | icons:{ |
| | | key: 'el-icon-finished', |
| | | name: 'el-icon-info', |
| | | tableName: 'el-icon-date', |
| | | domain: 'el-icon-folder-opened', |
| | | revisionRule: 'el-icon-s-check', |
| | | lifeCycle: 'el-icon-refresh-right', |
| | | view: 'el-icon-view', |
| | | desc: 'el-icon-chat-line-square' |
| | | }, |
| | | ref: { |
| | | // 从表中选择dialog状态 |
| | | visible: false, |
| | |
| | | headerAlign: 'center', |
| | | border: true, |
| | | index: true, |
| | | rowKey: 'id', |
| | | rowKey: 'oid', |
| | | tabs: true, |
| | | addBtn: false, |
| | | menu: false, |
| | |
| | | } |
| | | }, |
| | | nodeClick(data) { |
| | | getDetail(data.oid).then(res => { |
| | | this.obj = res.data.data; |
| | | }) |
| | | }, |
| | | // 基本信息添加 |
| | | basicSave(row, done, loading) { |
| | | add(Object.assign({ |
| | | createUser: this.userInfo.name |
| | | }, row)).then(() => { |
| | | this.$message.success('新增成功') |
| | | done(); |
| | | this.getList(); |
| | | }).catch(() => { |
| | | loading() |
| | | }) |
| | | }, |
| | | //属性添加 |
| | | loadSave(row, done, loading) { |
| | | add(Object.assign({ |
| | | createUser: this.userInfo.name |
| | | }, row)).then(() => { |
| | | this.$message.success('新增成功') |
| | | done(); |
| | | this.getList(); |
| | | }).catch(() => { |
| | | loading() |
| | | }) |
| | | if(data.oid){ |
| | | getDetail(data.oid).then(res => { |
| | | this.obj = res.data.data; |
| | | }) |
| | | } |
| | | }, |
| | | selectFromTable() { |
| | | console.log('获取'); |
| | | this.ref.visible = true; |
| | | }, |
| | | refOnLoad(domain) { |
| | |
| | | }, |
| | | businessAdd(){ |
| | | this.$refs.btmAdd.showSubmitDialog = true; |
| | | this.$refs.btmAdd.refreshAttrTable(); |
| | | console.log('添加'); |
| | | }, |
| | | businessEdit(){ |
| | |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | .businessCrud > .el-card > .el-card__body > .avue-crud_menu{ |
| | | display: none!important; |
| | | .businessCrud > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu{ |
| | | display: none !important; |
| | | } |
| | | |
| | | .attributeCrud > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu{ |
| | | display: none !important; |
| | | } |
| | | </style> |