Skip to content

W
wangxiaolu-sfa-ui
提交 c87e9789 authored 作者: lidongxu's avatar lidongxu
浏览文件
操作

feat(audit_activity): 新增：售点稽查_稽核记录列表查询功能完成

上级 f7f3d217
隐藏空白字符变更
内嵌 并排
正在显示 包含 222 行增加 和 123 行删除
src/api/mobile/audit_activity/sales_point_inspection.js
浏览文件 @ c87e9789
......@@ -33,3 +33,11 @@ export function createInspectionTaskDetailAPI(data) {
data
})
}
// 售点稽查-任务列表
export function getInspectionTaskListAPI(params) {
return request({
url: '/operation/risk/query/i_store/page',
params
})
}
src/views/mobile/pages/audit_activity/sales_point_inspection/examine/storeList.vue
浏览文件 @ c87e9789
......@@ -37,7 +37,7 @@
</template>
<template #label>
<div class="item-company">{{ item.dealersName }}</div>
<div class="item-address">{{ item.storeAddr }}</div>
<div class="item-address">{{ item.address }}</div>
</template>
</van-cell>
</van-cell-group>
......@@ -56,6 +56,9 @@
<script setup>
import { getTerminalStoreListAPI } from '@/api'
defineOptions({
name: 'Sales_point_inspection'
})
const router = useRouter();
......@@ -177,42 +180,42 @@ const addNewTerminal = () => {
}
.van-pull-refresh {
min-height: 100vh;
.result-list {
background-color: transparent;
padding: 0 20px;
margin-top: 10px;
.van-cell-group {
margin: 0;
.result-list {
background-color: transparent;
.result-item {
background-color: white;
margin-bottom: 10px;
.item-title {
font-weight: 600;
color: #333;
margin-bottom: 4px;
}
.item-company {
font-size: 14px;
color: #a6a4a4;
margin-bottom: 2px;
}
.item-address {
font-size: 13px;
color: #a6a4a4;
line-height: 1.4;
padding: 0 20px;
margin-top: 10px;
.van-cell-group {
margin: 0;
background-color: transparent;
.result-item {
background-color: white;
margin-bottom: 10px;
.item-title {
font-weight: 600;
color: #333;
margin-bottom: 4px;
}
.item-company {
font-size: 14px;
color: #a6a4a4;
margin-bottom: 2px;
}
.item-address {
font-size: 13px;
color: #a6a4a4;
line-height: 1.4;
}
}
}
}
}
.empty-tip {
......
src/views/mobile/pages/audit_activity/sales_point_inspection/examine/taskList.vue
浏览文件 @ c87e9789
......@@ -3,88 +3,141 @@
<!-- 任务列表 -->
<van-nav-bar left-arrow
@click-left="router.back()">
<template #right>
<span class="search-text"
@click="showSearch = true">搜索</span>
</template>
</van-nav-bar>
<van-list v-model:loading="loading"
:finished="finished"
finished-text="没有更多结果了"
class="result-list">
<van-cell-group inset>
<van-cell v-for="(item, index) in resultList"
:key="index"
class="result-item"
@click="handleClickStore(item)">
<template #title>
<div class="item-title">
<span>{{ item.name }}</span>
<span>{{ item.code }}</span>
</div>
</template>
<template #label>
<div class="item-company">{{ item.company }}</div>
<div class="item-address">{{ item.address }}</div>
</template>
</van-cell>
</van-cell-group>
</van-list>
<van-pull-refresh v-model="refreshLoading"
:pull-distance="100"
success-text="刷新成功"
@refresh="onRefresh">
<van-list v-model:loading="loading"
:finished="finished"
finished-text="没有更多结果了"
class="result-list"
@load="onLoadMore">
<van-cell-group inset>
<van-cell v-for="(item, index) in resultList"
:key="index"
class="result-item"
@click="handleClickStore(item)">
<template #title>
<div class="item-title">
<span>{{ item.storeName }}</span>
<span>{{ parseTime(item.createTime, '{y}-{m}-{d}') }}</span>
</div>
</template>
<template #label>
<div class="item-company">{{ item.storeCode }}</div>
<div class="item-address">{{ item.address }}</div>
</template>
</van-cell>
</van-cell-group>
</van-list>
</van-pull-refresh>
<!-- 搜索 -->
<van-popup v-model:show="showSearch"
position="right"
class="wrap">
<van-nav-bar title="筛选条件" />
<van-field type="text"
label="任务名称"
label-align="left"
label-width="1.5rem"
placeholder="请输入">
<template #input>
<van-search v-model="query.storeName"
placeholder="请输入勤策终端编码/名称"
@update:model-value="getInspectionTaskListFn"
class="search-bar" />
</template>
</van-field>
<!-- 日期区间 -->
<van-field type="text"
label="任务日期"
label-align="left"
label-width="1.5rem"
placeholder="请输入">
<template #input>
<el-date-picker v-model="query.operDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="选择日期"
@change="getInspectionTaskListFn" />
</template>
</van-field>
<!-- 重置按钮 -->
<van-button icon="replay"
class="reset-btn"
block
@click="resetFn">重置</van-button>
</van-popup>
</div>
</template>
<script setup>
import { getInspectionTaskListAPI } from '@/api'
import { parseTime } from '@/utils'
defineOptions({
name: 'Sales_point_inspection'
})
const router = useRouter();
const resultList = ref([
{
name: '门店1',
code: '123456',
company: '公司1',
address: '地址1'
},
{
name: '门店2',
code: '123457',
company: '公司2',
address: '地址2'
},
{
name: '门店3',
code: '123458',
company: '公司3',
address: '地址3'
},
])
// 搜索
const showSearch = ref(false)
// 获取列表
const query = reactive({
pageNum: 1,
pageSize: 10
})
const resultList = ref([])
const loading = ref(false);
const finished = ref(true);
const showEmpty = ref(false);
// 搜索处理
const handleSearch = () => {
if (!searchVal.value.trim()) {
resultList.value = mockData;
showEmpty.value = false;
return;
}
// 模拟加载状态
loading.value = true;
const refreshLoading = ref(false)
const getInspectionTaskListFn = async () => {
const res = await getInspectionTaskListAPI(query)
resultList.value = [...resultList.value, ...res.data.rows]
finished.value = res.data.total <= resultList.value.length
}
getInspectionTaskListFn()
// 模拟接口请求延迟
setTimeout(() => {
const filtered = mockData.filter(item => {
const matchStr = `${item.name}${item.code}${item.company}${item.address}`;
return matchStr.includes(searchVal.value);
});
// 刷新
const onRefresh = async () => {
refreshLoading.value = true
query.pageNum = 1
resultList.value = []
await getInspectionTaskListFn()
refreshLoading.value = false
}
// 更多
const onLoadMore = async () => {
query.pageNum++
await getInspectionTaskListFn()
loading.value = false
}
resultList.value = filtered;
loading.value = false;
finished.value = true;
}, 500);
};
// 搜索中重置
const resetFn = () => {
query.pageNum = 1
query.storeName = ''
query.operDate = ''
resultList.value = []
getInspectionTaskListFn()
}
// 门店点击
const handleClickStore = (item) => {
router.push({
path: '/inspectionTask',
query: {
storeName: item.name,
storeCode: item.code
storeName: item.storeName,
storeCode: item.storeCode,
storePicture: item.storePictures?.split(",")[0]
}
})
}
......@@ -101,39 +154,74 @@ const handleClickStore = (item) => {
background-color: #f5f5f5;
min-height: 100vh;
.result-list {
background-color: transparent;
padding: 0 20px;
margin-top: 10px;
.search-text {
color: var(--main-color);
}
.van-pull-refresh {
min-height: 100vh;
.van-cell-group {
margin: 0;
.result-list {
background-color: transparent;
padding: 0 20px;
margin-top: 10px;
.result-item {
background-color: white;
margin-bottom: 10px;
.van-cell-group {
margin: 0;
background-color: transparent;
.item-title {
font-weight: 600;
color: #333;
margin-bottom: 4px;
display: flex;
justify-content: space-between;
}
.result-item {
background-color: white;
margin-bottom: 10px;
.item-company {
font-size: 14px;
color: #a6a4a4;
margin-bottom: 2px;
}
.item-title {
font-weight: 600;
color: #333;
margin-bottom: 4px;
display: flex;
justify-content: space-between;
span:last-child {
width: 100px;
text-align: right;
display: inline-block;
}
}
.item-address {
font-size: 13px;
color: #a6a4a4;
line-height: 1.4;
.item-company {
font-size: 14px;
color: #a6a4a4;
margin-bottom: 2px;
}
.item-address {
font-size: 13px;
color: #a6a4a4;
line-height: 1.4;
}
}
}
}
}
/* 搜索 */
.wrap {
--van-field-label-width: 80px;
height: 100vh;
width: 85% !important;
.van-cell {
align-items: center;
.search-bar {
padding: 0;
}
::v-deep(.el-input) {
width: 100%;
}
}
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论