| | |
| | | <template> |
| | | <ProDialog |
| | | :title="`${title}类别`" |
| | | :title="form.title" |
| | | v-model="visible" |
| | | @close="onDialogClose" |
| | | destroy-on-close |
| | |
| | | <ProFormItemV2 |
| | | label="行业类型:" |
| | | prop="field1" |
| | | v-if="category?.data?.code === '30'" |
| | | v-if="category?.data?.code === CategoryCode.Position" |
| | | :check-rules="[{ message: '请选择行业类型' }]" |
| | | > |
| | | <ProFormSelect |
| | | v-model="form.field1" |
| | | :value-enum="dictionaryDataList" |
| | | enum-value-key="code" |
| | | :convertEnumValue="false" |
| | | /> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="名称:" prop="content" :check-rules="[{ message: '请输入名称' }]"> |
| | |
| | | :controls="false" |
| | | :min="0" |
| | | :max="999999" |
| | | :value-on-clear="0" |
| | | ></ProFormInputNumber> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="编号:" prop="code"> |
| | | <ProFormText v-model.trim="form.code"></ProFormText> |
| | | <ProFormItemV2 label="编号:" prop="code" :check-rules="[{ message: '请输入编号' }]"> |
| | | <ProFormText v-model.trim="form.code" :disabled="!!form.id"></ProFormText> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="图片:" prop="src" v-if="category?.data?.code === '50'"> |
| | | <ProFormItemV2 |
| | | label="图片:" |
| | | prop="field2" |
| | | v-if="category?.data?.code === CategoryCode.Welfare" |
| | | > |
| | | <ProFormImageUpload v-model:file-url="form.field2" :limitFileCount="1"></ProFormImageUpload> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="状态:" prop="status"> |
| | | <ProFormItemV2 label="状态:" prop="isDisabled" required> |
| | | <ProFormRadio |
| | | v-model="form.isDisabled" |
| | | :value-enum="[ |
| | |
| | | }); |
| | | |
| | | type Form = { |
| | | title?: string; |
| | | id?: string; |
| | | categoryId: string; |
| | | content: string; |
| | |
| | | const form = defineModel<Form>('form'); |
| | | const visible = defineModel<boolean>('modelValue'); |
| | | |
| | | const title = computed(() => (form.value.id ? '编辑' : '新增')); |
| | | |
| | | const { getDictionaryCategoryById } = useGetDictionaryCategorySelect(); |
| | | |
| | | const { dictionaryDataList, refetch, getDictionaryDataNameById } = useDictionaryDataSelect({ |
| | | const { dictionaryDataList } = useDictionaryDataSelect({ |
| | | categoryCode: computed(() => CategoryCode.IndustryCategory), |
| | | }); |
| | | |
| | | const category = computed(() => { |
| | | return getDictionaryCategoryById(form.value.categoryId); |
| | | }); |
| | | |
| | | watch( |
| | | () => visible.value, |
| | | (value) => { |
| | | if (value) { |
| | | refetch(); |
| | | } |
| | | }, |
| | | { |
| | | immediate: true, |
| | | } |
| | | ); |
| | | |
| | | const emit = defineEmits<{ |
| | | (e: 'onConfirm'): void; |