<template>
  <div>
    <el-tabs v-model="curTab"
             @tab-click="tabChange">
      <el-tab-pane :label="id ? '配置要素' : '新增产品'"
                   name="tab1">
        <el-form ref="formRef"
                 :model="form"
                 :rules="rules"
                 label-width="100px"
                 label-suffix="："
                 class="form"
                 status-icon>
          <div class="h-[calc(100vh-230px)] pr-1 overflow-auto">
            <el-form-item label="产品定义"
                          prop="productDefinition">
              <el-input type="textarea"
                        placeholder="用一段话简单介绍一下这个产品或者描述产品的设计理念。例如：本产品根据个人客户的信用状况，为其提供的一种短期融资便利产品，借款人可在额度金额内可循环周转使用贷款。"
                        maxlength="200"
                        v-model="form.productDefinition"></el-input>
            </el-form-item>
            <el-form-item label="产品名称"
                          prop="productName">
              <el-input placeholder="取个有吸引力的产品名，限20字。"
                        maxlength="20"
                        v-model="form.productName"></el-input>
            </el-form-item>
            <el-form-item label="产品币种"
                          prop="productCurrency">
              <el-select v-model="form.productCurrency"
                         placeholder="请选择">
                <el-option label="人民币"
                           :value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="贷款对象"
                          required>
              <div class="flex-1">
                <!-- 企业 -->
                <template v-if="form.productType">
                  <div class="flex items-center">
                    <span class="mr-3 text-[#333] text-sm">企业类型</span>
                    <el-select v-model="form.productObject"
                               placeholder="请选择">
                      <el-option v-for="(item, i) in config.find((e) => e.name === '企业产品-贷款对象')?.recordChildren[0]?.subject?.itemList"
                                 :key="i"
                                 :label="item.options"
                                 :value="item.itemId" />
                    </el-select>
                  </div>
                  <div class="flex items-center mt-4">
                    <span class="mr-3 text-[#333] text-sm">借款人年龄</span>
                    <div class="num-inputs ml-7">
                      <el-input placeholder="最小年龄"
                                v-model.number="form.minimumAge"></el-input>
                      <span class="split">-</span>
                      <el-input placeholder="最大年龄"
                                v-model.number="form.maximumAge"></el-input>
                      <span class="unit">周岁</span>
                    </div>
                  </div>
                </template>
                <!-- 个人 -->
                <template v-else>
                  <p class="field-name">选择本产品的贷款对象。</p>
                  <div class="flex items-center mb-2">
                    <div class="radio-wrap">
                      <span class="label">1、年龄</span>
                      <span class="whether">是否启用</span>
                      <el-radio-group v-model="form.ageSelectedState">
                        <el-radio v-for="(item, i) in whethers"
                                  :key="i"
                                  :label="item.id">{{ item.name }}</el-radio>
                      </el-radio-group>
                    </div>

                    <div v-if="form.ageSelectedState === 795"
                         class="num-inputs ml-7">
                      <el-input placeholder="最小年龄"
                                v-model.number="form.minimumAge"></el-input>
                      <span class="split">-</span>
                      <el-input placeholder="最大年龄"
                                v-model.number="form.maximumAge"></el-input>
                    </div>
                  </div>
                  <div class="flex items-center h-[47px] mb-2">
                    <div class="radio-wrap">
                      <span class="label">2、学历要求</span>
                      <span class="whether">是否启用</span>
                      <el-radio-group v-model="form.degreeSelectedStatus">
                        <el-radio v-for="(item, i) in whethers"
                                  :key="i"
                                  :label="item.id">{{ item.name }}</el-radio>
                      </el-radio-group>
                    </div>

                    <el-checkbox-group v-if="form.degreeSelectedStatus === 795"
                                       class="mt-2 ml-5"
                                       v-model="form.educationalRequirements">
                      <el-checkbox v-for="(item, i) in config.find((e) => e.name === '个人产品-贷款对象')?.recordChildren[1]?.recordChildren[1]?.subject?.itemList"
                                   :key="i"
                                   :label="item.itemId">{{ item.options }}</el-checkbox>
                    </el-checkbox-group>
                  </div>

                  <div class="flex items-center h-[47px] mb-2">
                    <div class="radio-wrap">
                      <span class="label">3、工作年限</span>
                      <span class="whether">是否启用</span>
                      <el-radio-group v-model="form.workingLifeSelectedState">
                        <el-radio v-for="(item, i) in whethers"
                                  :key="i"
                                  :label="item.id">{{ item.name }}</el-radio>
                      </el-radio-group>
                    </div>

                    <el-checkbox-group v-if="form.workingLifeSelectedState === 795"
                                       class="mt-2 ml-5"
                                       v-model="form.currentWorkingLife">
                      <el-checkbox v-for="(item, i) in config.find((e) => e.name === '个人产品-贷款对象')?.recordChildren[2]?.recordChildren[1]?.subject?.itemList"
                                   :key="i"
                                   :label="item.itemId">{{ item.options }}</el-checkbox>
                    </el-checkbox-group>
                  </div>

                  <div class="radio-wrap">
                    <span class="label">4、公积金/社保</span>
                    <span class="whether">是否启用</span>
                    <el-radio-group v-model="form.providentFundAndSocialSecurity">
                      <el-radio v-for="(item, i) in whethers"
                                :key="i"
                                :label="item.id">{{ item.name }}</el-radio>
                    </el-radio-group>
                  </div>
                </template>
              </div>
            </el-form-item>
            <el-form-item label="贷款用途"
                          prop="loanPurpose"
                          :rules="[
              { required: true, message: '请选择贷款用途', trigger: 'change' },
              {
                asyncValidator: async (rule, value, callback) => {
                  if (value === 107 && !form.otherPurposesOfLoan) {
                    callback('请输入其他贷款用途')
                  } else {
                    callback()
                  }
                },
              },
            ]">
              <div class="flex-1">
                <p class="field-name">选择本产品贷款资金的用途。</p>
                <el-radio-group v-model="form.loanPurpose">
                  <template v-if="form.productType">
                    <el-radio v-for="(item, i) in config.find((e) => e.name === '企业产品-贷款用途')?.subject?.itemList"
                              :key="i"
                              :label="item.itemId">{{ item.options }}</el-radio>
                  </template>
                  <template v-else>
                    <el-radio v-for="(item, i) in config.find(e => e.name === '个人产品-贷款用途')?.recordChildren[0]?.subject?.itemList"
                              :key="i"
                              :label="item.itemId">{{ item.options }}</el-radio>
                  </template>
                </el-radio-group>
                <el-input v-if="form?.loanPurpose === 822"
                          class="w-[300px] ml-5"
                          placeholder="请描述其他贷款用途可用于哪些方面。"
                          maxlength="10"
                          v-model="form.otherPurposesOfLoan"></el-input>
              </div>
            </el-form-item>
            <el-form-item label="担保方式"
                          prop="bankGuaranteeTypeIds"
                          :rules="[
              {
                asyncValidator: async (rule, value, callback) => {
                  if (form.mortgageSelectedStatus === 795 && !value.find(e => e > 22 && e < 33)) {
                    callback('请选择抵押物')
                  } else if (form.hypothecatedSelectedStatus === 795 && !value.find(e => e > 32 && e < 38)) {
                    callback('请选择质押贷')
                  } else {
                    callback()
                  }
                },
              },
            ]">
              <div class="flex-1">
                <p class="field-name">选择本产品的担保种类。</p>
                <div class="radio-wrap">
                  <span class="label">信用贷</span>
                  <el-radio-group v-model="form.creditSelectedStatus">
                    <el-radio v-for="(item, i) in whethers"
                              :key="i"
                              :label="item.id">{{ item.name }}</el-radio>
                  </el-radio-group>
                </div>

                <div class="radio-wrap my-1">
                  <span class="label">保证贷</span>
                  <el-radio-group v-model="form.guaranteeLoanSelectedStatus">
                    <el-radio v-for="(item, i) in whethers"
                              :key="i"
                              :label="item.id">{{ item.name }}</el-radio>
                  </el-radio-group>
                </div>

                <div class="radio-wrap">
                  <span class="label">抵押贷</span>
                  <el-radio-group v-model="form.mortgageSelectedStatus">
                    <el-radio v-for="(item, i) in whethers"
                              :key="i"
                              :label="item.id">{{ item.name }}</el-radio>
                  </el-radio-group>
                </div>
                <el-checkbox-group v-if="form.mortgageSelectedStatus === 795"
                                   v-model="form.bankGuaranteeTypeIds">
                  <el-checkbox v-for="(child, j) in config.find((e) => e.name === '担保方式')?.recordChildren[2]?.recordChildren[0]?.subject?.itemList"
                               :key="j"
                               :label="child.itemId">{{ child.options }}</el-checkbox>
                </el-checkbox-group>

                <div class="radio-wrap mt-1">
                  <span class="label">质押贷</span>
                  <el-radio-group v-model="form.hypothecatedSelectedStatus">
                    <el-radio v-for="(item, i) in whethers"
                              :key="i"
                              :label="item.id">{{ item.name }}</el-radio>
                  </el-radio-group>
                </div>
                <el-checkbox-group v-if="form.hypothecatedSelectedStatus === 795"
                                   v-model="form.bankGuaranteeTypeIds">
                  <el-checkbox v-for="(child, j) in config.find((e) => e.name === '担保方式')?.recordChildren[3]?.recordChildren[0]?.subject?.itemList"
                               :key="j"
                               :label="child.itemId">{{ child.options }}</el-checkbox>
                </el-checkbox-group>

              </div>
            </el-form-item>
            <el-form-item label="贷款额度"
                          prop="minimumLoan"
                          :rules="[
              { required: true, message: '请输入贷款额度', trigger: 'blur' },
            ]">
              <div class="flex-1">
                <div class="num-inputs">
                  <el-input placeholder="最小额度"
                            v-model="form.minimumLoan"></el-input>
                  <span class="split">-</span>
                  <el-input placeholder="最高额度"
                            v-model="form.loanCeiling"></el-input>
                  <span class="unit">万元</span>
                </div>
              </div>
            </el-form-item>
            <el-form-item label="贷款利率"
                          prop="minimumAprOnLoan"
                          :rules="[
              { required: true, message: '请输入贷款利率', trigger: 'blur' },
            ]">
              <div class="flex-1">
                <div class="num-inputs">
                  <el-input placeholder="最小年利率"
                            min="0"
                            v-model="form.minimumAprOnLoan"></el-input>
                  <span class="split">-</span>
                  <el-input placeholder="最高年利率"
                            min="0"
                            v-model="form.maximumAnnualInterestRate"></el-input>
                  <span class="unit">%</span>
                </div>
              </div>
            </el-form-item>
            <el-form-item label="贷款期限"
                          prop="minimumTermOfLoan"
                          :rules="[
              { required: true, message: '请输入贷款期限', trigger: 'blur' },
            ]">
              <div class="flex-1">
                <div class="num-inputs">
                  <el-input placeholder="最小期限"
                            v-model="form.minimumTermOfLoan"></el-input>
                  <span class="split">-</span>
                  <el-input placeholder="最大期限"
                            v-model="form.maximumTermOfLoan"></el-input>
                  <span class="unit">月</span>
                </div>
              </div>
            </el-form-item>
            <el-form-item label="还款方式"
                          prop="modeRepayment">
              <div class="flex-1">
                <p class="field-name">选择本产品可以选择的还款方式。</p>
                <el-checkbox-group v-model="form.modeRepayment">
                  <el-checkbox v-for="(item, i) in config.find((e) => e.name === '还款方式')?.subject?.itemList"
                               :key="i"
                               :label="item.itemId">{{ item.options }}</el-checkbox>
                </el-checkbox-group>
              </div>
            </el-form-item>
            <el-form-item label="提前还款"
                          prop="whetherToSupportEarlyRepayment">
              <div class="flex-1 flex items-center">
                <el-switch v-model="form.whetherToSupportEarlyRepayment" />
                <p class="tips ml-4">本产品是否支持提前还款。</p>
              </div>
            </el-form-item>
          </div>
          <div class="flex justify-end">
            <div class="submit"
                 @click="submit(formRef)">完成，提交风控经理</div>
          </div>
        </el-form>
      </el-tab-pane>
      <el-tab-pane v-if="id"
                   label="产品详情"
                   name="tab2">
        <div class="h-[calc(100vh-170px)] pr-1 overflow-auto">
          <info v-model:tab="curTab" />
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, computed, watch, onMounted, defineEmits } from 'vue';
import { ElMessage } from 'element-plus';
import type { TabsPaneContext, FormInstance, FormRules } from 'element-plus';
import { findById, save, update, elementDetail } from '@/api/bank';
import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment';
import { useRouter, useRoute } from 'vue-router';
import { handleId, isIllegalNum, getIds, whethers, getUsername } from '@/utils/common';
import Info from './Info.vue';
import Cookies from 'js-cookie';

const emit = defineEmits(['getList']);
interface RuleForm {
  productDefinition: string;
  productName: string;
  productCurrency: number;
  bankGuaranteeTypeIds: number[];
  currentWorkingLife?: number[];
  degreeSelectedStatus?: number;
  educationalRequirements?: number[];
  loanCeiling?: string;
  loanPurpose?: number;
  maximumAge?: number;
  maximumAnnualInterestRate?: string;
  maximumTermOfLoan?: string;
  ageSelectedState?: number;
  workingLifeSelectedState?: number;
  minimumAge?: number;
  minimumAprOnLoan?: string;
  minimumLoan?: string;
  minimumTermOfLoan?: string;
  modeRepayment?: number[];
  otherPurposesOfLoan: string;
  productObject?: number;
  productType: number;
  providentFundAndSocialSecurity: number | string;
  whetherToSupportEarlyRepayment: boolean;
  creditSelectedStatus?: number;
  guaranteeLoanSelectedStatus?: number;
  mortgageSelectedStatus?: number;
  hypothecatedSelectedStatus?: number;
}

const router = useRouter();
const route = useRoute();
const id = computed(() => route.query.id);
const curTab = ref<string>(route.query.show ? 'tab2' : 'tab1');
const config = ref<any[]>([]);
const info = ref<Record<string, any>>(null);

const formRef = ref<FormInstance>();
const userName = ref<string>();
let form = reactive<RuleForm>({
  ...getIds(),
  productDefinition: '',
  productName: '',
  productCurrency: 1,
  bankGuaranteeTypeIds: [],
  currentWorkingLife: [],
  degreeSelectedStatus: '',
  educationalRequirements: [],
  loanCeiling: '',
  loanPurpose: '',
  maximumAge: '',
  maximumAnnualInterestRate: '',
  maximumTermOfLoan: '',
  ageSelectedState: '',
  workingLifeSelectedState: '',
  minimumAge: '',
  minimumAprOnLoan: '',
  minimumLoan: '',
  minimumTermOfLoan: '',
  modeRepayment: [],
  otherPurposesOfLoan: '',
  productObject: '',
  productType: computed(() => +route.query.type),
  providentFundAndSocialSecurity: '',
  whetherToSupportEarlyRepayment: false,
  creditSelectedStatus: '',
  guaranteeLoanSelectedStatus: '',
  mortgageSelectedStatus: '',
  hypothecatedSelectedStatus: '',
});
const rules = reactive<FormRules<RuleForm>>({
  productDefinition: [{ required: true, message: '请输入产品定义', trigger: 'blur' }],
  productName: [{ required: true, message: '请输入产品名称', trigger: 'blur' }],
  productCurrency: [{ required: true, message: '请选择产品币种', trigger: 'change' }],
  modeRepayment: [{ required: true, message: '请选择还款方式', trigger: 'change' }],
});

// tab切换回调
const tabChange = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event);
};
// 配置项
const getConfig = async () => {
  const { process } = await getProcessInformationBasedOnRoles(form.productType === 1 ? 45 : 44);
  config.value = process;
};
// 详情
const getDetail = async () => {
  if (!route.query.show) curTab.value = 'tab1';
  userName.value = await getUsername();

  info.value = null;
  if (id.value) {
    try {
      // 只返回name的详情
      const { data } = await findById(id.value);
      info.value = data;

      // 只返回id的详情
      const res = await elementDetail(id.value);
      if (res) {
        const e = res.data.bankProducts;
        e.currentWorkingLife = e.currentWorkingLife.split(',').map((n) => +n);
        e.educationalRequirements = e.educationalRequirements.split(',').map((n) => +n);
        e.modeRepayment = e.modeRepayment.split(',').map((n) => +n);
        e.whetherToSupportEarlyRepayment = !!e.whetherToSupportEarlyRepayment;
        e.bankGuaranteeTypeIds = [];
        if (e.bankGuaranteeAllocationList) {
          e.bankGuaranteeAllocationList.map((n) => {
            n.guaranteeTypeId && e.bankGuaranteeTypeIds.push(n.guaranteeTypeId);
          });
        }
        form = Object.assign(form, e);
      }
    } finally {
    }
  }
};
watch(
  () => route.query,
  () => {
    route.params.action === 'add' && getDetail();
  },
  {
    immediate: true,
  },
);
// 提交
const submit = async (formEl: FormInstance | undefined) => {
  if (!formEl) return;
  await formEl.validate(async (valid, fields) => {
    if (valid) {
      try {
        const param = JSON.parse(JSON.stringify(form));

        // 企业
        if (param.productType) {
          if (!param.productObject) return ElMessage.error('请选择企业类型');
        }
        if ((!param.productType && param.ageSelectedState === 795) || param.productType) {
          if (!param.minimumAge) return ElMessage.error('请输入最小年龄');
          if (!param.maximumAge) return ElMessage.error('请输入最大年龄');
          if (isIllegalNum(param.minimumAge) || isIllegalNum(param.maximumAge)) return ElMessage.error('请输入合理的年龄');
          if (param.minimumAge > param.maximumAge) return ElMessage.error('最小年龄不得大于最大年龄');
        }

        // 个人
        if (!param.productType) {
          if (param.degreeSelectedStatus === 795 && !param.educationalRequirements.length) return ElMessage.error('请选择学历要求');
          if (param.workingLifeSelectedState === 795 && !param.currentWorkingLife.length) return ElMessage.error('请选择工作年限');
        }
        if (isIllegalNum(param.minimumLoan) || isIllegalNum(param.loanCeiling) || +param.minimumLoan > +param.loanCeiling) return ElMessage.error('请输入合理的贷款额度');
        if (isIllegalNum(param.minimumAprOnLoan) || isIllegalNum(param.maximumAnnualInterestRate) || +param.minimumAprOnLoan > +param.maximumAnnualInterestRate)
          return ElMessage.error('请输入合理的贷款利率');
        if (isIllegalNum(param.minimumTermOfLoan) || isIllegalNum(param.maximumTermOfLoan) || +param.minimumTermOfLoan > +param.maximumTermOfLoan)
          return ElMessage.error('请输入合理的贷款期限');

        if (!param.productType && param.ageSelectedState !== 795) {
          param.minimumAge = '';
          param.maximumAge = '';
        }

        if (param.degreeSelectedStatus !== 795) param.educationalRequirements = [];
        if (param.workingLifeSelectedState !== 795) param.currentWorkingLife = [];

        param.currentWorkingLife = param.currentWorkingLife.join();
        param.educationalRequirements = param.educationalRequirements.join();
        param.modeRepayment = param.modeRepayment.join();
        param.whetherToSupportEarlyRepayment = param.whetherToSupportEarlyRepayment ? 58 : '';
        // 担保方式
        const graIds = [];
        // 信用贷
        param.creditSelectedStatus === 795 &&
          graIds.push({
            bankGuaranteeTypeId: '',
            pid: 108,
          });
        // 保证贷
        param.guaranteeLoanSelectedStatus === 795 &&
          graIds.push({
            bankGuaranteeTypeId: '',
            pid: 109,
          });

        param.bankGuaranteeTypeIds.forEach((e: number) => {
          // 抵押贷
          if (param.mortgageSelectedStatus === 795 && e > 22 && e < 33) {
            graIds.push({
              bankGuaranteeTypeId: e,
              pid: 110,
            });
          } else if (param.hypothecatedSelectedStatus === 795 && e > 32 && e < 38) {
            // 质押贷
            graIds.push({
              bankGuaranteeTypeId: e,
              pid: 111,
            });
          }
        });
        param.addBankProductsGuarantyStyleReqList = graIds;
        let res;
        if (id.value) {
          param.id = id.value;
          param.status = 295;
          await update(param);
          addRecord(param);
        } else {
          res = await save(param);
          addRecord(param);
        }

        router.push(`/product/bank/detail?type=${route.query.type || ''}&i=${route.query.i}&role=${route.query.role}&id=${res?.message || ''}`);
        ElMessage.success('提交成功！');
        emit('getList');
      } finally {
      }
    } else {
      console.log('error submit!', fields);
    }
  });
};
// 新增判分记录
const addRecord = async (data: Record<string, any>) => {
  const isEnterprise = data.productType === 1;
  const preIds = `1,${Cookies.get('sand-level')},41,${data.productType ? 45 : 44}`; // 1，关卡id，角色（这个页面是产品经理新增产品），个人/企业（44/45）
  const lcRule: Array<Record<string, any>> = [
    handleId(48, 1, data.productDefinition, preIds + ',48', 3),
    handleId(49, 2, data.productName, preIds + ',49', 3),
    handleId(50, 3, 1, preIds + ',50', 1),
  ];

  // 贷款用途
  if (isEnterprise) {
    // 企业
    lcRule.push(
      handleId(62, 7, data.productObject, preIds + ',61,62', 1),
      handleId(63, 8, data.minimumAge + '~' + data.maximumAge + '', preIds + ',61,63', 5),
      handleId(65, 19, data.loanPurpose, preIds + ',65', 1),
    );
  } else {
    // 个人
    data.ageSelectedState && lcRule.push(handleId(1235, 324, data.ageSelectedState, preIds + ',51,1234,1235', 1));
    data.ageSelectedState === 795 && lcRule.push(handleId(1236, 41, data.minimumAge + '~' + data.maximumAge, preIds + ',51,1234,1236', 5));

    data.degreeSelectedStatus && lcRule.push(handleId(1238, 324, data.degreeSelectedStatus, preIds + ',51,1237,1238', 1));
    data.degreeSelectedStatus === 795 && lcRule.push(handleId(1239, 42, data.educationalRequirements, preIds + ',51,1237,1239', 1));

    data.workingLifeSelectedState && lcRule.push(handleId(1241, 324, data.workingLifeSelectedState, preIds + ',51,1240,1241', 1));
    data.workingLifeSelectedState === 795 && lcRule.push(handleId(1242, 43, data.currentWorkingLife, preIds + ',51,1240,1242', 1));

    data.providentFundAndSocialSecurity && lcRule.push(handleId(1244, 324, data.providentFundAndSocialSecurity, preIds + ',51,1243,1244', 1)); // 公积金社保
    lcRule.push(handleId(1316, 328, data.loanPurpose, preIds + ',52,1316', 1));
    data.loanPurpose === 822 && lcRule.push(handleId(1317, 11, data.otherPurposesOfLoan, preIds + ',52,1317', 3));
  }

  // 担保方式
  data.creditSelectedStatus && lcRule.push(handleId(108, 324, data.creditSelectedStatus, preIds + ',53,108', 1));
  data.guaranteeLoanSelectedStatus && lcRule.push(handleId(109, 324, data.guaranteeLoanSelectedStatus, preIds + ',53,109', 1));
  data.mortgageSelectedStatus && lcRule.push(handleId(1277, 324, data.mortgageSelectedStatus, preIds + ',53,110,1277', 1));
  data.hypothecatedSelectedStatus && lcRule.push(handleId(1278, 324, data.hypothecatedSelectedStatus, preIds + ',53,111,1278', 1));
  data.mortgageSelectedStatus === 795 && lcRule.push(handleId(1275, 13, data.bankGuaranteeTypeIds.filter((e: number) => e > 22 && e < 33).join(), preIds + ',53,110,1275', 1));
  data.hypothecatedSelectedStatus === 795 && lcRule.push(handleId(1276, 14, data.bankGuaranteeTypeIds.filter((e: number) => e > 32 && e < 38).join(), preIds + ',53,111,1276', 1));

  lcRule.push(
    handleId(54, 15, data.minimumLoan + '~' + data.loanCeiling, preIds + ',54', 5),
    handleId(55, 16, data.minimumAprOnLoan + '~' + data.maximumAnnualInterestRate, preIds + ',55', 5),
    handleId(56, 17, data.minimumTermOfLoan + '~' + data.maximumTermOfLoan, preIds + ',56', 5),
    handleId(57, 18, data.modeRepayment, preIds + ',57', 1),
  );

  lcRule.push(handleId(58, 140, data.whetherToSupportEarlyRepayment ? 345 : 346, preIds + ',58', 1));

  await addOperation({
    ...getIds(),
    parentId: preIds,
    lcJudgmentRuleReq: lcRule,
  });
};
onMounted(() => {
  getConfig();
});
</script>

<style lang="scss" scoped>
@import url(../../../styles/form.scss);
</style>
