157 lines
4.1 KiB
Vue
157 lines
4.1 KiB
Vue
<template>
|
|
<view class="content">
|
|
<m-search
|
|
:show="false"
|
|
placeholder="搜索"
|
|
button="none"
|
|
backgroundColor="#efecec"
|
|
v-model="searchStr"
|
|
></m-search>
|
|
<view class="noData" v-if="noData === true">
|
|
<noData :custom="true"><view class="title" @tap="update()">暂无数据,点击重新加载</view></noData>
|
|
</view>
|
|
<view class="list cu-card article dynamic" v-else-if="noData === false">
|
|
<view class="cu-item" style="padding:0" v-for="(item,index) in noticeListQuery" :key="index">
|
|
<view class="cu-list menu solid-bottom" @click="goToDetails(item)">
|
|
<view class="cu-item arrow" style="min-height: 90rpx;padding-top: 10rpx;">
|
|
<view class="action">
|
|
<view class="action">
|
|
<view class='cu-tag radius bg-orange light margin-right-xs' v-if="item.is_pass === '0'">未发布</view>
|
|
<view class='cu-tag radius bg-green light margin-right-xs' v-if="item.is_pass === '1'">已发布</view>
|
|
<view class='cu-tag radius bg-red light margin-right-xs' v-if="item.is_pass === '2'">已驳回</view>
|
|
<text class="text-black text-lg">{{item.title}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="text-content" style="margin:10rpx 0 0 0;">
|
|
<text class="text-gray">文章标签：</text>
|
|
<text class="">{{item.label}}</text>
|
|
</view>
|
|
<view class="text-content" style="margin:10rpx 0 0 0;" @tap="goToUserInfo(item)">
|
|
<text class="text-gray">发表人：</text>
|
|
<text class="">{{item.real_name}}</text>
|
|
</view>
|
|
<view class="text-content" style="margin:10rpx 0 0 0;">
|
|
<text class="text-gray">发表时间：</text>
|
|
<text class="">{{item.release_time}}</text>
|
|
</view>
|
|
<view class="cu-item flex flex-direction bg-white solid-top">
|
|
<button class="cu-btn bg-white text-orange lg" style="color:#1296DB;font-weight: 400;"
|
|
@click.stop="edit(item)">
|
|
编辑
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import request from '@/util/request.js';
|
|
import mSearch from '@/components/mehaotian-search/mehaotian-search.vue';
|
|
import noData from '@/components/noData/noData.vue';
|
|
import { sortBy } from '@/static/js/public.js';
|
|
export default {
|
|
components: {
|
|
mSearch,
|
|
noData
|
|
},
|
|
data() {
|
|
return {
|
|
//无数据
|
|
noData: false,
|
|
//搜索关键字
|
|
searchStr: '',
|
|
//首页数据
|
|
noticeList: [],
|
|
};
|
|
},
|
|
computed: {
|
|
// 模糊查询
|
|
noticeListQuery(){
|
|
return this.noticeList.filter(notice => {
|
|
return notice.title.indexOf(this.searchStr) != -1 || notice.type.indexOf(this.searchStr) != -1
|
|
|| notice.real_name.indexOf(this.searchStr) != -1
|
|
})
|
|
}
|
|
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
this.getAllData();
|
|
},
|
|
onPullDownRefresh () {
|
|
this.getAllData();
|
|
},
|
|
methods: {
|
|
/**
|
|
* 跳转人员信息页面
|
|
* @param {Object} item
|
|
*/
|
|
goToUserInfo(item) {
|
|
if (item.user_id === uni.getStorageSync("userInfo").user_id) {
|
|
uni.switchTab({
|
|
url: '/pages/tabbar/my/my'
|
|
});
|
|
} else {
|
|
uni.navigateTo({
|
|
url: `/pages/person-info-page/person-info-page?userId=${item.user_id}`
|
|
})
|
|
}
|
|
},
|
|
/**
|
|
* 编辑页面
|
|
* @param {Object} item
|
|
*/
|
|
edit(item) {
|
|
uni.setStorageSync("notice",item);
|
|
uni.navigateTo({
|
|
url: `/pages/notice-edit/notice-edit?noticeId=${item.id}`
|
|
})
|
|
},
|
|
/**
|
|
* 跳转详情页面
|
|
* @param {Object} item
|
|
*/
|
|
goToDetails(item) {
|
|
uni.navigateTo({
|
|
url: `/pages/tabbar/homepage/data-details?noticeId=${item.id}&isMessage=false`
|
|
})
|
|
},
|
|
/**
|
|
* 获取我的文章
|
|
*/
|
|
getAllData() {
|
|
request.post('/hs/getListByAttribute',{
|
|
text: '',
|
|
releaseId: uni.getStorageSync("userInfo").user_id,
|
|
isPass: "1"
|
|
}).then(res=>{
|
|
console.log("我的文章",res);
|
|
this.noticeList = res.data;
|
|
uni.startPullDownRefresh();
|
|
this.noData = this.noticeList.length === 0 ? true : false;
|
|
},err=>{
|
|
console.log("err",err);
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.content {
|
|
min-height: 85vh;
|
|
}
|
|
.text-gray{
|
|
display: inline-block;
|
|
width: 4rem;
|
|
}
|
|
.cu-card>.cu-item{
|
|
margin: 20rpx!important;
|
|
}
|
|
</style>
|