初始化

ny

昨天 282fbc6488f4e8ceb5fda759f963ee88fbf7b999

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<script lang="ts" setup>
import { computed, onMounted, unref } from 'vue';
 
import { InterfaceModal } from '#/components/CommonModal';
import { SelectInterfaceBtn } from '#/components/Interface';
 
import { useDynamic } from '../hooks/useDynamic';
import { useField } from '../hooks/useField';
 
defineOptions({ inheritAttrs: false });
const props = defineProps(['activeData', 'dicOptions']);
const { options, debounceOnSearch, onFocus, initFieldData } = useField(props.activeData);
const { formFieldsOptions, onRelationFieldChange } = useDynamic(props.activeData);
 
const getFormFieldsOptions = computed(() => [{ id: '@keyword', fullName: '@keyword' }, ...unref(formFieldsOptions)]);
 
function onInterfaceIdChange(val, row) {
  if (!val) {
    props.activeData.interfaceId = '';
    props.activeData.interfaceName = '';
    props.activeData.templateJson = [];
    props.activeData.__config__.defaultValue = '';
    initFieldData();
    return;
  }
  if (props.activeData.__config__.propsUrl === val) return;
  props.activeData.interfaceId = val;
  props.activeData.interfaceName = row.fullName;
  props.activeData.templateJson = row.parameterJson ? JSON.parse(row.parameterJson).map((o) => ({ ...o, relationField: '', sourceType: 1 })) : [];
  props.activeData.__config__.defaultValue = '';
  initFieldData();
}
 
onMounted(() => initFieldData());
</script>
<template>
  <a-form-item>
    <template #label>数据接口<BasicHelp text="支持通过数据接口的参数实现控件之间的联动。" /></template>
    <InterfaceModal :value="activeData.interfaceId" :title="activeData.interfaceName" popup-title="数据接口" @change="onInterfaceIdChange" />
  </a-form-item>
  <a-form-item label="回显字段">
    <a-auto-complete
      v-model:value="activeData.relationField"
      placeholder="请输入"
      :options="options"
      @focus="onFocus(activeData.relationField)"
      @search="debounceOnSearch(activeData.relationField)" />
  </a-form-item>
  <a-form-item label="参数设置" v-if="activeData.templateJson?.length">
    <SelectInterfaceBtn :template-json="activeData.templateJson" :field-options="getFormFieldsOptions" :type="3" @field-change="onRelationFieldChange" />
  </a-form-item>
  <a-form-item>
    <template #label>显示条数<BasicHelp text="最大值只能设置为50" /></template>
    <a-input-number placeholder="请输入" v-model:value="activeData.total" :min="1" :max="50" :precision="0" />
  </a-form-item>
  <a-form-item label="能否清空">
    <a-switch v-model:checked="activeData.clearable" />
  </a-form-item>
</template>