|
|
@ -6,7 +6,7 @@ |
|
|
|
<RouterLink to="/main-home">首页</RouterLink> |
|
|
|
<RouterLink to="/main-home">首页</RouterLink> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item">列表</div> |
|
|
|
<div class="item">列表</div> |
|
|
|
<!-- <div class="item">优秀毕业生</div>--> |
|
|
|
<!-- <div class="item">优秀毕业生</div>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -16,11 +16,13 @@ |
|
|
|
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)"> |
|
|
|
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)"> |
|
|
|
<div class="card"> |
|
|
|
<div class="card"> |
|
|
|
<div class="card_left"> |
|
|
|
<div class="card_left"> |
|
|
|
<img :src="o.comimg" /> |
|
|
|
<div class="big">{{ parseTime(o.createTime,'b') }}</div> |
|
|
|
|
|
|
|
<div class="small">{{parseTime(o.createTime,'a')}}</div> |
|
|
|
|
|
|
|
<!-- <img :src="o.comimg" /> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="card_right"> |
|
|
|
<div class="card_right"> |
|
|
|
<p class="tit">{{ o.title }}</p> |
|
|
|
<p class="tit">{{ o.title }}</p> |
|
|
|
<p class="text"> |
|
|
|
<p class="text" v-if="o.info"> |
|
|
|
<span>{{ o.info }}</span> |
|
|
|
<span>{{ o.info }}</span> |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -29,7 +31,7 @@ |
|
|
|
<div class="left_footer"> |
|
|
|
<div class="left_footer"> |
|
|
|
<div class="pagination-box"> |
|
|
|
<div class="pagination-box"> |
|
|
|
<a-pagination v-model:current="current" v-model:page-size="pageSize" |
|
|
|
<a-pagination v-model:current="current" v-model:page-size="pageSize" |
|
|
|
:page-size-options="['5','10', '20', '30', '40', '50']" :total="total" |
|
|
|
:page-size-options="['5', '10', '20', '30', '40', '50']" :total="total" |
|
|
|
:show-total="total => `共 ${total} 项数据`" @change="pagChange" show-quick-jumper |
|
|
|
:show-total="total => `共 ${total} 项数据`" @change="pagChange" show-quick-jumper |
|
|
|
show-size-changer /> |
|
|
|
show-size-changer /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -49,10 +51,10 @@ |
|
|
|
<div class="message-box"> |
|
|
|
<div class="message-box"> |
|
|
|
<div class="msg-item" v-for="o in data" :key="o.columnId" |
|
|
|
<div class="msg-item" v-for="o in data" :key="o.columnId" |
|
|
|
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)"> |
|
|
|
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)"> |
|
|
|
<div class="msg-date">{{o.publishTime}}</div> |
|
|
|
<div class="msg-date">{{ o.publishTime }}</div> |
|
|
|
<div class="msg-date_"></div> |
|
|
|
<div class="msg-date_"></div> |
|
|
|
<div class="text"> |
|
|
|
<div class="text"> |
|
|
|
{{o.info}} |
|
|
|
{{ o.info }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -87,7 +89,7 @@ function pagChange(page: number, pageSizeP: number) { |
|
|
|
getData(route.query.id as string) |
|
|
|
getData(route.query.id as string) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
watch(() => route.query.id, (newVal:string) => { |
|
|
|
watch(() => route.query.id, (newVal: string) => { |
|
|
|
if (newVal == '1') return |
|
|
|
if (newVal == '1') return |
|
|
|
getData(newVal as string) |
|
|
|
getData(newVal as string) |
|
|
|
}, { |
|
|
|
}, { |
|
|
@ -101,6 +103,14 @@ const onSearch = (searchValue: string) => { |
|
|
|
console.log('use value', searchValue); |
|
|
|
console.log('use value', searchValue); |
|
|
|
console.log('or use this.value', value.value); |
|
|
|
console.log('or use this.value', value.value); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function parseTime(strTime:string, type:string) { |
|
|
|
|
|
|
|
if(typeof strTime !== 'string') return '' |
|
|
|
|
|
|
|
const arr = strTime.split('-') |
|
|
|
|
|
|
|
const a = `${arr[0]}.${arr?.[1]}` |
|
|
|
|
|
|
|
const b = arr?.[2].split(' ')[0] |
|
|
|
|
|
|
|
return type === 'a' ? a : b |
|
|
|
|
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
<style lang="less" scoped> |
|
|
@ -142,32 +152,38 @@ const onSearch = (searchValue: string) => { |
|
|
|
|
|
|
|
|
|
|
|
.card-box-item { |
|
|
|
.card-box-item { |
|
|
|
width: 950px; |
|
|
|
width: 950px; |
|
|
|
height: 236px; |
|
|
|
height: 106px; |
|
|
|
border-bottom: 1px solid #DCDCDC; |
|
|
|
border-bottom: 1px solid #DCDCDC; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.card { |
|
|
|
.card { |
|
|
|
width: 950px; |
|
|
|
|
|
|
|
height: 180px; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
.card_left { |
|
|
|
.card_left { |
|
|
|
width: 167px; |
|
|
|
text-align: center; |
|
|
|
height: 180px; |
|
|
|
width: 70px; |
|
|
|
background: #D9D9D9; |
|
|
|
|
|
|
|
margin-right: 48px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
.big { |
|
|
|
width: 100%; |
|
|
|
font-weight: 500; |
|
|
|
height: 100%; |
|
|
|
font-size: 30px; |
|
|
|
|
|
|
|
color: #0052FF; |
|
|
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.small { |
|
|
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
|
|
color: #0052FF; |
|
|
|
|
|
|
|
line-height: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.card_right { |
|
|
|
.card_right { |
|
|
|
width: 677px; |
|
|
|
margin-left: 10px; |
|
|
|
margin-top: 38px; |
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
color: #000000; |
|
|
|
|
|
|
|
line-height: 24px; |
|
|
|
|
|
|
|
|
|
|
|
.tit { |
|
|
|
.tit { |
|
|
|
height: 24px; |
|
|
|
height: 24px; |
|
|
|