canrd-outside / order-erp-front · Files

<!-- 跟单信息 -->
<template>
  <BasicForm @register="registerForm" />
</template>
<script lang="ts">
  import { computed, defineComponent, reactive, ref, toRaw } from 'vue';
  import { BasicForm, FormActionType, useForm } from '/@/components/Form/index';
  import { useDrawerInner } from '/@/components/Drawer';
  import { dateUtil } from '/@/utils/dateUtil';
  import { FIELDS_TRACK_STAGE_INFO } from '../tableData';
  import { getDisable } from '/@/utils/project';

  import { get } from 'lodash-es';

  export default defineComponent({
    components: { BasicForm },
    props: {

      id: {
        type: String,

      },

      trackFormData: {
        type: Object,
      },

    },
    emits: ['success'],

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

      const schemas = computed(() => {
        return FIELDS_TRACK_STAGE_INFO.map((item) => ({
          ...item,
          componentProps: {
            ...item.componentProps,

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

            disabled: getDisable(
              get(fields.value, `${item.field}`),
              props.id,
              get(props.trackFormData, `${item.field}`),
            ),

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

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

        labelWidth: 120,
        schemas,

        layout: 'vertical',

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

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

    },
  });
</script>

../constant