merge wsw into master

feat: 开发者社区信息api

Created-by: yfzmpj
Commit-by: 汪少伟
Merged-by: yfzmpj
Description: feat: 开发者社区信息api

See merge request: hk_openRepo/OpenRepo_Portal!41

src/views/Jyh/Version/Detail/CommunityInfo.vue

@@ -5,25 +5,22 @@
       <d-row class="mb-3">
         <d-col :span="8">
           <span class="card-key width-90">社区名称</span>
-          <span class="card-val">开发者社区</span>
+          <span class="card-val">{{ infos.communityName }}</span>
         </d-col>
         <d-col :span="8">
           <span class="card-key width-90">官网地址</span>
-          <span class="card-val">https://www.huaweicloud.com</span>
+          <span class="card-val">{{ infos.communityWebsite }}</span>
         </d-col>
         <d-col :span="8">
           <span class="card-key width-90">联系方式</span>
-          <span class="card-val">950808-1</span>
+          <span class="card-val">{{ infos.communityContact }}</span>
         </d-col>
       </d-row>
       <d-row class="mb-3">
         <d-col :span="24">
           <div class="flex">
             <span class="card-key width-90 flex-shrink-0">社区描述</span>
-            <span class="card-val flex-grow-1"
-              >华为开发者社区致力于打造华为开发者专属的官方技术交流平台，帮助开发者探索开发实践、交流心得经验、获悉业界动态、解决开发问题。汇聚华为云社区“华为云”领域博
-              客、问答、视频等精彩内容，形成开发者和技术爱好者交流与分享主阵地。</span
-            >
+            <span class="card-val flex-grow-1">{{ infos.communityDescription }}</span>
           </div>
         </d-col>
       </d-row>
@@ -32,14 +29,28 @@
       <div class="card-title">贡献者分布</div>
       <p class="card-desc">有关Pull Request创建者的公司信息和地区分布(使用公共GitHub信息进行分析)</p>
       <div class="mt-3">
-        <chart-line />
+        <chart-line ref="chartLine" :companyGraph="infos.companyGraph" :countryGraph="infos.countryGraph" />
       </div>
     </Card>
   </div>
 </template>
 
 <script setup>
+import { ref, reactive, onMounted } from 'vue';
+import SBOMDetail from './SBOMDetail.vue';
+import { communityInfo } from '@/api/jyh';
+import { useRoute } from 'vue-router';
 import ChartLine from '@/components/ChartLine/index.vue';
+
+const route = useRoute(); // 获取路由对象
+
+const chartLine = ref();
+const infos = ref({});
+onMounted(async () => {
+  const { data } = await communityInfo(Number(route.params.versionId));
+  infos.value = data?.data?.data || {};
+  chartLine.value.onInited();
+});
 </script>
 
 <style scoped lang="scss">

src/views/Jyh/Version/Detail/SBOM.vue

@@ -20,9 +20,13 @@
   </d-drawer>
 </template>
 <script setup lang="ts">
-import { ref, reactive } from 'vue';
+import { ref, reactive, onMounted } from 'vue';
 import SBOMDetail from './SBOMDetail.vue';
+import { dependencyTree } from '@/api/jyh';
+import { useRoute } from 'vue-router';
+
 const checked = ref(false);
+const route = useRoute(); // 获取路由对象
 const showDetail = ref(false);
 
 const baseTreeTableData1 = ref([
@@ -84,6 +88,10 @@ const baseTreeTableData1 = ref([
 const treeCheckChange = (val, row, selection) => {
   console.log('treeCheckChange', selection);
 };
+
+onMounted(async () => {
+  await dependencyTree(Number(route.params.versionId));
+});
 </script>
 
 <style scoped lang="scss">