feat: v2.2

zhengyiming

7 天以前 c55c548308e6a1adef6670f8acf1ee5f57e77da6

 src/views/Home/components/UploadInsurePersonDialog.vue

@@ -10,7 +10,38 @@
    @close="onDialogClose"
    width="600px"
  >
    <ProForm :model="innerForm" ref="dialogForm" label-width="100px">
    <ProForm :model="innerForm" ref="dialogForm" label-width="120px">
      <ProFormItemV2
        label="投保产品："
        prop="productIdNumber"
        :check-rules="[{ message: '请选择投保产品' }]"
        v-if="allUserInsureProductSettingList.length > 0"
      >
        <ProFormSelect
          placeholder="请选择投保产品"
          :value-enum="allUserInsureProductSettingList"
          clearable
          v-model="form.productIdNumber"
          enum-label-key="productName"
          enum-value-key="productIdNumber"
          @change="handleProductChange"
        ></ProFormSelect>
      </ProFormItemV2>
      <ProFormItemV2
        label="投保产品方案："
        prop="productSchemeIdNumber"
        :check-rules="[{ message: '请选择投保产品方案' }]"
        v-if="allUserInsureProductSettingList.length > 0"
      >
        <ProFormSelect
          placeholder="请选择投保产品方案"
          :value-enum="allInsureProductSchemeList"
          clearable
          v-model="form.productSchemeIdNumber"
          enum-label-key="name"
          enum-value-key="idNumber"
        ></ProFormSelect>
      </ProFormItemV2>
      <ProFormItemV2 label="批次号：" prop="serialNum" :check-rules="[{ message: '请输入批次号' }]">
        <ProFormText
          placeholder="请输入批次号"
@@ -46,6 +77,7 @@
</template>

<script setup lang="ts">
import { useUserInsureProductSetting, useInsureProductSchemeAllList } from '@/hooks';
import {
  ProDialog,
  UploadUserFile,
@@ -53,6 +85,7 @@
  ProFormItemV2,
  ProFormText,
  ProFormUpload,
  ProFormSelect,
} from '@bole-core/components';
import { FormInstance } from 'element-plus';
import _ from 'lodash';
@@ -66,6 +99,8 @@
  form?: {
    serialNum: string;
    url: UploadUserFile[];
    productIdNumber: string;
    productSchemeIdNumber: string;
  };
};

@@ -80,6 +115,16 @@
  (e: 'onCancel'): void;
}>();

const { allUserInsureProductSettingList, getInsureProductIdByIdNumber } =
  useUserInsureProductSetting();
const { allInsureProductSchemeList } = useInsureProductSchemeAllList({
  insureProductId: computed(() => getInsureProductIdByIdNumber(props.form.productIdNumber)),
});

function handleProductChange() {
  innerForm.value.productSchemeIdNumber = '';
}

const innerVisible = computed({
  get() {
    return props.modelValue;