| | |
| | | * @version: |
| | | * @Date: 2024-05-30 22:00:44 |
| | | * @LastEditors: Ben Lin |
| | | * @LastEditTime: 2024-07-17 11:14:27 |
| | | * @LastEditTime: 2024-07-30 11:00:14 |
| | | --> |
| | | <!-- eslint-disable prettier/prettier --> |
| | | <template> |
| | |
| | | <a-input v-model:value="model[field]" /> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in searchParamsSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | | <!-- <a-input v-model:value="model[field]" /> --> |
| | | <CodeEditor v-model:value="model[field]" :mode="searchModeValue" :bordered="true"/> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in searchResultFieldSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | |
| | | <a-input v-model:value="model[field]" /> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in searchOptionsSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | | <!-- <a-input v-model:value="model[field]" /> --> |
| | | <CodeEditor v-model:value="model[field]" :mode="searchModeValue" :bordered="true"/> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in searchOnChangeSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | |
| | | <a-switch v-model:checked="model[field]" /> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in mainIaSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | | <!-- <a-input v-model:value="model[field]" /> --> |
| | | <CodeEditor v-model:value="model[field]" :mode="modeValue" :bordered="true"/> |
| | | </template> |
| | | </BasicForm> |
| | | </div> |
| | |
| | | <a-input v-model:value="model[field]" /> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in crudParamsSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | | <!-- <a-input v-model:value="model[field]" /> --> |
| | | <CodeEditor v-model:value="model[field]" :mode="searchModeValue" :bordered="true"/> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in crudResultFieldSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | |
| | | <a-input v-model:value="model[field]" /> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in crudOptionsSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | | <!-- <a-input v-model:value="model[field]" /> --> |
| | | <CodeEditor v-model:value="model[field]" :mode="searchModeValue" :bordered="true"/> |
| | | </template> |
| | | <template #[item]="{ model, field }" v-for="item in crudOnChangeSlots" :key="item"> |
| | | <a-input v-model:value="model[field]" /> |
| | |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { BasicForm, FormSchema, useForm } from '/@/components/Form'; |
| | | import { nextTick, onMounted, ref, unref } from 'vue'; |
| | | import { h, nextTick, onMounted, ref, unref } from 'vue'; |
| | | import { Card, InputGroup, Select, Input, Switch } from 'ant-design-vue'; |
| | | import { ApiSelect } from '/@/components/Form/index'; |
| | | import { useRoute, useRouter } from 'vue-router'; |
| | |
| | | import { EntityPropertie, SYS_LOW_CODE } from '/@/api/tigerapi/model/systemModel'; |
| | | import { isNullOrEmpty, isNullOrUnDef } from '/@/utils/is'; |
| | | import { useUserStore } from '/@/store/modules/user'; |
| | | import { CodeEditor, MODE } from '/@/components/CodeEditor'; |
| | | |
| | | const ACard = Card; |
| | | const AInputGroup = InputGroup; |
| | |
| | | const searchOptionsSlots = ref([] as string[]); |
| | | const searchOnChangeSlots = ref([] as string[]); |
| | | const searchPOptionsSlots = ref([] as string[]); |
| | | const searchModeValue = ref<MODE>(MODE.JSON); |
| | | /* 主表 */ |
| | | const MainEntName = ref(''); |
| | | const mainSelectVals = ref({} as { [key: string]: any }); |
| | |
| | | const mainsSwSlots = ref([] as string[]); |
| | | const mainwSwSlots = ref([] as string[]); |
| | | const mainIaSlots = ref([] as string[]); |
| | | const modeValue = ref<MODE>(MODE.JAVASCRIPT); |
| | | /* 增删改 */ |
| | | const CrudEntName = ref(''); |
| | | const crudInputs = ref({} as { [key: string]: any }); |
| | |
| | | getEntity({ |
| | | sqlcmd: "ID ='" + objParams.value.ID + "'", |
| | | entityName: 'SYS_LOW_CODE', |
| | | order: '' |
| | | order: '', |
| | | }).then((data) => { |
| | | /* 查询加载 */ |
| | | var searchForms = JSON.parse(data.Data.Items[0].SEARCH_FORM_JSON); |
| | | SearchEntName.value = data.Data.Items[0].SEARCH_ASSY_NAME; |
| | | setFieldsValue({ ASSEMBLY_NAME: data.Data.Items[0].SEARCH_ASSY_NAME }); |
| | | searchForms = searchForms.filter((item) => !item['field'].toString().startsWith(SearchEntName.value) && !item['field'].toString().endsWith('PSelect_0')); |
| | | searchForms = searchForms.filter( |
| | | (item) => |
| | | !item['field'].toString().startsWith(SearchEntName.value) && |
| | | !item['field'].toString().endsWith('PSelect_0'), |
| | | ); |
| | | for (const i in searchForms) { |
| | | condAdd(); |
| | | if (searchForms[i]['component'] == 'ApiSelect') { |
| | | addApiSelectOption(`${SearchEntName.value}${Number(i) + 1}a`, 'search'); |
| | | setFieldsValue({ |
| | | [`ApiSelect${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['api'], |
| | | [`Params${SearchEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | searchForms[i]['componentProps']['params'], |
| | | ), |
| | | [`Result${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['resultField'], |
| | | [`Label${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['labelField'], |
| | | [`Value${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['valueField'], |
| | | }); |
| | | } |
| | | if (searchForms[i]['component'] == 'Select') { |
| | | addSelectOption(`${SearchEntName.value}${Number(i) + 1}a`, 'search'); |
| | | setFieldsValue({ |
| | | [`XSelect${SearchEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | searchForms[i]['componentProps']['options'], |
| | | ), |
| | | [`XOnChange${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['onChange'], |
| | | }); |
| | | } |
| | | if (searchForms[i]['component'] == 'ApiSelect') { |
| | | addApiSelectOption(`${SearchEntName.value}${Number(i) + 1}a`, 'search'); |
| | | setFieldsValue({ |
| | | [`${SearchEntName.value}${Number(i) + 1}a`]: searchForms[i]['field'], |
| | | [`InputNumber${Number(i) + 1}`]: searchForms[i]['colProps'].span, |
| | | [`Switch${Number(i) + 1}`]: searchForms[i]['ifShow'], |
| | | [`ApiSelect${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['api'], |
| | | [`Params${SearchEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | searchForms[i]['componentProps']['params'], |
| | | ), |
| | | [`Result${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['resultField'], |
| | | [`Label${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['labelField'], |
| | | [`Value${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['valueField'], |
| | | }); |
| | | objInputs.value[`${SearchEntName.value}${Number(i) + 1}a`] = searchForms[i]['label']; |
| | | searchSelectVals.value[`${SearchEntName.value}${Number(i) + 1}a`] = searchForms[i]['comp']? searchForms[i]['comp']: searchForms[i]['component']; |
| | | if(searchForms[i]['comp']){ |
| | | addPopSelectOption(`${SearchEntName.value}${Number(i) + 1}a`, 'search'); |
| | | setFieldsValue({ |
| | | [`PSelect${SearchEntName.value}${Number(i) + 1}a`]: searchForms[i]['entityName'], |
| | | }); |
| | | } |
| | | } |
| | | if (searchForms[i]['component'] == 'Select') { |
| | | addSelectOption(`${SearchEntName.value}${Number(i) + 1}a`, 'search'); |
| | | setFieldsValue({ |
| | | [`XSelect${SearchEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | searchForms[i]['componentProps']['options'], |
| | | ), |
| | | [`XOnChange${SearchEntName.value}${Number(i) + 1}a`]: |
| | | searchForms[i]['componentProps']['onChange'], |
| | | }); |
| | | } |
| | | setFieldsValue({ |
| | | [`${SearchEntName.value}${Number(i) + 1}a`]: searchForms[i]['field'], |
| | | [`InputNumber${Number(i) + 1}`]: searchForms[i]['colProps'].span, |
| | | [`Switch${Number(i) + 1}`]: searchForms[i]['ifShow'], |
| | | }); |
| | | objInputs.value[`${SearchEntName.value}${Number(i) + 1}a`] = searchForms[i]['label']; |
| | | searchSelectVals.value[`${SearchEntName.value}${Number(i) + 1}a`] = searchForms[i]['comp'] |
| | | ? searchForms[i]['comp'] |
| | | : searchForms[i]['component']; |
| | | if (searchForms[i]['comp']) { |
| | | addPopSelectOption(`${SearchEntName.value}${Number(i) + 1}a`, 'search'); |
| | | setFieldsValue({ |
| | | [`PSelect${SearchEntName.value}${Number(i) + 1}a`]: searchForms[i]['entityName'], |
| | | }); |
| | | } |
| | | } |
| | | /* 增删改加载 */ |
| | | var crudForms = JSON.parse(data.Data.Items[0].FORM_JSON); |
| | | CrudEntName.value = data.Data.Items[0].CRUD_ASSY_NAME; |
| | | setFieldsValueCrud({ crudAssemblyName: data.Data.Items[0].CRUD_ASSY_NAME }); |
| | | crudForms = crudForms.filter((item) => !item['field'].toString().startsWith(CrudEntName.value) && !item['field'].toString().endsWith('PSelect_0')); |
| | | crudForms = crudForms.filter( |
| | | (item) => |
| | | !item['field'].toString().startsWith(CrudEntName.value) && |
| | | !item['field'].toString().endsWith('PSelect_0'), |
| | | ); |
| | | for (const i in crudForms) { |
| | | crudCondAdd(); |
| | | if (crudForms[i]['component'] == 'ApiSelect') { |
| | | addApiSelectOption(`${CrudEntName.value}${Number(i) + 1}a`, 'crud'); |
| | | setFieldsValueCrud({ |
| | | [`ApiSelect${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['api'], |
| | | [`Params${CrudEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | crudForms[i]['componentProps']['params'], |
| | | ), |
| | | [`Result${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['resultField'], |
| | | [`Label${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['labelField'], |
| | | [`Value${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['valueField'], |
| | | }); |
| | | } |
| | | if (crudForms[i]['component'] == 'Select') { |
| | | addSelectOption(`${CrudEntName.value}${Number(i) + 1}a`, 'crud'); |
| | | setFieldsValueCrud({ |
| | | [`XSelect${CrudEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | crudForms[i]['componentProps']['options'], |
| | | ), |
| | | [`XOnChange${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['onChange'], |
| | | }); |
| | | } |
| | | if (crudForms[i]['component'] == 'ApiSelect') { |
| | | addApiSelectOption(`${CrudEntName.value}${Number(i) + 1}a`, 'crud'); |
| | | setFieldsValueCrud({ |
| | | [`${CrudEntName.value}${Number(i) + 1}a`]: crudForms[i]['field'], |
| | | [`InputNumber${Number(i) + 1}`]: crudForms[i]['colProps'].span, |
| | | [`Switch${Number(i) + 1}`]: crudForms[i]['show'], |
| | | [`rSwitch${Number(i) + 1}`]: crudForms[i]['required'], |
| | | [`ApiSelect${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['api'], |
| | | [`Params${CrudEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | crudForms[i]['componentProps']['params'], |
| | | ), |
| | | [`Result${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['resultField'], |
| | | [`Label${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['labelField'], |
| | | [`Value${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['valueField'], |
| | | }); |
| | | crudInputs.value[`${CrudEntName.value}${Number(i) + 1}a`] = crudForms[i]['label']; |
| | | crudSelectVals.value[`${CrudEntName.value}${Number(i) + 1}a`] = crudForms[i]['comp']? crudForms[i]['comp']: crudForms[i]['component']; |
| | | if(crudForms[i]['comp']){ |
| | | addPopSelectOption(`${CrudEntName.value}${Number(i) + 1}a`, 'crud'); |
| | | setFieldsValueCrud({ |
| | | [`PSelect${CrudEntName.value}${Number(i) + 1}a`]: crudForms[i]['entityName'], |
| | | }); |
| | | } |
| | | crudIsExistVals.value[`${CrudEntName.value}${Number(i) + 1}a`] = crudForms[i]['isexist']; |
| | | } |
| | | if (crudForms[i]['component'] == 'Select') { |
| | | addSelectOption(`${CrudEntName.value}${Number(i) + 1}a`, 'crud'); |
| | | setFieldsValueCrud({ |
| | | [`XSelect${CrudEntName.value}${Number(i) + 1}a`]: JSON.stringify( |
| | | crudForms[i]['componentProps']['options'], |
| | | ), |
| | | [`XOnChange${CrudEntName.value}${Number(i) + 1}a`]: |
| | | crudForms[i]['componentProps']['onChange'], |
| | | }); |
| | | } |
| | | setFieldsValueCrud({ |
| | | [`${CrudEntName.value}${Number(i) + 1}a`]: crudForms[i]['field'], |
| | | [`InputNumber${Number(i) + 1}`]: crudForms[i]['colProps'].span, |
| | | [`Switch${Number(i) + 1}`]: crudForms[i]['show'], |
| | | [`rSwitch${Number(i) + 1}`]: crudForms[i]['required'], |
| | | }); |
| | | crudInputs.value[`${CrudEntName.value}${Number(i) + 1}a`] = crudForms[i]['label']; |
| | | crudSelectVals.value[`${CrudEntName.value}${Number(i) + 1}a`] = crudForms[i]['comp'] |
| | | ? crudForms[i]['comp'] |
| | | : crudForms[i]['component']; |
| | | if (crudForms[i]['comp']) { |
| | | addPopSelectOption(`${CrudEntName.value}${Number(i) + 1}a`, 'crud'); |
| | | setFieldsValueCrud({ |
| | | [`PSelect${CrudEntName.value}${Number(i) + 1}a`]: crudForms[i]['entityName'], |
| | | }); |
| | | } |
| | | crudIsExistVals.value[`${CrudEntName.value}${Number(i) + 1}a`] = crudForms[i]['isexist']; |
| | | } |
| | | /* 主表加载 */ |
| | | var objs = JSON.parse(data.Data.Items[0].BASE_FORM_JSON); |
| | | MainEntName.value = data.Data.Items[0].ASSEMBLY_NAME; |
| | | setFieldsValueMain({ MainAssemblyName: MainEntName.value, BY_ORG:data.Data.Items[0].BY_ORG }); |
| | | setFieldsValueMain({ |
| | | MainAssemblyName: MainEntName.value, |
| | | BY_ORG: data.Data.Items[0].BY_ORG, |
| | | }); |
| | | for (const i in objs) { |
| | | mainCondAdd(); |
| | | setFieldsValueMain({ |
| | |
| | | _json['label'] = '1'; |
| | | _json['defaultValue'] = values[`PSelect${firstField}`]; |
| | | _json['component'] = 'Input'; |
| | | _json['colProps'] = { span: 4 }; |
| | | _json['colProps'] = { span: 1 }; |
| | | _json['ifShow'] = true; |
| | | _json['colSlot'] = `${firstField}add`; |
| | | } |
| | |
| | | /** |
| | | * @description: 查询配置类名选择按钮方法 |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function handleSelecNew() { |
| | | openNewModal(true, { |
| | | data: 'content', |
| | |
| | | /** |
| | | * @description: 主表配置类名选择按钮方法 |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function mainSelectAssy() { |
| | | openMainModal(true, { |
| | | data: 'content', |
| | |
| | | /** |
| | | * @description: 增删改配置类名选择按钮方法 |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function handleSelectCrud() { |
| | | openCrudModal(true, { |
| | | data: 'content', |
| | |
| | | * @param {*} d |
| | | * @param {*} u |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | async function mainAssySuccess(d, u) { |
| | | setFieldsValueMain({ |
| | | MainAssemblyName: d.values['val'], |
| | |
| | | * @param {*} option |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function change(value, option, field) { |
| | | console.log(value, option, field); |
| | | objInputs.value[field] = option.label; |
| | |
| | | * @param {*} option |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchOnChange(value, option, field) { |
| | | console.log(value, option, field); |
| | | if (value == 'ApiSelect') { |
| | |
| | | delPSelectOption(field, 'search'); |
| | | } |
| | | } |
| | | |
| | | |
| | | /** |
| | | * @description: 增删改组件选择事件 |
| | | * @param {*} value |
| | | * @param {*} option |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function componentChange(value, option, field) { |
| | | console.log(value, option, field); |
| | | if (value == 'ApiSelect') { |
| | |
| | | * @param {*} field |
| | | * @param {*} type |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function addApiSelectOption(field: string, type: string) { |
| | | const appendData: FormSchema[] = [ |
| | | { |
| | |
| | | component: 'Input', |
| | | label: `api`, |
| | | slot: `Api${field}`, |
| | | colProps: { span: 5 }, |
| | | colProps: { span: 6 }, |
| | | }, |
| | | { |
| | | field: `Params${field}`, |
| | | component: 'Input', |
| | | label: 'params', |
| | | slot: `Params_${field}`, |
| | | colProps: { span: 6 }, |
| | | colProps: { span: 18 }, |
| | | }, |
| | | { |
| | | field: `Result${field}`, |
| | | component: 'Input', |
| | | label: 'resultField', |
| | | slot: `ResultField${field}`, |
| | | colProps: { span: 5 }, |
| | | colProps: { span: 8 }, |
| | | }, |
| | | { |
| | | field: `Label${field}`, |
| | | component: 'Input', |
| | | label: 'labelField', |
| | | slot: `LabelField${field}`, |
| | | colProps: { span: 4 }, |
| | | colProps: { span: 8 }, |
| | | }, |
| | | { |
| | | field: `Value${field}`, |
| | | component: 'Input', |
| | | label: 'valueField', |
| | | slot: `ValueField${field}`, |
| | | colProps: { span: 4 }, |
| | | colProps: { span: 8 }, |
| | | }, |
| | | ]; |
| | | switch (type) { |
| | |
| | | * @description: 增删改ApiSelect插槽数据添加 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function crudSlotsPush(field: string) { |
| | | crudApiSlots.value.push(`Api${field}`); |
| | | crudParamsSlots.value.push(`Params_${field}`); |
| | |
| | | crudLabelFieldSlots.value.push(`LabelField${field}`); |
| | | crudValueFieldSlots.value.push(`ValueField${field}`); |
| | | } |
| | | |
| | | |
| | | /** |
| | | * @description: 查询ApiSelect插槽数据添加 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchSlotsPush(field: string) { |
| | | searchApiSlots.value.push(`Api${field}`); |
| | | searchParamsSlots.value.push(`Params_${field}`); |
| | |
| | | * @param {*} field |
| | | * @param {*} type |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function delApiSelectOption(field: string, type: string) { |
| | | const removeData: string[] = [ |
| | | `ApiSelect${field}`, |
| | |
| | | * @description: 增删改插槽删除项 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function crudSlotsSplice(field: string) { |
| | | crudApiSlots.value = crudApiSlots.value.filter((item) => item !== `Api${field}`); |
| | | crudParamsSlots.value = crudParamsSlots.value.filter((item) => item !== `Params_${field}`); |
| | |
| | | (item) => item !== `ValueField${field}`, |
| | | ); |
| | | } |
| | | |
| | | |
| | | /** |
| | | * @description: 增删改插槽删除项 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchSlotsSplice(field: string) { |
| | | searchApiSlots.value = searchApiSlots.value.filter((item) => item !== `Api${field}`); |
| | | searchParamsSlots.value = searchParamsSlots.value.filter((item) => item !== `Params_${field}`); |
| | |
| | | * @param {*} field |
| | | * @param {*} type |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function delSelectOption(field: string, type: string) { |
| | | const removeData: string[] = [`XSelect${field}`, `XOnChange${field}`]; |
| | | switch (type) { |
| | |
| | | * @description: 查询Select插槽数据添加 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchSelSlotsPush(field: string) { |
| | | searchOptionsSlots.value.push(`Select_${field}`); |
| | | searchOptionsSlots.value.push(`OnChange_${field}`); |
| | |
| | | * @description: 查询插槽删除项 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchSelSlotsSplice(field: string) { |
| | | searchOptionsSlots.value = searchOptionsSlots.value.filter( |
| | | (item) => item !== `Select_${field}`, |
| | |
| | | * @description: 增删改Select插槽数据添加 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function crudSelSlotsPush(field: string) { |
| | | crudOptionsSlots.value.push(`Select_${field}`); |
| | | crudOnChangeSlots.value.push(`OnChange_${field}`); |
| | |
| | | * @param {*} field |
| | | * @param {*} type |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function addPopSelectOption(field: string, type: string) { |
| | | const appendData: FormSchema[] = [ |
| | | { |
| | |
| | | * @description: 查询PopSelect插槽数据添加 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchPSelSlotsPush(field: string) { |
| | | searchPOptionsSlots.value.push(`PSelect_${field}`); |
| | | } |
| | |
| | | * @description: 增删改PopSelect插槽数据添加 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function crudPSelSlotsPush(field: string) { |
| | | crudPOptionsSlots.value.push(`PSelect_${field}`); |
| | | } |
| | |
| | | * @description: 查询插槽删除项 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function searchPSelSlotsSplice(field: string) { |
| | | searchPOptionsSlots.value = searchPOptionsSlots.value.filter( |
| | | (item) => item !== `PSelect_${field}`, |
| | |
| | | * @description: 增删改插槽删除项 |
| | | * @param {*} field |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function crudPSelSlotsSplice(field: string) { |
| | | crudPOptionsSlots.value = crudPOptionsSlots.value.filter((item) => item !== `PSelect_${field}`); |
| | | } |
| | |
| | | if (searchSlots.value.length == 0) { |
| | | n.value = 1; |
| | | } |
| | | delApiSelectOption(`${CrudEntName.value}${field}a`, 'search'); |
| | | delSelectOption(`${CrudEntName.value}${field}a`, 'search'); |
| | | delPSelectOption(`${CrudEntName.value}${field}a`, 'search'); |
| | | delApiSelectOption(`${SearchEntName.value}${field}a`, 'search'); |
| | | delSelectOption(`${SearchEntName.value}${field}a`, 'search'); |
| | | delPSelectOption(`${SearchEntName.value}${field}a`, 'search'); |
| | | } |
| | | |
| | | /** |
| | | * @description: 主表配置 |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function mainCondAdd() { |
| | | appendSchemaByFieldMain( |
| | | [ |
| | |
| | | }, |
| | | { |
| | | field: `InputTextArea${m.value}`, |
| | | component: 'InputTextArea', |
| | | component: 'Input', |
| | | label: '自定义渲染', |
| | | slot: `mainwIa${m.value}`, |
| | | colProps: { span: 21 }, |
| | | componentProps: { |
| | | placeholder: '请编辑渲染代码', |
| | | rows: 4, |
| | | }, |
| | | // componentProps: { |
| | | // placeholder: '请编辑渲染代码', |
| | | // rows: 4, |
| | | // }, |
| | | }, |
| | | { |
| | | field: `${m.value}`, |
| | |
| | | /** |
| | | * @description: 增删改配置 |
| | | * @return {*} |
| | | */ |
| | | */ |
| | | function crudCondAdd() { |
| | | appendSchemaByFieldCrud( |
| | | [ |