<template>
  <dialog-edit  :visible.sync="dialogVisible" :editModel="editModel" :form="newFormValue"
               :title="$t('factoringBusinessInfoManagerList.editPageHead')" :api="api" @onSaved="onSaved" :autoSave="false"
               :footerVisible="true">
    <el-collapse v-model="activeNames">
      <el-collapse-item title="付款确认书信息" name="1">
        <dym-form :componentList="componentList" :formValue.sync="newFormValue"></dym-form>
      </el-collapse-item>
      <el-collapse-item title="发票信息列表" name="2">
      </el-collapse-item>
      <el-collapse-item title="供应商上传文件" name="3">
      </el-collapse-item>
    </el-collapse>
  </dialog-edit>
</template>

<script>
import { DialogEdit, authButton, SelectDictionary, dymForm } from 'newepoch-components'
import BasePage from '@/pages/baseEditPage'
export default {
  extends: new BasePage(),
  name: 'factoringBusinessInfoManagerEdit',
  components: {
    DialogEdit,
    SelectDictionary,
    authButton,
    dymForm
  },
  computed: {
    api () {
      return {}
    },
    newFormValue: {
      get () {
        return this.form
      },
      set (value) {
        this.$emit('update:form', value)
      }
    }
  },
  data () {
    return {
      activeNames: ['1'],
      componentList: [
        // 产品名称
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 核心企业
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 计划管理人/再保理银行
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 期数
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 原始权益人
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 资产服务机构
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 付款确认书编号
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 供应商名称
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 签约主体
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 项目公司名称
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 收款人名称
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 收款人开户行
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 收款人银行账号
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 账款到期日
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 应收账款金额（元）
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 商务合同名称
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 商务合同编号
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 区域
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 区域编号
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 区域专员
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        },
        // 保理专员
        {
          label: this.$i18n.messages[this.$i18n.locale].common.productName,
          labelWidth: '160px',
          value: 'productName',
          placeholder: '',
          cols: [24, 24, 12, 8],
          componentName: 'el-input',
          prop: 'productName',
          disabled: false
        }
      ]
    }
  },
  methods: {
    onSaved () {
    }
  }
}
</script>

<style scoped>

</style>
