Commit 10e78f98ccba62f402dc856c3573b61a6ae91458
Merge branch 'main_dev' into 'main'
thingskit1.1.0 See merge request yunteng/thingskit-view!62
Showing
3 changed files
with
31 additions
and
18 deletions
.husky/commit-msg
100644 → 100755
@@ -136,7 +136,9 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -136,7 +136,9 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
136 | 136 | ||
137 | if (Reflect.has(value, BuiltInVariable.DATE_RANGE)) { | 137 | if (Reflect.has(value, BuiltInVariable.DATE_RANGE)) { |
138 | const fieldMapping = unref(getParams).find(item => item.key === BuiltInVariable.DATE_RANGE) | 138 | const fieldMapping = unref(getParams).find(item => item.key === BuiltInVariable.DATE_RANGE) |
139 | - const [start, end] = ((fieldMapping || {}).value || '').split(GROUP_SEPARATOR) | 139 | + let [start, end] = ((fieldMapping || {}).value || '').split(GROUP_SEPARATOR) |
140 | + start = start ? start : SelectTimeAggregationFieldEnum.START_TS | ||
141 | + end = end ? end : SelectTimeAggregationFieldEnum.END_TS | ||
140 | const dateRangeValue = value[BuiltInVariable.DATE_RANGE] | 142 | const dateRangeValue = value[BuiltInVariable.DATE_RANGE] |
141 | const [startValue, endValue] = isArray(dateRangeValue) ? dateRangeValue : [null, null] | 143 | const [startValue, endValue] = isArray(dateRangeValue) ? dateRangeValue : [null, null] |
142 | value[start] = startValue | 144 | value[start] = startValue |
@@ -146,12 +148,16 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -146,12 +148,16 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
146 | 148 | ||
147 | if (Reflect.has(value, BuiltInVariable.SELECT_TIME_AGGREGATION)) { | 149 | if (Reflect.has(value, BuiltInVariable.SELECT_TIME_AGGREGATION)) { |
148 | const fieldMapping = unref(getParams).find(item => item.key === BuiltInVariable.DATE_RANGE) | 150 | const fieldMapping = unref(getParams).find(item => item.key === BuiltInVariable.DATE_RANGE) |
149 | - const [start, end] = ((fieldMapping || {}).value || '').split(GROUP_SEPARATOR) | ||
150 | - const aggregation = Reflect.get(value, BuiltInVariable.SELECT_TIME_AGGREGATION) || {} | ||
151 | - const result = { ...aggregation, [start]: aggregation.startTs, [end]: aggregation.endTs } | ||
152 | - Reflect.deleteProperty(result, SelectTimeAggregationFieldEnum.START_TS) | ||
153 | - Reflect.deleteProperty(result, SelectTimeAggregationFieldEnum.END_TS) | ||
154 | - Object.assign(value, { ...result, [start]: aggregation.startTs, [end]: aggregation.endTs }) | 151 | + if (fieldMapping?.mores) { |
152 | + const [start, end] = ((fieldMapping || {}).value || '').split(GROUP_SEPARATOR) | ||
153 | + const aggregation = Reflect.get(value, BuiltInVariable.SELECT_TIME_AGGREGATION) || {} | ||
154 | + const result = { ...aggregation, [start]: aggregation.startTs, [end]: aggregation.endTs } | ||
155 | + if (start && end) { | ||
156 | + Reflect.deleteProperty(result, SelectTimeAggregationFieldEnum.START_TS) | ||
157 | + Reflect.deleteProperty(result, SelectTimeAggregationFieldEnum.END_TS) | ||
158 | + } | ||
159 | + Object.assign(value, { ...result, [start]: aggregation.startTs, [end]: aggregation.endTs }) | ||
160 | + } | ||
155 | Reflect.deleteProperty(value, BuiltInVariable.SELECT_TIME_AGGREGATION) | 161 | Reflect.deleteProperty(value, BuiltInVariable.SELECT_TIME_AGGREGATION) |
156 | } | 162 | } |
157 | 163 | ||
@@ -241,7 +247,7 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -241,7 +247,7 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
241 | value: params[BuiltInVariable.DATE_RANGE], | 247 | value: params[BuiltInVariable.DATE_RANGE], |
242 | type: 'datetimerange', | 248 | type: 'datetimerange', |
243 | clearable: true, | 249 | clearable: true, |
244 | - defaultTime: ['00:00:00', '00:00:00'], | 250 | + defaultTime: ['00:00:00', '23:59:59'], |
245 | onUpdateValue(value) { | 251 | onUpdateValue(value) { |
246 | params[BuiltInVariable.DATE_RANGE] = value | 252 | params[BuiltInVariable.DATE_RANGE] = value |
247 | } | 253 | } |
@@ -312,11 +318,18 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -312,11 +318,18 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
312 | return [{ | 318 | return [{ |
313 | trigger: ['blur', 'change'], | 319 | trigger: ['blur', 'change'], |
314 | validator() { | 320 | validator() { |
321 | + /** | ||
322 | + * ft 修改在公共接口下拉框里加上接口类型 | ||
323 | + * 修改后的代码在注释之间,并标注好源代码和修改后代码,方便回溯 | ||
324 | + * 源代码 record[SelectTimeAggregationFieldEnum.INTERVAL] | ||
325 | + * 修改后代码在//ft之间 record[SelectTimeAggregationFieldEnum.AGG]!=='NONE'?record[SelectTimeAggregationFieldEnum.INTERVAL]:[] | ||
326 | + */ | ||
315 | const record = params[BuiltInVariable.SELECT_TIME_AGGREGATION] | 327 | const record = params[BuiltInVariable.SELECT_TIME_AGGREGATION] |
316 | - if (required && ![record[SelectTimeAggregationFieldEnum.AGG], record[SelectTimeAggregationFieldEnum.INTERVAL], record[SelectTimeAggregationFieldEnum.END_TS], record[SelectTimeAggregationFieldEnum.START_TS]].every(Boolean)) { | 328 | + if (required && ![record[SelectTimeAggregationFieldEnum.AGG], record[SelectTimeAggregationFieldEnum.AGG] !== 'NONE' ? record[SelectTimeAggregationFieldEnum.INTERVAL] : [], record[SelectTimeAggregationFieldEnum.END_TS], record[SelectTimeAggregationFieldEnum.START_TS]].every(Boolean)) { |
317 | validFlag.value = false | 329 | validFlag.value = false |
318 | return new Error(`${message}需要填写完整`) | 330 | return new Error(`${message}需要填写完整`) |
319 | } | 331 | } |
332 | + //ft | ||
320 | validFlag.value = true | 333 | validFlag.value = true |
321 | } | 334 | } |
322 | }] as FormItemRule | 335 | }] as FormItemRule |
@@ -337,7 +350,6 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -337,7 +350,6 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
337 | }] as FormItemRule | 350 | }] as FormItemRule |
338 | } | 351 | } |
339 | 352 | ||
340 | - const uuid = () => Number(Math.random().toString().substring(2)).toString(32) | ||
341 | const toFormSchemas = (builtInVariableKey: string, required: boolean, value: any, mores: boolean) => { | 353 | const toFormSchemas = (builtInVariableKey: string, required: boolean, value: any, mores: boolean) => { |
342 | const groupList = (builtInVariableKey || '').split(GROUP_SEPARATOR) | 354 | const groupList = (builtInVariableKey || '').split(GROUP_SEPARATOR) |
343 | return groupList.reduce((prev, next) => { | 355 | return groupList.reduce((prev, next) => { |
@@ -394,18 +406,21 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -394,18 +406,21 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
394 | const setParams = (Params: Recordable = {}) => { | 406 | const setParams = (Params: Recordable = {}) => { |
395 | for (const { key, value, mores } of unref(getParams)) { | 407 | for (const { key, value, mores } of unref(getParams)) { |
396 | const splitKeys = value ? value.split(GROUP_SEPARATOR) : (key || '').split(GROUP_SEPARATOR) | 408 | const splitKeys = value ? value.split(GROUP_SEPARATOR) : (key || '').split(GROUP_SEPARATOR) |
409 | + let [start, end] = splitKeys | ||
410 | + start = start ? start : SelectTimeAggregationFieldEnum.START_TS | ||
411 | + end = end ? end : SelectTimeAggregationFieldEnum.END_TS | ||
397 | if (isDateComponent(key as BuiltInVariable)) { | 412 | if (isDateComponent(key as BuiltInVariable)) { |
398 | if (key as BuiltInVariable === BuiltInVariable.DATE_FIXED) { | 413 | if (key as BuiltInVariable === BuiltInVariable.DATE_FIXED) { |
399 | - params[key] = Params[splitKeys[0]] || null | 414 | + params[key] = Params[start] || null |
400 | continue | 415 | continue |
401 | } | 416 | } |
402 | if (mores) { | 417 | if (mores) { |
403 | const { agg, interval, limit } = Params | 418 | const { agg, interval, limit } = Params |
404 | - const startTs = Params[splitKeys[0]] | ||
405 | - const endTs = Params[splitKeys[1]] | 419 | + const startTs = Params[start] |
420 | + const endTs = Params[end] | ||
406 | params[BuiltInVariable.SELECT_TIME_AGGREGATION] = { agg, interval, startTs, endTs, limit } | 421 | params[BuiltInVariable.SELECT_TIME_AGGREGATION] = { agg, interval, startTs, endTs, limit } |
407 | } else { | 422 | } else { |
408 | - const value = [Params[splitKeys[0]], Params[splitKeys[1]]] | 423 | + const value = [Params[start], Params[end]] |
409 | params[key] = value.every(Boolean) ? value : null | 424 | params[key] = value.every(Boolean) ? value : null |
410 | } | 425 | } |
411 | continue | 426 | continue |
@@ -419,9 +434,7 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | @@ -419,9 +434,7 @@ export const useDynamicPublicForm = (paramsItemList: Ref<ParamsItemType[]>) => { | ||
419 | const clearParams = () => { | 434 | const clearParams = () => { |
420 | Object.keys(params).forEach(key => { | 435 | Object.keys(params).forEach(key => { |
421 | Reflect.deleteProperty(params, key) | 436 | Reflect.deleteProperty(params, key) |
422 | - // params[key] = null | ||
423 | }) | 437 | }) |
424 | - // params[BuiltInVariable.SELECT_TIME_AGGREGATION] = { startTs: null, endTs: null, limit: null, interval: null } | ||
425 | params[BuiltInVariable.SELECT_TIME_AGGREGATION] = {} | 438 | params[BuiltInVariable.SELECT_TIME_AGGREGATION] = {} |
426 | } | 439 | } |
427 | 440 |
@@ -54,7 +54,7 @@ const getIntervalTimeOptions = computed(() => { | @@ -54,7 +54,7 @@ const getIntervalTimeOptions = computed(() => { | ||
54 | }) | 54 | }) |
55 | 55 | ||
56 | const handleTimePerionChange = (value: number[]) => { | 56 | const handleTimePerionChange = (value: number[]) => { |
57 | - const [startTs, endTs] = value | 57 | + const [startTs, endTs] = value || [] |
58 | emit('update:value', { ...props.value, startTs, endTs, interval: null }) | 58 | emit('update:value', { ...props.value, startTs, endTs, interval: null }) |
59 | emit('change', { ...props.value || {}, startTs, endTs, interval: null }) | 59 | emit('change', { ...props.value || {}, startTs, endTs, interval: null }) |
60 | } | 60 | } |
@@ -98,7 +98,7 @@ watch(() => props.value, (target) => { | @@ -98,7 +98,7 @@ watch(() => props.value, (target) => { | ||
98 | <NGi :span="16"> | 98 | <NGi :span="16"> |
99 | <NFormItem :show-label="false"> | 99 | <NFormItem :show-label="false"> |
100 | <NDatePicker v-model:value="timePeriod" type="datetimerange" placeholder="请选择时间范围" | 100 | <NDatePicker v-model:value="timePeriod" type="datetimerange" placeholder="请选择时间范围" |
101 | - @update-value="handleTimePerionChange" clearable></NDatePicker> | 101 | + @update-value="handleTimePerionChange" clearable :default-time="['00:00:00', '23:59:59']"></NDatePicker> |
102 | </NFormItem> | 102 | </NFormItem> |
103 | </NGi> | 103 | </NGi> |
104 | <NGi :span="4"> | 104 | <NGi :span="4"> |