通知公告

linwe

2023-11-10 516351d09fced37532f14af978a5455ae2a365ef

通知公告

 subPackage/notice/list.vue

@@ -1,36 +1,53 @@
<template>
    <view class="">
        
	
    <view class="notic-list"   @click="navigatorPage('/detail')">
        <view class="f-28 mb-30">
            新业态新就业群体现状调查问卷
        </view>
        <view class="flex a-i-c j-c-s-b">
            <view class="f-28 flex a-i-c">
                <view class="flex a-i-c mr-30">
                    <u-icon name="thumb-up-fill" size="24" color="#CECECE"></u-icon>
                    <text class="f-24 c-99 ml-10">121</text>
                </view>
                <view class="flex a-i-c">
                    <u-icon name="eye-fill" size="24" color="#CECECE"></u-icon>
                    <text class="f-24 c-99 ml-10">121</text>
                </view>
    <view v-for="(item,index) in notice" :key="index">
        <view class="notic-list"   @click="navigatorPage('/detail')">
            <view class="f-28 mb-30">
                {{item.title}}
            </view>
            <text class="f-24 c-99">2023-08-21</text>
            <view class="flex a-i-c j-c-s-b">
                <view class="f-28 flex a-i-c">
                    <view class="flex a-i-c mr-30">
                        <u-icon name="thumb-up-fill" size="24" color="#CECECE"></u-icon>
                        <text class="f-24 c-99 ml-10">{{item.countNumber}}</text>
                    </view>
                    <view class="flex a-i-c">
                        <u-icon name="eye-fill" size="24" color="#CECECE"></u-icon>
                        <text class="f-24 c-99 ml-10">{{item.viewNumber}}</text>
                    </view>
                </view>
                <text class="f-24 c-99">{{item.createTime}}</text>
            </view>
        </view>
    </view>
	
    </view>
</template>

<script>
    import {
        getPage
    } from "@/api/notice/notice";
    export default {
        data(){
            return {
				
                notice: [],
            }
        },
        onLoad() {
            this.getNoticeList()
        },
        methods:{
            async getNoticeList() {
                const param = {
                    size: 10,
                    current: 1
                }
                const res = await getPage(param)
                this.notice = res.data.records
			
            },
            navTo(){
                this.$u.func.globalNavigator('detail', "navTo")
            }