Jgcx.vue

<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<c-col :span="6">
				<el-form-item label-width="0px" style="margin-left:9px">
					<c-button @click="excelUpload1" size="small" type="primary">Excel导入</c-button>
					<c-button @click="addRows" size="small" type="primary" style="margin-left:15px">
						人工新增
					</c-button>
					<c-button @click="deleteRows" size="small" type="primary" style="margin-left:15px">
						删除
					</c-button>
				</el-form-item>
			</c-col>

			<c-col :span="18">
				<el-form-item prop="imgInvmod.checkTrue" label-width="0px" style="text-align:right">
					<c-button @click="checkRepeats" type="primary" style="margin-left:15px">
						人行重复性核验
					</c-button>
					<c-button @click="updateStatuss" size="small" type="primary" style="margin-left:15px">
						更新状态
					</c-button>
					<c-button @click="showDoc" size="small" type="primary" style="margin-left:15px">
						展示报文
					</c-button>
				</el-form-item>
			</c-col>
		</c-col>
		<c-col :span="24">
			<el-form ref="checkRe" :model="model" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
				<el-table max-height="300px" style="text-align: center;" @selection-change="changeSelection2" stripe :data="model.imgInvmod.pageTable.tableData"  :paginationShow="false" :border="true">
						<el-table-column type="selection" align="left" min-width="50">
						</el-table-column>
						<el-table-column label="序号"  width="80px">
							<template slot-scope="scope">
								<span>{{scope.$index + 1 + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)}}</span>
							</template>
						</el-table-column>
						<el-table-column label="发票类型" sortable min-width="110px" prop="invtyp">
							<template slot-scope="scope">
								<el-form-item :prop="'imgInvmod.invlst.' + (scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)) + '.invtyp'" label-width="0" :rules="[{required:true,message:'必输项',trigger:['blur','change']}]">
									<c-select v-model="scope.row.invtyp" placeholder="请选择"  dbCode="typinv"></c-select>
								</el-form-item>
							</template>
						</el-table-column>
						<el-table-column label="发票代码" sortable min-width="110px" prop="invcod">
							<template slot-scope="scope">
								<el-form-item :prop="'imgInvmod.invlst.' + (scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)) + '.invcod'" label-width="0" :rules="[{validator:(rule,value,callback) => validaInvcod(rule,value,callback,scope.row),trigger:['blur','change']}]">
									<c-input v-model="scope.row.invcod" placeholder="全输入" >
									</c-input>
								</el-form-item>
							</template>
						</el-table-column>
						<el-table-column label="发票号码" sortable min-width="110px" prop="invnum">
							<template slot-scope="scope">
								<el-form-item :prop="'imgInvmod.invlst.' + (scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)) + '.invnum'" label-width="0" :rules="[{validator:(rule,value,callback) => validaInvnum(rule,value,callback,scope.row),trigger:['blur','change']}]">
									<c-input v-model="scope.row.invnum" placeholder="请输入" @input="inputInvnum((scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)))" >
									</c-input>
								</el-form-item>
							</template>
						</el-table-column>
						<el-table-column label="开票日期" sortable min-width="110px" prop="invdat">
							<template slot-scope="scope">
								<el-form-item :prop="'imgInvmod.invlst.' + (scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)) + '.invdat'" label-width="0" :rules="[{required:true,message:'必输项',trigger:['blur','change']}]">
									<c-date-picker v-model="scope.row.invdat" @change="changeInvdat((scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)))" >
								</c-date-picker>
								</el-form-item>
								
							</template>
						</el-table-column>
						<el-table-column label="校验码后六位" sortable min-width="130px" prop="checkcode">
							<template slot-scope="scope">
								<el-form-item :prop="'imgInvmod.invlst.' + (scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)) + '.checkcode'" label-width="0" :rules="[{validator:(rule,value,callback) => validatCheckcode(rule,value,callback,scope.row),trigger:['blur','change']}]">
									<c-input v-model="scope.row.checkcode" >
									</c-input>
								</el-form-item>
								
							</template>
						</el-table-column>
						<el-table-column label="非税金额" sortable min-width="110px" prop="untamt">
							<template slot-scope="scope">
								<c-input-currency :precision="2" v-model="scope.row.untamt" @input="inputUntamt((scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)))">
									</c-input-currency>
									
							</template>
						</el-table-column>
						<el-table-column label="价税合计" sortable min-width="110px" prop="amounttax">
							<template slot-scope="scope">
								<c-input-currency :precision="2" v-model="scope.row.amounttax" @input="inputAmounttax((scope.$index + ((model.imgInvmod.pageTable.currentPage - 1) * model.imgInvmod.pageTable.pageSize)))">
								</c-input-currency>
							</template>
						</el-table-column>
						<!-- <el-table-column label="发票占用金额" sortable min-width="130px" prop="amountin">
							<template slot-scope="scope">
								<c-input-currency :precision="2" v-model="scope.row.amountin" >
								</c-input-currency>
							</template>
						</el-table-column> -->

						<el-table-column label="发票状态" sortable min-width="110px" prop="state">
							<template slot-scope="scope">
								{{getLabel(dbCodes.state,scope.row.state)}}
							</template>
						</el-table-column>
						<el-table-column label="失败原因" sortable min-width="120px" prop="reason"></el-table-column>
						
						<el-table-column label="有无发票信息" sortable min-width="160px" prop="isfnc">
							<template slot-scope="scope">
								{{getLabel(dbCodes.isfnc,scope.row.isfnc)}}
							</template>
						</el-table-column>
						<el-table-column label="批注方编号" sortable min-width="120px" prop="annotacode"></el-table-column>
						<el-table-column label="批注方名称" sortable min-width="120px" prop="annotaname"></el-table-column>
						<el-table-column label="批注日期" sortable min-width="110px" prop="annotadate"></el-table-column>
						<el-table-column label="批注描述" sortable min-width="110px" prop="annotadesc"></el-table-column>
						<el-table-column label="发票批次号" sortable min-width="120px" prop="seqnum"></el-table-column>
						<el-table-column label="影像ID" sortable min-width="100px" prop="imagid"></el-table-column>
						<el-table-column label="有效标识" sortable min-width="110px" prop="valflg">
							<template slot-scope="scope">
								<c-select v-model="scope.row.valflg" dbCode="vldflg" ></c-select>
							</template>
						</el-table-column>
						<el-table-column label="销售方单位名称" sortable min-width="150px" prop="salesname"></el-table-column>
					<el-table-column label="购买方名称" sortable min-width="120px" prop="purchasername"></el-table-column>
					<el-table-column label="我行登记状态" sortable min-width="130px" prop="regsta">
						<template slot-scope="scope">
							{{getLabel(regsta,scope.row.regsta)}}
						</template>
					</el-table-column>
					</el-table>
					<el-pagination
						:current-page="model.imgInvmod.pageTable.currentPage"
						:page-sizes="[10, 20, 50, 100]"
						:page-size="model.imgInvmod.pageTable.pageSize"
						@size-change="handleSizeChange"
						@current-change="handleCurrentChange"
						layout="total, sizes, prev, pager, next, jumper"
						:total="model.imgInvmod.pageTable.total">
					</el-pagination>
			</el-form>
			
		</c-col>
		
		<el-dialog class="excel" v-dialogDrag width="30%" title="Excel导入" :before-close="closeDialog" :visible.sync="detailsDialog" v-if="detailsDialog">
				<c-col :span="4">
					<el-form-item label-width="0px">
						<el-upload action="/webapi/manager/invchk/upload" :limit="1" accept=".xlsx, .xls, .csv" :on-exceed="handleExceed" 
						:auto-upload="true" :on-success="uploadSucess" ref="uploadff">
							<!--上传按钮-->
							<el-button slot="trigger" size="mini" type="primary">选取文件</el-button>
						</el-upload>
					</el-form-item>
				</c-col>
				<c-col :span="4">
					<el-form-item label-width="0px" style="margin-left:10px">
						<c-button @click="downFiles()" type="primary" size="small">下载模板</c-button>
					</el-form-item>
				</c-col>
			</el-dialog>
			<invDialog ref="invImg"></invDialog>
	</div>
</template>

<script>
import event from "../event";
import moment from "moment";
import Api from '~/service/Api';
import commonFunctions from '~/mixin/commonFunctions.js';
import invDialog from "~/components/business/FunctionBtn/InvDialog.vue"

export default {
  props: ["model"],
	mixins: [event,commonFunctions],
	components:{
		invDialog
	},
  data() {
    return {
      detailsDialog: false,
			dbCodes:{
				invtyp: [],
				bustyp: [],
				isfnc: [],
			},
			regsta:[
				{ 'label': '登记成功', 'value': 'DJCG' },
        { 'label': '作废成功', 'value': 'YDEL' },
        { 'label': '处理中', 'value': 'YREG' },
        { 'label': '处理失败', 'value': 'YRFL' }
			],
			invlst:[],
			selection2: []
    };
  },
  mounted() {
		this.getdbCodes('typinv','invtyp')
		this.getdbCodes('typbus','bustyp')
    this.getdbCodes('isyn','isfnc')
  },
  methods: {
			// 文件个数超出
    	handleExceed() {
      		this.$notify.error(`只允许上传1个文件`);
		},
	  
		handleSizeChange(val){
			this.model.imgInvmod.pageTable.pageSize=val;
			this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
			this.$refs['checkRe'].validate()
		},
		handleCurrentChange(val) {
			this.model.imgInvmod.pageTable.currentPage=val;
			this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
			this.$refs['checkRe'].validate()
		},
		refresh(){
			this.model.imgInvmod.pageTable.total=this.model.imgInvmod.invlst.length
			this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
			this.$refs['checkRe'].validate()
		},
		uploadSucess(response) {
			if (response.respCode == "AAAAAA") {
				this.$notify.success("解析成功!");
				this.model.imgInvmod.invlst=this.model.imgInvmod.invlst.concat(response.data);
				this.model.imgInvmod.pageTable.total=this.model.imgInvmod.invlst.length
				this.model.imgInvmod.pageTable.tableData = this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
			} else {
				this.$notify.error("上传失败!" + response.respMsg);
			}
			this.cancel();
		},
		/** 关闭上传弹框 */
		cancel() {
			this.detailsDialog = false;
		},
    changeSelection2(val) {
      this.selection2 = val;
		},
		inputInvnum(index) {
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invcod`]);
		},
		changeInvdat(index) {
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invcod`]);
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invnum`]);
		},
		inputUntamt(index){
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invcod`]);
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invnum`]);
		},
		inputAmounttax(index) {
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invnum`]);
			this.$refs['checkRe'].validateField([`imgInvmod.invlst.${index}.invcod`]);
		},
		validaInvcod(rule, value, callback, row) {		
        if (row.invnum.length == 20) {
          if (value) {
            return callback(new Error("全电发票不能录入发票代码"));
          }
        } else {
          if (
            !value ||
            !row.invnum ||
						!row.invdat ||
						Number(row.untamt) == 0 ||
						Number(row.amounttax) == 0
          ) {
            return callback(
              new Error("发票代码、发票号码、开票日期、未税金额、价税合计须同时有值")
            );
          }
        }
      callback();
    },
    validaInvnum(rule, value, callback, row) {
        if (
          value.length == 20 &&
          (!value ||
						!row.invdat ||
						Number(row.untamt) == 0 ||
            Number(row.amounttax) == 0)
        ) {
          return callback(
            new Error("发票号码、开票日期、未税金额和价税合计栏位须同时有值")
          );
        }
        if (value && value.length != 8 && value.length != 20) {
          return callback(new Error("发票号码不能为空，长度为8位或20位"));
        }
      callback();
		},
	
    validatCheckcode(rule, value, callback, row) {
        if(row.invtyp == 'OTEC' && value){
					return callback(new Error('其他发票时，本栏位不允许录入'))
				}
				if (value && value.length != 6) {
					return callback(new Error("校验码后六位长度固定六位"));
				}
callback()
    },
		excelUpload1(){
			this.detailsDialog = true
		},
		async deleteRows(){
			if(this.selection2.length == 0){
				this.$notify.error({
					title: "错误",
					message: '请选择需要删除的发票'
				});
				return
			}
			//判断是否有inr，有inr就删库，没有就直接物理删除
			let flg = this.selection2.some(item => {
				return item.hasOwnProperty('inr')
			})
			let params = {
				invlst: this.selection2
			}
			if (flg) {
				let res = await Api.post(`/manager/invchk/ruleDelForInvsel `, params)
				if (res.respCode == SUCCESS) {
					if (res.data.errorMsg) {
						this.$notify.error({
							title: "错误",
							message: res.data.errorMsg
						});
					} else {
						for (var i = this.selection2.length - 1; i >= 0; i--) {
							this.model.imgInvmod.invlst.splice(this.selection2[i].index, 1);
						}
						let num = parseInt((this.model.imgInvmod.invlst.length-1) /this.model.imgInvmod.pageTable.pageSize) + 1
						if(this.model.imgInvmod.pageTable.currentPage > num){
							this.model.imgInvmod.pageTable.currentPage = num
						}
						this.refresh();
					}
				}
			} else {
				for (var i = this.selection2.length - 1; i >= 0; i--) {
					this.model.imgInvmod.invlst.splice(this.selection2[i].index, 1);
				}
				let num1 = parseInt((this.model.imgInvmod.invlst.length-1) /this.model.imgInvmod.pageTable.pageSize) + 1
						if(this.model.imgInvmod.pageTable.currentPage > num1){
							this.model.imgInvmod.pageTable.currentPage = num1
						}
				this.refresh();
			}
			
			//发票全部删除就清除报文编号
			if(this.model.imgInvmod.invlst.length == 0){
				this.model.difNum = ''
			}
		},
		//前端模拟分页
			paginate(pageNumber,pageSize){
				const startIndex=(pageNumber-1)*pageSize;
				const endIndex=startIndex+pageSize;
				return this.model.imgInvmod.invlst.slice(startIndex,endIndex);
			},
		beforeUpload(file) {
      console.log(file, "--文件");
      this.file2XLSX(file).then(res => {
        let newData = res[0].sheet.map(item => ({
          imagid: "00000000-0000-0000-0000-000000000000",
          invcod: item.hasOwnProperty("发票代码")
            ? (typeof item["发票代码"] === "number"
              ? item["发票代码"].toString().trim()
              : item["发票代码"].trim())
            : "",
          invnum:
            typeof item["发票号码"] === "number"
              ? item["发票号码"].toString().trim()
              : item["发票号码"].trim(),
          invdat:
            this.changeDate(typeof item["开票日期（YYYY-MM-DD）"] === "number"
              ? moment("1900-01-01")
                  .add(item["开票日期（YYYY-MM-DD）"] - 2, "days")
                  .format("YYYY-MM-DD")
              : item["开票日期（YYYY-MM-DD）"]),
          untamt: item.hasOwnProperty("非税金额（小数点后两位）")
            ? item["非税金额（小数点后两位）"].toString().trim()
            : "",
          amountin: item.hasOwnProperty("发票占用金额（小数点后两位）")
            ? item["发票占用金额（小数点后两位）"].toString().trim()
            : "",
          checkcode:
            item.hasOwnProperty("校验码后六位") ? (typeof item["校验码后六位"] === "number"
              ? item["校验码后六位"].toString().trim()
              : item["校验码后六位"].trim()) : "",
          amounttax: item.hasOwnProperty("价税合计金额（小数点后两位）")
            ? item["价税合计金额（小数点后两位）"].toString().trim()
            : "",
          valflg: "VLID",
          reason: ""
        }));

        this.model.imgInvmod.invlst = this.model.imgInvmod.invlst.concat(
          newData
				);
				this.detailsDialog = false
      });
      return false;
		},
		addRows() {
			let newRow = {
				imagid: '00000000-0000-0000-0000-000000000000',
				seqnum: '',
				invcod: '',
				invnum: '',
				invdat: '',
				checkcode: '',
				state: '',
				amounttax: 0.00,
				untamt: 0.00,
				amountin: 0.00,
				valflg: 'VLID',
				reason:''
			};
			let start = 0;
			if (this.model.imgInvmod.invlst) {
				start = this.model.imgInvmod.invlst.length;
			}
			this.model.imgInvmod.invlst.splice(start, 0, newRow);
			this.model.imgInvmod.pageTable.total=this.model.imgInvmod.invlst.length
			this.model.imgInvmod.pageTable.currentPage = parseInt((this.model.imgInvmod.invlst.length-1) /this.model.imgInvmod.pageTable.pageSize) + 1
			this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
		},
		async checkRepeats() {
			let list = this.model.imgInvmod.invlst
			if (list.length == 0) {
				this.$notify.error({
					title: "错误",
					message: '请先添加相关发票'
				});
				return
			}
			if(this.model.difNum == ''){
				Api.post(`/manager/invchk/getFftref`).then(res=>{
					this.model.difNum = res.data
					this.$refs['checkRe'].validate(async (validStatic) => {
				if (validStatic) {
					let params = {
						invlst:this.model.imgInvmod.invlst,
						ownref:this.model.difNum
					}
					let res = await Api.post(`/manager/invchk/saveData`, params)
					if (res.respCode == SUCCESS) {
						this.model.imgInvmod.invlst = res.data.invlst
						this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
						if (res.data.errorMsg) {
							this.$notify.error({
								title: "错误",
								message: res.data.errorMsg
							});
						} else {
							this.$notify({
								title: '成功',
								message: '人行重复性核验成功,请点击更新状态',
								type: 'success',
							});
						}
					}
				}
			})
				})
			}else{
				this.$refs['checkRe'].validate(async (validStatic) => {
				if (validStatic) {
					let params = {
						invlst:this.model.imgInvmod.invlst,
						ownref:this.model.difNum
					}
					let res = await Api.post(`/manager/invchk/saveData`, params)
					if (res.respCode == SUCCESS) {
						this.model.imgInvmod.invlst = res.data.invlst
						this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
						if (res.data.errorMsg) {
							this.$notify.error({
								title: "错误",
								message: res.data.errorMsg
							});
						} else {
							this.$notify({
								title: '成功',
								message: '人行重复性核验成功,请点击更新状态',
								type: 'success',
							});
						}
					}
				}
			})
			}
			
			
		},
		async updateStatuss() {
			let params ={
				invlst: this.model.imgInvmod.invlst
			}
			let res = await Api.post(`/manager/invchk/ruleUptstaForInvsel`, params)
			if (res.respCode == SUCCESS) {
				if (res.data.errorMsg) {
					this.$notify.error({
						title: "错误",
						message: res.data.errorMsg
					});
				} else {
					if (res.data.invlst.length != 0) {
						this.model.imgInvmod.invlst = res.data.invlst 
						this.model.imgInvmod.pageTable.tableData =this.paginate(this.model.imgInvmod.pageTable.currentPage,this.model.imgInvmod.pageTable.pageSize);
					}
					this.$alert('更新成功', '提示', {
						confirmButtonText: '确定'
					});
				}
			}

		},
		showDoc(){
			this.$refs.invImg.showDoc = true
			let params = {
				ownref:this.model.difNum,
				imfref:''
			}
			this.$refs.invImg.getList(params)
		},
		//日期格式转换
		changeDate(val){
			let result = val.replace(/\//g,'-')
			return result
		},
		async downFiles() {
			let params = {
				path: 'sstf/data/doc/invoiceAuthen.xlsx'
			}
			let res = await Api.post("/manager/fileupdown/fileDown", params);
			if (res.respCode == "AAAAAA") {
				//res.data 内容为 TextResultVo 
				if (res.data.data) {
					let type, code = res.data;
					const loading = this.loading()
					this.base64ToBlob(code, type)
					loading.close()
					this.$notify({
						title: "成功",
						message: "文件下载成功！",
						type: "success",
					});
				}
				else {
					this.$notify({
						title: '失败',
						message: '文件下载失败！',
						type: 'error',
					});
				}
			}
		},
		base64ToBlob(code, type) {
			if (type == 'application/pdf') {
				code.data = code.data.replace(/[\n\r]/g, "")
			}
			const raw = window.atob(code.data);
			const rawLength = raw.length;
			const uInt8Array = new Uint8Array(rawLength);
			for (let i = 0; i < rawLength; ++i) {
				uInt8Array[i] = raw.charCodeAt(i);
			}
			const blob = new Blob([uInt8Array], { type: type });
			// const fileURL = URL.createObjectURL(blob);
			// window.open(fileURL)
			let fileName = code.filename;
			var downloadElement = document.createElement('a');
			var href = window.URL.createObjectURL(blob);
			downloadElement.href = href;
			downloadElement.download = fileName;
			document.body.appendChild(downloadElement);
			downloadElement.click();
			document.body.removeChild(downloadElement);
			window.URL.revokeObjectURL(href);
		},
  }
};
</script>

<style scoped lang="less">
.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;
}
.eibs-tab{
	.excel{
		/deep/ .el-dialog{
		height: 200px!important;
		margin-top: calc(50vh - 100px)!important;
	}
	/deep/ .el-dialog__body{
		height: calc(100% - 65px);
	}
	}
}
</style>