main
significative 4 months ago
parent 785edcb1cd
commit d3504274c3
  1. 56
      jeecgboot-vue3-master/src/views/demo/main-home/components/matchEvaluation/components/MCh.vue

@ -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;

Loading…
Cancel
Save