sooka_consult_uniapp/pages/matters/matters.vue

<template>
    <!-- pages/me.wxml -->
	<view class="container">
		<uni-search-bar  :focus="true" v-model="searchValue"  @input="search"
			style="width: 100%;"
			@cancel="cancel">
		</uni-search-bar>
		<!-- <view style="width: 100%;display: flex;">
			<uni-search-bar  :focus="true" v-model="searchValue"  @input="search"
				style="width: 70%;"
				@cancel="cancel">
			</uni-search-bar>
			  <uni-data-select
				  style="width: 30%;margin: auto;"
				  v-model="value"
				  placeholder="请选择排序"
				  :localdata="range"
				  @change="getList(value)"
			></uni-data-select>
		</view> -->
	    <view class="rnwdList">
	        <view class="list" @tap="goDetails(item)" v-for="(item, index1) in qbwd" :key="index1">
	            <span class="listTitle">{{ item.title }}</span>
	            <view class="onePic">
	                <image :src="loadImgSrc(item.picture)">
					</image>
	            </view>
			</view>
			<uni-fab ref="fab" horizontal="right"  style="position: fixed;bottom: 1%;right: 1%;z-index: 200;"
			         @fabClick="fabClick()"/>
	    </view>
		<!-- 新增资讯按钮 -->
		<!-- <button class="addInfomarionBtn" @click="addInfomation()"></button> -->
	</view>
</template>

<script>
import { getMattersList } from '@/api/me/matters/matters.js'
// pages/me.js
export default {
    data() {
        return {
			qbwd:[],
			listParams:{
			  pageNum: 1,
			  pageSize: 7,
			  title: '',
			  isTop:0,
			  type: 11,
			  flag:''
			},
			topList:[],
			total:0,
			searchValue:'',
			favoriteList:[],
			value: 1,
			range: [
				{ value: 'watch', text: "热度" },
				{ value: 'like', text: "点赞" },
				{ value: '', text: "最新" },
			],
		};
    },
	created(){
		this.getList()
	},
	onReachBottom(){
		let pageNum = this.listParams.pageNum
		let pageSize = this.listParams.pageSize
		let total = this.total
		if(pageNum * pageSize >= total){
			uni.showToast({
				title:'暂无更多数据'
			})
			return
		} else {
			this.listParams.pageNum += 1;
			this.getList(null,'dropDown')
		}
	},
	methods:{
		currentFavoriteCount(e){
			if(this.favoriteList.includes(e.id)){
				return e.likeNum + 1
			} else {
				return e.likeNum
			}
		},
		addFavorite(e){
			if(this.favoriteList.includes(e.id)) return
			likeServer({
				id:e.id,
				type:11
			}).then(e => {
			})
			this.favoriteList.push(e.id)
			return
			if(this.favoriteList.includes(e.id)){
				// 取消点赞
				likeServer({
					id:e.id,
					type:12
				})
				let deleteIdx = this.favoriteList.findIndex((v => v == e.id))
				this.favoriteList.splice(deleteIdx,1)
			} else {
				likeServer({
					id:e.id,
					type:12
				})
				this.favoriteList.push(e.id)
			}
		},
		cancel(){
			this.listParams.title = ''
		},
		fabClick(){
			uni.navigateTo({
				url: `../mattersAdd/mattersAdd`
			})
		},
		search(){
			this.listParams.title = this.searchValue
			this.getList()
		},
		getList(val = null,type){
			this.listParams.flag = val || ''
			switch(type){
				case 'dropDown':
				// 上拉
					getMattersList(this.listParams).then(res => {
						this.qbwd = [...this.qbwd,...res.rows]
						this.total = res.total
					})
				break;
				default:
					this.qbwd = this.topList
					getMattersList(this.listParams).then(res => {
						this.qbwd = [...this.qbwd,...res.rows]
						this.total = res.total
					})
				break;
			}
		},
		goDetails(e) {
			let id = e.id || ''
			let type = 11
		    uni.navigateTo({
		        url: `../mattersDetail/mattersDetail?id=${id}`
		    });
		},
		// 新增资讯
		addInfomation(){
			uni.navigateTo({
			    url: `../informationAdd/informationAdd`
			});
		}
	},
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
};
</script>
<style lang="scss">
@import './matters.css';
.container{
	height: 100%;
}
.container{
	height: 100%;
	content: '\e633';
}
.favorite{
	.icon-shoucang:before{
		color: red;
	}
}
.not-favorite{
	
}
</style>