|
@@ -81,47 +81,32 @@
|
|
<li v-for="(item, index) in jishulist" :key="index">
|
|
<li v-for="(item, index) in jishulist" :key="index">
|
|
<el-col :span="14" class="lileft">
|
|
<el-col :span="14" class="lileft">
|
|
<p>
|
|
<p>
|
|
- <el-popover placement="top-start" title="" width="200" trigger="hover">
|
|
|
|
- <el-col :span="24">
|
|
|
|
|
|
+ <el-popover placement="top-start" title="" width="500" trigger="hover">
|
|
|
|
+ <el-col :span="24" class="detail" v-if="policyInfo.totaltype">
|
|
<el-col :span="24" class="infoMess">
|
|
<el-col :span="24" class="infoMess">
|
|
- <el-col :span="24" class="info"> 专家名称:{{ policyInfo.name }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 民族:{{ policyInfo.nation }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 学术成就:{{ policyInfo.achievement }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 身份证号:{{ policyInfo.cardnumber }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 出生日期:{{ policyInfo.birth }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 毕业院校:{{ policyInfo.school }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 证件类型:{{ policyInfo.cardtype }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 学位:{{ policyInfo.degree }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 电子邮箱:{{ policyInfo.email }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 学位:{{ policyInfo.degree }} </el-col>
|
|
|
|
|
|
+ <el-col :span="24" class="info"> 名称:{{ policyInfo.name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 类型:{{ policyInfo.product_type_name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 单价:{{ policyInfo.price }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 单位:{{ policyInfo.priceunit }} </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <span class="tupian"> 图片:</span>
|
|
|
|
+ <el-col :span="6" class="infos" v-for="(acm, index) in policyInfo.image" :key="index">
|
|
|
|
+ <span><el-image class="newclassimage" style="width:100px;height:100px" :src="acm.url"></el-image></span>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 服务范围:{{ policyInfo.scope }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 描述{{ policyInfo.description }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 知识产权:{{ policyInfo.property }} </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24" class="info"> 简介:{{ policyInfo.introduction }} </el-col>
|
|
|
|
+
|
|
<el-col :span="24" class="info">
|
|
<el-col :span="24" class="info">
|
|
- 性别:{{ policyInfo.gender === '0' ? '男' : policyInfo.gender === '1' ? '女' : 'underdind' }}</el-col
|
|
|
|
- >
|
|
|
|
- <el-col :span="24" class="info"> 学位:{{ policyInfo.field }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 学历:{{ policyInfo.eduback }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 初级职称:{{ policyInfo.technical }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 具体职称:{{ policyInfo.technical_actual }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 职务:{{ policyInfo.position }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 所学专业:{{ policyInfo.major_studied }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 从事专业:{{ policyInfo.professional }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 手机号:{{ policyInfo.phone }} </el-col>
|
|
|
|
-
|
|
|
|
- <el-col :span="24" class="info"> 主持或参与项目情况:{{ policyInfo.project_profile }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 论文论著:{{ policyInfo.paper }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 主要学术成就及获奖情况:{{ policyInfo.paper }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 可供咨询领域:{{ policyInfo.field }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 领域拼音:{{ policyInfo.field_py }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 业务工作简介:{{ policyInfo.job_profile }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 备注:{{ policyInfo.remark }} </el-col>
|
|
|
|
|
|
+ <el-button type="primary" class="duijie">对接</el-button>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
- <span slot="footer" class="annius">
|
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
|
- <el-button type="primary" @click="dialogVisible = false">对接</el-button>
|
|
|
|
- </span>
|
|
|
|
-
|
|
|
|
- <span class="title" slot="reference" @mouSEOut="hover(item)"> {{ item.name }}</span>
|
|
|
|
|
|
+ <span class="title" slot="reference" @mouseover="hover(item)"> {{ item.name }}</span>
|
|
</el-popover>
|
|
</el-popover>
|
|
|
|
|
|
<span><el-button class="duijie">对接</el-button></span>
|
|
<span><el-button class="duijie">对接</el-button></span>
|
|
@@ -150,7 +135,33 @@
|
|
<ul class="demand">
|
|
<ul class="demand">
|
|
<li class="demandList" v-for="(item, index) in demandList" :key="index">
|
|
<li class="demandList" v-for="(item, index) in demandList" :key="index">
|
|
<p>
|
|
<p>
|
|
- <span class="textOver" style="display:inline-block;width:85%;" @click="onclickjs(item)">{{ item.name }}</span>
|
|
|
|
|
|
+ <el-popover placement="top-start" title="" width="700" trigger="hover">
|
|
|
|
+ <el-col :span="24" class="detail" v-if="policyInfo.totaltype">
|
|
|
|
+ <el-col :span="24" class="infoMess">
|
|
|
|
+ <el-col :span="24" class="info"> 名称:{{ policyInfo.name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 类型:{{ policyInfo.product_type_name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 单价:{{ policyInfo.price }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 单位:{{ policyInfo.priceunit }} </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <span class="tupian"> 图片:</span>
|
|
|
|
+ <el-col :span="6" class="infos" v-for="(acm, index) in policyInfo.image" :key="index">
|
|
|
|
+ <span><el-image class="newclassimage" style="width:100px;height:100px" :src="acm.url"></el-image></span>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 服务范围:{{ policyInfo.scope }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 描述{{ policyInfo.description }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 知识产权:{{ policyInfo.property }} </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24" class="info"> 简介:{{ policyInfo.introduction }} </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24" class="info">
|
|
|
|
+ <el-button type="primary" class="duijie">对接</el-button>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+
|
|
|
|
+ <span class="title" slot="reference" @mouseover="hover(item)"> {{ item.name }}</span>
|
|
|
|
+ </el-popover>
|
|
<el-button type="primary" size="mini" @click="technologyBtn(item.id)" style="position: relative;top: -5px;">对接</el-button>
|
|
<el-button type="primary" size="mini" @click="technologyBtn(item.id)" style="position: relative;top: -5px;">对接</el-button>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
@@ -169,7 +180,34 @@
|
|
<el-col :span="24" class="newsheight">
|
|
<el-col :span="24" class="newsheight">
|
|
<ul class="service">
|
|
<ul class="service">
|
|
<li class="serviceList" v-for="(item, index) in serviceList" :key="index">
|
|
<li class="serviceList" v-for="(item, index) in serviceList" :key="index">
|
|
- <p class="company" @click="onclickjs(item)">{{ item.name }}</p>
|
|
|
|
|
|
+ <p class="company">
|
|
|
|
+ <el-popover placement="top-start" title="" width="700" trigger="hover">
|
|
|
|
+ <el-col :span="24" class="detail" v-if="policyInfo.totaltype">
|
|
|
|
+ <el-col :span="24" class="infoMess">
|
|
|
|
+ <el-col :span="24" class="info"> 名称:{{ policyInfo.name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 类型:{{ policyInfo.product_type_name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 单价:{{ policyInfo.price }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 单位:{{ policyInfo.priceunit }} </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <span class="tupian"> 图片:</span>
|
|
|
|
+ <el-col :span="6" class="infos" v-for="(acm, index) in policyInfo.image" :key="index">
|
|
|
|
+ <span><el-image class="newclassimage" style="width:100px;height:100px" :src="acm.url"></el-image></span>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 服务范围:{{ policyInfo.scope }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 描述{{ policyInfo.description }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 知识产权:{{ policyInfo.property }} </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24" class="info"> 简介:{{ policyInfo.introduction }} </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24" class="info">
|
|
|
|
+ <el-button type="primary" class="duijie">对接</el-button>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <span class="title" slot="reference" @mouseover="hover(item)"> {{ item.name }}</span>
|
|
|
|
+ </el-popover>
|
|
|
|
+ </p>
|
|
<div class="serviceDown">
|
|
<div class="serviceDown">
|
|
<el-image :src="item.image[0].url"></el-image>
|
|
<el-image :src="item.image[0].url"></el-image>
|
|
<p>
|
|
<p>
|
|
@@ -190,7 +228,25 @@
|
|
<el-image :src="item.imgpath"></el-image>
|
|
<el-image :src="item.imgpath"></el-image>
|
|
<div>
|
|
<div>
|
|
<p>
|
|
<p>
|
|
- <span @click="zhuanjia(item)">{{ item.name }}</span>
|
|
|
|
|
|
+ <el-popover placement="top-start" title="" width="700" trigger="hover">
|
|
|
|
+ <el-col :span="24" class="infoMess">
|
|
|
|
+ <el-col :span="24" class="info"> 专家名称:{{ policyInfo.name }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> <el-image style="width:100px;height:100px" :src="policyInfo.imgpath"></el-image></el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 民族:{{ policyInfo.nation }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 学术成就:{{ policyInfo.achievement }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 身份证号:{{ policyInfo.cardnumber }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 毕业院校:{{ policyInfo.school }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 学位:{{ policyInfo.degree }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 电子邮箱:{{ policyInfo.email }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 学历:{{ policyInfo.eduback }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 职务:{{ policyInfo.position }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 从事专业:{{ policyInfo.professional }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 手机号:{{ policyInfo.phone }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 业务工作简介:{{ policyInfo.job_profile }} </el-col>
|
|
|
|
+ <el-col :span="24" class="info"> 备注:{{ policyInfo.remark }} </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ <span class="title" slot="reference" @mouseover="zhuanjia(item)"> {{ item.name }}</span>
|
|
|
|
+ </el-popover>
|
|
<span>{{ item.nation }}</span>
|
|
<span>{{ item.nation }}</span>
|
|
</p>
|
|
</p>
|
|
<p>职务:{{ item.position }}</p>
|
|
<p>职务:{{ item.position }}</p>
|
|
@@ -262,45 +318,6 @@
|
|
<div class="suspenInfo">
|
|
<div class="suspenInfo">
|
|
<el-link :underline="false" @click="clickBtn()" target="_blank">直播中心</el-link>
|
|
<el-link :underline="false" @click="clickBtn()" target="_blank">直播中心</el-link>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- <el-dialog title="详情" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
|
|
|
|
- <el-col :span="24" class="detail" v-if="policyInfo.totaltype">
|
|
|
|
- <el-col :span="24" class="infoMess">
|
|
|
|
- <el-col :span="24" class="info"> 名称:{{ policyInfo.name }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 类型:{{ policyInfo.product_type_name }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 单价:{{ policyInfo.price }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 单位:{{ policyInfo.priceunit }} </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <span class="tupian"> 图片:</span>
|
|
|
|
- <el-col :span="6" class="infos" v-for="(acm, index) in policyInfo.image" :key="index">
|
|
|
|
- <span><el-image class="newclassimage" style="width:100px;height:100px" :src="acm.url"></el-image></span>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
-
|
|
|
|
- <el-col :span="24" class="info"> 产品参数:{{ policyInfo.product_args }} </el-col>
|
|
|
|
- <el-col :span="24" class="info">
|
|
|
|
- 交易方式:{{ policyInfo.business === '0' ? '公用' : policyInfo.business === '1' ? '转让' : policyInfo.business === '2' ? '竞价' : 'underdind' }}
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 研发阶段:{{ policyInfo.phase === '0' ? '阶段成果' : policyInfo.phase === '1' ? '最终成果' : 'underdind' }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 应用领域:{{ policyInfo.field }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 市场前景:{{ policyInfo.prospect }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 电子合同:{{ policyInfo.contract }} </el-col>
|
|
|
|
- <el-col :span="24" class="info">
|
|
|
|
- 供/需{{ policyInfo.business === '0' ? '公用' : policyInfo.business === '1' ? '供' : policyInfo.business === '2' ? '需' : 'underdind' }}
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 服务范围:{{ policyInfo.scope }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 描述{{ policyInfo.description }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 知识产权:{{ policyInfo.property }} </el-col>
|
|
|
|
- <el-col :span="24" class="info">
|
|
|
|
- <!-- 状态:{{ policyInfo.status === '0' ? '待审核' : policyInfo.status === '1' ? '通过审核' : policyInfo.status === '2' ? '审核拒绝' : 'underdind' }} -->
|
|
|
|
- </el-col>
|
|
|
|
- <!-- <el-col :span="24" class="info"> 是否删除:{{ policyInfo.is_del === '0' ? '否' : policyInfo.is_del === '1' ? '是' : 'underdind' }} </el-col> -->
|
|
|
|
- <el-col :span="24" class="info"> 联系人:{{ policyInfo.contact_user }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 联系电话:{{ policyInfo.contact_tel }} </el-col>
|
|
|
|
- <el-col :span="24" class="info"> 简介:{{ policyInfo.introduction }} </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </el-dialog>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -465,6 +482,7 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
hover: function(item) {
|
|
hover: function(item) {
|
|
|
|
+ this.$set(this, `policyInfo`, item);
|
|
console.log(item);
|
|
console.log(item);
|
|
},
|
|
},
|
|
|
|
|