canrd-outside / order-erp-front · Files

<template>
  <BasicForm @register="registerForm" />
</template>
<script lang="ts">

  import { computed, defineComponent, ref } from 'vue';

  import { BasicForm, useForm } from '/@/components/Form/index';

  import { FIELDS_INSPECTION_INFO } from '../tableData';

  import { getDisable, getQualityDisable } from '/@/utils/project';

  import { useOrderStoreWithOut } from '/@/store/modules/order';

  import { get } from 'lodash-es';

  import { useOrderInfo } from '/@/hooks/component/order';

  export default defineComponent({
    components: { BasicForm },

    props: {

      id: {
        type: String,

      },

      inspectFormData: {
        type: Object,
      },

      // HOD时间：超过HOD时间后，质检信息表所有字段禁用

      hodTime: {
        type: String,
        default: '',
      },

    },
    emits: ['success'],

    setup(props, { emit }) {
      let fields = ref({});

      const orderStore = useOrderStoreWithOut();

      const { midCheckResult, endCheckResult } = useOrderInfo(orderStore);

      /**

       * 检查当前时间是否已经超过HOD时间
       * 当前时间超过HOD时间后，质检信息表所有字段禁用
       * 当前时间小于等于HOD时间时可编辑
       * @returns {boolean} true表示当前时间已超过HOD时间，需要禁用字段

       */

      const isAfterHodTime = computed(() => {

        if (!props.hodTime) return false;
        const hodDate = new Date(props.hodTime);
        const currentDate = new Date();

        // 只比较日期部分，忽略时间部分

        const hodDateOnly = new Date(hodDate.getFullYear(), hodDate.getMonth(), hodDate.getDate());
        const currentDateOnly = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate());

        // 当前日期大于HOD日期时禁用
        return currentDateOnly > hodDateOnly;

      });

      const schemas = computed(() => {
        const options = {
          midCheckResult,
          endCheckResult,
        };

        return FIELDS_INSPECTION_INFO.map((item) => {

          // 如果当前时间已超过HOD时间，则禁用所有字段
          const isDisabledByHodTime = isAfterHodTime.value;

          return {
            ...item,
            componentProps: {

              ...(item.component === 'Select' && { showSearch: true }),

              ...(item.component === 'Select' && { options: options[item.field] }),

              // 当前时间超过HOD时间后禁用，否则按原有权限逻辑

              disabled: isDisabledByHodTime || getQualityDisable(

                item.field,

                get(fields.value, item.field),
                props.id,
                get(props.inspectFormData, `${item.field}`),

                get(props.inspectFormData, 'endCheckResult'),

              ),

            },
            colProps: {
              span: 24,
            },
          };
        });

      });

      const [registerForm, { setFieldsValue, getFieldsValue, resetFields }] = useForm({

        labelWidth: 120,
        schemas,

        layout: 'vertical',

        showActionButtonGroup: false,
        actionColOptions: {
          span: 24,
        },
      });

      return {
        fields,
        schemas,
        registerForm,
        setFieldsValue,
        resetFields,
        getFieldsValue,

        isAfterHodTime,

      };

    },
  });
</script>

../constant