|
|
|
@ -4,25 +4,17 @@ |
|
|
|
<div class="d-flex"> |
|
|
|
<div class="flex-3 flex-wrap"> |
|
|
|
<span class="ins-title">所属领域：</span> |
|
|
|
<!-- <span |
|
|
|
:class="item.isActive ? 'act-color' : ''" |
|
|
|
:key="index" |
|
|
|
@click="choose(index)" |
|
|
|
class="ins-name" |
|
|
|
v-for="(item, index) in list" |
|
|
|
> |
|
|
|
{{ item.name }} |
|
|
|
</span> --> |
|
|
|
<a-input style="width: 30%; margin: auto 0" allow-clear v-model="servics" /> |
|
|
|
<a-button type="primary" style="margin: auto 0">搜索</a-button> |
|
|
|
<a-button type="primary" style="margin: auto 0" @click="getData">搜索</a-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="d-flex flex-wrap"> |
|
|
|
<div :class="(index + 1) % 3 === 0 ? 'margin-0' : ''" :key="index" class="pro-box" v-for="(item, index) in lists"> |
|
|
|
<p class="pro-title">{{ item.title }}</p> |
|
|
|
<p class="pro-content">{{ item.content }}</p> |
|
|
|
<p class="pro-time">时间：{{ item.time }}</p> |
|
|
|
<div class="d-flex flex-wrap" style="min-height: 500px"> |
|
|
|
<div :class="(index + 1) % 3 === 0 ? 'margin-0' : ''" :key="index" class="pro-box" v-for="(item, index) in lists.list"> |
|
|
|
<p class="pro-title">{{ item.unit }}</p> |
|
|
|
<p class="pro-content">挑战成功</p> |
|
|
|
<p class="pro-time">时间：{{ item.times }}</p> |
|
|
|
<p class="pro-more" @click="showModal(item)">查看详情</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
@ -37,11 +29,27 @@ |
|
|
|
v-show="total > 6" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<a-modal width="50%" title="揭榜详情" :visible="visible" :confirm-loading="confirmLoading" @ok="handleCancel" @cancel="handleCancel"> |
|
|
|
<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 12, offset: 5 }" v-if="proData"> |
|
|
|
<a-form-item label="揭榜人"> |
|
|
|
{{ proData.accepterName }} |
|
|
|
</a-form-item> |
|
|
|
<a-form-item label="揭榜人联系方式"> |
|
|
|
{{ proData.phone }} |
|
|
|
</a-form-item> |
|
|
|
<a-form-item label="揭榜单位"> |
|
|
|
{{ proData.unit }} |
|
|
|
</a-form-item> |
|
|
|
<a-form-item label="揭榜方案简述"> |
|
|
|
{{ proData.planIntro }} |
|
|
|
</a-form-item> |
|
|
|
</a-form> |
|
|
|
</a-modal> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { selfulUnveilingList } from 'config/api'; |
|
|
|
import { selResultPublicity } from 'config/api'; |
|
|
|
export default { |
|
|
|
name: 'Notice', |
|
|
|
data() { |
|
|
|
@ -50,8 +58,8 @@ export default { |
|
|
|
title: '结果公告', |
|
|
|
typeOfPlatform: '创新挑战', |
|
|
|
current: 1, |
|
|
|
pageSize: 8, |
|
|
|
total: 10, |
|
|
|
pageSize: 6, |
|
|
|
total: 0, |
|
|
|
list: [ |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
@ -69,45 +77,29 @@ export default { |
|
|
|
isActive: false, |
|
|
|
}, |
|
|
|
], |
|
|
|
lists: [ |
|
|
|
{ |
|
|
|
title: '需求标题', |
|
|
|
content: 'XXX挑战成功', |
|
|
|
time: '2020-11-20', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '需求标题', |
|
|
|
content: 'XXX挑战成功', |
|
|
|
time: '2020-11-20', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '需求标题', |
|
|
|
content: 'XXX挑战成功', |
|
|
|
time: '2020-11-20', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '需求标题', |
|
|
|
content: 'XXX挑战成功', |
|
|
|
time: '2020-11-20', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '需求标题', |
|
|
|
content: 'XXX挑战成功', |
|
|
|
time: '2020-11-20', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '需求标题', |
|
|
|
content: 'XXX挑战成功', |
|
|
|
time: '2020-11-20', |
|
|
|
}, |
|
|
|
], |
|
|
|
lists: {}, |
|
|
|
servics: '', |
|
|
|
visible: false, |
|
|
|
confirmLoading: false, |
|
|
|
proData: null, |
|
|
|
formLayout: 'horizontal', |
|
|
|
form: this.$form.createForm(this, { name: 'coordinated' }), |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
// this.getData(); |
|
|
|
this.getData(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
showModal(obj) { |
|
|
|
this.proData = obj; |
|
|
|
this.visible = true; |
|
|
|
}, |
|
|
|
handleOk(e) { |
|
|
|
this.visible = false; |
|
|
|
}, |
|
|
|
handleCancel(e) { |
|
|
|
this.visible = false; |
|
|
|
}, |
|
|
|
choose(index) { |
|
|
|
const that = this; |
|
|
|
// that.achList = []; |
|
|
|
@ -130,16 +122,17 @@ export default { |
|
|
|
pageSize: this.pageSize, |
|
|
|
}, |
|
|
|
}; |
|
|
|
const res = await selfulUnveilingList(params); |
|
|
|
const res = await selResultPublicity(params); |
|
|
|
const { code, msg, data } = res.data; |
|
|
|
if (code === 200) { |
|
|
|
// this.lists = data; |
|
|
|
console.log(data); |
|
|
|
this.lists = data; |
|
|
|
this.total = parseInt(data.total); |
|
|
|
// console.log(data); |
|
|
|
} else { |
|
|
|
this.$message.error('查询失败'); |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
this.$message.error(error); |
|
|
|
this.$message.error('查询失败'); |
|
|
|
} |
|
|
|
}, |
|
|
|
// 改变单当前页数 |
|
|
|
@ -192,9 +185,10 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.pro-box { |
|
|
|
position: relative; |
|
|
|
width: 31.3%; |
|
|
|
margin-right: 3%; |
|
|
|
height: auto; |
|
|
|
height: 208px; |
|
|
|
background: #FFFFFF; |
|
|
|
padding: 24px 20px; |
|
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
|
|
|
@ -203,6 +197,22 @@ export default { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
|
|
|
|
@media only screen and (max-width: 1500px) { |
|
|
|
.pro-box { |
|
|
|
width: 47%; |
|
|
|
margin: 20px auto !important; |
|
|
|
height: 240px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.pro-more { |
|
|
|
position: absolute; |
|
|
|
right: 20px; |
|
|
|
bottom: 0; |
|
|
|
cursor: pointer; |
|
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
|
} |
|
|
|
|
|
|
|
.pro-title { |
|
|
|
font-size: 24px; |
|
|
|
font-family: Microsoft YaHei; |
|
|
|
|
