<template>
  <div>
    <div class="sty">
      <el-page-header @back="onClose" content="详情页面"> </el-page-header>
    </div>
    <el-form :model="infoList" label-width="130px" size="small" label-position="right">
      <el-card class="">
        <div slot="header" class="clearfix">
          <strong>供应商编码</strong>
        </div>
        <div>
          <!-- <el-form label-width="130px" size="small" label-position="right"> -->
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="创建组织" prop="">
                <el-input v-model="infoList.createOrgName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="使用组织" prop="takerName">
                <el-input v-model="infoList.useOrgName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="注册编码" prop="telephone">
                <el-input v-model="infoList.regNumber"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="编码" prop="telephone">
                <el-input v-model="infoList.number"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="12">
              <el-form-item label="名称" prop="telephone">
                <el-input v-model="infoList.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="简称" prop="telephone">
                <el-input v-model="infoList.shortName"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- </el-form> -->
        </div>
      </el-card>
      <br />
      <el-card class="">
        <div slot="header" class="clearfix">
          <strong>基本信息</strong>
        </div>
        <span>地址</span>
        <el-divider></el-divider>
        <div>
          <!-- <el-form label-width="130px" size="small" label-position="right"> -->
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="国家" prop="">
                <el-input v-model="infoList.country"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="地区" prop="takerName">
                <el-input v-model="infoList.provincial"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="通讯地址" prop="telephone">
                <el-input v-model="infoList.address"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="邮政编码" prop="telephone">
                <el-input v-model="infoList.zip"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="语言" prop="telephone">
                <el-input v-model="infoList.language"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="公司网址" prop="telephone">
                <el-input v-model="infoList.webSite"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- </el-form> -->
        </div>
        <span>注册</span>
        <el-divider></el-divider>
        <div>
          <!-- <el-form label-width="130px" size="small" label-position="right"> -->
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="行业" prop="">
                <el-input v-model="infoList.trade"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="创立日期" prop="takerName">
                <el-date-picker
                  v-model="infoList.foundDate"
                  type="datetime"
                  placeholder="选择日期时间"
                  default-time="23:59:59"
                  value-format="yyyy-MM-dd HH:mm:ss"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="法人代表" prop="telephone">
                <el-input v-model="infoList.legalPerson"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="注册资金" prop="telephone">
                <el-input v-model="infoList.registerFund"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="工商登记号" prop="telephone">
                <el-input v-model="infoList.registerFund"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="生产经营许可证" prop="telephone">
                <el-input v-model="infoList.tendPermit"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="统一社会信用代码" prop="telephone">
                <el-input v-model="infoList.socialCrecode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="注册地址" prop="telephone">
                <el-input v-model="infoList.registerAddress"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- </el-form> -->
        </div>
        <span>管理</span>
        <el-divider></el-divider>
        <div>
          <!-- <el-form label-width="130px" size="small" label-position="right"> -->
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="负责部门" prop="">
                <el-input v-model="infoList.deptName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="负责人" prop="">
                <el-input v-model="infoList.staffName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="供应商分类" prop="">
                <el-input v-model="infoList.supplierClassify"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="供应类别" prop="">
                <el-input v-model="infoList.supplyClassify"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="供应商等级" prop="">
                <el-input v-model="infoList.supplierGrade"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="供应商分组" prop="">
                <el-input v-model="infoList.groupName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="公司类别" prop="">
                <el-input v-model="infoList.companyClassify"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="公司性质" prop="">
                <el-input v-model="infoList.companyNature"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="公司规模" prop="">
                <el-input v-model="infoList.companyScale"></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="对应组织" prop="">
                <el-input v-model="infoList.correspondOrgName"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- </el-form> -->
        </div>
      </el-card>
      <br />
      <el-card class="">
        <div slot="header" class="clearfix">
          <strong>商务信息</strong>
        </div>
        <div>
          <!-- <el-form label-width="130px" size="small" label-position="right"> -->
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="采购组" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="默认价目表" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="业务状态" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="默认折扣表" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="冻结范围" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="供货方" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="冻结人" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="VMI仓库" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="冻结日期" prop="">
                <el-date-picker
                  type="datetime"
                  placeholder="选择日期时间"
                  default-time="23:59:59"
                  value-format="yyyy-MM-dd HH:mm:ss"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="VMI业务" prop="">
                <el-checkbox></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="启用供应商协同" prop="">
                <el-checkbox></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="汇总公司" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="保证金比例" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="默认联系人" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- </el-form> -->
        </div>
      </el-card>
      <br />
      <el-card class="">
        <div slot="header" class="clearfix">
          <strong>财务信息</strong>
        </div>
        <div>
          <!-- <el-form label-width="130px" size="small" label-position="right"> -->
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="对应客户" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="单次预付额度" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="发票类型" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="税分类" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="默认税率" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="结算方式" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="描述" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="付款条件" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="经营类型" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="收款方" prop="">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- </el-form> -->
        </div>
      </el-card>
      <br />
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    infoList: {
      type: Object,
      required: true
    }
  },
  data() {
    return {}
  },
  created() {},
  methods: {
    onClose() {
      this.$emit('close')
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-date-editor--datetime {
  width: 100%;
}
::v-deep .el-select {
  width: 100%;
}
.sty {
  margin-bottom: 20px;
}
</style>
