21 changed files with 951 additions and 34 deletions
@ -0,0 +1,58 @@ |
|||
<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">资产名称：{{contentDatas.asset_data.serial_name}}</p> |
|||
<p class="p_info">资产类型：{{contentDatas.asset_data.asset_type_id}}</p> |
|||
<p class="p_info">转让价格：￥{{contentDatas.asset_data.price}}元/{{contentDatas.asset_data.asset_unit}}</p> |
|||
<p class="p_info">涉及数量：{{contentDatas.asset_data.count}}</p> |
|||
<p class="p_info">资产转让有效期：{{contentDatas.asset_data.reg_money}}</p> |
|||
<p class="p_info">基本回报：{{contentDatas.asset_data.legal_name}}</p> |
|||
<p class="p_info">额外回报：{{contentDatas.asset_data.domicile}}</p> |
|||
<p class="p_info">其他：{{contentDatas.asset_data.establish_time }}</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.asset_data.serial_img]} |
|||
] |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<div class="body1"> |
|||
<p class="title">营业执照（复印件）</p> |
|||
<img :src="contentDatas.bank_account_certificate" class="file_img"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.bank_account_certificate])">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
<el-image-viewer |
|||
v-if="showViewer" |
|||
:on-close="closeViewer" |
|||
:url-list="img_url" |
|||
:z-index="9999" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import bus from '../../bus' |
|||
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/uploadimg', |
|||
showViewer:false, |
|||
img_url:[] |
|||
} |
|||
}, |
|||
methods:{ |
|||
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 upDate={ |
|||
url:this.host+res.data.img_url, |
|||
key:'bank_account_certificate' |
|||
} |
|||
bus.$emit('img', upDate); |
|||
this.$message.success('文件上传成功！'); |
|||
} |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 3; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 3MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
// this.$set(this.query, 'goods_img', ''); |
|||
return; |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<div class="body1"> |
|||
<p class="title">营业执照（复印件）</p> |
|||
<img :src="contentDatas.legal_certificate" class="file_img"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.legal_certificate])">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
<el-image-viewer |
|||
v-if="showViewer" |
|||
:on-close="closeViewer" |
|||
:url-list="img_url" |
|||
:z-index="9999" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import bus from '../../bus' |
|||
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/uploadimg', |
|||
showViewer:false, |
|||
img_url:[] |
|||
} |
|||
}, |
|||
methods:{ |
|||
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 upDate={ |
|||
url:this.host+res.data.img_url, |
|||
key:'legal_certificate' |
|||
} |
|||
bus.$emit('img', upDate); |
|||
this.$message.success('文件上传成功！'); |
|||
} |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 3; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 3MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
// this.$set(this.query, 'goods_img', ''); |
|||
return; |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,35 @@ |
|||
<template> |
|||
<div class="body1"> |
|||
<p class="title">文化大数据标准编号</p> |
|||
<p class="p_info dataNumber"> |
|||
<span>标准编号规则：T/CPRA + </span> |
|||
<el-input v-model="input" placeholder="字标准体系代码缩写" class="dataNumber_input"></el-input> |
|||
<el-input v-model="input" placeholder="标准分配序号" class="dataNumber_input"></el-input> |
|||
<el-input v-model="input" placeholder="." class="dataNumber_input1"></el-input> |
|||
<el-input v-model="input" placeholder="部分编号" class="dataNumber_input margin_right"></el-input> |
|||
<span>建议编号：T/CPRA3100.01</span> |
|||
<span class="span_blue span_left">生成标准编号</span> |
|||
</p> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
props:{ |
|||
contentDatas:{ |
|||
require: true |
|||
} |
|||
}, |
|||
data() { |
|||
return{ |
|||
input:'' |
|||
} |
|||
}, |
|||
methods:{ |
|||
}, |
|||
created(){ |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,130 @@ |
|||
<template> |
|||
<div class="body1"> |
|||
<p class="title">其他要求文件</p> |
|||
<div class="else_file"> |
|||
<div> |
|||
<img :src="contentDatas.else_file[0]" class="file_img"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.else_file[0]])">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0,0)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
</div> |
|||
<div class="else_file_right" v-if="contentDatas.else_file.length>1"> |
|||
<div class="img_span else_files" v-for="(item,index) in contentDatas.else_file" :key="index"> |
|||
<template v-if="index!=0"> |
|||
<span>资质证明文件{{index}}</span> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([item])">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0,index)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
</template> |
|||
</div> |
|||
<div class="img_span"> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,1)}" |
|||
> |
|||
<span class="upload_span">+上传更多文件</span> |
|||
</el-upload> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-image-viewer |
|||
v-if="showViewer" |
|||
:on-close="closeViewer" |
|||
:url-list="img_url" |
|||
:z-index="9999" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import bus from '../../bus' |
|||
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/uploadimg', |
|||
showViewer:false, |
|||
img_url:[] |
|||
} |
|||
}, |
|||
methods:{ |
|||
onPreview(img) { |
|||
this.img_url = img |
|||
this.showViewer = true |
|||
}, |
|||
// 关闭查看器 |
|||
closeViewer() { |
|||
this.showViewer = false |
|||
}, |
|||
handleAvatarError(){ |
|||
this.$message.error('文件上传失败！'); |
|||
}, |
|||
handleAvatarSuccess(res,type,index){ |
|||
console.info(res) |
|||
if(res.code==1){ |
|||
let upDate={ |
|||
url:this.host+res.data.img_url, |
|||
key:'else_file', |
|||
index:index, |
|||
type:type |
|||
} |
|||
bus.$emit('img', upDate); |
|||
this.$message.success('文件上传成功！'); |
|||
} |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 3; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 3MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
// this.$set(this.query, 'goods_img', ''); |
|||
return; |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<div class="body1"> |
|||
<p class="title">营业执照（复印件）</p> |
|||
<img :src="contentDatas.legal_authorization" class="file_img"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.legal_authorization])">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
<el-image-viewer |
|||
v-if="showViewer" |
|||
:on-close="closeViewer" |
|||
:url-list="img_url" |
|||
:z-index="9999" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import bus from '../../bus' |
|||
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/uploadimg', |
|||
showViewer:false, |
|||
img_url:[] |
|||
} |
|||
}, |
|||
methods:{ |
|||
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 upDate={ |
|||
url:this.host+res.data.img_url, |
|||
key:'legal_authorization' |
|||
} |
|||
bus.$emit('img', upDate); |
|||
this.$message.success('文件上传成功！'); |
|||
} |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 3; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 3MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
// this.$set(this.query, 'goods_img', ''); |
|||
return; |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,100 @@ |
|||
<template> |
|||
<div class="body1 body2"> |
|||
<div class="idcard"> |
|||
<p class="title">身份证正面(照片面)</p> |
|||
<img :src="contentDatas.operator_card" class="file_img1"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.operator_card] )">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
</div> |
|||
<div class="idcard"> |
|||
<p class="title">身份证反面(发证机构面)</p> |
|||
<img :src=" contentDatas.operator_card " class="file_img1"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.operator_card] )">查看原图</span> |
|||
<span>重新上传</span> |
|||
</div> |
|||
</div> |
|||
<el-image-viewer |
|||
v-if="showViewer" |
|||
:on-close="closeViewer" |
|||
:url-list="img_url" |
|||
:z-index="9999" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import bus from '../../bus' |
|||
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/uploadimg', |
|||
showViewer : false, |
|||
img_url:[] |
|||
} |
|||
}, |
|||
methods:{ |
|||
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 upDate={ |
|||
url:this.host+res.data.img_url, |
|||
key:'operator_card' |
|||
} |
|||
bus.$emit('img', upDate); |
|||
this.$message.success('文件上传成功！'); |
|||
} |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 3; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 3MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
// this.$set(this.query, 'goods_img', ''); |
|||
return; |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<div class="body1"> |
|||
<p class="title">营业执照（复印件）</p> |
|||
<img :src="contentDatas.asset_certificate" class="file_img"> |
|||
<div class="img_span"> |
|||
<span @click="onPreview([contentDatas.asset_certificate])">查看原图</span> |
|||
<el-upload |
|||
class="upload-demo" |
|||
:action="action" |
|||
:on-change="fileChange" |
|||
:show-file-list="false" |
|||
:on-error="handleAvatarError" |
|||
list-type="picture" |
|||
:on-success="(res)=>{handleAvatarSuccess(res,0)}" |
|||
> |
|||
<span class="upload_span">重新上传</span> |
|||
</el-upload> |
|||
</div> |
|||
<el-image-viewer |
|||
v-if="showViewer" |
|||
:on-close="closeViewer" |
|||
:url-list="img_url" |
|||
:z-index="9999" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import bus from '../../bus' |
|||
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/uploadimg', |
|||
showViewer:false, |
|||
img_url:[] |
|||
} |
|||
}, |
|||
methods:{ |
|||
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 upDate={ |
|||
url:this.host+res.data.img_url, |
|||
key:'asset_certificate' |
|||
} |
|||
bus.$emit('img', upDate); |
|||
this.$message.success('文件上传成功！'); |
|||
} |
|||
}, |
|||
fileChange(file){ |
|||
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|||
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|||
const isLt3M = file.size / 1024 / 1024 < 3; |
|||
if (!isJPG) { |
|||
this.$message.error('只能是图片!'); |
|||
this.$refs.upload.clearFiles(); |
|||
return; |
|||
} |
|||
if (!isLt3M) { |
|||
this.$message.error('上传图片大小不能超过 3MB!'); |
|||
this.$refs.upload.clearFiles(); |
|||
// this.$set(this.query, 'goods_img', ''); |
|||
return; |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
@import url('../../../../assets/css/sidebar.css'); |
|||
</style> |
|||
Loading…
Reference in new issue