|
|
@@ -20,7 +20,7 @@
|
|
|
<el-tabs type="border-card" @tab-click="handleClick(activeName)" v-model="activeName">
|
|
|
<el-tab-pane name="1">
|
|
|
<span slot="label">技术供求</span>
|
|
|
- <el-col :span="12" class="jishuList" v-for="(item, index) in jishuList" :key="index" @click.native="detailjishu(item)">
|
|
|
+ <!-- <el-col :span="12" class="jishuList" v-for="(item, index) in jishuList" :key="index" @click.native="detailjishu(item)">
|
|
|
<el-col :span="24" class="title">
|
|
|
<span class="textOver">{{ item.name }}</span>
|
|
|
</el-col>
|
|
|
@@ -31,12 +31,120 @@
|
|
|
<el-col :span="24" class="yen">
|
|
|
所属领域：<span>{{ item.field }}</span> 合作方式：<span>{{ item.cooperation }}</span>
|
|
|
</el-col>
|
|
|
- <!-- </el-link> -->
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="back">
|
|
|
+ <el-button type="primary" size="mini">返回</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con1">
|
|
|
+ <el-col :span="7" class="lunbo">
|
|
|
+ <el-carousel trigger="click" height="345px">
|
|
|
+ <el-carousel-item v-for="(item, index) in lunboList" :key="index">
|
|
|
+ <el-image :src="item.url" style="width:100%; height:100%; border:1px solid yellow"></el-image>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="17" class="right">
|
|
|
+ <el-col :span="24" class="r-title">
|
|
|
+ <span>测试科技需求</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">需求方 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 计算中心高新企业
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">所属领域 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 特急
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册类型</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册时间</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册资金</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">投资预算</el-col>
|
|
|
+ <el-col :span="16" class="r-info">100万元</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">紧急程度</el-col>
|
|
|
+ <el-col :span="16" class="r-info">特急</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">合作方式</el-col>
|
|
|
+ <el-col :span="16" class="r-info">合作开发</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">代码机构 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">联系人</el-col>
|
|
|
+ <el-col :span="16" class="r-info">计算中心</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">电子邮箱</el-col>
|
|
|
+ <el-col :span="16" class="r-info">123456</el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con2">
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求说明</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 技术说明
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>预期目标</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 预期目标
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求现状</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>合作要求</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 合作条件和要求
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="foot">
|
|
|
+ <el-button type="primary" size="mini">交流洽谈</el-button>
|
|
|
+ <el-button type="success" size="mini">供求对接</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="2">
|
|
|
<span slot="label">产品供求</span>
|
|
|
- <el-col :span="6" class="chanpinList" v-for="(item, index) in chanpinList" :key="index" @click.native="detail(item)">
|
|
|
+ <!-- <el-col :span="6" class="chanpinList" v-for="(item, index) in chanpinList" :key="index" @click.native="detail(item)">
|
|
|
<el-col :span="24" class="images" v-for="(acc, index) in item.image" :key="index">
|
|
|
<template v-if="index === 0">
|
|
|
<el-image style="width:220px;height:160px;" :src="acc.url"></el-image>
|
|
|
@@ -49,11 +157,120 @@
|
|
|
<el-col :span="5" class="type">
|
|
|
{{ item.type == '0' ? '技术' : item.ype == '1' ? '产品' : '服务' }}
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="back">
|
|
|
+ <el-button type="primary" size="mini">返回</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con1">
|
|
|
+ <el-col :span="7" class="lunbo">
|
|
|
+ <el-carousel trigger="click" height="345px">
|
|
|
+ <el-carousel-item v-for="(item, index) in lunboList" :key="index">
|
|
|
+ <el-image :src="item.url" style="width:100%; height:100%; border:1px solid yellow"></el-image>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="17" class="right">
|
|
|
+ <el-col :span="24" class="r-title">
|
|
|
+ <span>测试产品需求</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">需求方 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 计算中心高新企业
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">所属领域 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 特急
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册类型</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册时间</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册资金</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">投资预算</el-col>
|
|
|
+ <el-col :span="16" class="r-info">100万元</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">紧急程度</el-col>
|
|
|
+ <el-col :span="16" class="r-info">特急</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">合作方式</el-col>
|
|
|
+ <el-col :span="16" class="r-info">合作开发</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">代码机构 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">联系人</el-col>
|
|
|
+ <el-col :span="16" class="r-info">计算中心</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">电子邮箱</el-col>
|
|
|
+ <el-col :span="16" class="r-info">123456</el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con2">
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求说明</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 技术说明
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>预期目标</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 预期目标
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求现状</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>合作要求</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 合作条件和要求
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="foot">
|
|
|
+ <el-button type="primary" size="mini">交流洽谈</el-button>
|
|
|
+ <el-button type="success" size="mini">供求对接</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="3">
|
|
|
<span slot="label">服务供求</span>
|
|
|
- <el-col :span="24" class="serviceList" v-for="(item, index) in serviceList" :key="index" @click.native="clickdetail(item)">
|
|
|
+ <!-- <el-col :span="24" class="serviceList" v-for="(item, index) in serviceList" :key="index" @click.native="clickdetail(item)">
|
|
|
<el-col :span="10" class="title">
|
|
|
<span class="textOver">{{ item.name }}</span>
|
|
|
</el-col>
|
|
|
@@ -62,7 +279,116 @@
|
|
|
<el-col :span="3" class="date">
|
|
|
{{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="back">
|
|
|
+ <el-button type="primary" size="mini">返回</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con1">
|
|
|
+ <el-col :span="7" class="lunbo">
|
|
|
+ <el-carousel trigger="click" height="345px">
|
|
|
+ <el-carousel-item v-for="(item, index) in lunboList" :key="index">
|
|
|
+ <el-image :src="item.url" style="width:100%; height:100%; border:1px solid yellow"></el-image>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="17" class="right">
|
|
|
+ <el-col :span="24" class="r-title">
|
|
|
+ <span>测试服务需求</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">需求方 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 计算中心高新企业
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">所属领域 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 特急
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册类型</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册时间</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册资金</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">投资预算</el-col>
|
|
|
+ <el-col :span="16" class="r-info">100万元</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">紧急程度</el-col>
|
|
|
+ <el-col :span="16" class="r-info">特急</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">合作方式</el-col>
|
|
|
+ <el-col :span="16" class="r-info">合作开发</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">代码机构 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">联系人</el-col>
|
|
|
+ <el-col :span="16" class="r-info">计算中心</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">电子邮箱</el-col>
|
|
|
+ <el-col :span="16" class="r-info">123456</el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con2">
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求说明</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 技术说明
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>预期目标</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 预期目标
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求现状</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>合作要求</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 合作条件和要求
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="foot">
|
|
|
+ <el-button type="primary" size="mini">交流洽谈</el-button>
|
|
|
+ <el-button type="success" size="mini">供求对接</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane name="4">
|
|
|
<span slot="label" @click="clickPerson()">人才供求</span>
|
|
|
@@ -70,6 +396,115 @@
|
|
|
</el-tabs>
|
|
|
<el-button class="more" type="text" @click="clickmore"><el-image :src="more"></el-image></el-button>
|
|
|
</el-col>
|
|
|
+ <!-- <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="back">
|
|
|
+ <el-button type="primary" size="mini">返回</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con1">
|
|
|
+ <el-col :span="7" class="lunbo">
|
|
|
+ <el-carousel trigger="click" height="345px">
|
|
|
+ <el-carousel-item v-for="(item, index) in lunboList" :key="index">
|
|
|
+ <el-image :src="item.url" style="width:100%; height:100%; border:1px solid yellow"></el-image>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="17" class="right">
|
|
|
+ <el-col :span="24" class="r-title">
|
|
|
+ <span>测试科技需求</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">需求方 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 计算中心高新企业
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">所属领域 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 特急
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册类型</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册时间</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">注册资金</el-col>
|
|
|
+ <el-col :span="16" class="r-info">暂无</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">投资预算</el-col>
|
|
|
+ <el-col :span="16" class="r-info">100万元</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">紧急程度</el-col>
|
|
|
+ <el-col :span="16" class="r-info">特急</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">合作方式</el-col>
|
|
|
+ <el-col :span="16" class="r-info">合作开发</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="r-con">
|
|
|
+ <el-col :span="4" class="r-info">代码机构 </el-col>
|
|
|
+ <el-col :span="20" class="r-info">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">联系人</el-col>
|
|
|
+ <el-col :span="16" class="r-info">计算中心</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="r-con">
|
|
|
+ <el-col :span="8" class="r-info">电子邮箱</el-col>
|
|
|
+ <el-col :span="16" class="r-info">123456</el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="con2">
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求说明</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 技术说明
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>预期目标</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 预期目标
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>需求现状</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 暂无
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="down-info">
|
|
|
+ <el-col :span="4" class="d-title">
|
|
|
+ <h2>合作要求</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="d-con">
|
|
|
+ 合作条件和要求
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="foot">
|
|
|
+ <el-button type="primary" size="mini">交流洽谈</el-button>
|
|
|
+ <el-button type="success" size="mini">供求对接</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -86,6 +521,17 @@ export default {
|
|
|
inputs: '',
|
|
|
activeName: '1',
|
|
|
more: require('@/assets/更多.png'),
|
|
|
+ lunboList: [
|
|
|
+ {
|
|
|
+ url: require('@a/cha.png'),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ url: require('@a/chanpin1.jpg'),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ url: require('@a/chengguo.jpg'),
|
|
|
+ },
|
|
|
+ ],
|
|
|
}),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
@@ -168,7 +614,6 @@ export default {
|
|
|
border-radius: 0;
|
|
|
}
|
|
|
.info {
|
|
|
- height: 530px;
|
|
|
background: #fff;
|
|
|
padding: 0 20px;
|
|
|
overflow: hidden;
|
|
|
@@ -295,4 +740,69 @@ export default {
|
|
|
font-size: 16px;
|
|
|
color: #556572;
|
|
|
}
|
|
|
+img {
|
|
|
+ border: 0;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.main {
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ .back {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .con1 {
|
|
|
+ height: 360px;
|
|
|
+ .lunbo {
|
|
|
+ margin-top: 10px;
|
|
|
+ // border: 1px solid #ccc;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ padding: 10px;
|
|
|
+ .r-title {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 700;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .r-con {
|
|
|
+ .r-info {
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .con2 {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ .down-info {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ .d-title {
|
|
|
+ height: 150px;
|
|
|
+ line-height: 150px;
|
|
|
+ text-align: center;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ h2 {
|
|
|
+ margin: 0;
|
|
|
+ font-weight: 400;
|
|
|
+ font-family: Microsoft yahei;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .d-con {
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 10px;
|
|
|
+ min-height: 150px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .foot {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
