Merge branch 'sdp-v1'

src/views/meta-model-list/DetailLegend.vue

+<!--
+ * @Description: 元模型管理详情， 图例
+ * @Version: 2.0
+ * @Autor: pan
+ * @Date: 2024-04-02 17:10:55
+ * @LastEditors: pan
+ * @LastEditTime: 2024-04-02 17:44:41
+-->
+<template>
+  <div class="legend flex">
+    <span class="m-r-20">图例:</span>
+    <div class="flex-c" v-for="(item, idx) in items" :key="idx">
+      <span class="icon m-r-6 m-l-10" :style="{backgroundColor: item.color}"></span>
+      <span class="name">{{item.name}}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      items: [
+        {
+          name: '业务架构元素',
+          color: '#d2edfd'
+        },
+        {
+          name: '应用架构元素',
+          color: '#a0ce62'
+        },
+        {
+          name: '数据架构元素',
+          color: '#fbe8d0'
+        },
+        {
+          name: '技术架构元素',
+          color: '#e4d3fc'
+        },
+        {
+          name: '安全架构元素',
+          color: '#fffe55'
+        }
+      ]
+    }
+  },
+}
+</script>
+<style scoped lang="scss">
+@import '@/styles/common.scss';
+.legend {
+  border: 1px solid #333;
+  position: absolute;
+  left: 240px;
+  bottom: 10px;
+  background-color: #f5f5f5;
+  padding: 20px 16px;
+  width: calc(100% - 540px);
+  flex-wrap: wrap;
+  font-size: 12px;
+  .icon {
+    width: 24px;
+    height: 20px;
+    border-radius: 4px;
+    border: 1px solid #333;
+  }
+}
+</style>

src/views/meta-model-list/details.vue

@@ -16,6 +16,7 @@
 					<i class="el-icon-picture"></i>
 				</span>
 				<Graph></Graph>
+        <DetailLegend />
 			</el-tab-pane>
 			<el-tab-pane>
 				<span slot="label">
@@ -37,6 +38,7 @@
 import Graph from './canvas/index.vue';
 import Tables from './table/index.vue';
 import Mind from './mind/index.vue';
+import DetailLegend from './DetailLegend.vue'
 import { MessageBox, Message } from 'element-ui';
 import { 
 	save_drawio_version,
@@ -47,7 +49,8 @@ export default {
 	components: {
 		Graph,
 		Tables,
-		Mind
+		Mind,
+    DetailLegend
 	},
 	data() {
 		return {

src/views/meta-model-list/index.vue

@@ -306,10 +306,11 @@ export default {
 					const xmlTitle = res.data.verName;
 					localStorage.setItem('xmlData', xmlData);
 					localStorage.setItem('xmlTitle', xmlTitle);
-					Promise.all([ this.queryDrawioGraph(item.metaModelId), this.queryDrawioGraph2(item.metaModelId) ]).then(res2 => {
-						localStorage.setItem('commonGraph', JSON.stringify({ show: false, graph: res2[0].dataEle }));
-						localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: res2[1].dataEle }));
-						localStorage.setItem('joinGraph', JSON.stringify({ state: 1, graph: res2[1].dataEle }));
+          // this.queryDrawioGraph(item.metaModelId),
+					Promise.all([ this.queryDrawioGraph2(item.metaModelId) ]).then(res2 => {
+						// localStorage.setItem('commonGraph', JSON.stringify({ show: false, graph: res2[0].dataEle }));
+						localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: res2[0].dataEle }));
+						localStorage.setItem('joinGraph', JSON.stringify({ state: 1, graph: res2[0].dataEle }));
 						this.$router.push( `/main/metaModelListDetails?id=${item.metaModelId}&info=${item.version}`,  () => {}, () => {} );
 					});
 				}