23 changed files with 818 additions and 308 deletions
@ -0,0 +1,457 @@ |
|||||
|
<template> |
||||
|
<div class="component_body"> |
||||
|
<a-modal v-model="newVisible" title="标的信息" :afterClose="onClose" width="1350px" :bodyStyle="modeStyle"> |
||||
|
<a-tabs default-active-key="1" tab-position="left" :tabBarStyle="tabsStyle"> |
||||
|
<a-tab-pane :key="index" v-for="(item,index) in orderDate"> |
||||
|
<span slot="tab"> |
||||
|
<span class="tab_span">*</span> |
||||
|
标的信息 |
||||
|
<span v-if="index>0">{{index+1}}</span> |
||||
|
</span> |
||||
|
<p>标的信息</p> |
||||
|
<div class="tab_body"> |
||||
|
<!-- <template v-if="userinfo"> --> |
||||
|
<div class="tab_body_content" > |
||||
|
<p class="tab_body_p">机构名称：{{item.userinfo.name}}</p> |
||||
|
<p class="tab_body_p">认证类型：{{item.userinfo.userType}}</p> |
||||
|
<p class="tab_body_p">认证状态：{{item.userinfo.state==0?'认证中':item.userinfo.state==1?'认证成功':'认证失败'}}</p> |
||||
|
<p class="tab_body_p">统一社会信用代码：{{item.userinfo.uscc}}</p> |
||||
|
<p class="tab_body_p">身份ISLI认证码：{{item.userinfo.islicode}}</p> |
||||
|
</div> |
||||
|
|
||||
|
<div class="tab_body_title"> |
||||
|
<p class="tab_body_title_bg"></p> |
||||
|
<div>{{item.goods.goods_type==1?'文化资源数据':'文化数字内容'}}-基本信息</div> |
||||
|
</div> |
||||
|
<!-- <template v-if="entrust_goods.goods.length!=0"> --> |
||||
|
<div class="tab_content " > |
||||
|
<div class="tab_content_infoImg"> |
||||
|
<img :src="item.goods.goods_image" class="tab_content_img" v-if="item.goods.goods_image!=''"> |
||||
|
<img src="data:image/png;base64,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" class="tab_content_img" v-else> |
||||
|
</div> |
||||
|
<div class="tab_content_right"> |
||||
|
<div class="content_right_title">标的名称：{{item.goods.goods_name}}</div> |
||||
|
<div class="content_info"> |
||||
|
<div class="content_info_left"> |
||||
|
<p>标志码：{{item.goods.goods_islicode}}</p> |
||||
|
<p>交易ISLI编码：{{item.goods.contract_code}}</p> |
||||
|
<p>交易品种：{{item.goods.goods_type==1?'文化资源数据':'文化数字内容'}}</p> |
||||
|
<p>交易方式：{{item.goods.goods_entrust==1?'转让':'授权'}}</p> |
||||
|
<p>权利类型：{{item.goods.goods_ownership_str}}</p> |
||||
|
<p>委托类型：{{item.goods.contractual_period==1?'永久性委托':item.goods.contractual_period==2?'一次性委托':'阶段性委托'}}</p> |
||||
|
<p>收费类型：{{item.goods.charges_type==1?'免费':'付费'}}</p> |
||||
|
<!-- <p>交易保证金：{{item.earnest_money}}</p> --> |
||||
|
<p>自报价：{{item.goods.price}}</p> |
||||
|
<p>交易佣金：{{item.goods.price}}</p> |
||||
|
<p>委托开始时间：{{item.goods.contractual_start_time}}</p> |
||||
|
<p>委托终止时间：{{item.goods.contractualtime_end_time}}</p> |
||||
|
<p>标的价款：¥ {{item.goods.money}}</p> |
||||
|
<p>购买年限：{{item.goods.transaction_count}}</p> |
||||
|
<p>交易佣金：¥ {{item.goods.service_charge}}</p> |
||||
|
<!-- <p>交易流水号：{{order_info.close_serial_number}}</p> --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- </template> --> |
||||
|
<!-- <p v-else class="none_p">暂无数据</p> --> |
||||
|
<div class="tab_body_title"> |
||||
|
<p class="tab_body_title_bg"></p> |
||||
|
<div>{{item.goods.goods_type==1?'文化资源数据':'文化数字内容'}}-关联资源</div> |
||||
|
</div> |
||||
|
<div class="tab_content"> |
||||
|
<p class="tab_content_title">{{item.goods.goods_type==1?'文化资源数据':'文化数字内容'}}集</p> |
||||
|
</div> |
||||
|
<div class="content_table"> |
||||
|
<a-table :columns="columns1" :data-source="item.source_gather" bordered :pagination="false"> |
||||
|
<template slot="operation" > |
||||
|
<span @click="selectDetails(item.goods.goods_islicode)" class="details_span">详情</span> |
||||
|
</template> |
||||
|
</a-table> |
||||
|
</div> |
||||
|
<!-- </template> --> |
||||
|
<!-- <span v-else>暂无数据</span> --> |
||||
|
</div> |
||||
|
</a-tab-pane> |
||||
|
</a-tabs> |
||||
|
<template slot="footer"> |
||||
|
<div> |
||||
|
<a-button type="white" @click="onClose">返 回</a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</a-modal> |
||||
|
|
||||
|
<a-modal v-model="newVisible1" title="标的信息" width="1172px" :bodyStyle="modeStyle"> |
||||
|
<div class="tab_body"> |
||||
|
<div class="tab_body_title"> |
||||
|
<p class="tab_body_title_bg"></p> |
||||
|
<div>{{sourceDate.collectionType}}-基本信息</div> |
||||
|
</div> |
||||
|
<div class="tab_content "> |
||||
|
<!-- <div class="tab_content_infoImg"> --> |
||||
|
<!-- <img src="../../assets/img/test.png" class="tab_content_img"> --> |
||||
|
<!-- </div> --> |
||||
|
<div class="tab_content_right"> |
||||
|
<div class="content_right_title">标的名称：{{sourceDate.source_name}}</div> |
||||
|
<div class="content_info"> |
||||
|
<div class="content_info_left"> |
||||
|
<p>其他标识符：{{sourceDate.otherIdentifiers}}</p> |
||||
|
<p>标识符：{{sourceDate.identifier}}</p> |
||||
|
<p>类型：{{sourceDate.collectionType}}</p> |
||||
|
<p>服务类型：{{sourceDate.serviceType}}</p> |
||||
|
<p>分类：{{sourceDate.classification}}</p> |
||||
|
<p>贡献者：{{sourceDate.contributors}}</p> |
||||
|
<p>著作权人：{{sourceDate.copyrightOwner}}</p> |
||||
|
<p>载体：{{sourceDate.carrier}}</p> |
||||
|
<p>登记者：{{sourceDate.registrant}}</p> |
||||
|
<p>登记日期：{{sourceDate.registerDate}}</p> |
||||
|
</div> |
||||
|
<div> |
||||
|
<p>所属/收藏机构：{{sourceDate.repositoryName}}</p> |
||||
|
<p>尺寸：{{sourceDate.dimensions}}</p> |
||||
|
<p>组件数量：{{sourceDate.quantity}}</p> |
||||
|
<p>标签：{{sourceDate.label}}</p> |
||||
|
<p>描述：{{sourceDate.description}}</p> |
||||
|
<p>哈希值：{{sourceDate.md5}}</p> |
||||
|
<p>版本：{{sourceDate.edition}}</p> |
||||
|
<p>现况：{{sourceDate.collectionCondition}}</p> |
||||
|
<p>封面：{{sourceDate.covers}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="tab_body_title"> |
||||
|
<p class="tab_body_title_bg"></p> |
||||
|
<div>{{sourceDate.collectionType}}-关联资源</div> |
||||
|
</div> |
||||
|
<div v-for="(item,index) in sourceDate.entrust_goods.source" :key="index"> |
||||
|
<div class="tab_content"> |
||||
|
<p class="tab_content_title">{{item.serviceType}}</p> |
||||
|
</div> |
||||
|
<div class="content_table"> |
||||
|
<a-table :columns="columns" :data-source="item.data" bordered :pagination="false"></a-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<template slot="footer"> |
||||
|
<div> |
||||
|
<a-button type="white" @click="onClose(1)">返 回</a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</a-modal> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import {goodsDetail,sourceDetail,orderDetail} from '../../api/index' |
||||
|
export default { |
||||
|
name:'dataSelect', |
||||
|
props:{ |
||||
|
visible:{ |
||||
|
type:Boolean, |
||||
|
require: true |
||||
|
}, |
||||
|
goods_islicode:{ |
||||
|
type:String, |
||||
|
}, |
||||
|
batchcode:{ |
||||
|
type:String, |
||||
|
}, |
||||
|
type:{ |
||||
|
type:Number |
||||
|
} |
||||
|
}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
newVisible:true, |
||||
|
newVisible1:false, |
||||
|
modeStyle:{ |
||||
|
'height':'530px' |
||||
|
}, |
||||
|
tabsStyle:{ |
||||
|
'height':'500px' |
||||
|
}, |
||||
|
entrust_goods:{ |
||||
|
goods:[{goods_type:''}] |
||||
|
}, |
||||
|
orderDate:[], |
||||
|
userinfo:[], |
||||
|
sourceDate:{ |
||||
|
entrust_goods:{} |
||||
|
}, |
||||
|
data:[], |
||||
|
columns:[ |
||||
|
{ |
||||
|
title: '资源名称', |
||||
|
dataIndex: 'source_name', |
||||
|
width:'144px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: 'ISLI标志码', |
||||
|
dataIndex: 'islicode', |
||||
|
// width:'242px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: 'ISLI关联编码', |
||||
|
dataIndex: 'relevancy_isli', |
||||
|
// width:'259px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '大小', |
||||
|
dataIndex: 'filesize', |
||||
|
width:'70px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '格式', |
||||
|
dataIndex: 'format', |
||||
|
width:'70px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '时间', |
||||
|
dataIndex: 'registerDate', |
||||
|
width:'148px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '下载状态', |
||||
|
dataIndex: 'registerDate', |
||||
|
// width:'148px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
], |
||||
|
columns1:[ |
||||
|
{ |
||||
|
title: '文化数字内容集名称', |
||||
|
dataIndex: 'source_name', |
||||
|
width:'166px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '分类', |
||||
|
dataIndex: 'source_type', |
||||
|
width:'82px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '生成时间', |
||||
|
dataIndex: 'allocationtime', |
||||
|
width:'177px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: 'ISLI标志码', |
||||
|
dataIndex: 'linkCode', |
||||
|
width:'310px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '关联目标数量', |
||||
|
dataIndex: 'source_count', |
||||
|
width:'110px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
{ |
||||
|
title: '查看', |
||||
|
scopedSlots: { customRender: 'operation' }, |
||||
|
width:'138px', |
||||
|
align:'center' |
||||
|
}, |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
if(this.type==0){ |
||||
|
this.goodsDetail() |
||||
|
}else{ |
||||
|
this.orderDetail() |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
//订单数据查看 |
||||
|
orderDetail(){ |
||||
|
let data={batchcode:this.batchcode} |
||||
|
orderDetail(data).then(res=>{ |
||||
|
console.info(res) |
||||
|
if(res.code==200){ |
||||
|
if(res.data.length!=0){ |
||||
|
this.orderDate=res.data |
||||
|
// this.userinfo=res.data.userinfo |
||||
|
// console.info(this.userinfo) |
||||
|
// this=res.data |
||||
|
// this.columns1[0].title=this.goods[0].goods_type==1?'文化资源数据集名称': '文化数字内容集名称' |
||||
|
} |
||||
|
}else{ |
||||
|
this.$message.error(res.msg); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
selectDetails(val){ |
||||
|
let data={isli:val} |
||||
|
sourceDetail(data).then(res=>{ |
||||
|
console.info(res) |
||||
|
if(res.code==200){ |
||||
|
this.sourceDate=res.data |
||||
|
this.newVisible1=true |
||||
|
}else{ |
||||
|
this.$message.error(res.msg); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// goodsDetail(){ |
||||
|
// let data={islicode:this.goods_islicode} |
||||
|
// goodsDetail(data).then(res=>{ |
||||
|
// console.info(res) |
||||
|
// if(res.code==200){ |
||||
|
// // this.userinfo.push(res.data.userinfo) |
||||
|
// this.userinfo=res.data.userinfo |
||||
|
// console.info(this.userinfo) |
||||
|
// let goods=[res.data.goods] |
||||
|
// this=res.data |
||||
|
// this.goods=goods |
||||
|
// this.columns1[0].title=this.goods[0].goods_type==1?'文化资源数据集名称': '文化数字内容集名称' |
||||
|
// }else{ |
||||
|
// this.$message.error(res.msg); |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
onClose(type) { |
||||
|
if(type==1){ |
||||
|
this.newVisible1=false |
||||
|
}else{ |
||||
|
this.newVisible=false |
||||
|
this.$emit('update:visible', false) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.tab_span{ |
||||
|
color: red; |
||||
|
} |
||||
|
/deep/ .ant-modal-header{ |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
/deep/ .ant-modal-footer{ |
||||
|
border-top: none; |
||||
|
padding: 20px 16px; |
||||
|
} |
||||
|
.tab_body{ |
||||
|
width: 100%; |
||||
|
height: 476px; |
||||
|
overflow-y: auto; |
||||
|
border: 1px solid #9A9A9A; |
||||
|
border-top-width: 2px; |
||||
|
border-left-width: 2px; |
||||
|
border-right-color: #EEEEEE; |
||||
|
border-bottom-color: #EEEEEE; |
||||
|
padding:20px 15px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.tab_body_p{ |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
.tab_body_title{ |
||||
|
font-size: 19px; |
||||
|
position: relative; |
||||
|
margin-bottom: 28px; |
||||
|
} |
||||
|
.tab_body_title div{ |
||||
|
/* display: inline-block; */ |
||||
|
position: relative; |
||||
|
z-index: 100; |
||||
|
} |
||||
|
.tab_body_title_bg{ |
||||
|
width: 198px; |
||||
|
background: #AAAAAA; |
||||
|
margin-bottom: 0; |
||||
|
height: 10px; |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
margin-top: -5px; |
||||
|
z-index: 99; |
||||
|
} |
||||
|
.tab_content{ |
||||
|
padding-left: 40px; |
||||
|
margin-bottom: 28px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.tab_content_infoImg{ |
||||
|
width: 254px; |
||||
|
height: 260px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
border: 1px solid rgba(215, 215, 215, 1); |
||||
|
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
||||
|
margin-right: 15px; |
||||
|
} |
||||
|
.tab_content_img{ |
||||
|
width: 242px; |
||||
|
height: 194px; |
||||
|
} |
||||
|
.content_right_title{ |
||||
|
font-size: 16px; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
.content_info{ |
||||
|
display: flex; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.content_info p{ |
||||
|
margin-bottom: 0px; |
||||
|
} |
||||
|
.content_info_left{ |
||||
|
margin-right: 36px; |
||||
|
} |
||||
|
.tab_content_title{ |
||||
|
position: relative; |
||||
|
padding-left: 20px; |
||||
|
|
||||
|
} |
||||
|
.tab_content_title::before{ |
||||
|
content: ''; |
||||
|
width: 7px; |
||||
|
height: 25px; |
||||
|
background-color: #374AA5; |
||||
|
border: 1px solid #9AA4D1; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 50%; |
||||
|
margin-top: -12.5px; |
||||
|
|
||||
|
} |
||||
|
.content_table{ |
||||
|
padding-left: 90px; |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
/deep/ .ant-table-tbody > tr > td { |
||||
|
padding: 5px 16px; |
||||
|
} |
||||
|
/deep/ .ant-table-thead > tr > th { |
||||
|
padding: 5px 16px; |
||||
|
} |
||||
|
.details_span{ |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.tab_body_content{ |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
.tab_body_content:last-child{ |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
.none_p{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue