| | |
| | | <script setup lang="ts"> |
| | | import { toRaw } from 'vue'; |
| | | import { onMounted, ref, toRaw, watch } from 'vue'; |
| | | import { jsonClone } from '@sa/utils'; |
| | | import { useNaiveForm } from '@/hooks/common/form'; |
| | | import { $t } from '@/locales'; |
| | |
| | | Object.assign(model.value, defaultModel); |
| | | } |
| | | |
| | | function getDefaultRange(): [string, string] { |
| | | const now = new Date(); |
| | | const threeDaysAgo = new Date(now.getTime() - 3 * 24 * 60 * 60 * 1000); |
| | | const todayStart = `${threeDaysAgo.getFullYear()}-${String(threeDaysAgo.getMonth() + 1).padStart(2, '0')}-${String(threeDaysAgo.getDate()).padStart(2, '0')} 00:00:00`; |
| | | const todayEnd = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} 23:59:59`; |
| | | return [todayStart, todayEnd]; |
| | | } |
| | | |
| | | const dateRange = ref<[string, string] | null>(null); |
| | | |
| | | onMounted(() => { |
| | | if (model.value.params?.beginTime && model.value.params?.endTime) { |
| | | dateRange.value = [model.value.params.beginTime as string, model.value.params.endTime as string]; |
| | | } else { |
| | | dateRange.value = getDefaultRange(); |
| | | if (!model.value.params) { |
| | | model.value.params = {}; |
| | | } |
| | | model.value.params.beginTime = dateRange.value[0]; |
| | | model.value.params.endTime = dateRange.value[1]; |
| | | } |
| | | }); |
| | | |
| | | watch( |
| | | dateRange, |
| | | val => { |
| | | if (!model.value.params) { |
| | | model.value.params = {}; |
| | | } |
| | | if (val && val[0] && val[1]) { |
| | | model.value.params.beginTime = val[0]; |
| | | model.value.params.endTime = val[1]; |
| | | } else { |
| | | model.value.params.beginTime = null; |
| | | model.value.params.endTime = null; |
| | | } |
| | | }, |
| | | { deep: true } |
| | | ); |
| | | |
| | | async function reset() { |
| | | await restoreValidation(); |
| | | resetModel(); |
| | | dateRange.value = getDefaultRange(); |
| | | if (!model.value.params) { |
| | | model.value.params = {}; |
| | | } |
| | | model.value.params.beginTime = dateRange.value[0]; |
| | | model.value.params.endTime = dateRange.value[1]; |
| | | emit('search'); |
| | | } |
| | | |
| | |
| | | <NCollapseItem :title="$t('common.search')" name="analy-store-silk-search"> |
| | | <NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> |
| | | <NGrid responsive="screen" item-responsive> |
| | | <NFormItemGi span="24 s:12 m:6" label="牌号" label-width="auto" path="materialname" class="pr-24px"> |
| | | <NFormItemGi |
| | | span="24 s:12 m:8 l:8 xl:8" |
| | | label="牌号" |
| | | label-width="auto" |
| | | path="materialname" |
| | | class="pr-24px" |
| | | > |
| | | <NInput v-model:value="model.materialname" placeholder="请输入牌号" /> |
| | | </NFormItemGi> |
| | | <NFormItemGi span="24 s:12 m:6" label="批次号" label-width="auto" path="batchcode" class="pr-24px"> |
| | | <NFormItemGi span="24 s:12 m:8 l:8 xl:8" label="批次号" label-width="auto" path="batchcode" class="pr-24px"> |
| | | <NInput v-model:value="model.batchcode" placeholder="请输入批次号" /> |
| | | </NFormItemGi> |
| | | <NFormItemGi span="24 s:12 m:6" label="投料日期" label-width="auto" path="actualstarttime" class="pr-24px"> |
| | | <NFormItemGi |
| | | span="24 s:12 m:8 l:8 xl:8" |
| | | label="投料日期" |
| | | label-width="auto" |
| | | path="actualstarttime" |
| | | class="pr-24px" |
| | | > |
| | | <NDatePicker |
| | | v-model:formatted-value="model.actualstarttime" |
| | | type="datetime" |
| | |
| | | clearable |
| | | /> |
| | | </NFormItemGi> |
| | | <NFormItemGi span="24 s:12 m:6" label="储丝柜出料开始时间" label-width="auto" path="distimebegin" class="pr-24px"> |
| | | <NFormItemGi |
| | | span="24 s:12 m:8 l:8 xl:8" |
| | | label="出料结束时间" |
| | | label-width="auto" |
| | | path="params.beginTime" |
| | | class="pr-24px" |
| | | > |
| | | <NDatePicker |
| | | v-model:formatted-value="model.distimebegin" |
| | | type="datetime" |
| | | v-model:formatted-value="dateRange" |
| | | type="datetimerange" |
| | | :default-time="['00:00:00', '23:59:59']" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | clearable |
| | | /> |
| | | </NFormItemGi> |
| | | <NFormItemGi span="24 s:12 m:6" label="储丝柜出料结束时间" label-width="auto" path="distimeend" class="pr-24px"> |
| | | <NDatePicker |
| | | v-model:formatted-value="model.distimeend" |
| | | type="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | clearable |
| | | /> |
| | | </NFormItemGi> |
| | | <NFormItemGi span="24 s:12 m:6" label="柜子号(末位)" label-width="auto" path="siloid" class="pr-24px"> |
| | | <NFormItemGi |
| | | span="24 s:12 m:8 l:8 xl:8" |
| | | label="柜子号(末位)" |
| | | label-width="auto" |
| | | path="siloid" |
| | | class="pr-24px" |
| | | > |
| | | <NInput v-model:value="model.siloid" placeholder="请输入柜子号(末位)" /> |
| | | </NFormItemGi> |
| | | <NFormItemGi :show-feedback="false" span="24" class="pr-24px"> |