wupengfei
3 天以前 ce49de0e3d228e795090ba11a24b34bb940d6fe3
apps/bMiniApp/src/subpackages/task/publishTask/InnerPage.vue
@@ -194,6 +194,7 @@
          v-model="form.beginTime"
          :minDate="nowDate"
          placeholder="请选择任务开始日期"
          @change="timeChange"
        ></ChooseInputWithDatePicker>
      </nut-form-item>
      <nut-form-item label="任务结束日期:" class="bole-form-item" prop="endTime" label-width="90px">
@@ -223,7 +224,7 @@
      >
        <ChooseInputWithDatePicker
          v-model="form.applyEndTime"
          :max-date="form.endTime ? dayjs(form.endTime).toDate() : nowDate"
          :minDate="form.beginTime ? dayjs(form.beginTime).toDate() : nowDate"
          placeholder="请选择报名结束日期"
        ></ChooseInputWithDatePicker>
      </nut-form-item>
@@ -241,6 +242,20 @@
            >{{ val }}</BlRadio
          >
        </nut-radio-group>
      </nut-form-item>
      <nut-form-item
        label="结算方式:"
        class="bole-form-item"
        prop="settlementAccess"
        label-width="90px"
        required
      >
        <ChooseInputWithPicker
          v-model="form.settlementAccess"
          placeholder="请选择结算方式"
          :value-enum="settlementAccessList"
          :disabled="isEdit"
        />
      </nut-form-item>
    </nut-form>
  </ContentScrollView>
@@ -266,6 +281,8 @@
  EnumSettlementCycleDateMonthArray,
  EnumTaskCheckReceiveMethod,
  EnumTaskCheckReceiveMethodText,
  EnumEnterpriseWalletAccess,
  EnumEnterpriseWalletAccessText,
} from '@12333/constants';
import {
  ChooseInputWithPicker,
@@ -277,12 +294,15 @@
  ChooseInputWithCheckbox,
} from '@12333/components';
import { FormValidator, Message } from '@12333/utils';
import * as flexWorkerServices from '@12333/services/api/FlexWorker';
import * as taskServices from '@12333/services/apiV2/task';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import Taro from '@tarojs/taro';
import { goBack } from '@/utils';
import { useAllAreaList, useDictionaryDataSelect } from '@12333/hooks';
import {
  useAllAreaList,
  useDictionaryDataSelect,
  useEnterpriseWalletAccessSelect,
} from '@12333/hooks';
import { useQuery } from '@tanstack/vue-query';
import dayjs from 'dayjs';
@@ -292,12 +312,20 @@
const { userDetail } = useUser();
const { findAreaNameFromCode } = useAllAreaList();
const { settlementAccessList } = useEnterpriseWalletAccessSelect();
const router = Taro.useRouter();
const taskId = router.params?.id ?? '';
const isEdit = !!taskId;
const isCopy = router.params?.isCopy === 'true';
const nowDate = dayjs().toDate();
const applyBeginTimeMinDate = computed(() => {
  return form.applyBeginTime
    ? dayjs(form.applyBeginTime).toDate()
    : form.beginTime
    ? dayjs(form.beginTime).toDate()
    : nowDate;
});
const { dictionaryDataList: WelfareTypeList } = useDictionaryDataSelect({
  categoryCode: CategoryCode.Welfare,
@@ -339,12 +367,14 @@
  checkReceiveMethod: EnumTaskCheckReceiveMethod.CheckIn,
  applyBeginTime: '',
  applyEndTime: '',
  settlementAccess: '' as any as EnumEnterpriseWalletAccess,
});
const rules = reactive<FormRules>({
  name: [{ required: true, message: '请输入任务名称' }],
  genderLimit: [{ required: true, message: '请选择性别要求' }],
  settlementCycleDate: [{ required: true, message: '请设置结算日期' }],
  settlementAccess: [{ required: true, message: '请选择结算方式' }],
  // addressDetail: [{ required: true, message: '请输入详细地址' }],
  billingMethod: [
    {
@@ -402,6 +432,34 @@
      },
    },
  ],
  applyBeginTime: [
    {
      required: true,
      message: '请选择报名开始日期',
      validator(value) {
        if (!value) return Promise.reject('请选择报名开始日期');
        if (dayjs(value).isBefore(dayjs(form.beginTime)))
          return Promise.reject('报名开始日期需大于任务开始日期');
        if (dayjs(value).isAfter(dayjs(form.endTime)))
          return Promise.reject('报名开始日期需小于任务结束日期');
        return Promise.resolve(true);
      },
    },
  ],
  applyEndTime: [
    {
      required: true,
      message: '请选择报名结束日期',
      validator(value) {
        if (!value) return Promise.reject('请选择报名结束日期');
        if (dayjs(value).isBefore(dayjs(form.applyBeginTime)))
          return Promise.reject('报名结束日期需大于报名开始日期');
        if (dayjs(value).isAfter(dayjs(form.endTime)))
          return Promise.reject('报名结束日期需小于任务结束日期');
        return Promise.resolve(true);
      },
    },
  ],
});
const {
@@ -450,6 +508,7 @@
    form.checkReceiveMethod = data.checkReceiveMethod;
    form.applyBeginTime = dayjs(data.applyBeginTime).format('YYYY-MM-DD');
    form.applyEndTime = dayjs(data.applyEndTime).format('YYYY-MM-DD');
    form.settlementAccess = data.settlementAccess;
  },
});
@@ -490,6 +549,7 @@
      checkReceiveMethod: form.checkReceiveMethod,
      applyBeginTime: dayjs(form.applyBeginTime).format('YYYY-MM-DD 00:00:00'),
      applyEndTime: dayjs(form.applyEndTime).format('YYYY-MM-DD 23:59:59'),
      settlementAccess: form.settlementAccess,
    };
    if (isEdit) {
      params.id = taskId;
@@ -508,6 +568,15 @@
  } catch (error) {}
}
function timeChange() {
  form.applyBeginTime = '';
  form.applyEndTime = '';
}
function applyTimeChange() {
  form.applyEndTime = '';
}
function settleTypeChange() {
  form.settlementDate = null as number;
}