| | |
| | | <template> |
| | | <el-container> |
| | | <el-header class="businessHeader" style="height: 40px;"> |
| | | <el-button type="primary" @click="businessAdd" size="small">新增</el-button> |
| | | <el-button type="primary" @click="businessEdit" size="small">修改</el-button> |
| | | <el-button type="primary" @click="selectFromTable" size="small">从已有中获取</el-button> |
| | | <el-button-group> |
| | | <el-button type="primary" @click="businessAdd" size="small"> <i class="el-icon-plus"></i> 新增</el-button> |
| | | <el-button type="primary" @click="businessEdit" size="small"><i class="el-icon-edit"></i> 修改</el-button> |
| | | <el-button type="primary" @click="selectFromTable" size="small"><i class="el-icon-thumb"></i> 从已有中获取</el-button> |
| | | </el-button-group> |
| | | </el-header> |
| | | <el-container> |
| | | <el-aside width="240px"> |
| | | <basic-container class="businessTreeContainer"> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">{{ treeOption.title }}</p> |
| | | <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick" class="businessTree"> |
| | | <span class="el-tree-node__label" slot-scope="{ node, data }"> |
| | | <span> |
| | |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">基本信息</p> |
| | | <el-descriptions class="margin-top" :column="3" :size="size" border> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <template slot="label"> |
| | | <i class="el-icon-finished"></i> |
| | | <i :class="icons.key"></i> |
| | | 英文名称 |
| | | </template> |
| | | {{ obj.id }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <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> |
| | | <template slot="label" :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <i :class="icons.tableName"></i> |
| | | 数据库表名 |
| | | </template> |
| | | {{ obj.tableName }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <template slot="label"> |
| | | <i class="el-icon-folder-opened"></i> |
| | | <i :class="icons.domain"></i> |
| | | 所属领域 |
| | | </template> |
| | | <el-tag size="small"> |
| | |
| | | </template> |
| | | {{ obj.sss }} |
| | | </el-descriptions-item> --> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <template slot="label"> |
| | | <i class="el-icon-s-check"></i> |
| | | <i :class="icons.revisionRule"></i> |
| | | 版本规则 |
| | | </template> |
| | | {{ obj.versionRule }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <template slot="label"> |
| | | <i class="el-icon-refresh-right"></i> |
| | | <i :class="icons.lifeCycle"></i> |
| | | 生命周期 |
| | | </template> |
| | | {{ obj.lifeCycleId }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <template slot="label"> |
| | | <i class="el-icon-view"></i> |
| | | <i :class="icons.view"></i> |
| | | 视图 |
| | | </template> |
| | | <el-tag size="small"> |
| | |
| | | </template> |
| | | {{ obj.implClass }} |
| | | </el-descriptions-item> --> |
| | | <el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" :contentStyle="descriptionOption.contentStyle"> |
| | | <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 class="attributeCrud" v-model="obj" :data="obj.attributes" :option="loadOption"> |
| | | <template slot="attrDataType" slot-scope="{row}" > |
| | | <el-tag>{{row.attrDataType}}</el-tag> |
| | | <template slot="attrDataTypeText" slot-scope="{row}" > |
| | | <el-tag>{{row.attrDataTypeText}}</el-tag> |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | |
| | | treeOption: { |
| | | defaultExpandAll: true, |
| | | title: '业务类型树', |
| | | addBtn: false, |
| | | props: { |
| | | labelText: '', |
| | | label: 'name', |
| | | label: 'label', |
| | | value: 'oid', |
| | | children: 'childList', |
| | | } |
| | |
| | | }, |
| | | { |
| | | label: "类型", |
| | | prop: "attrDataType", |
| | | prop: "attrDataTypeText", |
| | | align: 'center', |
| | | slot: true |
| | | }, |
| | |
| | | } |
| | | ] |
| | | }, |
| | | descriptionOption: { |
| | | labelStyle:'text-align:center;width:120px', |
| | | contentStyle: 'width:240px;text-align:center;word-break;break-all;' |
| | | }, |
| | | domain: null, |
| | | domainOptions: [], |
| | | icons:{ |
| | | key: 'el-icon-finished', |
| | | name: 'el-icon-info', |
| | | name: 'el-icon-tickets', |
| | | tableName: 'el-icon-date', |
| | | domain: 'el-icon-folder-opened', |
| | | revisionRule: 'el-icon-s-check', |
| | |
| | | } |
| | | ] |
| | | }, |
| | | data: [{ |
| | | tableName: '1', |
| | | description: '2' |
| | | }] |
| | | data: [], |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.ifRefreshBtmAddRefresh(); |
| | | }, |
| | | businessEdit(){ |
| | | this.$refs.btmAdd.btmType = this.obj; |
| | | var json = JSON.stringify(this.obj); |
| | | this.$refs.btmAdd.btmType = JSON.parse(json); |
| | | this.$refs.btmAdd.showSubmitDialog = true; |
| | | this.ifRefreshBtmAddRefresh(); |
| | | }, |