|
|
|
@ -14,12 +14,7 @@ |
|
|
|
</van-nav-bar> |
|
|
|
|
|
|
|
<!-- 搜索栏 --> |
|
|
|
<van-search v-model="searchText" show-action placeholder="请输入关键字查询" clearable clear-trigger="always" |
|
|
|
@clear="onClear" @search="onSearch"> |
|
|
|
<template #action> |
|
|
|
<div @click="onSearch">搜索</div> |
|
|
|
</template> |
|
|
|
</van-search> |
|
|
|
<SearchFilterBar placeholder="请输入关键字查询" @search="onSearchFilter" /> |
|
|
|
|
|
|
|
<!-- 列表区域 --> |
|
|
|
<div class="list-container"> |
|
|
|
@ -40,9 +35,9 @@ |
|
|
|
> |
|
|
|
<div class="card-row time-row"> |
|
|
|
<span class="label">执法时间：</span> |
|
|
|
<span class="value">{{ item.checkTime }}</span> |
|
|
|
<span class="value">{{ item.enforceDate }}</span> |
|
|
|
</div> |
|
|
|
<div class="card-title">{{ item.checkItemText }}</div> |
|
|
|
<!-- <div class="card-title">{{ item.checkItemText }}</div> --> |
|
|
|
<div class="card-row"> |
|
|
|
<span class="label">执法单位：</span> |
|
|
|
<span class="value">{{ item.bureauDeptName }}</span> |
|
|
|
@ -65,8 +60,10 @@ import { ref } from 'vue'; |
|
|
|
import { useRouter } from 'vue-router'; |
|
|
|
import { showToast } from 'vant'; |
|
|
|
import 'vant/es/toast/style'; |
|
|
|
import { getLawNoticeList } from '@/api/enterprise'; |
|
|
|
import { getPlanNoticeList } from '@/api/enterprise/planNotice'; |
|
|
|
import SearchFilterBar from '@/components/common/SearchFilterBar.vue'; |
|
|
|
|
|
|
|
const { useCommon } = $globalStore; |
|
|
|
const router = useRouter(); |
|
|
|
|
|
|
|
// ========== 列表状态 ========== |
|
|
|
@ -77,17 +74,26 @@ const refreshing = ref(false); |
|
|
|
const pageNum = ref(1); |
|
|
|
const pageSize = ref(10); |
|
|
|
const searchText = ref(''); |
|
|
|
const dateType = ref(null); |
|
|
|
const dateSearch = ref(null); |
|
|
|
|
|
|
|
// ========== 加载数据 ========== |
|
|
|
const fetchList = () => { |
|
|
|
const params = { |
|
|
|
pageNum: pageNum.value, |
|
|
|
pageSize: pageSize.value, |
|
|
|
enterpriseNumber: useCommon.enterpriseNumber, |
|
|
|
}; |
|
|
|
if (searchText.value) { |
|
|
|
params.searchValue = searchText.value; |
|
|
|
} |
|
|
|
getLawNoticeList(params, (res) => { |
|
|
|
if (dateType.value != null && dateType.value !== 9) { |
|
|
|
params.dateType = dateType.value; |
|
|
|
} |
|
|
|
if (dateSearch.value) { |
|
|
|
params.dateSearch = dateSearch.value; |
|
|
|
} |
|
|
|
getPlanNoticeList(params, (res) => { |
|
|
|
if (res.code === 200) { |
|
|
|
const rows = res.rows || res.data?.rows || res.data?.list || res.data || []; |
|
|
|
const total = res.total ?? res.data?.total ?? 0; |
|
|
|
@ -139,8 +145,11 @@ const onClickLeft = () => { |
|
|
|
router.back(); |
|
|
|
}; |
|
|
|
|
|
|
|
// ========== 搜索 ========== |
|
|
|
const onSearch = () => { |
|
|
|
// ========== 搜索筛选 ========== |
|
|
|
const onSearchFilter = ({ searchText: st, dateType: dt, dateSearch: ds }) => { |
|
|
|
searchText.value = st; |
|
|
|
dateType.value = dt; |
|
|
|
dateSearch.value = ds; |
|
|
|
pageNum.value = 1; |
|
|
|
list.value = []; |
|
|
|
finished.value = false; |
|
|
|
@ -148,26 +157,10 @@ const onSearch = () => { |
|
|
|
fetchList(); |
|
|
|
}; |
|
|
|
|
|
|
|
// ========== 清空搜索 ========== |
|
|
|
const onClear = () => { |
|
|
|
searchText.value = ''; |
|
|
|
onSearch(); |
|
|
|
}; |
|
|
|
|
|
|
|
// ========== 筛选点击 ========== |
|
|
|
const onFilterClick = () => { |
|
|
|
showToast('筛选功能开发中'); |
|
|
|
}; |
|
|
|
|
|
|
|
// ========== 搜索点击 ========== |
|
|
|
const onSearchClick = () => { |
|
|
|
showToast('搜索功能开发中'); |
|
|
|
}; |
|
|
|
|
|
|
|
// ========== 反馈点击 ========== |
|
|
|
const onFeedback = (item) => { |
|
|
|
router.push({ |
|
|
|
path: '/enforcement/enforcementChat', |
|
|
|
path: '/enterprise/enforcementChat', |
|
|
|
query: { |
|
|
|
title: item.title, |
|
|
|
bureauDeptName: item.bureauDeptName, |
|
|
|
@ -218,6 +211,7 @@ const onFeedback = (item) => { |
|
|
|
padding: 0.3rem 0.35rem; |
|
|
|
margin-bottom: 0.27rem; |
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.card-row { |
|
|
|
@ -250,6 +244,9 @@ const onFeedback = (item) => { |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
margin-top: 0.2rem; |
|
|
|
// position: absolute; |
|
|
|
// right: 10px; |
|
|
|
// bottom:8px; |
|
|
|
} |
|
|
|
|
|
|
|
.feedback-btn { |
|
|
|
@ -283,22 +280,4 @@ const onFeedback = (item) => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
/* ===== Vant 搜索框样式覆盖 ===== */ |
|
|
|
:deep(.van-search__content) { |
|
|
|
height: 0.9rem; |
|
|
|
border: 1px solid #ececec; |
|
|
|
border-radius: 0.15rem 0 0 0.15rem; |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.van-search__action) { |
|
|
|
margin: 0 3% 0 0; |
|
|
|
width: 10%; |
|
|
|
height: 0.9rem; |
|
|
|
background: #1367fe; |
|
|
|
border: 0.01rem solid #1367fe; |
|
|
|
border-radius: 0 0.15rem 0.15rem 0; |
|
|
|
color: #fff; |
|
|
|
text-align: center; |
|
|
|
line-height: 0.9rem; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
