Djzf.vue

<template>
	<div class="eibs-tab">
		<!-- <c-col :span="12" class="col-left">
			<c-col :span="24">
				<el-form-item label="发票代码" prop="imgInvmod.regsel.invcod">
					<c-input v-model="model.imgInvmod.regsel.invcod" placeholder="请输入发票代码" />
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="业务类型" prop="imgInvmod.regsel.bustyp">
					<c-select v-model="model.imgInvmod.regsel.bustyp" dbCode='typbus' placeholder="请选择业务类型"  />
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="起始操作日期" prop="imgInvmod.regsel.prebnkdat">
					<c-date-picker type="date" v-model="model.imgInvmod.regsel.prebnkdat" style="width: 100%" placeholder="请选择起始操作日期" value-format="yyyy-MM-dd"></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="开票日期" prop="imgInvmod.regsel.opndat">
					<c-date-picker type="date" v-model="model.imgInvmod.regsel.opndat" 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.regsel.invnum" style="width: 100%">
					<c-input v-model="model.imgInvmod.regsel.invnum" placeholder="请输入发票号码" ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="批注编号" prop="imgInvmod.regsel.antnum">
					<c-input v-model="model.imgInvmod.regsel.antnum" placeholder="请输入批注编号" ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="结束操作日期" prop="imgInvmod.regsel.prebnkdat2">
					<c-date-picker type="date" v-model="model.imgInvmod.regsel.prebnkdat2" style="width: 100%" placeholder="请选择结束操作日期" value-format="yyyy-MM-dd"></c-date-picker>
				</el-form-item>
			</c-col>
			
		</c-col>
		<c-col :span="24" style="text-align: right">
			<c-button @click="serachInv" type="primary" icon="el-icon-search" size="small">查询</c-button>
			<c-button type="primary" size="small" @click="addReg">发票登记</c-button>
		</c-col> -->
		<c-col :span="24">
			<el-table id='infgidBSTableRef' v-loading="load" ref="gidBt" :data="model.imgInvmod.tableData1" style="width:100%" size="small" height="calc(100vh - 480px)" :highlight-current-row="true">

				<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="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="bustyp" align="left" min-width="120" :show-overflow-tooltip="true" sortable>
					<template slot-scope="scope">
						{{getLabel(dbCodes.bustyp,scope.row.bustyp)}}
					</template>
				</el-table-column>
				<el-table-column label="系统外其他业务描述" prop="busdcr" align="left" min-width="200"  :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="批注编号" prop="antnum" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="批注方名称" prop="antnam" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="批注日期" prop="antdat" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="批注描述" prop="antdtl" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				<el-table-column label="发票状态" prop="regsta" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
					<template slot-scope="scope">
						{{getLabel(regsta,scope.row.regsta)}}
					</template>
				</el-table-column>
				<el-table-column label="操作日期" prop="prebnkdat" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
				</el-table-column>
				
				<el-table-column fixed="right" label="操作" width="260">
					<template slot-scope="scope">
						<c-button v-if="scope.row.regsta == 'DJCG'" type='text' @click="getInvList(scope.row)">发票作废
						</c-button>
					</template>
				</el-table-column>
			</el-table>
			<el-pagination
                @size-change="sizeChange"
                @current-change="currentChange"
                :current-page.sync="model.imgInvmod.pagination.pageNum"
                :page-sizes="[10, 20, 50, 100, 500]"
                :page-size="model.imgInvmod.pagination.pageSize"
                layout="total,sizes, prev, pager, next"
                :total="model.imgInvmod.pagination.total">
            </el-pagination>
		</c-col>
	</div>
</template>

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

export default {
  props: ["model"],
  mixins: [event],
  data() {
    return {
      // tableData: [],
      // pagination: {
      //   pageNum: 1,
      //   pageSize: 10,
      //   total: 0
			// },
			// load: false,
			dbCodes:{
				invtyp: [],
				bustyp: [],
			},
			regsta:[
				{ 'label': '登记成功', 'value': 'DJCG' },
        { 'label': '作废成功', 'value': 'YDEL' },
        { 'label': '处理中', 'value': 'YREG' },
        { 'label': '处理失败', 'value': 'YRFL' }
			],
			tableData1: [],
			load: false
    };
  },
  mounted() {
		this.getdbCode('typinv','invtyp')
		this.getdbCode('typbus','bustyp')
  },
  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>