提交 e94b42b5 authored 作者: lidongxu's avatar lidongxu

refactor(mobile/index.vue): 修改:勤策App内网页_售点稽查_支持门头照从相册选择照片功能

上级 4a443b53
...@@ -53,7 +53,6 @@ ...@@ -53,7 +53,6 @@
<template #input> <template #input>
<van-uploader :max-count="1" <van-uploader :max-count="1"
accept="image/*" accept="image/*"
capture="camera"
:model-value="form.commitStorePicture" :model-value="form.commitStorePicture"
:after-read="commitStorePhotosRead" :after-read="commitStorePhotosRead"
preview-size="2.13333rem" preview-size="2.13333rem"
......
...@@ -22,7 +22,6 @@ ...@@ -22,7 +22,6 @@
<template #input> <template #input>
<van-uploader :max-count="1" <van-uploader :max-count="1"
accept="image/*" accept="image/*"
capture="camera"
:model-value="form.storePicture" :model-value="form.storePicture"
:after-read="posPhotosRead" :after-read="posPhotosRead"
preview-size="2.13333rem" preview-size="2.13333rem"
......
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
</van-field> </van-field>
<!-- 日期区间 --> <!-- 日期区间 -->
<van-field type="text" <van-field type="text"
:model-value="query.operDate" :model-value="query.operDate.map(item => parseTime(item, '{y}-{m}-{d}')).join(' - ')"
label="日期范围:" label="日期范围:"
readonly readonly
placeholder="请选择日期范围" placeholder="请选择日期范围"
...@@ -74,6 +74,9 @@ ...@@ -74,6 +74,9 @@
<!-- 搜索日期范围组件 --> <!-- 搜索日期范围组件 -->
<van-calendar v-model:show="showCalendar" <van-calendar v-model:show="showCalendar"
:min-date="minDate"
:max-date="maxDate"
:default-date="query.operDate"
type="range" type="range"
@confirm="handleConfirm" /> @confirm="handleConfirm" />
</div> </div>
...@@ -89,10 +92,16 @@ const router = useRouter(); ...@@ -89,10 +92,16 @@ const router = useRouter();
const showSearch = ref(false) // 搜索抽屉 const showSearch = ref(false) // 搜索抽屉
const showCalendar = ref(false) // 日期选择器 const showCalendar = ref(false) // 日期选择器
// 当年 1 月 1 日
const minDate = new Date(new Date().getFullYear(), 0, 1)
// 当月最后一天
const maxDate = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate())
// 获取列表 // 获取列表
const query = reactive({ const query = reactive({
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10,
// 当月 1 号到当前日期
operDate: [new Date(new Date().getFullYear(), new Date().getMonth(), 1), maxDate]
}) })
const resultList = ref([]) const resultList = ref([])
const loading = ref(false); const loading = ref(false);
...@@ -100,7 +109,6 @@ const finished = ref(true); ...@@ -100,7 +109,6 @@ const finished = ref(true);
const refreshLoading = ref(false) const refreshLoading = ref(false)
const getInspectionTaskListFn = async () => { const getInspectionTaskListFn = async () => {
const res = await getInspectionTaskListAPI(query) const res = await getInspectionTaskListAPI(query)
console.log(res, 'res')
resultList.value = [...resultList.value, ...res.data.rows] resultList.value = [...resultList.value, ...res.data.rows]
finished.value = res.data.total <= resultList.value.length finished.value = res.data.total <= resultList.value.length
} }
...@@ -126,7 +134,7 @@ const onLoadMore = async () => { ...@@ -126,7 +134,7 @@ const onLoadMore = async () => {
const resetFn = () => { const resetFn = () => {
query.pageNum = 1 query.pageNum = 1
query.storeName = '' query.storeName = ''
query.operDate = '' query.operDate = [new Date(new Date().getFullYear(), new Date().getMonth(), 1), maxDate]
resultList.value = [] resultList.value = []
getInspectionTaskListFn() getInspectionTaskListFn()
} }
...@@ -177,7 +185,7 @@ const deleteFn = async (item, index) => { ...@@ -177,7 +185,7 @@ const deleteFn = async (item, index) => {
// 日期范围确认 // 日期范围确认
const handleConfirm = (dates) => { const handleConfirm = (dates) => {
if (dates.length === 2) { if (dates.length === 2) {
query.operDate = `${parseTime(dates[0], '{y}-{m}-{d}')} 至 ${parseTime(dates[1], '{y}-{m}-{d}')}` query.operDate = dates
showCalendar.value = false showCalendar.value = false
search() search()
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论