From c2ffa7702bc2a58b75ac7f531177e7fb50976609 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期五, 09 八月 2024 17:07:47 +0800
Subject: [PATCH] 业务类型整合代码
---
Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue | 144 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 142 insertions(+), 2 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
index 767ed05..c137fde 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/businessType/index.vue
@@ -46,6 +46,123 @@
</div>
</basic-container>
</el-aside>
+ <el-main>
+ <basic-container>
+ <div style="display: flex;justify-content: center">
+ <div class="descBox">
+ <el-descriptions :column="1" border class="margin-top" size="medium" title="灞炴�т俊鎭�">
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.name"></i>
+ 鍚嶇О
+ </template>
+ <el-tag v-if="nodeRow.name">{{ nodeRow.name }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.label"></i>
+ 鏍囩
+ </template>
+ <el-tag v-if="nodeRow.label">{{ nodeRow.label }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.implClass"></i>
+ 瀹炵幇绫�
+ </template>
+ <el-tooltip class="item" effect="dark" :content="nodeRow.implClass" placement="top-start">
+ <el-tag v-if="nodeRow.implClass">{{ nodeRow.implClass }}</el-tag>
+ </el-tooltip>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.desc"></i>
+ 鎻忚堪
+ </template>
+ <el-tag v-if="nodeRow.description">{{ nodeRow.description }}</el-tag>
+ </el-descriptions-item>
+ </el-descriptions>
+ </div>
+ <div class="descBox">
+ <el-descriptions :column="1" border class="margin-top" size="medium" title="灞炴�т俊鎭�">
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.name"></i>
+ 鍚嶇О
+ </template>
+ <el-tag v-if="nodeRow.name">{{ nodeRow.name }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.label"></i>
+ 鏍囩
+ </template>
+ <el-tag v-if="nodeRow.label">{{ nodeRow.label }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.implClass"></i>
+ 瀹炵幇绫�
+ </template>
+ <el-tag v-if="nodeRow.implClass">{{ nodeRow.implClass }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.desc"></i>
+ 鎻忚堪
+ </template>
+ <el-tag v-if="nodeRow.description">{{ nodeRow.description }}</el-tag>
+ </el-descriptions-item>
+ </el-descriptions>
+ </div>
+ <div class="descBox">
+ <el-descriptions :column="1" border class="margin-top" size="medium" title="灞炴�т俊鎭�">
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.name"></i>
+ 鍚嶇О
+ </template>
+ <el-tag v-if="nodeRow.name">{{ nodeRow.name }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.label"></i>
+ 鏍囩
+ </template>
+ <el-tag v-if="nodeRow.label">{{ nodeRow.label }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.implClass"></i>
+ 瀹炵幇绫�
+ </template>
+ <el-tag v-if="nodeRow.implClass">{{ nodeRow.implClass }}</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item :contentStyle="descriptionOption.contentStyle"
+ :labelStyle="descriptionOption.labelStyle">
+ <template slot="label">
+ <i :class="icons.desc"></i>
+ 鎻忚堪
+ </template>
+ <el-tag v-if="nodeRow.description">{{ nodeRow.description }}</el-tag>
+ </el-descriptions-item>
+ </el-descriptions>
+ </div>
+ </div>
+
+ </basic-container>
+ </el-main>
</el-container>
</template>
@@ -56,6 +173,10 @@
name: "index",
data() {
return {
+ form:{
+
+ },
+ nodeRow:{},
treeOption: {
height: 'auto',
defaultExpandAll: false,
@@ -67,7 +188,16 @@
children: 'children'
}
},
- treeData: []
+ treeData: [],
+ descriptionOption: {
+ labelStyle: 'text-align:center;min-width:80px;',
+ contentStyle: 'width:200px;text-align:center;word-break;break-all;'
+ },
+ icons: {
+ id: 'el-icon-finished',
+ name: 'el-icon-tickets',
+ desc: 'el-icon-chat-line-square'
+ },
}
},
created() {
@@ -81,7 +211,13 @@
});
this.treeData = data;
})
- }
+ },
+
+ // 鏍戠偣鍑�
+ nodeClick(row){
+ console.log(row);
+ this.nodeRow = row;
+ },
}
}
</script>
@@ -140,4 +276,8 @@
text-align: center;
padding-left: 4.5px;
}
+.descBox{
+ width: 32%;
+ margin-left: 20px;
+}
</style>
--
Gitblit v1.9.3