<template>
|
<div class="">
|
<table class="table">
|
<tbody>
|
<tr>
|
<th colspan="4">软件基本信息</th>
|
</tr>
|
<tr>
|
<th class="col-1">文件名称</th>
|
<td colspan="3">{{ summarize.fileName }}</td>
|
</tr>
|
<tr>
|
<th class="col-1">板号</th>
|
<td colspan="3">{{ summarize.boardNumber }}</td>
|
</tr>
|
<tr>
|
<th class="col-1">软件类型</th>
|
<td colspan="3">{{ summarize.type }}</td>
|
</tr>
|
<tr>
|
<th class="col-1">软件版本</th>
|
<td>{{ summarize.version }}</td>
|
<th class="col-3">软件基于版本</th>
|
<td>{{ summarize.basedVersion }}</td>
|
</tr>
|
<tr>
|
<th class="col-1">软件负责人</th>
|
<td>{{ summarize.owner }}</td>
|
<th class="col-3">归档日期</th>
|
<td>{{ summarize.filingDate }}</td>
|
</tr>
|
<tr>
|
<th colspan="4">软件适用机型</th>
|
</tr>
|
<tr v-for="(item, idx) in list" :key="idx">
|
<th class="col-1">物料编码</th>
|
<td>{{ item.parentCode }}</td>
|
<th class="col-3">规格型号</th>
|
<td>{{ item.parentModel }}</td>
|
</tr>
|
<tr>
|
<th class="col-1">发布说明</th>
|
<td colspan="3">{{ summarize.releaseNotes }}</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "",
|
props: {
|
info: {
|
type: Array,
|
default() {
|
return [];
|
},
|
},
|
},
|
data() {
|
return {};
|
},
|
computed: {
|
list() {
|
return this.info.map((v) => ({
|
parentCode: v.applyMaterialCode,
|
parentModel: v.applyModel,
|
}));
|
},
|
summarize() {
|
// console.log(this.info[0]);
|
return this.info[0] || {};
|
},
|
},
|
methods: {},
|
|
mounted() {
|
// console.log(this.summarize, 90909);
|
},
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.table {
|
width: 100%;
|
// table-layout: fixed;
|
border-collapse: collapse;
|
th,
|
td {
|
border: 1px #333 solid;
|
padding: 4px;
|
}
|
td {
|
color: #13c2c2;
|
}
|
}
|
// .col-1,
|
// .col-3 {
|
// // word-break:break-all;
|
// width: 5.4em;
|
// }
|
</style>
|
