|
|
@@ -12,7 +12,7 @@
|
|
|
</div>
|
|
|
</el-row>
|
|
|
<!-- 供应信息列表 -->
|
|
|
- <div class="tab1" v-if="tab === 0">
|
|
|
+ <div class="tab1" v-if="tab === 0" key="tab1">
|
|
|
<el-row>
|
|
|
<div class="classify">
|
|
|
<span
|
|
|
@@ -27,45 +27,63 @@
|
|
|
</el-row>
|
|
|
<!-- 产品 -->
|
|
|
<el-row>
|
|
|
- <div class="card_list" v-if="current == 0">
|
|
|
- <div class="card" v-for="n in tableData" :key="n.id">
|
|
|
- <img :src="n.images[0]" />
|
|
|
- <h5>{{ n.name }}</h5>
|
|
|
- <p>{{ n.description }}</p>
|
|
|
- <div class="btn">
|
|
|
- <div class="edit" @click="toShow(n)">
|
|
|
- 编辑
|
|
|
+ <template v-if="current == 0">
|
|
|
+ <div class="card_list">
|
|
|
+ <div class="card" v-for="n in tableData" :key="n.id">
|
|
|
+ <el-image class="cover" :src="n.images[0]">
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline"></i>
|
|
|
+ </div>
|
|
|
+ </el-image>
|
|
|
+ <h5>{{ n.name }}</h5>
|
|
|
+ <p>{{ n.description }}</p>
|
|
|
+ <div class="btn">
|
|
|
+ <div class="edit" @click="toShow(n)">
|
|
|
+ 编辑
|
|
|
+ </div>
|
|
|
+ <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
</div>
|
|
|
- <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="card_list" v-if="current == 1">
|
|
|
- <div class="card" v-for="n in tableData" :key="n.id">
|
|
|
- <img :src="n.images[0]" />
|
|
|
- <h5>{{ n.name }}</h5>
|
|
|
- <p>{{ n.description }}</p>
|
|
|
- <div class="btn">
|
|
|
- <div class="edit" @click="toShow(n)">
|
|
|
- 编辑
|
|
|
+ </template>
|
|
|
+ <template v-if="current == 1">
|
|
|
+ <div class="card_list" v-if="current == 1">
|
|
|
+ <div class="card" v-for="n in tableData" :key="n.id">
|
|
|
+ <el-image class="cover" :src="n.images[0]">
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline"></i>
|
|
|
+ </div>
|
|
|
+ </el-image>
|
|
|
+ <h5>{{ n.name }}</h5>
|
|
|
+ <p>{{ n.description }}</p>
|
|
|
+ <div class="btn">
|
|
|
+ <div class="edit" @click="toShow(n)">
|
|
|
+ 编辑
|
|
|
+ </div>
|
|
|
+ <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
</div>
|
|
|
- <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="card_list" v-if="current == 2">
|
|
|
- <div class="card" v-for="n in tableData" :key="n.id">
|
|
|
- <img :src="n.images[0]" />
|
|
|
- <h5>{{ n.name }}</h5>
|
|
|
- <p>{{ n.description }}</p>
|
|
|
- <div class="btn">
|
|
|
- <div class="edit" @click="toShow(n)">
|
|
|
- 编辑
|
|
|
+ </template>
|
|
|
+ <template v-if="current == 2">
|
|
|
+ <div class="card_list">
|
|
|
+ <div class="card" v-for="n in tableData" :key="n.id">
|
|
|
+ <el-image class="cover" :src="n.images[0]">
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline"></i>
|
|
|
+ </div>
|
|
|
+ </el-image>
|
|
|
+ <h5>{{ n.name }}</h5>
|
|
|
+ <p>{{ n.description }}</p>
|
|
|
+ <div class="btn">
|
|
|
+ <div class="edit" @click="toShow(n)">
|
|
|
+ 编辑
|
|
|
+ </div>
|
|
|
+ <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
</div>
|
|
|
- <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-pagination
|
|
|
@@ -81,7 +99,7 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<!--需求信息列表 -->
|
|
|
- <div class="tab1" v-else>
|
|
|
+ <div class="tab1" v-else key="tab2">
|
|
|
<el-row>
|
|
|
<div class="classify">
|
|
|
<span
|
|
|
@@ -97,62 +115,80 @@
|
|
|
<!-- 产品需求,技术需求 -->
|
|
|
<el-row>
|
|
|
<!-- <div v-for="n in tableData" :key="n.id" class="neens_div"> -->
|
|
|
- <div v-for="n in tableData" :key="n.id" class="neens_div">
|
|
|
- <div class="needs_card" v-if="current == 0">
|
|
|
- <img :src="n.images[0]" />
|
|
|
- <div class="info">
|
|
|
- <div class="title">{{ n.name }}</div>
|
|
|
- <p>
|
|
|
- {{ n.description }}
|
|
|
- </p>
|
|
|
- <div class="time">{{ n.createdAt }}</div>
|
|
|
- </div>
|
|
|
- <div class="btn">
|
|
|
- <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
- <div class="edit" @click="toNeedShow(n)">编辑</div>
|
|
|
+ <template v-if="current == 0">
|
|
|
+ <div v-for="n in tableData" :key="n.id" class="neens_div">
|
|
|
+ <div class="needs_card">
|
|
|
+ <el-image class="cover" :src="n.images[0]">
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline"></i>
|
|
|
+ </div>
|
|
|
+ </el-image>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title">{{ n.name }}</div>
|
|
|
+ <p>
|
|
|
+ {{ n.description }}
|
|
|
+ </p>
|
|
|
+ <div class="time">{{ n.createdAt }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="btn">
|
|
|
+ <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
+ <div class="edit" @click="toNeedShow(n)">编辑</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-for="n in tableData" :key="n.id" class="neens_div">
|
|
|
- <div class="needs_card" v-if="current == 1">
|
|
|
- <img :src="n.images[0]" />
|
|
|
- <div class="info">
|
|
|
- <div class="title">{{ n.name }}</div>
|
|
|
- <p>
|
|
|
- {{ n.description }}
|
|
|
- </p>
|
|
|
- <div class="time">{{ n.createdAt }}</div>
|
|
|
- </div>
|
|
|
- <div class="btn">
|
|
|
- <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
- <div class="edit" @click="toNeedShow(n)">编辑</div>
|
|
|
+ </template>
|
|
|
+ <template v-if="current == 1">
|
|
|
+ <div v-for="n in tableData" :key="n.id" class="neens_div">
|
|
|
+ <div class="needs_card">
|
|
|
+ <el-image class="cover" :src="n.images[0]">
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline"></i>
|
|
|
+ </div>
|
|
|
+ </el-image>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title">{{ n.name }}</div>
|
|
|
+ <p>
|
|
|
+ {{ n.description }}
|
|
|
+ </p>
|
|
|
+ <div class="time">{{ n.createdAt }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="btn">
|
|
|
+ <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
+ <div class="edit" @click="toNeedShow(n)">编辑</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-for="n in tableData" :key="n.id" class="neens_div">
|
|
|
- <div class="needs_card" v-if="current == 2">
|
|
|
- <img :src="n.images[0]" />
|
|
|
- <div class="info">
|
|
|
- <div class="title">{{ n.name }}</div>
|
|
|
- <div class="con_info">
|
|
|
- <div class="con_info_item">
|
|
|
- <i>计划融资</i><span>{{ n.resSnDPropertyList[0].value }}</span>
|
|
|
- </div>
|
|
|
- <div class="con_info_item">
|
|
|
- <i>融资阶段</i><span>{{ n.resSnDPropertyList[1].value }}</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="current == 2">
|
|
|
+ <div v-for="n in tableData" :key="n.id" class="neens_div">
|
|
|
+ <div class="needs_card">
|
|
|
+ <el-image class="cover" :src="n.images[0]">
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline"></i>
|
|
|
</div>
|
|
|
- <div class="con_info_item">
|
|
|
- <i>行业类型</i><span>{{ n.resSnDPropertyList[2].value }}</span>
|
|
|
+ </el-image>
|
|
|
+ <div class="info">
|
|
|
+ <div class="title">{{ n.name }}</div>
|
|
|
+ <div class="con_info">
|
|
|
+ <div class="con_info_item">
|
|
|
+ <i>计划融资</i><span>{{ n.resSnDPropertyList[0].value }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="con_info_item">
|
|
|
+ <i>融资阶段</i><span>{{ n.resSnDPropertyList[1].value }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="con_info_item">
|
|
|
+ <i>行业类型</i><span>{{ n.resSnDPropertyList[2].value }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="time">{{ n.createdAt }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="btn">
|
|
|
+ <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
+ <div class="edit" @click="toNeedShow(n)">编辑</div>
|
|
|
</div>
|
|
|
- <div class="time">{{ n.createdAt }}</div>
|
|
|
- </div>
|
|
|
- <div class="btn">
|
|
|
- <div class="red">当前对接 {{ n.count ? n.count : 0 }}</div>
|
|
|
- <div class="edit" @click="toNeedShow(n)">编辑</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-pagination
|
|
|
@@ -197,6 +233,7 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
getTabData(index) {
|
|
|
+ this.tableData = [];
|
|
|
this.tab = index;
|
|
|
if (this.tab === 1) {
|
|
|
this.getIndexNeed(this.current);
|
|
|
@@ -206,6 +243,7 @@ export default {
|
|
|
},
|
|
|
// 供应信息
|
|
|
getIndex(index) {
|
|
|
+ this.tableData = [];
|
|
|
this.current = index;
|
|
|
if (this.current === 0) {
|
|
|
// this.query = { types:PRODUCT_SUPPLY' };
|
|
|
@@ -222,6 +260,7 @@ export default {
|
|
|
},
|
|
|
// 需求信息
|
|
|
getIndexNeed(index) {
|
|
|
+ this.tableData = [];
|
|
|
this.current = index;
|
|
|
if (this.current === 0) {
|
|
|
this.types = 'TECH_DEMAND';
|
|
|
@@ -362,9 +401,22 @@ export default {
|
|
|
margin-bottom: 30px;
|
|
|
float: left;
|
|
|
|
|
|
- img {
|
|
|
+ .cover {
|
|
|
width: 223px;
|
|
|
height: 223px;
|
|
|
+ ::v-deep .image-slot {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: #f5f7fa;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #909399;
|
|
|
+ font-size: 14px;
|
|
|
+ i {
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
h5 {
|
|
|
width: 223px;
|
|
|
@@ -426,10 +478,23 @@ export default {
|
|
|
// + .needs_card {
|
|
|
|
|
|
// }
|
|
|
- img {
|
|
|
+ .cover {
|
|
|
width: 100px;
|
|
|
height: 100px;
|
|
|
margin-right: 16px;
|
|
|
+ ::v-deep .image-slot {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: #f5f7fa;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #909399;
|
|
|
+ font-size: 14px;
|
|
|
+ i {
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.info {
|
|
|
width: 600px;
|