From 3f079871be6f5706deb82adda821f0dcc03fba24 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期五, 23 二月 2024 17:05:06 +0800
Subject: [PATCH] 主题库定义模板属性高级查询
---
Source/UBCS-WEB/src/views/modeling/Business.vue | 312 ++++++++++++++++++++++++++++++++++-----------------
1 files changed, 208 insertions(+), 104 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/modeling/Business.vue b/Source/UBCS-WEB/src/views/modeling/Business.vue
index 3b59829..5e8f486 100644
--- a/Source/UBCS-WEB/src/views/modeling/Business.vue
+++ b/Source/UBCS-WEB/src/views/modeling/Business.vue
@@ -1,21 +1,42 @@
<template>
<el-container>
- <el-header>
- <el-button type="primary" @click="businessAdd">鏂板</el-button>
- <el-button type="primary" @click="businessEdit">淇敼</el-button>
- <el-button type="primary" @click="selectFromTable">浠庡凡鏈変腑鑾峰彇</el-button>
- </el-header>
+ <!-- <el-header class="businessHeader" style="height: 40px;padding:0 8px">-->
+
+ <!-- </el-header>-->
<el-container>
- <el-aside width="240px">
- <basic-container>
- <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick">
- <span class="el-tree-node__label" slot-scope="{ node, data }">
- <span>
- <i class="el-icon-star-on"></i>
+ <el-aside style="width: 300px">
+ <basic-container class="businessTreeContainer">
+ <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">
+ 鏂板
+ </el-button>
+ <el-button v-if="permissionList.editBtn" plain size="mini" type="primary"
+ @click="businessEdit">
+ 淇敼
+ </el-button>
+ <el-button v-if="permissionList.table" plain size="mini"
+ type="primary" @click="selectFromTable"> 浠庡凡鏈変腑鑾峰彇
+ </el-button>
+ </div>
+ <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>
- </span>
- </avue-tree>
+ </el-tooltip>
+ </template>
+ </avue-tree>
+ </div>
+ </div>
+
</basic-container>
</el-aside>
<el-container>
@@ -23,15 +44,17 @@
<!--鍩烘湰淇℃伅-->
<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 :column="3" :size="size" border class="margin-top">
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<template slot="label">
<i :class="icons.key"></i>
鑻辨枃鍚嶇О
</template>
{{ obj.id }}
</el-descriptions-item>
- <el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<template slot="label">
<i :class="icons.name"></i>
涓枃鍚嶇О
@@ -39,66 +62,42 @@
{{ obj.name }}
</el-descriptions-item>
<el-descriptions-item>
- <template slot="label">
+ <template slot="label" :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<i :class="icons.tableName"></i>
鏁版嵁搴撹〃鍚�
</template>
{{ obj.tableName }}
</el-descriptions-item>
- <el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<template slot="label">
<i :class="icons.domain"></i>
鎵�灞為鍩�
</template>
- <el-tag size="small">
- {{ obj.domainText }}
- </el-tag>
+ <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="el-icon-s-ticket"></i>
- 鏍囩
- </template>
- {{obj.hashtag}}
- </el-descriptions-item> -->
- <!-- <el-descriptions-item>
- <template slot="label">
- <i class="el-icon-arrow-up"></i>
- 缁ф壙鑷�
- </template>
- {{ obj.sss }}
- </el-descriptions-item> -->
- <el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<template slot="label">
<i :class="icons.revisionRule"></i>
鐗堟湰瑙勫垯
</template>
- {{ obj.versionRule }}
+ {{ obj.revisionRuleName ? obj.revisionRuleName + '(' + obj.revisionRuleId + ')' : '' }}
</el-descriptions-item>
- <el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<template slot="label">
<i :class="icons.lifeCycle"></i>
鐢熷懡鍛ㄦ湡
</template>
- {{ obj.lifeCycleId }}
+ {{ obj.lifeCycleName ? obj.lifeCycleName + '(' + obj.lifeCycleId + ')' : '' }}
</el-descriptions-item>
- <el-descriptions-item>
- <template slot="label">
- <i :class="icons.view"></i>
- 瑙嗗浘
- </template>
- <el-tag size="small">
- {{ obj.viewText }}
- </el-tag>
- </el-descriptions-item>
- <!-- <el-descriptions-item>
- <template slot="label">
- <i class="el-icon-arrow-down"></i>
- 瀹炵幇绫�
- </template>
- {{ obj.implClass }}
- </el-descriptions-item> -->
- <el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
<template slot="label">
<i :class="icons.desc"></i>
鎻忚堪
@@ -110,30 +109,41 @@
<!-- 灞炴�у垪琛�-->
<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>
+<!-- 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>
</avue-crud>
</basic-container>
</el-main>
- <el-dialog :visible="ref.visible" title="浠庢暟鎹簱涓坊鍔�" width="700px" append-to-body @close="dialoghandelfalse">
+ <el-dialog :visible="ref.visible" append-to-body title="浠庢暟鎹簱涓坊鍔�" top="4vh" width="600px"
+ @close="dialoghandelfalse">
閫夋嫨棰嗗煙锛�
- <el-select v-model="domain" placeholder="璇烽�夋嫨" @change="refOnLoad">
+ <el-select v-model="domain" placeholder="璇烽�夋嫨" size="small" @change="refOnLoad">
<el-option v-for="item in domainOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
- <avue-crud class="businessCrud" v-model="ref.form" :option="ref.option" :data="ref.data" @selection-change="selectionChange">
+ <div class="sep" style="height:7px">
+
+ </div>
+ <avue-crud ref="businessCrud" v-model="ref.form" :data="ref.data" :option="ref.option" class="businessCrud"
+ @selection-change="selectionChange">
</avue-crud>
- <div slot="footer" class="dialog-footer">
- <el-button @click="dialoghandeltrue">纭畾</el-button>
- <el-button @click="dialoghandelfalse">鍙栨秷</el-button>
- </div>
+ <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" :icons="icons" @refreshTable="initTreeOnLoad">
- </business-add>
+ <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions" :icons="icons" :type="type"
+ @refreshTable="initTreeOnLoad">
+ </business-add>
+ <business-edit ref="btmEdit" :btmType="addOption.btmEditType" :domainOption="domainOptions" :icons="icons" :type="type"
+ @refreshTable="initTreeOnLoad">
+
+ </business-edit>
</el-container>
</template>
<script>
@@ -144,10 +154,13 @@
saveFromTable,
getDetail
} from "@/api/omd/btmType"
+import {mapGetters} from "vuex";
+
export default {
name: "Business",
data() {
return {
+ type: "",
//鐢熷懡鍛ㄦ湡瀵硅瘽妗嗙姸鎬�
packageLifeBox: false,
//鐗堟湰瑙勫垯鐘舵��
@@ -156,29 +169,36 @@
selectionList: [],
treeData: [],
treeOption: {
- defaultExpandAll: true,
+ height:'auto',
+ defaultExpandAll: false,
title: '涓氬姟绫诲瀷鏍�',
+ addBtn: false,
+ menu: false,
props: {
labelText: '',
- label: 'name',
+ label: 'label',
value: 'oid',
children: 'childList',
}
},
- addOption:{
- btmType:{},
+ addOption: {
+ btmType: {
+ attributes:[]
+ },
+ btmEditType:{
+ attributes:[]
+ }
},
loadOption: {
+ height: 'auto',
+ calcHeight: 0,
border: true,
- height: 466,
editBtn: false,
- index: true,
- rowKey:'oid',
addBtn: false,
menu: false,
highlightCurrentRow: true,
- refreshBtn:false,
- columnBtn:false,
+ refreshBtn: false,
+ columnBtn: false,
column: [
{
label: '鑻辨枃鍚嶇О',
@@ -191,7 +211,7 @@
},
{
label: "绫诲瀷",
- prop: "attrDataType",
+ prop: "attrDataTypeText",
align: 'center',
slot: true
},
@@ -207,17 +227,22 @@
}
]
},
+ descriptionOption: {
+ labelStyle: 'text-align:center;width:120px',
+ contentStyle: 'width:240px;text-align:center;word-break;break-all;'
+ },
domain: null,
domainOptions: [],
- icons:{
+ 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',
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鐘舵��
@@ -229,10 +254,11 @@
headerAlign: 'center',
border: true,
index: true,
- rowKey: 'oid',
+ rowKey: 'id',
tabs: true,
addBtn: false,
menu: false,
+ refreshBtn:false,
highlightCurrentRow: true,
column: [
{
@@ -249,10 +275,17 @@
}
]
},
- data: [{
- tableName: '1',
- description: '2'
- }]
+ data: [],
+ }
+ }
+ },
+ computed: {
+ ...mapGetters(["permission"]),
+ permissionList() {
+ return {
+ addBtn: this.vaildData(this.permission.modeling_Business.Business_add, false),
+ table: this.vaildData(this.permission.modeling_Business.Business_table, false),
+ editBtn: this.vaildData(this.permission.modeling_Business.Business_edit, false),
}
}
},
@@ -261,12 +294,50 @@
this.initDomainOption();
},
methods: {
- nodeClick(data) {
- if(data.oid){
+ nodeClick(data, node, leaf) {
+ if (data.oid) {
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('璇风偣鍑诲瓙鑺傜偣');
}
+ },
+ // 鍩烘湰淇℃伅娣诲姞
+ 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()
+ })
},
selectFromTable() {
this.ref.visible = true;
@@ -291,42 +362,75 @@
},
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();
this.initTreeOnLoad();
})
},
- businessAdd(){
+ businessAdd() {
this.$refs.btmAdd.showSubmitDialog = true;
+ this.$refs.btmAdd.btmType = {};
+ this.type = 'add';
this.ifRefreshBtmAddRefresh();
},
- businessEdit(){
- this.$refs.btmAdd.btmType = this.obj;
- this.$refs.btmAdd.showSubmitDialog = true;
+ businessEdit() {
+ if (!this.obj.oid) {
+ this.$message.warning("璇烽�夋嫨涓�鏉″彾瀛愯妭鐐圭殑涓氬姟绫诲瀷");
+ return;
+ }
+ // const json = JSON.stringify(this.obj);
+ // this.$refs.btmAdd.btmType = JSON.parse(json);
+ this.$refs.btmEdit.showSubmitDialog = true;
+ this.type = 'edit'
this.ifRefreshBtmAddRefresh();
},
- ifRefreshBtmAddRefresh(){
- this.$refs.btmAdd.refreshAttrTable();
+ ifRefreshBtmAddRefresh() {
+ // this.$refs.btmAdd.refreshAttrTable();
}
},
}
</script>
-<style lang="scss">
-#basic {
- height: 770px;
- border-radius: 10px;
+<style lang="scss" scoped>
+
+.businessCrud > .el-card:nth-of-type(2) > .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;
}
-.attributeCrud > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu{
- display: none !important;
-}
+
+
+
+
+//
+//.app::-webkit-scrollbar {
+// height: 15px; // 绾靛悜婊氬姩鏉� 蹇呭啓
+// background: white;
+// border: white;
+// width: 10px;
+//
+//}
+//
+//// 婊氬姩鏉＄殑婊戝潡
+//.app::-webkit-scrollbar-thumb {
+// width: 10px;
+// height: 10px;
+// background-color: #ececec;
+// border-radius: 20px;
+// border: #ececec;
+//}
+
+
</style>
--
Gitblit v1.9.3