|
@@ -3,61 +3,109 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main">
|
|
|
<el-col :span="24" class="top">
|
|
|
- <el-col :span="8" class="left">
|
|
|
- <el-carousel trigger="click" height="250px" :autoplay="false">
|
|
|
+ <el-col :span="7" class="left">
|
|
|
+ <el-carousel trigger="click" height="230px" :autoplay="false">
|
|
|
<el-carousel-item v-for="(item, index) in detailInfo.image" :key="index">
|
|
|
- <el-image :src="item.url" style="width:100%;height:240px;"></el-image>
|
|
|
+ <el-image :src="item.url" style="width:99%;height:220px;border: 1px solid #ccc;"></el-image>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</el-col>
|
|
|
- <el-col :span="16" class="right">
|
|
|
+ <el-col :span="17" class="right">
|
|
|
<el-col :span="24" class="name textOver">
|
|
|
{{ detailInfo.name }}
|
|
|
</el-col>
|
|
|
+ <el-col :span="12" class="otherInfo textOver"> 成果单位:{{ detailInfo.company }} </el-col>
|
|
|
+ <el-col :span="12" class="otherInfo textOver"> 单位网址:{{ detailInfo.cooperation }} </el-col>
|
|
|
<el-col :span="12" class="otherInfo textOver"> 所属领域:{{ detailInfo.field }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 合作方式:{{ detailInfo.cooperation }} </el-col>
|
|
|
<el-col :span="12" class="otherInfo textOver"> 成果状态:{{ detailInfo.achievestatus }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 成果权属:{{ detailInfo.achieveown }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 成果来源:{{ detailInfo.achievesource }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 项目路演:{{ detailInfo.roadshow }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 意向价格:{{ detailInfo.intentionprice }}万元 </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 企业名称:{{ detailInfo.company }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> 企业网址{{ detailInfo.companyweb }} </el-col>
|
|
|
<el-col :span="12" class="otherInfo textOver"> 联系人:{{ detailInfo.contacts }} </el-col>
|
|
|
- <el-col :span="12" class="otherInfo textOver"> QQ&微信:{{ detailInfo.qqwx }} </el-col>
|
|
|
+ <el-col :span="12" class="otherInfo textOver"> 项目路演:{{ detailInfo.roadshow }} </el-col>
|
|
|
+ <el-col :span="12" class="otherInfo textOver"> QQ/微信:{{ detailInfo.qqwx }} </el-col>
|
|
|
<el-col :span="12" class="otherInfo textOver"> 电子邮箱:{{ detailInfo.email }} </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="down">
|
|
|
<el-col :span="24" class="downInfo">
|
|
|
- <h2>成果简介:</h2>
|
|
|
- <p>
|
|
|
- {{ detailInfo.achievebrief }}
|
|
|
- </p>
|
|
|
+ <el-col :span="4" class="tit">
|
|
|
+ <h2>成果简介</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="info">
|
|
|
+ {{ detailInfo.achievebrief || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="downInfo">
|
|
|
- <h2>技术特点:</h2>
|
|
|
- <p>
|
|
|
- {{ detailInfo.features }}
|
|
|
- </p>
|
|
|
+ <el-col :span="4" class="tit">
|
|
|
+ <h2>技术特点</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="info">
|
|
|
+ {{ detailInfo.features || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="downInfo">
|
|
|
- <h2>技术团队:</h2>
|
|
|
- <p>
|
|
|
- {{ detailInfo.team }}
|
|
|
- </p>
|
|
|
+ <el-col :span="4" class="tit">
|
|
|
+ <h2>技术团队</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="info">
|
|
|
+ {{ detailInfo.team || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="downInfo">
|
|
|
+ <el-col :span="8" class="tit" style="height:30px;line-height:30px">
|
|
|
+ <h2>成果权属</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" class="info" style="height:30px;line-height:30px;padding:0 10px"> {{ detailInfo.achieveown || '暂无' }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="downInfo">
|
|
|
+ <el-col :span="8" class="tit" style="height:30px;line-height:30px;padding:0 10px">
|
|
|
+ <h2>成果来源</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" class="info" style="height:30px;line-height:30px;padding:0 10px">
|
|
|
+ {{ detailInfo.achievesource || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="downInfo">
|
|
|
+ <el-col :span="8" class="tit" style="height:30px;line-height:30px">
|
|
|
+ <h2>专利信息</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" class="info" style="height:30px;line-height:30px;padding:0 10px"> {{ detailInfo.patentinfo || '暂无' }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="downInfo">
|
|
|
+ <el-col :span="8" class="tit" style="height:30px;line-height:30px;padding:0 10px">
|
|
|
+ <h2>专利状态</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" class="info" style="height:30px;line-height:30px;padding:0 10px">
|
|
|
+ {{ detailInfo.patentstatus || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="downInfo">
|
|
|
- <h2>商业预期:</h2>
|
|
|
- <p>
|
|
|
- {{ detailInfo.expectations }}
|
|
|
- </p>
|
|
|
+ <el-col :span="4" class="tit">
|
|
|
+ <h2>商业预期</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="info">
|
|
|
+ {{ detailInfo.expectations || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="downInfo">
|
|
|
+ <el-col :span="8" class="tit" style="height:40px;line-height:40px;padding:0 10px">
|
|
|
+ <h2>意向价格</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" class="info" style="height:40px;line-height:40px;padding:0 10px"> {{ detailInfo.intentionprice || '暂无' }}万元 </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="downInfo">
|
|
|
+ <el-col :span="8" class="tit" style="height:40px;line-height:40px;padding:0 10px">
|
|
|
+ <h2>合作方式</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" class="info" style="height:40px;line-height:40px;padding:0 10px">
|
|
|
+ {{ detailInfo.cooperation || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="downInfo">
|
|
|
- <h2>合作要求:</h2>
|
|
|
- <p>
|
|
|
- {{ detailInfo.present }}
|
|
|
- </p>
|
|
|
+ <el-col :span="4" class="tit">
|
|
|
+ <h2>合作要求</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="info">
|
|
|
+ {{ detailInfo.condition || '暂无' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="anniu">
|
|
@@ -141,31 +189,39 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.main {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
.top {
|
|
|
- height: 250px;
|
|
|
+ height: 230px;
|
|
|
overflow: hidden;
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
- // .left {
|
|
|
- // }
|
|
|
.right {
|
|
|
- padding: 0 10px;
|
|
|
+ padding: 0 0 0 10px;
|
|
|
.name {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
- padding: 10px 0;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
}
|
|
|
.otherInfo {
|
|
|
font-size: 16px;
|
|
|
- padding: 5px 0;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.down {
|
|
|
+ margin: 0 0 15px 0;
|
|
|
.downInfo {
|
|
|
- padding: 10px 0;
|
|
|
- p {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ .tit {
|
|
|
+ height: 150px;
|
|
|
+ line-height: 150px;
|
|
|
+ text-align: center;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
font-size: 16px;
|
|
|
- text-indent: 2rem;
|
|
|
+ padding: 10px;
|
|
|
+ height: 150px;
|
|
|
}
|
|
|
}
|
|
|
}
|