feat: 接口对接

wupengfei

6 天以前 9693020059f6bd566718bb79e793b0d0b1c03ea5

 apps/cMiniApp/src/subpackages/curriculum/mineCertificateAddOrEdit/InnerPage.vue

@@ -11,18 +11,18 @@
      <nut-form-item label="证书编号:" class="bole-form-item" prop="certificateNumber">
        <nut-input v-model="form.certificateNumber" type="number" placeholder="请输入"> </nut-input>
      </nut-form-item>
      <nut-form-item label="开始日期:" class="bole-form-item" prop="startDate">
        <ChooseInputWithDatePicker v-model="form.startDate"></ChooseInputWithDatePicker>
      </nut-form-item>
      <nut-form-item label="结束日期:" class="bole-form-item" prop="endDate">
        <ChooseInputWithDatePicker v-model="form.endDate"></ChooseInputWithDatePicker>
      </nut-form-item>
      <nut-form-item
        label="永久证书:"
        class="bole-form-item permanent-certificate"
        prop="isPermanentCertificate"
      >
        <nut-switch v-model="form.isPermanentCertificate" />
      </nut-form-item>
      <nut-form-item label="开始日期:" class="bole-form-item" prop="startDate">
        <ChooseInputWithDatePicker v-model="form.startDate"></ChooseInputWithDatePicker>
      </nut-form-item>
      <nut-form-item label="结束日期:" class="bole-form-item" prop="endDate">
        <ChooseInputWithDatePicker v-model="form.endDate"></ChooseInputWithDatePicker>
      </nut-form-item>
      <nut-form-item label="发证单位:" class="bole-form-item" prop="certificateNumber">
        <nut-input v-model="form.certificateNumber" placeholder="请输入"> </nut-input>
@@ -56,14 +56,19 @@
<script setup lang="ts">
import { useUser } from '@/hooks';
import { ChooseInputWithPicker, ChooseInputWithDatePicker } from '@12333/components';
import * as userResumeServices from '@12333/services/apiV2/userResume';
import { TaskStatusText, TaskStatus } from '@/constants';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import { useQuery } from '@tanstack/vue-query';
import Taro from '@tarojs/taro';

defineOptions({
  name: 'InnerPage',
});

const { userDetail } = useUser();
const router = Taro.useRouter();
const id = router.params?.id as string;
const isEdit = computed(() => !!id);

const form = reactive({
  type: TaskStatus.All,
@@ -72,6 +77,25 @@
  endDate: '',
  isPermanentCertificate: false,
  photo: [],
});

const {
  isLoading,
  isError,
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['userResumeServices/getUserResumeCredential', id],
  queryFn: async () => {
    return await userResumeServices.getUserResumeCredential(
      { id: id },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.GetUserResumeCredentialQueryResult),
  enabled: isEdit.value,
});

const rules = reactive<FormRules>({
@@ -96,25 +120,27 @@
<style lang="scss">
@import '@/styles/common.scss';

.nut-form .nut-cell.bole-form-item:not(.alignTop),
page .nut-form .nut-cell.bole-form-item:not(.alignTop) {
  align-items: flex-start !important;
}

.permanent-certificate {
  --nut-form-item-body-slots-text-align: right;
}

.certificate-upload {
  .certificate-upload-title {
    font-size: 28px;
    padding: 26px 32px 0;
.mineCertificateAddOrEdit-page-wrapper {
  .nut-form .nut-cell.bole-form-item:not(.alignTop),
  page .nut-form .nut-cell.bole-form-item:not(.alignTop) {
    align-items: flex-start !important;
  }

  .nut-form-item__label {
    padding-right: 0;
    font-size: 24px;
    width: 98%;
  .permanent-certificate {
    --nut-form-item-body-slots-text-align: right;
  }

  .certificate-upload {
    .certificate-upload-title {
      font-size: 28px;
      padding: 26px 32px 0;
    }

    .nut-form-item__label {
      padding-right: 0;
      font-size: 24px;
      width: 98%;
    }
  }
}
</style>