From b94b1cdc4fe7b481c251b306b1b00f2f2cec4b27 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期三, 06 十二月 2023 16:02:59 +0800
Subject: [PATCH] 前台机构公示过滤
---
src/views/components/publish.vue | 22 ++++++++++++++--------
1 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/src/views/components/publish.vue b/src/views/components/publish.vue
index 3ed921c..73b219c 100644
--- a/src/views/components/publish.vue
+++ b/src/views/components/publish.vue
@@ -23,17 +23,17 @@
<el-button type="primary" :icon="Refresh" class="resetBtn">重置</el-button>
</div>
<div class="list">
- <div v-for="item in state.dataList">
+ <div v-for="item in state.dataList" @click="openDetails('机构公示',item.id)">
<div>
<div><img src="src/assets/images/article.png"></div>
- <div>{{item.title}}</div>
+ <div>{{item.name}}</div>
</div>
<span>
- {{item.updateTime}}
+ {{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}
</span>
</div>
</div>
- <div class="pag-container">
+ <div class="pag-container" v-if="state.total&&state.total>0">
<el-pagination
v-model:current-page="state.querys.pageNum"
v-model:page-size="state.querys.pageSize"
@@ -49,11 +49,11 @@
</template>
<script setup>
-import {onMounted, ref, reactive, watch, onUnmounted, defineExpose} from "vue"
+import {onMounted, ref, reactive, watch, onUnmounted, defineExpose, defineEmits} from "vue"
import { getPublish } from '@/api/home/homePage'
import { Search, Refresh } from '@element-plus/icons-vue'
import {ElMessage} from "element-plus";
-
+const emit = defineEmits(['openDetails'])
const route = useRoute()
const router = useRouter()
@@ -86,7 +86,7 @@
const getData = async ()=>{
const res = await getPublish(state.querys)
if(res.code == 200){
- state.dataList = res.data.list
+ state.dataList = res.data.list.filter(item => item.publication == 0)
state.total = res.data.total
}else{
ElMessage.warning(res.message)
@@ -100,6 +100,10 @@
const handleCurrentChange = (val) => {
state.querys.pageNum = val
getData()
+}
+
+const openDetails = (type,id)=>{
+ emit('openDetails',type,id)
}
defineExpose({
@@ -154,6 +158,8 @@
.list{
padding: 15px 0;
+ max-height: calc(100vh - 402px);
+ overflow-y: auto;
&>div{
display: flex;
@@ -183,7 +189,7 @@
}
}
div:last-of-type{
- width: 1000px;
+ width: 900px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
--
Gitblit v1.9.2