feat: 页面

wupengfei

2025-03-24 80dd2bebbe3d204cc7833a4793aba67bba356b1d

feat: 页面

 src/views/Home/BatchChange.vue

@@ -3,8 +3,10 @@
    <AppScrollContainer>
      <ChunkCell title="1">
        <template #title>
          <el-text>{{ `保单号：${'958585860689'}` }}</el-text>
          <el-text>{{ `投保人：${'人力无忧'}` }}</el-text>
          <div class="batch-change-title">
            <el-text style="margin-right: 20px">{{ `保单号：${'958585860689'}` }}</el-text>
            <el-text>{{ `投保人：${'人力无忧'}` }}</el-text>
          </div>
        </template>
        <ProForm :model="state.form" ref="formRef" label-width="120px">
          <ProFormCol>

 src/views/Home/InsuranceOrderDetail.vue

@@ -17,6 +17,8 @@
import { AppScrollContainer, ProTabs, ProTabPane } from '@bole-core/components';
import InsureOrderInfoView from './components/InsureOrderInfoView.vue';
import BatchChangeRecordView from './components/BatchChangeRecordView.vue';
import * as insuranceOrderServices from '@/services/api/InsuranceOrder';
import { useQuery } from '@tanstack/vue-query';

defineOptions({
  name: 'InsuranceOrderDetail',
@@ -30,6 +32,18 @@
const state = reactive({
  tabType: InsureOrderTabType.InsureOrderInfo,
});

const route = useRoute();
const id = route.params.id as string;

const { data: detail, isLoading } = useQuery({
  queryKey: ['insuranceOrderServices/getInsuranceOrderDetail', id],
  queryFn: async () => {
    return await insuranceOrderServices.getInsuranceOrderDetail({ id: id });
  },
  placeholderData: () => ({} as API.InsuranceOrderListOutput),
  enabled: !!id,
});
</script>

<style lang="scss" scoped>

 src/views/Home/components/ChangePersonInfoDialog.vue

@@ -6,33 +6,49 @@
    draggable
    bodyNoPaddingBottom
    @close="onDialogClose"
    width="700px"
    width="800px"
  >
    <el-text type="danger"
      >*身份证号与保险人姓名不能同时变更，只能修改其中一项，且仅能修改一次</el-text
    >
    <ProForm :model="innerForm" ref="dialogForm" label-width="100px" style="margin-top: 20px">
      <ProFormItemV2 label="姓名：" prop="name" :check-rules="[{ message: '请输入姓名' }]">
        <ProFormText
          placeholder="请输入姓名"
          v-model.trim="innerForm.name"
          :maxlength="30"
        ></ProFormText>
      </ProFormItemV2>
      <ProFormItemV2 label="身份证号：" prop="name" :check-rules="[{ message: '请输入身份证号' }]">
        <ProFormText
          placeholder="请输入身份证号"
          v-model.trim="innerForm.name"
          :maxlength="30"
        ></ProFormText>
      </ProFormItemV2>
      <ProFormItemV2 label="手机号：" prop="name" :check-rules="[{ message: '请输入手机号' }]">
        <ProFormText
          placeholder="请输入手机号"
          v-model.trim="innerForm.name"
          :maxlength="30"
        ></ProFormText>
      </ProFormItemV2>
      <ProFormCol>
        <ProFormColItem :span="16">
          <ProFormItemV2 label="姓名：" prop="name" :check-rules="[{ message: '请输入姓名' }]">
            <ProFormText
              placeholder="请输入姓名"
              v-model.trim="innerForm.name"
              :maxlength="30"
            ></ProFormText>
          </ProFormItemV2>
        </ProFormColItem>
      </ProFormCol>
      <ProFormCol>
        <ProFormColItem :span="16">
          <ProFormItemV2
            label="身份证号："
            prop="name"
            :check-rules="[{ message: '请输入身份证号' }]"
          >
            <ProFormText
              placeholder="请输入身份证号"
              v-model.trim="innerForm.name"
              :maxlength="30"
            ></ProFormText>
          </ProFormItemV2>
        </ProFormColItem>
      </ProFormCol>
      <ProFormCol>
        <ProFormColItem :span="16">
          <ProFormItemV2 label="手机号：" prop="name" :check-rules="[{ message: '请输入手机号' }]">
            <ProFormText
              placeholder="请输入手机号"
              v-model.trim="innerForm.name"
              :maxlength="30"
            ></ProFormText>
          </ProFormItemV2>
        </ProFormColItem>
      </ProFormCol>
    </ProForm>
    <template #footer>
      <span class="dialog-footer">
@@ -44,7 +60,14 @@
</template>

<script setup lang="ts">
import { ProDialog, ProForm, ProFormItemV2, ProFormText } from '@bole-core/components';
import {
  ProDialog,
  ProForm,
  ProFormCol,
  ProFormColItem,
  ProFormItemV2,
  ProFormText,
} from '@bole-core/components';
import { FormInstance } from 'element-plus';

defineOptions({

 src/views/Home/components/InsureOrderInfoView.vue

@@ -34,13 +34,16 @@
          </ProFormCol>
          <ProFormCol>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="参保机构:" prop="applyTime">
                <ProFormText v-model.trim="detail.orderNo" />
              <ProFormItemV2 label="参保机构:" prop="insuredInstitution">
                <ProFormRadio
                  v-model="detail.insuredInstitution"
                  :value-enum="InsuredInstitutionEnum"
                />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="投保方案:" prop="applyTime">
                <ProFormText v-model.trim="detail.orderNo" />
              <ProFormItemV2 label="投保方案:" prop="insuranceScheme">
                <ProFormRadio v-model="detail.insuranceScheme" :value-enum="InsuranceSchemeEnum" />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
@@ -73,7 +76,7 @@
              <SearchInput
                v-model="extraParamState.keyWord"
                style="width: 300px"
                placeholder="人员姓名/身份证号/手机号"
                placeholder="姓名/身份证号/手机号"
                @on-click-search="getBatchRefundInfoDetail"
              >
              </SearchInput>
@@ -125,7 +128,12 @@
  defineOperationBtns,
  useFormDialog,
} from '@bole-core/components';
import { InsuranceOrderTempPath, insuranceTypeText } from '@/constants';
import {
  InsuranceOrderTempPath,
  insuranceTypeText,
  InsuredInstitutionEnum,
  InsuranceSchemeEnum,
} from '@/constants';
import ChangePersonInfoDialog from './ChangePersonInfoDialog.vue';
import * as insuranceOrderServices from '@/services/api/InsuranceOrder';
import { useQuery, useQueryClient } from '@tanstack/vue-query';

 src/views/Home/components/UploadInsurePersonDialog.vue

@@ -8,7 +8,7 @@
    @close="onDialogClose"
    width="600px"
  >
    <ProForm :model="innerForm" ref="dialogForm" label-width="120px">
    <ProForm :model="innerForm" ref="dialogForm" label-width="100px">
      <ProFormItemV2
        label="批次号："
        prop="materialName"

 src/views/Home/components/UploadStampFileDialog.vue

@@ -8,7 +8,7 @@
    @close="onDialogClose"
    width="600px"
  >
    <ProForm :model="innerForm" ref="dialogForm" label-width="120px">
    <ProForm :model="innerForm" ref="dialogForm" label-width="100px">
      <ProFormItemV2
        label="上传文件："
        prop="url"