|
|
|
@ -24,44 +24,87 @@ |
|
|
|
|
|
|
|
<div class="table-wrap"> |
|
|
|
<div class="table-title"> |
|
|
|
<span> |
|
|
|
<span |
|
|
|
:class="currentItem === '1' ? 'act' : ''" |
|
|
|
@click="currentItem = '1'" |
|
|
|
> |
|
|
|
基本信息 |
|
|
|
</span> |
|
|
|
|
|
|
|
<span |
|
|
|
:class="currentItem === '2' ? 'act' : ''" |
|
|
|
@click="currentItem = '2'" |
|
|
|
> |
|
|
|
信用承若 |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<el-descriptions |
|
|
|
class="margin-top" |
|
|
|
:column="2" |
|
|
|
border |
|
|
|
:content-style="rowCenter" |
|
|
|
:label-style="labelRowCenter" |
|
|
|
> |
|
|
|
<el-descriptions-item |
|
|
|
:label="item.label" |
|
|
|
v-for="(item, index) in descrData" |
|
|
|
:key="(item, index)" |
|
|
|
<template v-if="currentItem === '1'"> |
|
|
|
<el-descriptions |
|
|
|
class="margin-top" |
|
|
|
:column="2" |
|
|
|
border |
|
|
|
:content-style="rowCenter" |
|
|
|
:label-style="labelRowCenter" |
|
|
|
> |
|
|
|
<el-descriptions-item |
|
|
|
:label="item.label" |
|
|
|
v-for="(item, index) in descrData" |
|
|
|
:key="(item, index)" |
|
|
|
> |
|
|
|
{{ item.val }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item label="单位类别" span="2"> |
|
|
|
{{ typeFormat(enterpriseType) }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item label="注册地址" span="2"> |
|
|
|
{{ registeredAddress }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item label="经营范围" span="2"> |
|
|
|
{{ businessScope }} |
|
|
|
</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-descriptions |
|
|
|
class="margin-top" |
|
|
|
:column="2" |
|
|
|
border |
|
|
|
:content-style="rowCenter" |
|
|
|
:label-style="labelRowCenter" |
|
|
|
> |
|
|
|
{{ item.val }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item label="单位类别" span="2"> |
|
|
|
{{ typeFormat(enterpriseType) }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item label="注册地址" span="2"> |
|
|
|
{{ registeredAddress }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item label="经营范围" span="2"> |
|
|
|
{{ businessScope }} |
|
|
|
</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
<el-descriptions-item label="企业承若书" span="2"> |
|
|
|
<div style="display: flex;flex-direction: column;"> |
|
|
|
<span |
|
|
|
v-if="enterpriseObj.certificateInformation" |
|
|
|
style="cursor: pointer;color: #0072ff;" |
|
|
|
@click=" |
|
|
|
downloadEnterprisePromise( |
|
|
|
enterpriseObj.certificateInformation |
|
|
|
) |
|
|
|
" |
|
|
|
>下载承若书</span |
|
|
|
><span style="color: #8b8b8b;" v-else>暂无文件</span> |
|
|
|
<span |
|
|
|
style="font-size: 14px; |
|
|
|
color: #777777;" |
|
|
|
>注:企业承诺书模版已更新，已使用原模板上传的仍然有效。</span |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { enterpriseInfo } from "@/api/enterpriseInformation"; |
|
|
|
import { getGuangDong } from "@/api/creditStatistics"; |
|
|
|
import { getFileStream } from "@/api/common"; |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
currentItem: "1", |
|
|
|
rowCenter: { |
|
|
|
borderColor: "#DADCE3" |
|
|
|
}, |
|
|
|
@ -126,7 +169,7 @@ export default { |
|
|
|
label: "单位性质", |
|
|
|
code: "investmentComposition", |
|
|
|
val: "" |
|
|
|
}, |
|
|
|
} |
|
|
|
// { |
|
|
|
// label: "单位类别", |
|
|
|
// code: "enterpriseType", |
|
|
|
@ -149,6 +192,23 @@ export default { |
|
|
|
this.getArea(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
downloadEnterprisePromise(file) { |
|
|
|
console.log(file); |
|
|
|
getFileStream({ fileName: file.fileName }).then(res => { |
|
|
|
const blob = new Blob([res], { |
|
|
|
// type类型后端返回来的数据中会有，根据自己实际进行修改 |
|
|
|
// 表格下载为 application/xlsx，压缩包为 application/zip等， |
|
|
|
type: "application/xlsx" |
|
|
|
}); //excel,pdf等 |
|
|
|
const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象 |
|
|
|
const a = document.createElement("a"); //创建a标签 |
|
|
|
a.style.display = "none"; |
|
|
|
a.href = href; // 指定下载链接 |
|
|
|
a.download = file.name; //指定下载文件名 |
|
|
|
a.click(); //触发下载 |
|
|
|
URL.revokeObjectURL(a.href); //释放URL对象 |
|
|
|
}); |
|
|
|
}, |
|
|
|
typeFormat(row, column) { |
|
|
|
return this.selectDictLabel(this.categoryList, row); |
|
|
|
}, |
|
|
|
@ -300,21 +360,27 @@ export default { |
|
|
|
line-height: 47px; |
|
|
|
background-color: #f6f6f6; |
|
|
|
|
|
|
|
&::before { |
|
|
|
content: ""; |
|
|
|
display: inline-block; |
|
|
|
width: 3px; |
|
|
|
height: 16px; |
|
|
|
background: #005eb7; |
|
|
|
margin-right: 10px; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
|
|
|
|
span { |
|
|
|
font-family: PingFangSC, PingFang SC; |
|
|
|
font-weight: 600; |
|
|
|
font-size: 16px; |
|
|
|
color: #333333; |
|
|
|
font-style: normal; |
|
|
|
margin-right: 10px; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
&::before { |
|
|
|
content: ""; |
|
|
|
display: inline-block; |
|
|
|
width: 3px; |
|
|
|
height: 16px; |
|
|
|
background: #005eb7; |
|
|
|
margin-right: 10px; |
|
|
|
vertical-align: middle; |
|
|
|
&.act { |
|
|
|
color: #005eb7; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
