| | |
| | | <template> |
| | | <el-container> |
| | | <el-header class="businessHeader" style="height: 40px;"> |
| | | <el-header class="businessHeader" style="height: 40px;padding:0 8px"> |
| | | <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> |
| | |
| | | <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick" class="businessTree"> |
| | | <span class="el-tree-node__label" slot-scope="{ node, data }"> |
| | | <span> |
| | | <i class="el-icon-star-on"></i> |
| | | <i :class="(node || {}).level === 2 ? 'el-icon-star-off' : 'el-icon-folder-opened'"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | |
| | | <i :class="icons.domain"></i> |
| | | 所属领域 |
| | | </template> |
| | | <el-tag size="small"> |
| | | <el-tag v-if="obj.domainText" size="small"> |
| | | {{ obj.domainText }} |
| | | </el-tag> |
| | | <span v-else></span> |
| | | </el-descriptions-item> |
| | | <!-- <el-descriptions-item> |
| | | <template slot="label"> |
| | |
| | | <i :class="icons.revisionRule"></i> |
| | | 版本规则 |
| | | </template> |
| | | {{ obj.revisionRuleName + '(' + obj.revisionRuleId + ')' }} |
| | | {{ obj.revisionRuleName ? obj.revisionRuleName+ '(' + obj.revisionRuleId + ')' : ''}} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" |
| | | :contentStyle="descriptionOption.contentStyle"> |
| | |
| | | <i :class="icons.lifeCycle"></i> |
| | | 生命周期 |
| | | </template> |
| | | {{ obj.lifeCycleName + '(' + obj.lifeCycleId + ')' }} |
| | | {{ obj.lifeCycleName ? obj.lifeCycleName + '(' + obj.lifeCycleId + ')' : ''}} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item :labelStyle="descriptionOption.labelStyle" |
| | | :contentStyle="descriptionOption.contentStyle"> |
| | |
| | | <i :class="icons.view"></i> |
| | | 视图 |
| | | </template> |
| | | <el-tag size="small"> |
| | | <el-tag v-if="obj.viewText" size="small"> |
| | | {{ obj.viewText }} |
| | | </el-tag> |
| | | <span v-else></span> |
| | | </el-descriptions-item> |
| | | <!-- <el-descriptions-item> |
| | | <template slot="label"> |
| | |
| | | <div class="sep" style="height:7px"> |
| | | |
| | | </div> |
| | | <avue-crud class="businessCrud" v-model="ref.form" :option="ref.option" :data="ref.data" |
| | | <avue-crud class="businessCrud" ref="businessCrud" v-model="ref.form" :option="ref.option" :data="ref.data" |
| | | @selection-change="selectionChange"> |
| | | </avue-crud> |
| | | <span slot="footer" class="dialog-footer"> |
| | |
| | | defaultExpandAll: true, |
| | | title: '业务类型树', |
| | | addBtn: false, |
| | | menu:false, |
| | | props: { |
| | | labelText: '', |
| | | label: 'label', |
| | |
| | | }, |
| | | loadOption: { |
| | | border: true, |
| | | height: 466, |
| | | height: 478, |
| | | editBtn: false, |
| | | addBtn: false, |
| | | menu: false, |
| | |
| | | revisionRule: 'el-icon-s-check', |
| | | lifeCycle: 'el-icon-refresh-right', |
| | | view: 'el-icon-view', |
| | | desc: 'el-icon-chat-line-square' |
| | | desc: 'el-icon-chat-line-square', |
| | | referType: 'el-icon-search' |
| | | }, |
| | | ref: { |
| | | // 从表中选择dialog状态 |
| | |
| | | this.initDomainOption(); |
| | | }, |
| | | methods: { |
| | | nodeClick(data) { |
| | | nodeClick(data,node,leaf) { |
| | | if (data.oid) { |
| | | getDetail(data.oid).then(res => { |
| | | this.obj = res.data.data; |
| | |
| | | }) |
| | | }, |
| | | selectFromTable() { |
| | | console.log('获取'); |
| | | this.ref.visible = true; |
| | | }, |
| | | refOnLoad(domain) { |
| | |
| | | }, |
| | | dialoghandelfalse() { |
| | | this.ref.visible = false; |
| | | this.$refs.businessCrud.toggleSelection() |
| | | this.selectionList = []; |
| | | this.domain = null; |
| | | }, |
| | | dialoghandeltrue() { |
| | | if(this.selectionList.length<1){ |
| | | this.$message.warning('请选择数据'); |
| | | return false; |
| | | } |
| | | saveFromTable(this.selectionList, this.domain).then(res => { |
| | | this.$message.success('保存成功'); |
| | | this.dialoghandelfalse(); |
| | |
| | | }, |
| | | businessAdd() { |
| | | this.$refs.btmAdd.showSubmitDialog = true; |
| | | this.$refs.btmAdd.btmType = {}; |
| | | this.ifRefreshBtmAddRefresh(); |
| | | }, |
| | | businessEdit() { |