<template>
	<div class="eibs-tab">
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<c-col :span="8">
					<el-form-item label="CSV文件获取数据">
						<c-button size="small" type="primary">获取
						</c-button>
					</el-form-item>
				</c-col>
				<c-col :span="8">
					<el-form-item label="发票影像界面获取">
						<c-button size="small" type="primary">获取
						</c-button>
					</el-form-item>
				</c-col>
				<c-col :span="8">
					<el-form-item label="电证来报中获取">
						<c-button size="small" type="primary">获取
						</c-button>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="跳过理由" prop="invchk.skpreason">
					<c-mul-row-input :autosize="{ minRows:6, maxRows:6}" :cols="40" :rows="6" placeholder="请输入跳过理由" v-model="model.invchk.skpreason">
					</c-mul-row-input>
				</el-form-item>
			</c-col>
		</c-col>
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-form-item label="" prop="trnmod.swiadd.oriinstgagt" style="color:red">
					点击核验前，请检查发票号码和发票代码前是否有0未导入进来。普通、电子发票：校验码后六位必输；专票、全电发票：非税金额/价税合计必输。全电发票：非税金额/价税合计栏位请录入价税合计金额。全电发票-发票代码可不录入；其他类型-发票代码必须录入。
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="">
					<c-button size="small" type="primary">核验
					</c-button>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="24" style="margin-top:20px">
			<c-col :span="12" style="padding-right: 20px;">
				<c-col :span="24">
					<c-checkbox class="checkbox-left" v-model="model.invchk.skipped">跳过核验</c-checkbox>
				</c-col>
			</c-col>
			<c-col :span="12" style="padding-left: 20px;">
				<div style="margin-left: 20px;display: flex;align-items: flex-start;flex-direction:row-reverse">
					<div style="margin-left: 20px;">
						<c-button size="small" type="primary">Clear
						</c-button>
					</div>
					<div style="margin-left: 20px;">
						<c-button size="small" type="primary">Del
						</c-button>
					</div>
					<div style="margin-left: 20px;">
						<c-button size="small" type="primary">Add
						</c-button>
					</div>
				</div>
			</c-col>
		</c-col>

		<c-col :span="24">
			<el-form-item label-width="0">
				<el-table ref="table" :data="codes.tableData" style="width: 100%" class="eContainer-table" row-key="IDX" :highlight-current-row="false" :border="true" @row-click="rowClick">
					<el-table-column type="index" width="55">
						<template slot-scope="scope">
							<el-checkbox :value="scope.row['checked']" @click.stop></el-checkbox>
						</template>
					</el-table-column>
					<c-table-column v-for="(item, key) in trnData.columns" :key="key" :prop="item.prop" :label="item.label" :width="item.width" sortable>
						<template v-slot="{ scope }">
							<span>{{ scope.row[item.prop] }}</span>
						</template>
					</c-table-column>
				</el-table>
			</el-form-item>
		</c-col>

		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px;">
				<el-form-item label="占用总金额" prop="invchk.totalamountin">
					<c-input v-model="model.invchk.totalamountin" placeholder="占用总金额"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="12" style="padding-left: 20px;">
				<div style="margin-left: 20px;display: flex;align-items: flex-start;flex-direction:row-reverse">
					<div style="margin-left: 20px;">
						<c-button size="small" type="primary">更新状态
						</c-button>
					</div>
					<div style="margin-left: 20px;">
						<c-button size="small" type="primary">发票明细
						</c-button>
					</div>
				</div>
			</c-col>
		</c-col>

		<c-col :span="24">
			<el-form-item label-width="0">
				<el-table ref="table" :data="codes.tableData" style="width: 100%" class="eContainer-table" row-key="IDX" :highlight-current-row="false" :border="true" @row-click="rowClick">
					<el-table-column type="index" width="55">
						<template slot-scope="scope">
							<el-checkbox :value="scope.row['checked']" @click.stop></el-checkbox>
						</template>
					</el-table-column>
					<c-table-column v-for="(item, key) in trnData2.columns" :key="key" :prop="item.prop" :label="item.label" :width="item.width" sortable>
						<template v-slot="{ scope }">
							<span>{{ scope.row[item.prop] }}</span>
						</template>
					</c-table-column>
				</el-table>
			</el-form-item>
		</c-col>
		<!-- S0000063 : 价税合计总金额 -->
		<c-col :span="12">
			<el-form-item label="价税合计总金额" prop="invchk.totalamounttax">
				<c-input v-model="model.invchk.totalamounttax" placeholder="价税合计总金额"></c-input>
			</el-form-item>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      trnData: {
        columns: [
          {
            label: "批次号",
            prop: "批次号"
          },
          {
            label: "发票代码",
            prop: "发票代码"
          },
          {
            label: "发票号码",
            prop: "发票号码"
          },
          {
            label: "修改金额",
            prop: "修改金额"
          },
          {
            label: "开票日期",
            prop: "开票日期"
          },
          {
            label: "校验码后六位",
            prop: "校验码后六位"
          },
          {
            label: "非税金额/价税合计（全电发票）",
            prop: "新有效期到期类型"
          },
          {
            label: "发票占用金额",
            prop: "发票占用金额"
          }
        ],
        data: []
      },
      trnData2: {
        columns: [
          {
            label: "发票代码",
            prop: "发票代码"
          },
          {
            label: "发票号码",
            prop: "发票号码"
          },
          {
            label: "发票状态",
            prop: "发票状态"
          },
          {
            label: "检核次数",
            prop: "检核次数"
          },
          {
            label: "本机构检核次数",
            prop: "本机构检核次数"
          },
          {
            label: "其他机构检核次数",
            prop: "其他机构检核次数"
          },
          {
            label: "价税合计",
            prop: "价税合计"
          },
          {
            label: "发票占用金额",
            prop: "发票占用金额"
          },
          {
            label: "发票剩余金额",
            prop: "发票剩余金额"
          },
          {
            label: "失败原因",
            prop: "失败原因"
          }
        ],
        data: []
      }
    };
  },
  methods: {
    rowClick() {}
  },
  created: function() {}
};
</script>
<style>
</style>