9 changed files with 182 additions and 38 deletions
@ -0,0 +1,54 @@ |
|||||
|
<template> |
||||
|
<div class="body1"> |
||||
|
<p class="title">商家概况</p> |
||||
|
<div class="img_span1"> |
||||
|
<span v-for="(item,index) in img_data " :key="index" @click="onPreview(item.url)">{{item.name}}({{item.url.length}})</span> |
||||
|
<el-image-viewer |
||||
|
v-if="showViewer" |
||||
|
:on-close="closeViewer" |
||||
|
:url-list="img_url" |
||||
|
:z-index="9999" |
||||
|
/> |
||||
|
</div> |
||||
|
<p class="p_info">托管方类型:机构托管</p> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
components: { |
||||
|
ElImageViewer: () => import('element-ui/packages/image/src/image-viewer') |
||||
|
}, |
||||
|
props:{ |
||||
|
contentDatas:{ |
||||
|
require: true |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return{ |
||||
|
img_data:[], |
||||
|
showViewer:false, |
||||
|
img_url:[] |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
onPreview(img) { |
||||
|
this.img_url = img |
||||
|
this.showViewer = true |
||||
|
}, |
||||
|
// 关闭查看器 |
||||
|
closeViewer() { |
||||
|
this.showViewer = false |
||||
|
}, |
||||
|
}, |
||||
|
created(){ |
||||
|
this.img_data=[{name:'营业执照',url:[this.contentDatas.shop_data.business_license]},{name:'法人代表证明书',url:[this.contentDatas.shop_data.legal_certificate]}, |
||||
|
{name:'法人身份证件',url:[this.contentDatas.shop_data.legal_card]},{name:'法人授权委托书',url:[this.contentDatas.shop_data.legal_authorization]}, |
||||
|
{name:'经办人身份证',url:[this.contentDatas.shop_data.operator_card]},{name:'银行开户证明',url:[this.contentDatas.shop_data.bank_account_certificate]}, |
||||
|
{name:'资产托管权属承诺函',url:[this.contentDatas.shop_data.asset_trusteeship]},{name:'其他要求文件',url:[this.contentDatas.shop_data.else_file]}, |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import url('../../../../assets/css/sidebar.css'); |
||||
|
</style> |
||||
Loading…
Reference in new issue