picc / admin-no-ui · Files

<template>
  <a-modal
    :title="title"
    :width="1000"
    :centered="true"
    :visible="visible"
    :maskClosable="false"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel"
    cancelText="关闭"
    style="top: 20px"
  >
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-card class="card" title="" :bordered="false">
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="产品编号：" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input v-decorator="['productNo', validatorRules.productNo]" placeholder="请输入产品编号" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="业务线：" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-select
                  style="width: 100%"
                  placeholder="请选择业务线"
                  v-decorator="['businessChannelNo', validatorRules.businessChannelNos]"
                >
                  <a-select-option
                    v-for="(item, index) in businessChannelList"
                    :key="index + 'businessChannelNos'"
                    :value="item.businessChannelNo"
                    >{{ item.businessChannelName }}</a-select-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="产品种类：" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 20 } }">
                <a-radio-group :disabled="onlyread"
                  v-decorator="['productClass', validatorRules.productClass]"
                  @change="handleChangeProductClass"
                >
                  <a-radio :value="1"> 额度类 </a-radio>
                  <a-radio :value="2"> 一次性放款 </a-radio>
                </a-radio-group>
              </a-form-item>
            </a-col>
          </a-row>
        </a-card>
        <a-card class="card" title="产品基础信息" :bordered="false">
          <a-row :gutter="24">
            <template v-if="!!model.id">
              <a-col :span="12">
                <a-form-item label="产品编号：" :labelCol="labelCol" :wrapperCol="wrapperCol">
                  <a-input
                    v-decorator="['productNo', validatorRules.productNo]"
                    placeholder="请输入产品编号"
                    readonly="true"
                  />
                </a-form-item>
              </a-col>
            </template>
            <a-col :span="12">
              <a-form-item label="产品名称：" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input v-decorator="['productName', validatorRules.productName]" placeholder="请输入产品名称" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item
                label="产品类型："
                v-if="ifProductClass == 1"
                :labelCol="labelCol"
                :wrapperCol="{ xs: { span: 8 }, sm: { span: 20 } }"
              >
                <a-radio-group v-decorator="['productType', validatorRules.productType]" @change="handleChangeClassity">
                  <a-radio :value="2"> 分期类产品 </a-radio>
                  <a-radio :value="1"> 非分期类产品 </a-radio>
                </a-radio-group>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="产品简介：" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 20 } }">
                <a-textarea rows="2" placeholder="请输入产品简介" v-decorator="['description']" />
              </a-form-item>
            </a-col>
          </a-row>

          <a-row :gutter="24" v-if="ifProductClass == 1">
            <a-col :span="12">
              <a-form-item label="客户类型：" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 16 } }">
                <a-select v-decorator="['userType', validatorRules.userType]" placeholder="请选择">
                  <a-select-option :value="1">个人</a-select-option>
                  <a-select-option :value="2">企业</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row :gutter="24" v-else-if="ifProductClass == 2">
            <a-col :span="12">
              <a-form-item label="客户类型：" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 16 } }">
                <a-select
                  mode="multiple"
                  v-decorator="['userType', validatorRules.userType]"
                  placeholder="请选择"
                  @change="duo"
                >
                  <a-select-option :value="1">个人</a-select-option>
                  <a-select-option :value="2">企业</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="是否有放款限额" :labelCol="{ span: 7 }" :wrapperCol="{ span: 12 }">
                <a-radio-group @change="handleChange" v-decorator="['limitMoneyFlag', validatorRules.limitMoneyFlag]">
                  <a-radio :value="1"> 是 </a-radio>
                  <a-radio :value="2"> 否 </a-radio>
                </a-radio-group>
              </a-form-item>
            </a-col>
          </a-row>

          <a-row :gutter="24" v-if="isLimitType == 1">
            <a-col :span="12">
              <a-form-item
                label="放款最低限额(元)："
                :labelCol="{ xs: { span: 8 }, sm: { span: 7 } }"
                :wrapperCol="wrapperCol"
              >
                <a-input v-decorator="['minLimitMoney', {}]" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item
                label="放款最高限额(元)："
                :labelCol="{ xs: { span: 8 }, sm: { span: 7 } }"
                :wrapperCol="wrapperCol"
              >
                <a-input v-decorator="['maxLimitMoney', {}]" />
              </a-form-item>
            </a-col>
          </a-row>
        </a-card>
        <a-card class="card" title="账单及还款方式" :bordered="false" v-if="ifProductClass == 1">
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="账单期限：" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input v-decorator="['term', validatorRules.term]" />
              </a-form-item>
            </a-col>
            <a-col :span="12" v-if="isLimitClassity == 1">
              <a-form-item label="" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-select v-decorator="['termType', {}]">
                  <a-select-option :value="1">日</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12" v-if="isLimitClassity == 2">
              <a-form-item label="" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-select v-decorator="['termType', {}]">
                  <a-select-option :value="2">月</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="还款方式：" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 20 } }">
                <a-select v-decorator="['repaymentType', validatorRules.repaymentType]" placeholder="请选择">
                  <a-select-option value="">请选择</a-select-option>
                  <a-select-option :value="1" v-if="isLimitClassity == 2">等额本息</a-select-option>
                  <a-select-option :value="2" v-if="isLimitClassity == 2">先息后本</a-select-option>
                  <a-select-option :value="5" v-if="isLimitClassity == 2">等额本金</a-select-option>
                  <a-select-option :value="3" v-if="isLimitClassity == 1">到期还本付息（算头算尾）</a-select-option>
                  <a-select-option :value="4" v-if="isLimitClassity == 1">到期还本付息（算头不算尾）</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row :gutter="24">
            <!-- <a-row :gutter="24" v-if="isLimitClassity == 2"> -->
            <!-- <a-col :span="10">
            <a-form-item label="分期设置：" :labelCol="{xs: { span: 8 }, sm: { span: 5 }}" :wrapperCol="{xs: { span: 8 }, sm: { span: 18 }}">
                <a-input
                v-decorator="[ 'username',{} ]"
              />
              </a-form-item>
            </a-form-item>
          </a-col> -->
            <a-col :span="12">
              <a-form-item label="还款日" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 20 } }">
                <a-select v-decorator="['repaymentDayType', {}]" placeholder="请选择">
                  <a-select-option value="">请选择</a-select-option>
                  <a-select-option :value="1">起息日的每月对日(29/30/31统一设置为28日)</a-select-option>
                  <a-select-option :value="2">起息日的每月对日(29/30/31若无对应则为月末)</a-select-option>
                  <a-select-option :value="3">固定日</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item
                label="1"
                :labelCol="{ xs: { span: 8 }, sm: { span: 0 } }"
                :wrapperCol="{ xs: { span: 8 }, sm: { span: 12 } }"
              >
                <a-input v-decorator="['repaymentDay', {}]" addonAfter="日" />
              </a-form-item>
            </a-col>
          </a-row>
          <!-- 
        <a-row :gutter="24">
          <a-col :span="24">
            <a-form-item label="起息日设置：" :labelCol="{xs: { span: 8 }, sm: { span: 2 }}" :wrapperCol="{xs: { span: 8 }, sm: { span: 22 }}">
              <a-radio-group v-decorator="['radio-group']">
                <a-radio value="a">
                  放款日、到期日都计息
                </a-radio>
                <a-radio value="b">
                  放款日不计息，到期日当日计息
                </a-radio>
                <a-radio value="b">
                  放款日计息，到期日不计息
                </a-radio>
              </a-radio-group>
            </a-form-item>
            </a-form-item>
          </a-col>
        </a-row> -->

          <!-- <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="是否出账单：" :labelCol="{ xs: { span: 8 }, sm: { span: 5 } }"
                :wrapperCol="{ xs: { span: 8 }, sm: { span: 19 } }">
                <a-radio-group v-decorator="['billOut', validatorRules.billOut]">
                  <a-radio :value="1">
                    是
                  </a-radio>
                  <a-radio :value="2">
                    否
                  </a-radio>
                </a-radio-group>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="提前出账单天数：" :labelCol="{ xs: { span: 8 }, sm: { span: 7 } }" :wrapperCol="wrapperCol">
                <a-input v-decorator="['billOutDays', {}]" addonAfter='日' />
              </a-form-item>
            </a-col>
          </a-row> -->

          <a-row :gutter="24" v-if="isLimitClassity == 1">
            <a-col :span="12">
              <a-form-item
                label="最小计息天数："
                :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }"
                :wrapperCol="wrapperCol"
              >
                <a-input v-decorator="['minInterestDay', validatorRules.minInterestDay]" addonAfter="日" />
              </a-form-item>
            </a-col>
          </a-row>

          <!-- <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="回购标志：" :labelCol="labelCol" :wrapperCol="{ xs: { span: 8 }, sm: { span: 20 } }">
                <a-radio-group v-decorator="['buybackFlag', validatorRules.buybackFlag]" @change="handleChangeBuyback">
                  <a-radio :value="1">
                    是
                  </a-radio>
                  <a-radio :value="2">
                    否
                  </a-radio>
                </a-radio-group>
              </a-form-item>
            </a-col>
          </a-row> -->

          <!-- <a-row :gutter="24" v-if="isLimitBuyBack == 1">
            <a-col :span="12">
              <a-form-item label="回购主体：" :labelCol="{ xs: { span: 8 }, sm: { span: 4 } }" :wrapperCol="wrapperCol">
                <a-select v-decorator="['buybackMerchant', {}]" placeholder="请选择">
                  <a-select-option value="">请选择</a-select-option>
                                   <a-select-option :value="1">好运邦</a-select-option>
                                   <a-select-option :value="2">千方小贷</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="逾期回购天数：" :labelCol="{ xs: { span: 8 }, sm: { span: 5 } }" :wrapperCol="wrapperCol">
                <a-input v-decorator="['buybackOverdueDays', {}]" addonAfter='日' />
              </a-form-item>
            </a-col>
          </a-row> -->
        </a-card>
        <a-card class="card" title="账单及还款方式" :bordered="false" v-if="ifProductClass == 2">
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="账单期限" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-input v-decorator="['term', validatorRules.term]" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="账单类型" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-select
                  style="width: 100%"
                  placeholder="请选择账单类型"
                  v-decorator="['termType', validatorRules.termType]"
                >
                  <a-select-option :value="1">日</a-select-option>
                  <a-select-option :value="2">月</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="还款方式" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-select
                  style="width: 100%"
                  placeholder="请选择还款方式"
                  v-decorator="['repaymentType', validatorRules.repaymentType]"
                >
                  <a-select-option :value="1">等额本息</a-select-option>
                  <a-select-option :value="2">先息后本</a-select-option>
                  <a-select-option :value="5">等额本金</a-select-option>
                  <a-select-option :value="3">一次性还本付息（算头算尾）</a-select-option>
                  <a-select-option :value="4">一次性还本付息（算头不算尾）</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="还款日" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-select
                  placeholder="请选择还款方式"
                  v-decorator="['repaymentDayType', validatorRules.repaymentDayType]"
                  @change="hkChange"
                >
                  <a-select-option :value="4">放款日对日前一日</a-select-option>
                  <a-select-option :value="3">固定日</a-select-option>
                  <a-select-option :value="1">起息日的每月对日(29/30/31统一设置为28日)</a-select-option>
                  <a-select-option :value="2">起息日的每月对日(29/30/31若无对应则为月末)</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item
                label="1"
                :labelCol="{ xs: { span: 4 }, sm: { span: 0 } }"
                :wrapperCol="{ xs: { span: 4 }, sm: { span: 12 } }"
              >
                <a-input v-if="hkr == 3" v-decorator="['repaymentDay', validatorRules.repaymentDay]" addonAfter="日" />
              </a-form-item>
            </a-col>
          </a-row>
        </a-card>

        <a-card class="card" title="息费信息" :bordered="false">
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item
                label="产品正常利率："
                :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }"
                :wrapperCol="wrapperCol"
              >
                <a-input v-decorator="['interestRate', validatorRules.interestRate]" addonAfter="%" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item
                label="产品罚息利率："
                :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }"
                :wrapperCol="wrapperCol"
              >
                <a-input v-decorator="['penaltyRate', validatorRules.penaltyRate]" addonAfter="%" />
              </a-form-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="15">
              <a-form-item label="产品费用：" :labelCol="{ xs: { span: 8 }, sm: { span: 5 } }" :wrapperCol="wrapperCol">
                <a-select
                  style="width: 100%"
                  :mode="multiple"
                  placeholder="请选择产品费用"
                  v-decorator="['charges', validatorRules.charges]"
                  @change="wufeiyong"
                >
                  <a-select-option :value="0">无费用</a-select-option>
                  <a-select-option
                    v-for="(item, index) in chargeList"
                    :key="index + 'chargeList'"
                    :value="item.chargeNo"
                  >
                    {{ item.chargeName }}</a-select-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>
        </a-card>

        <a-card class="card" title="资金方信息" :bordered="false">
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="资金方：" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-select
                  @change="shop"
                  style="width: 100%"
                  placeholder="请选择资金方"
                  v-decorator="['fundNo', validatorRules.fundNo]"
                >
                  <a-select-option v-for="(item, index) in fundList" :key="index" :value="item.fundNo">
                    {{ item.fundName }}</a-select-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item
                label="资金方产品："
                :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }"
                :wrapperCol="wrapperCol"
              >
                <a-select
                  style="width: 100%"
                  placeholder="请选择资金方产品"
                  v-decorator="['fundProductNo', validatorRules.fundProductNo]"
                >
                  <a-select-option v-for="(item, index) in shoping" :key="index" :value="item.fundProductNo">
                    {{ item.productName }}</a-select-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <!-- <a-col :span="12">
              <a-form-item label="资金方复利率：" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-input v-decorator="['fundCompoundRate', validatorRules.fundCompoundRate]" addonAfter='%' />
              </a-form-item>
            </a-col> -->
          </a-row>

          <!-- <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item label="资金方利率：" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-input v-decorator="['fundInterestRate', validatorRules.fundInterestRate]" addonAfter='%' />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="资金方罚息利率：" :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }" :wrapperCol="wrapperCol">
                <a-input v-decorator="['fundPenaltyRate', validatorRules.fundPenaltyRate]" addonAfter='%' />
              </a-form-item>
            </a-col>
          </a-row> -->
        </a-card>

        <a-card class="card" title="合同配置信息" :bordered="false">
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-item
                label="授信协议类合同："
                :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }"
                :wrapperCol="wrapperCol"
              >
                <a-select
                  mode="multiple"
                  style="width: 100%"
                  placeholder="请选择授信协议类合同"
                  v-decorator="['contractAuthorizationNos', validatorRules.contractAuthorizationNos]"
                >
                  <a-select-option
                    v-for="(item, index) in contractTemplateList"
                    v-if="item.contractTemplateType == 2"
                    :key="index + 'contractTemplateType1'"
                    :value="item.contractTemplateNo"
                    >{{ item.contractTemplateName }}
                  </a-select-option>
                </a-select>
              </a-form-item>
            </a-col>

            <a-col :span="12">
              <a-form-item
                label="用信协议类合同："
                :labelCol="{ xs: { span: 8 }, sm: { span: 6 } }"
                :wrapperCol="wrapperCol"
              >
                <a-select
                  mode="multiple"
                  style="width: 100%"
                  placeholder="请选择用信协议类合同"
                  v-decorator="['contractCreditNos', validatorRules.contractCreditNos]"
                >
                  <a-select-option
                    v-for="(item, index) in contractTemplateList"
                    v-if="item.contractTemplateType == 3"
                    :key="index + 'contractTemplateType2'"
                    :value="item.contractTemplateNo"
                    >{{ item.contractTemplateName }}
                  </a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </a-row>
        </a-card>
      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
import { preProductGetData, postAction, saveProduct, updateProduct, getFundProductSelect } from '@/api/configApi'
export default {
  name: 'PasswordModal',
  data() {
    return {
      visible: false,
      confirmLoading: false,
      confirmDirty: false,
      title: '',
      onlyread:false,
      shoping: [],
      isLimitType: 2,
      multiple: 'multiple',
      thisUserType: '',
      ifProductClass: 1,
      validatorRules: {
        productNo: {
          rules: [
            {
              required: true,
              message: '请输入产品编号',
            },
          ],
        },
        businessChannelNos: {
          rules: [
            {
              required: true,
              message: '请选择业务渠道',
            },
          ],
        },

        productName: {
          rules: [
            {
              required: true,
              message: '请输入产品名称',
            },
          ],
        },
        billOut: {
          rules: [
            {
              required: true,
              message: '请选择是否出账单',
            },
          ],
        },
        minInterestDay: {
          rules: [
            {
              required: true,
              message: '请填写最小计息天数',
            },
          ],
        },
        interestRate: {
          rules: [
            {
              required: true,
              message: '请填写产品正常利率',
            },
          ],
        },
        // contractAuthorizationNos: {
        //   rules: [
        //     {
        //       required: true,
        //       message: '请选择授信协议类合同'
        //     }
        //   ]
        // },
        // contractCreditNos: {
        //   rules: [
        //     {
        //       required: true,
        //       message: '请选择用信协议类合同'
        //     }
        //   ]
        // },
        fundInterestRate: {
          rules: [
            {
              required: true,
              message: '请填写资金方利率',
            },
          ],
        },
        fundPenaltyRate: {
          rules: [
            {
              required: true,
              message: '请填写资金方罚息利率',
            },
          ],
        },
        fundCompoundRate: {
          rules: [
            {
              required: true,
              message: '请填写资金方复利率',
            },
          ],
        },
        fundNo: {
          rules: [
            {
              required: true,
              message: '请选择资金方',
            },
          ],
        },
        charges: {
          rules: [
            {
              required: true,
              message: '请选择产品费用',
            },
          ],
        },
        penaltyRate: {
          rules: [
            {
              required: true,
              message: '请填写产品罚息利率',
            },
          ],
        },
        buybackFlag: {
          rules: [
            {
              required: true,
              message: '请选择回购标示',
            },
          ],
        },
        repaymentTemplateNo: {
          rules: [
            {
              required: true,
              message: '请选择还款模板',
            },
          ],
        },
        type: {
          rules: [
            {
              required: true,
              message: '请选择产品分类',
            },
          ],
        },
        userType: {
          rules: [
            {
              required: true,
              message: '请选择客户类型',
            },
          ],
        },
        fundProductNo: {
          rules: [
            {
              required: true,
              message: '请选择资金方产品',
            },
          ],
        },
        limitMoneyFlag: {
          rules: [
            {
              required: true,
              message: '请选择是否有放款限额',
            },
          ],
        },
        term: {
          rules: [
            {
              required: true,
              message: '请输入账单期限',
            },
          ],
        },
        repaymentType: {
          rules: [
            {
              required: true,
              message: '请选择还款方式',
            },
          ],
        },
        confirmpassword: {
          rules: [
            {
              required: true,
              message: '请重新输入登陆密码!',
            },
            {
              validator: this.compareToFirstPassword,
            },
          ],
        },
        term: {
          rules: [
            {
              required: true,
              message: '请填写账单期限',
            },
          ],
        },
        repaymentType: {
          rules: [
            {
              required: true,
              message: '请填写还款方式',
            },
          ],
        },
      },

      model: {},

      labelCol: {
        xs: { span: 8 },
        sm: { span: 4 },
      },
      wrapperCol: {
        xs: { span: 8 },
        sm: { span: 12 },
      },
      form: this.$form.createForm(this),
      chargeList: [],
      fundList: [],
      contractTemplateList: [],
      businessChannelList: [],
      repaymentTemplateList: [],
      isLimitClassity: 1,
      isLimitBuyBack: 1,
      thisLength: '',
      hkr: 0,
    }
  },
  created() {
    this.initData()
    // this.businessChannelData();
  },
  mounted() {
    this.businessChannelData()
  },
  methods: {
    handleChangeBuyback(value) {
      this.isLimitBuyBack = value.target.value
    },
    handleChangeClassity(value) {
      this.isLimitClassity = value.target.value
      this.form.setFieldsValue({
        termType: '',
      })
    },
    handleChange(value) {
      this.isLimitType = value.target.value
    },
    handleChangeProductClass(value) {
      this.ifProductClass = value.target.value
      // this.validatorRules.userType = ''
      this.form.setFieldsValue({
        userType: [],
      })
    },
    hkChange(value) {
      this.hkr = value
    },
    wufeiyong(value) {
      console.log(value)
      // if (value.indexOf(0) >= 0) {
      //   console.log("111")
      //   this.multiple = ""
      // } else {
      //   this.multiple = 'multiple'
      // }
      if (value == 0) {
        console.log('111')
        this.multiple = ''
      } else {
        this.multiple = 'multiple'
      }
    },
    initData() {
      preProductGetData().then((res) => {
        this.chargeList = res.result.chargeList
        this.fundList = res.result.fundList
        this.contractTemplateList = res.result.contractTemplateList
        this.repaymentTemplateList = res.result.repaymentTemplateList
      })
    },
    duo(value) {
      if (value.length >= 2) {
        this.thisLength = 4
      } else {
        this.thisLength = value[0]
      }
    },
    businessChannelData() {
      //业务渠道
      let _p = {
        pageNo: 1,
        pageSize: 10000,
        params: {},
      }
      postAction('/config/admin/queryBusinessChannelList', _p).then((res) => {
        this.businessChannelList = res.result.records.filter((item) => item.status == 1)
      })
    },

    edit(record) {
      this.model = record
      console.log(this.model)
      if (this.model.userType == 4) {
        this.model.userType = [1, 2]
        this.thisLength = 4
      }
      if (this.model.productClass == 2) {
        this.ifProductClass = 2
      }
      if (this.model.charges == '') {
        this.model.charges = [0]
      }
      this.isLimitClassity = record.termType
      this.isLimitType = record.limitMoneyFlag
      this.thisUserType = record.userType
      // alert(record.userType)
      this.form.resetFields()
      this.visible = true
      this.$nextTick(() => {
        this.form.setFieldsValue(record)
      })
    },

    add() {
      this.model = {}
      this.form.resetFields()
      this.visible = true
      this.onlyread = false
      this.$nextTick(() => {
        this.form.setFieldsValue()
      })
    },
    shop(value) {
      // console.log(value)
      getFundProductSelect({ fundNo: value }).then((res) => {
        if (res.status.statusCode == 0) {
          this.shoping = res.result
        } else {
        }
      })
    },

    close() {
      this.$emit('close')
      this.visible = false
      this.disableSubmit = false
      this.selectedRole = []
    },
    handleSubmit() {
      // 触发表单验证
      this.form.validateFields((err, values) => {
        if (!err) {
          this.confirmLoading = true
          let formData = values,
            promiseFn,
            arr = []
          for (let i = 0; i < this.chargeList.length; i++) {
            for (let j = 0; j < formData.charges.length; j++) {
              if (formData.charges[j] == this.chargeList[i].chargeNo) {
                let obj = {
                  chargeNo: this.chargeList[i].chargeNo,
                  chargeVersion: this.chargeList[i].chargeVersion,
                }
                arr.push(obj)
              }
            }
          }
          formData.charges = arr
          if (this.ifProductClass == 2) {
            formData.userType = this.thisLength
          }
          for (var i = 0; i < this.fundList.length; i++) {
            if (formData.fundNo == this.fundList[i].fundNo) {
              formData.fundName = this.fundList[i].fundName
            }
          }
          formData.productVersion = this.model.productVersion
          if (!!this.model.id) {
            //编辑
            promiseFn = updateProduct(formData)
          } else {
            promiseFn = saveProduct(formData)
          }
          promiseFn
            .then((res) => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.$emit('ok')
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {
              this.confirmLoading = false
              this.close()
            })
        }
      })
    },
    handleCancel() {
      this.close()
    },
  },
}
</script>