old mode 100644
new mode 100755
| | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { toRaw } from 'vue'; |
|---|
| | | import { ref, toRaw } from 'vue'; |
|---|
| | | import { jsonClone } from '@sa/utils'; |
|---|
| | | import { useNaiveForm } from '@/hooks/common/form'; |
|---|
| | | import { $t } from '@/locales'; |
|---|
| | |
|---|
| | | const defaultModel = jsonClone(toRaw(model.value)); |
|---|
| | | |
|---|
| | | function resetModel() { |
|---|
| | | timeRange.value = null; |
|---|
| | | Object.assign(model.value, defaultModel); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const timeRange = ref<[string, string] | null>(null); |
|---|
| | | |
|---|
| | | function onTimeRangeUpdate(value: [string, string] | null) { |
|---|
| | | const params = (model.value.params ||= {}); |
|---|
| | | const beginTime = value?.[0] ? String(value[0]).trim() : ''; |
|---|
| | | const endTime = value?.[1] ? String(value[1]).trim() : ''; |
|---|
| | | if (beginTime && endTime) { |
|---|
| | | params.beginTime = beginTime; |
|---|
| | | params.endTime = endTime; |
|---|
| | | } else { |
|---|
| | | delete params.beginTime; |
|---|
| | | delete params.endTime; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const shiftOptions = [ |
|---|
| | | { label: '早班', value: 1 }, |
|---|
| | | { label: '中班', value: 2 }, |
|---|
| | | { label: '晚班', value: 3 } |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | async function reset() { |
|---|
| | | await restoreValidation(); |
|---|
| | |
|---|
| | | <NCollapseItem :title="$t('common.search')" name="analy-feed-match-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="time" 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.time" |
|---|
| | | type="datetime" |
|---|
| | | v-model:formatted-value="timeRange" |
|---|
| | | type="datetimerange" |
|---|
| | | value-format="yyyy-MM-dd HH:mm:ss" |
|---|
| | | clearable |
|---|
| | | :default-time="['00:00:00', '23:59:59']" |
|---|
| | | @update:formatted-value="onTimeRangeUpdate" |
|---|
| | | /> |
|---|
| | | </NFormItemGi> |
|---|
| | | <NFormItemGi span="24 s:12 m:6" label="班次+机台" label-width="auto" path="key" class="pr-24px"> |
|---|
| | | <NInput v-model:value="model.key" placeholder="请输入班次+机台" /> |
|---|
| | | <NFormItemGi span="24 s:12 m:8 l:8 xl:8" label="班次" label-width="auto" path="shift" class="pr-24px"> |
|---|
| | | <NSelect v-model:value="model.shift" placeholder="请选择班次" :options="shiftOptions" clearable /> |
|---|
| | | </NFormItemGi> |
|---|
| | | <NFormItemGi :show-feedback="false" span="24" class="pr-24px"> |
|---|
| | | <NFormItemGi :show-feedback="false" span="24 s:12 m:8 l:8 xl:8" class="pr-24px"> |
|---|
| | | <NSpace class="w-full" justify="end"> |
|---|
| | | <NButton @click="reset"> |
|---|
| | | <template #icon> |
|---|
