feat: 页面

wupengfei

3 天以前 69118fdc54131e5b19bda06d2cc4b7d258683fa7

 src/views/DictionaryManage/components/AddOrEditDictionaryDialog.vue

@@ -6,7 +6,7 @@
    destroy-on-close
    draggable
  >
    <ProForm :model="form" ref="dialogForm" label-width="90px">
    <ProForm :model="form" ref="dialogForm" label-width="120px">
      <ProFormItemV2
        label="行业类型:"
        prop="field1"
@@ -20,6 +20,39 @@
          :convertEnumValue="false"
        />
      </ProFormItemV2>
      <template
        v-if="
          category?.data?.code === CategoryCode.InsuranceType ||
          category?.data?.code === CategoryCode.SumInsured ||
          category?.data?.code === CategoryCode.InsureWay ||
          category?.data?.code === CategoryCode.JobCategory ||
          category?.data?.code === CategoryCode.InsuranceVersion
        "
      >
        <ProFormItemV2
          label="保险公司:"
          prop="field1"
          :check-rules="[{ message: '请选择保险公司' }]"
        >
          <ProFormSelect
            v-model="form.field1"
            :value-enum="insuranceCompanyList"
            enum-value-key="code"
            :convertEnumValue="false"
          />
        </ProFormItemV2>
        <ProFormItemV2 label="代码:" prop="field2" :check-rules="[{ message: '请输入代码' }]">
          <ProFormText placeholder="请输入代码" v-model="form.field2"></ProFormText>
        </ProFormItemV2>
        <ProFormItemV2 label="保险险种:" prop="field3">
          <ProFormSelect
            v-model="form.field3"
            :value-enum="insuranceTypeList"
            enum-value-key="code"
            :convertEnumValue="false"
          />
        </ProFormItemV2>
      </template>
      <ProFormItemV2 label="名称:" prop="content" :check-rules="[{ message: '请输入名称' }]">
        <ProFormText
          placeholder="请输入名称"
@@ -39,10 +72,28 @@
      <ProFormItemV2 label="编号:" prop="code" :check-rules="[{ message: '请输入编号' }]">
        <ProFormText v-model.trim="form.code" :disabled="!!form.id"></ProFormText>
      </ProFormItemV2>
      <template v-if="category?.data?.code === CategoryCode.ElectronSignParam">
        <ProFormItemV2
          label="参数字段名:"
          prop="field3"
          :check-rules="[{ message: '请输入参数字段名' }]"
        >
          <ProFormText v-model.trim="form.field3" placeholder="请输入参数字段名"></ProFormText>
        </ProFormItemV2>
        <ProFormItemV2
          label="绑定字段名:"
          prop="field4"
          :check-rules="[{ message: '请输入绑定字段名' }]"
        >
          <ProFormText v-model.trim="form.field4" placeholder="请输入绑定字段名"></ProFormText>
        </ProFormItemV2>
      </template>

      <ProFormItemV2
        label="图片:"
        prop="field2"
        v-if="category?.data?.code === CategoryCode.Welfare"
        :check-rules="[{ type: 'upload', message: '请上传图片' }]"
      >
        <ProFormImageUpload v-model:file-url="form.field2" :limitFileCount="1"></ProFormImageUpload>
      </ProFormItemV2>
@@ -95,6 +146,8 @@
  isDisabled: boolean;
  field1?: string;
  field2?: UploadUserFile[];
  field3?: string;
  field4?: string;
};

const form = defineModel<Form>('form');
@@ -106,6 +159,14 @@
  categoryCode: computed(() => CategoryCode.IndustryCategory),
});

const { dictionaryDataList: insuranceCompanyList } = useDictionaryDataSelect({
  categoryCode: computed(() => CategoryCode.InsuranceCompany),
});

const { dictionaryDataList: insuranceTypeList } = useDictionaryDataSelect({
  categoryCode: computed(() => CategoryCode.InsuranceType),
});

const category = computed(() => {
  return getDictionaryCategoryById(form.value.categoryId);
});