|
|
@@ -75,118 +75,42 @@
|
|
|
<img :src="img.main2" />
|
|
|
</div>
|
|
|
<div class="gongqiuInfo">
|
|
|
- <!-- <div id="tab">
|
|
|
- <div class="tabList">
|
|
|
- <ul>
|
|
|
- <li class="cur">找技术</li>
|
|
|
- <li>找需求</li>
|
|
|
- <li>找服务</li>
|
|
|
- <li>找专家</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="tabCon">
|
|
|
- <div class="cur cur_1">
|
|
|
- <ul class="tabConList">
|
|
|
- <li class="oneLi" v-for="i in 4" :key="i">
|
|
|
- <p class="oneLiLeft">
|
|
|
- <span class="name">技术名称</span>
|
|
|
- <span class="user"><i class="iconfont icon-ren" style="color:#FFA500;margin: 0 5px 0 0;"></i>技术人</span>
|
|
|
- <span class="user"><i class="iconfont icon-address" style="color:#FFA500;margin: 0 5px 0 0;"></i>吉林省长春市</span>
|
|
|
- <span class="type">类型：实用类型</span>
|
|
|
- <span class="type">成熟度：正在研发</span>
|
|
|
- <span class="type">交易方式：许可转让</span>
|
|
|
- <span class="type">交易价格：面议</span>
|
|
|
- </p>
|
|
|
- <p class="oneLiRight">
|
|
|
- <span
|
|
|
- >摘要：本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0</span
|
|
|
- >
|
|
|
- </p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <ul class="tabConList">
|
|
|
- <li class="twoLi" v-for="i in 6" :key="i">
|
|
|
- <a href="">
|
|
|
- <p>寻求疫后创伤抗抑郁药药物的需求</p>
|
|
|
- <p>
|
|
|
- <span>行业分类：医药与医疗-生物医药</span>
|
|
|
- <span>发布时间：2020-03-31</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>需求类型：技术难题解决</span>
|
|
|
- <span>吉林省长春市</span>
|
|
|
- </p>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="cur_3">
|
|
|
- <ul class="tabConList">
|
|
|
- <li class="threeLi" v-for="i in 6" :key="i">
|
|
|
- <p>长春福瑞科技有限公司</p>
|
|
|
- <p>
|
|
|
- <img :src="img.logo20" />
|
|
|
- <button type="button">立即咨询</button>
|
|
|
- <span>服务类型：</span>
|
|
|
- <span class="type">科技服务</span>
|
|
|
- </p>
|
|
|
- <a href="">进入主页</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <ul class="tabConList">
|
|
|
- <li class="fourLi" v-for="i in 6" :key="i">
|
|
|
- <img :src="img.img" />
|
|
|
- <p>
|
|
|
- <span class="name">万能通</span>
|
|
|
- <span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
|
|
|
- </p>
|
|
|
- <p>从事领域：计算机，电脑，啥都有</p>
|
|
|
- <p>擅长能力：全能，啥都会，没有他不会的</p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
<el-tabs type="border-card">
|
|
|
<el-tab-pane label="找技术">
|
|
|
<el-col :span="24">
|
|
|
<ul class="technology">
|
|
|
<li class="technologyList" v-for="(item, index) in technologyList" :key="index">
|
|
|
<el-col :span="14" class="left">
|
|
|
- <p>{{ item.title }}</p>
|
|
|
+ <p>{{ item.name }}</p>
|
|
|
<p>
|
|
|
- <span><i class="el-icon-user-solid" style="color:#FFA500;margin:0 5px 0 0;"></i>{{ item.name }}</span>
|
|
|
- <span><i class="el-icon-location" style="color:#FFA500;margin:0 5px 0 0;"></i>{{ item.address }}</span>
|
|
|
+ <span><i class="el-icon-user-solid" style="color:#FFA500;margin:0 5px 0 0;"></i>{{ item.contact_user }}</span>
|
|
|
+ <span><i class="el-icon-phone" style="color:#FFA500;margin:0 5px 0 0;"></i>{{ item.contact_tel }}</span>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <span>类型：{{ item.type }}</span>
|
|
|
- <span>成熟度：{{ item.chengshu }}</span>
|
|
|
- <span>交易方式：{{ item.fanngshi }}</span>
|
|
|
- <span>交易价格：{{ item.money }}</span>
|
|
|
+ <span>类型：{{ item.product_type_name }}</span>
|
|
|
+ <span>研发阶段：{{ item.phase == '0' ? '阶段成果' : '最终成果' }}</span>
|
|
|
+ <span>交易方式：{{ item.business == '0' ? '公用' : item.business == '1' ? '转让' : '竞价' }}</span>
|
|
|
+ <span>交易价格：{{ item.price }}{{ item.priceunit }}</span>
|
|
|
</p>
|
|
|
</el-col>
|
|
|
<el-col :span="10" class="right">
|
|
|
- <p>摘要:{{ item.intro }}</p>
|
|
|
+ <p>摘要:{{ item.introduction }}</p>
|
|
|
</el-col>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</el-col>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="找需求">
|
|
|
+ <el-tab-pane label="找产品">
|
|
|
<el-col :span="24">
|
|
|
<ul class="demand">
|
|
|
<li class="demandList" v-for="(item, index) in demandList" :key="index">
|
|
|
- <p>{{ item.title }}</p>
|
|
|
+ <p>{{ item.name }}</p>
|
|
|
<p>
|
|
|
- <span>行业分类：{{ item.hyfl }}</span>
|
|
|
- <span>发布时间：{{ item.date }}</span>
|
|
|
+ <span>研发阶段：{{ item.phase == '0' ? '阶段成果' : '最终成果' }}</span>
|
|
|
+ <span>发布时间：{{ item.meta | getDate }}</span>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <span>需求类型：{{ item.xqlx }}</span>
|
|
|
+ <span>需求类型：{{ item.product_type_name }}</span>
|
|
|
<span>{{ item.address }}</span>
|
|
|
</p>
|
|
|
</li>
|
|
|
@@ -197,13 +121,13 @@
|
|
|
<el-col :span="24">
|
|
|
<ul class="service">
|
|
|
<li class="serviceList" v-for="(item, index) in serviceList" :key="index">
|
|
|
- <p class="company">{{ item.company }}</p>
|
|
|
+ <p class="company">{{ item.companyName }}</p>
|
|
|
<div class="serviceDown">
|
|
|
- <el-image :src="item.logo"></el-image>
|
|
|
+ <el-image :src="item.image[0].url"></el-image>
|
|
|
<p>
|
|
|
<button>立即咨询</button>
|
|
|
<span class="type1">服务类型：</span>
|
|
|
- <span class="type2">{{ item.type }}</span>
|
|
|
+ <span class="type2">{{ item.product_type_name }}</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
<button class="btn">进入主页</button>
|
|
|
@@ -328,6 +252,9 @@
|
|
|
<script>
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
const { mapActions: mapProduct } = createNamespacedHelpers('enterpriseproject');
|
|
|
+const { mapActions: market } = createNamespacedHelpers('market');
|
|
|
+
|
|
|
+import _ from 'loadsh';
|
|
|
export default {
|
|
|
name: 'hall',
|
|
|
props: {},
|
|
|
@@ -340,144 +267,11 @@ export default {
|
|
|
img: require('@/assets/live/测试图片.jpg'),
|
|
|
},
|
|
|
// 找技术
|
|
|
- technologyList: [
|
|
|
- {
|
|
|
- title: '产品名称',
|
|
|
- name: '技术人',
|
|
|
- address: '吉林省 长春市',
|
|
|
- type: '常用类型',
|
|
|
- chengshu: '正在研发',
|
|
|
- fanngshi: '许可方式',
|
|
|
- money: '面议',
|
|
|
- intro:
|
|
|
- '本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '产品名称',
|
|
|
- name: '技术人',
|
|
|
- address: '吉林省 长春市',
|
|
|
- type: '常用类型',
|
|
|
- chengshu: '正在研发',
|
|
|
- fanngshi: '许可方式',
|
|
|
- money: '面议',
|
|
|
- intro:
|
|
|
- '本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '产品名称',
|
|
|
- name: '技术人',
|
|
|
- address: '吉林省 长春市',
|
|
|
- type: '常用类型',
|
|
|
- chengshu: '正在研发',
|
|
|
- fanngshi: '许可方式',
|
|
|
- money: '面议',
|
|
|
- intro:
|
|
|
- '本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '产品名称',
|
|
|
- name: '技术人',
|
|
|
- address: '吉林省 长春市',
|
|
|
- type: '常用类型',
|
|
|
- chengshu: '正在研发',
|
|
|
- fanngshi: '许可方式',
|
|
|
- money: '面议',
|
|
|
- intro:
|
|
|
- '本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0',
|
|
|
- },
|
|
|
- ],
|
|
|
- // 找需求
|
|
|
- demandList: [
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '寻求以后创伤抗抑郁药药物的绣球',
|
|
|
- hyfl: '医药与医疗-生物医药',
|
|
|
- date: '2020-02-01',
|
|
|
- xqlx: '技术难题解决',
|
|
|
- address: '吉林省长春市',
|
|
|
- },
|
|
|
- ],
|
|
|
+ technologyList: [],
|
|
|
+ // 找产品
|
|
|
+ demandList: [],
|
|
|
// 找服务
|
|
|
- serviceList: [
|
|
|
- {
|
|
|
- company: '长春福瑞科技有限公司',
|
|
|
- logo: require('@/assets/live/logo20.png'),
|
|
|
- type: '科技服务',
|
|
|
- },
|
|
|
- {
|
|
|
- company: '长春福瑞科技有限公司',
|
|
|
- logo: require('@/assets/live/logo20.png'),
|
|
|
- type: '科技服务',
|
|
|
- },
|
|
|
- {
|
|
|
- company: '长春福瑞科技有限公司',
|
|
|
- logo: require('@/assets/live/logo20.png'),
|
|
|
- type: '科技服务',
|
|
|
- },
|
|
|
- {
|
|
|
- company: '长春福瑞科技有限公司',
|
|
|
- logo: require('@/assets/live/logo20.png'),
|
|
|
- type: '科技服务',
|
|
|
- },
|
|
|
- {
|
|
|
- company: '长春福瑞科技有限公司',
|
|
|
- logo: require('@/assets/live/logo20.png'),
|
|
|
- type: '科技服务',
|
|
|
- },
|
|
|
- {
|
|
|
- company: '长春福瑞科技有限公司',
|
|
|
- logo: require('@/assets/live/logo20.png'),
|
|
|
- type: '科技服务',
|
|
|
- },
|
|
|
- ],
|
|
|
+ serviceList: [],
|
|
|
// 找专家
|
|
|
expertList: [
|
|
|
{
|
|
|
@@ -608,9 +402,34 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
...mapProduct({ mapProductQuery: 'query' }),
|
|
|
+ ...market({ marketFetch: 'fetch' }),
|
|
|
async searchInfo({ skip = 0, limit = 10, ...info } = {}) {
|
|
|
- const res = await this.mapProductQuery({ skip, limit, ...info });
|
|
|
- console.log(res);
|
|
|
+ let res = await this.mapProductQuery({ skip, limit, totaltype: 0, ...info });
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ this.$set(this, `technologyList`, res.data);
|
|
|
+ }
|
|
|
+ res = await this.mapProductQuery({ skip, limit, totaltype: 1, ...info });
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ this.$set(this, `demandList`, res.data);
|
|
|
+ }
|
|
|
+ res = await this.mapProductQuery({ skip, limit, totaltype: 2, ...info });
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ for (const val of res.data) {
|
|
|
+ const userInfo = await this.marketFetch(val.userid);
|
|
|
+ val.companyName = userInfo.data.institution_name;
|
|
|
+ }
|
|
|
+ this.$set(this, `serviceList`, res.data);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ getDate(meta) {
|
|
|
+ let createdAt = _.get(meta, `createdAt`);
|
|
|
+ let date = new Date(createdAt)
|
|
|
+ .toLocaleDateString()
|
|
|
+ .replace('/', '-')
|
|
|
+ .replace('/', '-');
|
|
|
+ return date;
|
|
|
},
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -628,8 +447,12 @@ export default {
|
|
|
<style lang="less" scoped>
|
|
|
@import '~@/style/style.css';
|
|
|
// 找技术
|
|
|
-// .technology {
|
|
|
-// }
|
|
|
+.technology {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ height: 518px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
.technology .technologyList {
|
|
|
float: left;
|
|
|
width: 100%;
|
|
|
@@ -686,7 +509,7 @@ export default {
|
|
|
line-height: 24px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-// 找需求
|
|
|
+// 找产品
|
|
|
// .demand {
|
|
|
// }
|
|
|
.demand .demandList {
|
|
|
@@ -738,8 +561,12 @@ export default {
|
|
|
text-align: left;
|
|
|
}
|
|
|
// 找服务
|
|
|
-// .service{
|
|
|
-// }
|
|
|
+.service {
|
|
|
+ float: left;
|
|
|
+ height: 518px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
.service .serviceList {
|
|
|
float: left;
|
|
|
width: 30%;
|
