<template>
	<div class="eibs-tab">
		<div>
			<span>平台外发票作废</span>
		</div>
		<div style="margin-left: 70px; magin-top: 20px">
			<c-col :span="12" class="col-left">
			<c-col :span="24">
				<el-form-item label="业务类型" prop="imgInvmod.invDelForm.bustyp">
					<c-select v-model="model.imgInvmod.invDelForm.bustyp" disabled dbCode='typbus'  placeholder="请选择业务类型"  />
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="批注编号" prop="imgInvmod.invDelForm.antnum" style="width: 100%">
					<c-input v-model="model.imgInvmod.invDelForm.antnum" disabled placeholder="请输入批注编号" ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="批注日期" prop="imgInvmod.invDelForm.antdat">
					<c-date-picker type="date" v-model="model.imgInvmod.invDelForm.antdat" disabled style="width: 100%" placeholder="请选择批注日期" value-format="yyyy-MM-dd"></c-date-picker>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12" class="col-right">
			<c-col :span="24">
				<el-form-item label="系统外其他业务描述" prop="imgInvmod.invDelForm.busdcr">
					<c-input v-model="model.imgInvmod.invDelForm.busdcr" disabled placeholder="请选择系统外其他业务描述"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="批注方名称" prop="imgInvmod.invDelForm.antnam">
					<c-input v-model="model.imgInvmod.invDelForm.antnam" disabled placeholder="请输入批注方名称" ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="批注描述" prop="imgInvmod.invDelForm.antdtl">
					<c-input v-model="model.imgInvmod.invDelForm.antdtl" disabled placeholder="请输入批注描述" ></c-input>
				</el-form-item>
			</c-col>
			
		</c-col>
		<c-col :span="24" style="text-align: center">
			<!-- <c-button type="primary"  size="small">展示报文</c-button> -->
			<c-button @click="sendInv" type="primary" size="small">发送报文</c-button>
		</c-col>
		</div>
		<c-col :span="24">
			<el-table id='infgidBSTableRef4' v-loading="load4" ref="gidBt4" :data="model.imgInvmod.tableData4" style="width:100%" size="small" height="calc(100vh - 480px)" :highlight-current-row="true">
				<el-table-column label="发票代码" prop="invcod" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="发票号码" prop="invnum" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="发票类型" prop="invtyp" align="left" min-width="150" sortable>
					<template slot-scope="scope">
						{{getLabel(dbCodes.invtyp,scope.row.invtyp)}}
					</template>
				</el-table-column>
				<el-table-column label="开票日期" prop="opndat" align="left" min-width="120" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="未税金额" prop="invamt" align="left" min-width="200"  :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="验证码后六位" prop="vrfcod" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="影像ID" prop="imgcod" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
			</el-table>
		</c-col>
		
	</div>
</template>

<script>
import event from "../event";

export default {
	props: ["model"],
  mixins: [event],
  data() {
    return {
			load4: false,
			dbCodes:{
				invtyp:[]
			}
    };
  },
  mounted() {
		this.getdbCodes('typinv','invtyp')
  },
  methods: {
    
  }
};
</script>

<style scoped>
.table-button-item-list {
  padding: 0;
  margin: 0;
}
.table-button-item-list li {
  list-style: none;
  padding: 5px 0;
  text-align: center;
  color: #606266;
  cursor: pointer;
}
</style>