可信代码库-软件详情版本详情页面开发
This commit is contained in:
付民康
175
src/views/Jyh/Version/Detail/VersionInfo.vue
Normal file
175
src/views/Jyh/Version/Detail/VersionInfo.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="version-info">
|
||||
<Card simple class="jyh-card mb-4">
|
||||
<div class="card-title">基本信息</div>
|
||||
<d-row class="mb-3">
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-90">软件名称</span>
|
||||
<span class="card-val">vue</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-90">软件版本</span>
|
||||
<span class="card-val">3.5.13</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-90">版本编码</span>
|
||||
<span class="card-val">0583594425</span>
|
||||
</d-col>
|
||||
</d-row>
|
||||
<d-row>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-90">软件编码</span>
|
||||
<span class="card-val">2023/08/05810TCX</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-90">主语言类型</span>
|
||||
<span class="card-val">JavaScript</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-90">开发商</span>
|
||||
<span class="card-val">vue</span>
|
||||
</d-col>
|
||||
</d-row>
|
||||
</Card>
|
||||
|
||||
<Card simple class="jyh-card mb-4">
|
||||
<div class="card-title">参考信息</div>
|
||||
<d-row class="mb-3">
|
||||
<d-col :span="24">
|
||||
<span class="card-key width-110">官网地址</span>
|
||||
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||
</d-col>
|
||||
</d-row>
|
||||
<d-row class="mb-3">
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-110">集成风险</span>
|
||||
<span class="card-val">低</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-110">代码量(KL)</span>
|
||||
<span class="card-val">10.259</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-110">漏洞数量</span>
|
||||
<span class="card-val">--</span>
|
||||
</d-col>
|
||||
</d-row>
|
||||
<d-row>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-110">选型时间</span>
|
||||
<span class="card-val">2023/08/05</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-110">所属领域/产业</span>
|
||||
<span class="card-val">CleanSource</span>
|
||||
</d-col>
|
||||
<d-col :span="8">
|
||||
<span class="card-key width-110">版本火车名称</span>
|
||||
<span class="card-val">CleanSource V8.0</span>
|
||||
</d-col>
|
||||
</d-row>
|
||||
</Card>
|
||||
|
||||
|
||||
<Card simple class="jyh-card mb-4">
|
||||
<div class="card-title">开源主License信息</div>
|
||||
<div class="mb-3">
|
||||
<d-table
|
||||
class="jyh-table-2"
|
||||
:header-bg="true"
|
||||
:data="licenseTableData"
|
||||
>
|
||||
<d-column field="code" header="编号"></d-column>
|
||||
<d-column field="name" header="名称"></d-column>
|
||||
<d-column field="detail" header="描述"></d-column>
|
||||
</d-table>
|
||||
</div>
|
||||
<d-row>
|
||||
<d-col :span="24">
|
||||
<span class="card-key width-140">主License分析报告</span>
|
||||
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||
</d-col>
|
||||
</d-row>
|
||||
</Card>
|
||||
<Card simple class="jyh-card mb-4">
|
||||
<div class="card-title">Copyright报告</div>
|
||||
<div class="mb-3">
|
||||
<d-table
|
||||
class="jyh-table-2"
|
||||
:header-bg="true"
|
||||
:data="CopyrightTableData"
|
||||
>
|
||||
<d-column field="code" header="Copyright报告"></d-column>
|
||||
<d-column field="detail" header="录入时间"></d-column>
|
||||
</d-table>
|
||||
</div>
|
||||
<d-row>
|
||||
<d-col :span="24">
|
||||
<span class="card-key width-140">主License分析报告</span>
|
||||
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||
</d-col>
|
||||
</d-row>
|
||||
</Card>
|
||||
<Card simple class="jyh-card mb-4">
|
||||
<div class="card-title">网络安全</div>
|
||||
<d-row class="mb-3">
|
||||
<d-col :span="24">
|
||||
<span class="card-key width-160">社区安全问题求助渠道</span>
|
||||
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||
</d-col>
|
||||
</d-row>
|
||||
<div class="mb-3 flex">
|
||||
<span class="card-key width-160">官网漏洞披露地址</span>
|
||||
<d-table
|
||||
style="display: contents"
|
||||
class="jyh-table-2"
|
||||
:header-bg="true"
|
||||
:data="CopyrightTableData"
|
||||
>
|
||||
<d-column type="index" width="40"></d-column>
|
||||
<d-column field="code" header="url"></d-column>
|
||||
</d-table>
|
||||
</div>
|
||||
<div class="mb-3 flex">
|
||||
<span class="card-key width-160">外部漏洞源的软件名称</span>
|
||||
<d-table
|
||||
style="display: contents"
|
||||
class="jyh-table-2"
|
||||
:header-bg="true"
|
||||
:data="CopyrightTableData"
|
||||
>
|
||||
<d-column field="code" header="厂商"></d-column>
|
||||
<d-column field="detail" header="软件名"></d-column>
|
||||
<d-column field="detail" header="来源"></d-column>
|
||||
</d-table>
|
||||
</div>
|
||||
<d-row class="mb-3">
|
||||
<d-col :span="24">
|
||||
<span class="card-key width-160">是否涉及用户登录</span>
|
||||
<span class="card-val">不涉及</span>
|
||||
</d-col>
|
||||
</d-row>
|
||||
<d-row>
|
||||
<d-col :span="24">
|
||||
<span class="card-key width-160">是否安卓类APP组件</span>
|
||||
<span class="card-val">否</span>
|
||||
</d-col>
|
||||
</d-row>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
import { ref } from 'vue';
|
||||
|
||||
const licenseTableData = ref([{code: '05822156', name:'MIT License',detail: 'integer'}]);
|
||||
const CopyrightTableData = ref([{code: '05822156',detail: 'integer'}]);
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import 'devui-theme/styles-var/devui-var.scss';
|
||||
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user