<template>
  <div>
    <div class="sty">
      <el-page-header @back="goBack"> </el-page-header>
      <br />
      <strong>基本信息</strong>
      <el-divider></el-divider>
      <!-- 筛选条件 -->
      <div>
        <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="单据类型" prop="">
                <el-input v-model="searchForm.billType" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="付款单位类型" prop="">
                <el-input v-model="searchForm.customerType" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="12">
              <el-form-item label="收款组织" prop="">
                <el-input v-model="searchForm.skzz" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="12">
              <el-form-item label="付款单位" prop="">
                <el-input v-model="searchForm.customerName" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="12">
              <el-form-item label="结算组织" prop="">
                <el-input v-model="searchForm.settleOrg" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="单据编号" prop="">
                <el-input v-model="searchForm.billNo" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="币别" prop="">
                <el-input v-model="searchForm.bibie" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="销售组织" prop="">
                <el-input v-model="searchForm.saleOrg" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="业务日期" prop="">
                <el-input v-model="searchForm.theTime" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="往来单位类型" prop="">
                <el-input v-model="searchForm.wlCompanyType" disabled></el-input>
              </el-form-item>
            </el-col>
            <!-- <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="应收金额" prop="">
                <el-input v-model="searchForm." disabledel-input>
              </el-form-item>
            </el-col> -->
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="销售部门" prop="">
                <el-input v-model="searchForm.saleDepartment" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="销售组" prop="">
                <el-input v-model="searchForm.saleGroup" disabled></el-input>
              </el-form-item>
            </el-col>
            <!-- <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="往来单位" prop="">
                <el-input v-model="searchForm." disabledel-input>
              </el-form-item>
            </el-col> -->
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="实收金额" prop="">
                <el-input v-model="searchForm.amount" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="钱包" prop="">
                <el-input v-model="searchForm.walletName" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="销售员" prop="">
                <el-input v-model="searchForm.salePerson" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="备注" prop="">
                <el-input v-model="searchForm.remark" disabled></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <!-- <br />
      <strong>明细</strong>
      <el-divider></el-divider> -->
      <!-- 列表 -->
      <!-- <div class="mymain-container">
        <div class="table">
          <el-table
            v-loading="listLoading"
            :data="dataList"
            element-loading-text="Loading"
            border
            fit
            highlight-current-row
            stripe
          >
            <el-table-column
              align="center"
              label="序号"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="结算方式"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="收款用途"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="实收金额"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="应收金额"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="现金折扣"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="折后金额"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              align="center"
              label="我方银行账号"
              prop=""
              min-width="160"
              show-overflow-tooltip
            ></el-table-column>
          </el-table>
        </div>
      </div> -->
    </div>
  </div>
</template>

<script>
import { getK3ReceiptDetail } from '@/api/finance/receipt_list'
export default {
  props: {
    detailId: {
      type: String,
      required: true
    }
  },
  data() {
    return {
      searchForm: {}
    }
  },

  created() {
    this.getData()
  },
  methods: {
    async getData() {
      const res = await getK3ReceiptDetail({ id: this.detailId })
      // console.log(res, 787787878);
      this.searchForm = res.data
    },
    goBack() {
      this.$parent.showDetail = 1
    }
  }
}
</script>

<style></style>
