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

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

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