Browse Source

评价,普法,预告增加一个搜索功能

dev-V1.10.2-temp
wangmingyong 4 months ago
parent
commit
ab46ae568d
  1. 45
      zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/enforce/enforcementNoticeList.vue
  2. 27
      zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/law/lawServiceList.vue
  3. 45
      zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/message/enforcementEvaluateList.vue

45
zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/enforce/enforcementNoticeList.vue

@ -13,6 +13,14 @@
</template> -->
</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>
<!-- 列表区域 -->
<div class="list-container">
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
@ -68,6 +76,7 @@ const finished = ref(false);
const refreshing = ref(false);
const pageNum = ref(1);
const pageSize = ref(10);
const searchText = ref('');
// ========== 加载数据 ==========
const fetchList = () => {
@ -75,6 +84,9 @@ const fetchList = () => {
pageNum: pageNum.value,
pageSize: pageSize.value,
};
if (searchText.value) {
params.searchValue = searchText.value;
}
getLawNoticeList(params, (res) => {
if (res.code === 200) {
const rows = res.rows || res.data?.rows || res.data?.list || res.data || [];
@ -127,6 +139,21 @@ const onClickLeft = () => {
router.back();
};
// ========== 搜索 ==========
const onSearch = () => {
pageNum.value = 1;
list.value = [];
finished.value = false;
loading.value = true;
fetchList();
};
// ========== 清空搜索 ==========
const onClear = () => {
searchText.value = '';
onSearch();
};
// ========== 筛选点击 ==========
const onFilterClick = () => {
showToast('筛选功能开发中');
@ -256,4 +283,22 @@ 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>

27
zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/law/lawServiceList.vue

@ -13,6 +13,14 @@
</template> -->
</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>
<!-- 列表区域 -->
<div class="list-container">
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
@ -77,6 +85,7 @@ const refreshing = ref(false);
const pageNum = ref(1);
const pageSize = ref(10);
const isFetching = ref(false); // 防重复请求标志位
const searchText = ref('');
// ========== 格式化时间 ==========
const formatTime = (val) => {
@ -109,6 +118,9 @@ const fetchList = () => {
pageNum: pageNum.value,
pageSize: pageSize.value,
};
if (searchText.value) {
params.searchValue = searchText.value;
}
getEducationServicesList(params, (res) => {
if (res.code === 200) {
const rows = res.rows || res.data?.rows || [];
@ -163,6 +175,21 @@ const onClickLeft = () => {
router.back();
};
// ========== 搜索 ==========
const onSearch = () => {
pageNum.value = 1;
list.value = [];
finished.value = false;
loading.value = true;
fetchList();
};
// ========== 清空搜索 ==========
const onClear = () => {
searchText.value = '';
onSearch();
};
// ========== 筛选点击 ==========
const onFilterClick = () => {
showToast('筛选功能开发中');

45
zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/message/enforcementEvaluateList.vue

@ -4,6 +4,14 @@
<van-nav-bar title="执法评价" left-text="返回" left-arrow @click-left="onClickLeft">
</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>
<!-- 列表区域 -->
<div class="list-container">
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
@ -71,6 +79,7 @@ const finished = ref(false);
const refreshing = ref(false);
const pageNum = ref(1);
const pageSize = ref(10);
const searchText = ref('');
// ========== 获取状态文本 ==========
const getStatusText = (status) => {
@ -99,6 +108,9 @@ const fetchList = () => {
pageSize: pageSize.value,
hasEvaluate: 1,
};
if (searchText.value) {
params.searchValue = searchText.value;
}
queryEvaluateList(params, (res) => {
if (res.code === 200) {
const rows = res.rows || res.data?.rows || res.data?.list || res.data || [];
@ -146,6 +158,21 @@ const onRefresh = () => {
fetchList();
};
// ========== 搜索 ==========
const onSearch = () => {
pageNum.value = 1;
list.value = [];
finished.value = false;
loading.value = true;
fetchList();
};
// ========== 清空搜索 ==========
const onClear = () => {
searchText.value = '';
onSearch();
};
// ========== 跳转详情页面 ==========
const toDetail = (item) => {
router.push({
@ -287,4 +314,22 @@ onMounted(() => {
:deep(.van-empty) {
padding: 60px 0;
}
/* ===== 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>
Loading…
Cancel
Save