提交 4a443b53 authored 作者: lidongxu's avatar lidongxu

refactor(tasklist.vue): 修改:售点稽查_稽查记录的搜索日期改成范围,等待接口测试

上级 f191c9ce
......@@ -295,7 +295,6 @@ const getInspectionTaskDetailFn = async () => {
}
getInspectionTaskDetailFn()
// 门店图片预览
const previewStoreImage = () => {
showImagePreview({
......
......@@ -59,32 +59,35 @@
</template>
</van-field>
<!-- 日期区间 -->
<van-field type="text">
<template #input>
<el-date-picker v-model="query.operDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="输入搜索的日期"
@change="search" />
</template>
</van-field>
<van-field type="text"
:model-value="query.operDate"
label="日期范围:"
readonly
placeholder="请选择日期范围"
@click="showCalendar = true" />
<!-- 重置按钮 -->
<van-button icon="replay"
class="reset-btn"
block
@click="resetFn">重置</van-button>
</van-popup>
<!-- 搜索日期范围组件 -->
<van-calendar v-model:show="showCalendar"
type="range"
@confirm="handleConfirm" />
</div>
</template>
<script setup>
import { getInspectionTaskListAPI} from '@/api'
import { getInspectionTaskListAPI } from '@/api'
import { parseTime } from '@/utils'
const router = useRouter();
// 搜索
const showSearch = ref(false)
const showSearch = ref(false) // 搜索抽屉
const showCalendar = ref(false) // 日期选择器
// 获取列表
const query = reactive({
......@@ -171,6 +174,15 @@ const deleteFn = async (item, index) => {
// })
}
// 日期范围确认
const handleConfirm = (dates) => {
if (dates.length === 2) {
query.operDate = `${parseTime(dates[0], '{y}-{m}-{d}')} 至 ${parseTime(dates[1], '{y}-{m}-{d}')}`
showCalendar.value = false
search()
}
}
</script>
<style scoped
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论