16 changed files with 193 additions and 27 deletions
@ -0,0 +1,98 @@ |
|||||
|
<template> |
||||
|
<div class="body1"> |
||||
|
<p class="title">资产评估/资产评价报告</p> |
||||
|
<img :src="host+'/'+contentDatas.asset_data.asset_report_img" class="file_img" v-if="contentDatas.asset_data.asset_report_img"> |
||||
|
<div class="img_span"> |
||||
|
<span @click="onPreview([host+'/'+contentDatas.asset_data.asset_report_img])" v-if="contentDatas.asset_data.asset_report_img">在线预览</span> |
||||
|
<el-upload |
||||
|
class="upload-demo" |
||||
|
:action="action" |
||||
|
:show-file-list="false" |
||||
|
:on-error="handleAvatarError" |
||||
|
list-type="picture" |
||||
|
:on-success="(res)=>{handleAvatarSuccess(res)}" |
||||
|
> |
||||
|
<span class="upload_span">{{contentDatas.asset_data.asset_report==null?'上传文件':'重新上传'}}</span> |
||||
|
</el-upload> |
||||
|
<a :href="contentDatas.asset_data.asset_report" v-if="contentDatas.asset_data.asset_report">下载文件</a> |
||||
|
</div> |
||||
|
<el-image-viewer |
||||
|
v-if="showViewer" |
||||
|
:on-close="closeViewer" |
||||
|
:url-list="img_url" |
||||
|
:z-index="9999" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import bus from '../../bus' |
||||
|
import {assetAssessReport} from '../../../../api/index' |
||||
|
export default { |
||||
|
props:{ |
||||
|
contentDatas:{ |
||||
|
require: true |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
ElImageViewer: () => import('element-ui/packages/image/src/image-viewer') |
||||
|
}, |
||||
|
data() { |
||||
|
return{ |
||||
|
host:'http://wenhua.xingtongworld.com', |
||||
|
action:'http://wenhua.xingtongworld.com/api/Index/uploadFile', |
||||
|
showViewer:false, |
||||
|
img_url:[], |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
// 上传资产评估报告 |
||||
|
assetAssessReport(url){ |
||||
|
let data={ |
||||
|
id:this.contentDatas.asset_data.id, |
||||
|
report:url |
||||
|
} |
||||
|
assetAssessReport(data).then(res => { |
||||
|
console.log(res); |
||||
|
if (res.code==100) { |
||||
|
this.$message.success('提交成功~'); |
||||
|
bus.$emit('getDate'); |
||||
|
}else{ |
||||
|
this.$message.error(res.msg); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
onPreview(img) { |
||||
|
this.img_url = img |
||||
|
this.showViewer = true |
||||
|
}, |
||||
|
// 关闭查看器 |
||||
|
closeViewer() { |
||||
|
this.showViewer = false |
||||
|
}, |
||||
|
handleAvatarError(){ |
||||
|
this.$message.error('文件上传失败！'); |
||||
|
}, |
||||
|
handleAvatarSuccess(res,type){ |
||||
|
console.info(res) |
||||
|
if(res.code==1){ |
||||
|
let contract=this.host+res.data.img_url; |
||||
|
// bus.$emit('file', contract); |
||||
|
this.assetAssessReport(contract) |
||||
|
|
||||
|
}else{ |
||||
|
this.$message.error(res.msg); |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
@import url('../../../../assets/css/sidebar.css'); |
||||
|
.img_span{ |
||||
|
width: 200px; |
||||
|
} |
||||
|
.img_span a{ |
||||
|
font-size: 14px; |
||||
|
color: #4E73E4; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue