<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
|
<title>上传文件附件</title>
|
</head>
|
|
<body style="margin: 0px;overflow: hidden;">
|
<div v-cloak id="vbody">
|
<div id="page_root">
|
<div ref="popup_body" style="width: 900px; height: 440px;padding:0 20px;">
|
<div class="popup_el-dialog__header">
|
<div class="dialog-title">
|
<i class="iconfont icon-customermanagement"></i>
|
<span> 附件上传 </span>
|
</div>
|
</div>
|
<div class="el-dialog__body" style="height: 390px;">
|
<div class="class_dataImport" style="padding: 0px 24px;">
|
<!-- 数据导入步骤 -->
|
<el-steps :active="add_Step" finish-status="success">
|
<!-- 步骤一 -->
|
<el-step title="选择文件"></el-step>
|
<!-- 步骤二 -->
|
<el-step title="上传（预览）"></el-step>
|
</el-steps>
|
<div
|
style="height: 300px; border: 1px solid #C0C4CC; padding:0px; box-sizing:boder-box; overflow: auto;">
|
<!-- 步骤一，选择数据文件 -->
|
<div v-if="add_Step == 0" style="width: 100%; height: 100%;" align="center">
|
<div style="padding-top: 90px; box-sizing:boder-box">
|
<el-upload class="upload-demo" :before-upload="beforeAvatarUpload"
|
:accept="filetype"
|
:on-exceed="handleExceed" :action="upload_url" :headers="upload_headers"
|
:on-success="upload_change_" :on-error="upload_error"
|
:on-change="upload_change" :multiple="upload_multiple" :limit="upload_limit"
|
:file-list="fileList" :auto-upload="false" ref="upload">
|
<el-button size="small" type="primary">选择文件</el-button>
|
<!-- <div slot="tip" class="el-upload__tip">上传{{filetype}}文件</div> -->
|
<div slot="tip" class="el-upload__tip">{{filetype ? '仅上传' + filetype + '文件' : '可上传全部类型文件'}}</div>
|
</el-upload>
|
<div style="width: 100%; text-align: left;">
|
<!-- 上传时的反馈日志 -->
|
<li v-for="row in messagelist">{{row}}</li>
|
</div>
|
</div>
|
</div>
|
|
<!-- 导入数据的预览 -->
|
<div v-if="add_Step == 1" style="width: 100%; height: 100%; margin:0 auto">
|
<!-- 多图片上传的缩略图显示 -->
|
<div v-if="file_img && upload_multiple" v-for="(picimg, index) in fileList_img" :key="'img'+index" style="display:inline-block;border:1px dashed #aaa;">
|
<div style="margin-left: 10px;">{{index+1}}.【{{picimg.name}}】</div>
|
<el-popover placement="right" title="" trigger="click">
|
<el-image style="width: 500px; height: 300px; margin-left: 10px;" :src="picimg.url" fit="contain"></el-image>
|
<el-image style="width: 100px; height: 100px; margin-left: 10px;"
|
slot="reference"
|
:src="picimg.url"
|
fit="contain">
|
</el-image>
|
</el-popover>
|
</div>
|
<el-image v-else-if="file_img" v-for="(picimg, index) in fileList_img" :key="'img'+index"
|
style="width: 600px; height: 400px; margin-left: 10px;" :src="picimg.url" fit="contain">
|
</el-image>
|
|
<div v-if="file_pdf" v-for="(pdffile,index) in fileList_pdf" :key="'pdf'+index" style="height: 100%;" >
|
<div style="margin-left: 10px;">{{file_img?fileList_img.length+index+1:index+1}}.【{{pdffile.name}}】</div>
|
<iframe style="width: 100%; height: 100%; border: 0px;" scrolling="no" :src="pdffile.url"></iframe>
|
</div>
|
<!-- <iframe v-if="file_pdf" v-for="(pdffile,index) in fileList_pdf" :key="'pdf'+index"
|
style="width: 100%; height: 100%; border: 0px;" scrolling="no" @load="setIframeHeight()" :src="pdffile">
|
</iframe> -->
|
<div v-if="file_noPreview" v-for="(noPreviewFile,index) in fileList_noPreview" :key="'noPreview'+index">
|
<div style="margin-left: 10px;">
|
<span>{{file_img?(file_pdf?fileList_img.length+fileList_pdf.length+index+1:fileList_img.length+index+1):(file_pdf?fileList_pdf.length+index+1:index+1)}}.【{{noPreviewFile.name}}】></span>
|
<span>仅可预览.png/.jpg/.jpeg图片及.pdf文件</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-progress v-if="(loading_nextStep || add_Step ) && isUploadAndSave && upload_multiple"
|
style="width: auto;padding: 0px 24px;"
|
:stroke-width="8"
|
:percentage="progress"
|
:class="{
|
per60: progress <= 40,
|
per80: progress > 40 && progress <= 80,
|
per100: progress > 80,
|
}"
|
>
|
</el-progress>
|
</div>
|
<div class="el-dialog__footer">
|
<!-- 下一页 -->
|
|
<!-- <el-button v-if="add_Step == 1 && analysistype == 'BizYPLicence'" size="small" @click="checkInvoiceByform">真伪校验</el-button> -->
|
<!-- 取 消/关 闭 -->
|
<el-button v-if="add_Step == 0 || isUploadAndSave" size="small" type="default" @click="closeDialog">关 闭</el-button>
|
|
<el-button v-if="add_Step == 0" :disabled="disabled_NextStepLength" type="primary"
|
:loading="loading_nextStep" size="small" @click="NextStep">上 传</el-button>
|
<el-button v-else-if="add_Step == 1 && !isUploadAndSave" :disabled="disabled_NextStepLength" type="primary"
|
:loading="loading_nextStep" size="small" @click="saveRowTable">完 成</el-button>
|
</div>
|
</div>
|
</div>
|
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
|
<div class="spinner">
|
<div class="cube1"></div>
|
<div class="cube2"></div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript">
|
var pageVue = null;
|
function loadJsCss(callback) {
|
var jscss_urls = [];
|
window.top.initJsCss(document, jscss_urls, callback);
|
};
|
|
function initVue() {
|
new Vue({
|
el: "#vbody",
|
data: {
|
popupParames: {},
|
formData: {},
|
fileObjList: [],
|
formAttr: {
|
istitle: false,
|
title: "",
|
columnnumber: 1,
|
labelwidth: "100px",
|
labelposition: "right",
|
size: "medium",
|
border: "3px solid #c6c6c600",
|
|
formatter: function(data, fields) {
|
|
}
|
},
|
// AmountInFiguers: "550.00"
|
// AmountInWords: "伍佰伍拾元整"
|
// CheckCode: "61001654972104461260"
|
// City: ""
|
// CommodityAmount: "[object Object]"
|
// CommodityName: "[object Object]"
|
// CommodityNum: "[object Object]"
|
// CommodityPrice: "[object Object]"
|
// CommodityUnit: "[object Object]"
|
// IndustrySort: ""
|
// InvoiceCode: "031002000611"
|
// InvoiceDate: "2021年06月13日"
|
// InvoiceNum: "12285494"
|
// InvoiceType: "#"
|
// MachineNum: ""
|
// Province: "上海"
|
// PurchaserName: "上海赤坂亭餐饮投资管理有限公司"
|
// PurchaserRegisterNum: "91310115MA1HA6JKXA"
|
// SellerName: ""
|
// SellerRegisterNum: ""
|
// SheetNum: ""
|
// Time: ""
|
// TotalTax: "550.00"
|
tableFields: [
|
{isshow: "T", field: "InvoiceCode", name: "发票代码"},
|
{isshow: "T", field: "InvoiceNum", name: "发票号码"},
|
{isshow: "T", field: "InvoiceDate", name: "开票日期", type: "date"},
|
{isshow: "T", field: "InvoiceType", name: "发票种类", type: "select",
|
options: [
|
{label: "增值税专用发票",value: "special_vat_invoice"},
|
{label: "增值税电子专用发票",value: "elec_special_vat_invoice"},
|
{label: "增值税普通发票",value: "normal_invoice"},
|
{label: "增值税普通发票（电子）",value: "elec_normal_invoice"},
|
],
|
},
|
{isshow: "T", field: "CheckCode", name: "校验码"},
|
{isshow: "T", field: "TotalTax", name: "发票金额"},
|
],
|
// tableFields: [
|
// {isshow: "T", field: "num", name: "序号"},
|
// {isshow: "T", field: "scope", name: "范围"},
|
// {isshow: "T", field: "licence_date", name: "发证日期", type: "date"},
|
// {isshow: "T", field: "ia", name: "发证机构"},
|
// {isshow: "T", field: "license_term", name: "失效日期", type: "date"},
|
// ],
|
form_data: {},
|
form_data_invoice: {},
|
file_txt: false,
|
file_img: false,
|
file_pdf: "",
|
file_noPreview:false,
|
|
//上传页面
|
add_Step: 0,
|
upload_url: "",
|
upload_headers: {},
|
upload_multiple: false, //是否允许多文件同时上传, 默认false表示不允许多附件同时上传
|
upload_limit: 1, // 限制上传文件的个数，upload_multiple为true时才能大于1，否则只能=1
|
filenaxsize: 10, // 限制上传文件的大小，MB
|
fileList: [],
|
uploaded_num:0,
|
uploaded_success:false,
|
// progress_status:'',
|
progress_num:0,
|
maxFileLength:0,
|
filetypelist: [],//文件类型设置，默认为空
|
analysistype: "",
|
filetype: "jpg/jpeg/png/pdf",
|
loading_nextStep: false,
|
messagelist: [],
|
disabled_NextStepLength: false,
|
uploade_state: false,
|
upload_file: null,
|
|
formfieldClick: {},
|
isOCR: false,
|
fileList_pdf: [],
|
fileList_img:[],
|
fileList_noPreview:[],
|
isUploadAndSave: false, // 导入成功后直接回调，不需要保存后回调，但保留预览
|
file_dbtxt: [], // 不保存到数据库的文件记录
|
save_file_path: "",
|
showLargerPreview: false
|
|
|
},
|
computed:{
|
progress:function(){
|
return Math.round((this.uploaded_num/this.maxFileLength)*100)
|
}
|
},
|
|
created() {
|
this.popupParames = clone(Root.popupParames);
|
this.setFormfieldClick();
|
},
|
mounted() {
|
var me = this;
|
if (this.popupParames.data) {
|
this.formData = clone(this.popupParames.data);
|
}
|
|
if (this.popupParames.delta) {
|
this.filetypelist = [];
|
if (this.popupParames.delta.filetypelist) {
|
this.filetypelist = clone(this.popupParames.delta.filetypelist);
|
}
|
if (this.popupParames.delta.analysistype) {
|
this.analysistype = clone(this.popupParames.delta.analysistype);
|
}
|
else {
|
this.analysistype = "";
|
}
|
if (this.popupParames.delta.isUploadAndSave) { //默认传入值为true
|
this.isUploadAndSave = clone(this.popupParames.delta.isUploadAndSave);
|
}
|
if (this.popupParames.delta.multiplelimit && this.popupParames.delta.multiplelimit > 1) { // 允许上传的文件数量, 目前多文件选择不了
|
this.upload_multiple = true;
|
this.upload_limit = this.popupParames.delta.multiplelimit;
|
}
|
if (this.popupParames.delta.save_file_path) { // 指定上传后保存的路径
|
this.save_file_path = this.popupParames.delta.save_file_path
|
}
|
this.filetype = "";
|
this.filetypelist.map(e=>{
|
e = e.toLowerCase();
|
/* if (me.filetype) {
|
me.filetype = e;
|
} */
|
if (me.filetype) {
|
me.filetype += "," + e;
|
}
|
else {
|
me.filetype = e;
|
}
|
});
|
}
|
|
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
|
document.getElementById('page_root').style.display = "block";
|
document.getElementById('page_loading').style.display = "none";
|
|
//重新设置弹窗宽高
|
this.$nextTick(function() {
|
let w_ = this.$refs.popup_body.offsetWidth + "px";
|
let h_ = this.$refs.popup_body.offsetHeight + "px";
|
Root.setPopupWH(w_, h_);
|
})
|
});
|
},
|
|
methods: {
|
closeDialog() {
|
Root.hidePopup();
|
},
|
saveRowTable() { // 全部上传后点完成返回附件信息事件
|
var me = this;
|
if (!this.isUploadAndSave) {
|
if (Object.keys(this.form_data).length != 0 && this.isOCR && this.analysistype != "invoiceVerification") {
|
//如果需要OCR识别的并且存在识别数据则需要提示
|
this.$alert('保存后请仔细核对识别信息是否正确', 'OCR识别提醒', {
|
confirmButtonText: '确定',
|
callback: action => {
|
me.saveAfter();
|
}
|
});
|
}
|
else {
|
this.saveAfter();
|
}
|
}
|
},
|
|
saveAfter() { //这里是单附件的流路，点击完成
|
var me = this;
|
if (this.popupParames.callback) {
|
let obj = {
|
row: this.fileObjList, // 上传的文件信息
|
filetxt: this.form_data ,// 文件的识别信息
|
filedbtxt: this.file_dbtxt
|
}
|
this.popupParames.callback(obj, function() {
|
if (me.popupParames.totab) {
|
Root.tab.removeItem(Root.tab.selected);
|
Root.tab.open(me.popupParames.parentOption, false);
|
} else {
|
Root.hidePopup();
|
}
|
});
|
} else {
|
alert("该按键事件缺失！")
|
}
|
},
|
|
uploadsave() { // 全部上传后且需要自动返回附件信息事件
|
var me = this;
|
if (this.popupParames.callback && this.isUploadAndSave) {
|
let obj = {
|
row: this.fileObjList, // 上传的文件信息
|
filetxt: this.form_data, // 文件的识别信息
|
filedbtxt: this.file_dbtxt
|
}
|
this.popupParames.callback(obj, function() {
|
|
});
|
}
|
},
|
|
setIframeHeight() {
|
// console.log('onload事件触发')
|
let iframes = document.getElementsByTagName("iframe");
|
for (let i = 0;i < iframes.length;i++) {
|
iframes[i].height=0;
|
iframes[i].height=iframes[i].contentWindow.document.body.scrollHeight;
|
}
|
},
|
|
uploadOneAfter() { // 每次上传后事件
|
this.uploaded_num++;
|
if (!this.fileList.length) {//单附件上传失败(发票)
|
this.loading_nextStep = false;
|
this.uploade_state = false;
|
this.uploaded_num = 0;
|
}
|
else if (this.uploaded_num == this.fileList.length) { // 已上传全部文件
|
if (this.isUploadAndSave) {
|
this.uploadsave()
|
}
|
this.add_Step = 1;
|
this.loading_nextStep = false; //释放加载按钮
|
}
|
else {
|
this.doSubmitUpload();
|
}
|
},
|
|
beforeAvatarUpload(file) {
|
// auto-upload="false" 时不执行
|
let FileName = file.name;
|
let index1 = FileName.lastIndexOf(".");
|
let index2 = FileName.length;
|
let suffix = FileName.substring(index1, index2).toLowerCase(); //后缀名
|
let isFileType = false;
|
|
const isLt2M = file.size / 1024 / 1024 < 2; //2MB
|
|
if (this.filetypelist.length) {
|
this.filetypelist.map(e=>{
|
if (suffix === e) {
|
isFileType = true;
|
}
|
});
|
}
|
else {//没有设置则默认全部文件可传
|
isFileType = true;
|
}
|
|
if (!isFileType) {
|
this.$message.error('只能上传' + this.filetype + '文件');
|
}
|
|
if (!isLt2M) {
|
this.$message.error('上传文件大小不能超过 2MB!');
|
}
|
return isFileType && isLt2M;
|
},
|
handleExceed(files, fileList) {
|
this.$message.warning(`当前限制选择 1 个文件`);
|
},
|
|
/* 步骤下一步事件 */
|
NextStep() {
|
if (!this.uploade_state) {
|
this.doSubmitUpload();
|
// this.formData.id = '';
|
return;
|
} else if (this.add_Step == 1) {
|
this.saveRowTable();
|
}
|
},
|
|
/* 数据导入事件 */
|
doSubmitUpload() {
|
var file_index = this.uploaded_num
|
this.isOCR = false;
|
if (!this.fileList) {
|
return
|
}
|
this.loading_nextStep = true;
|
// if (this.uploaded_num == this.fileList.length-1) { //最后一个文件上传成功后才放开
|
// this.loading_nextStep = false;
|
// }
|
|
//this.$refs.upload.submit();
|
|
let me = this;
|
let formData = new FormData();
|
var ocrtype = "";
|
if (this.analysistype) {
|
if(this.analysistype == "BizLicense") {//营业执照识别
|
ocrtype = "bizLicense";
|
}
|
else if(this.analysistype == "EnterpriseLicense"){//许可证
|
ocrtype = "enterpriseLicense";
|
}
|
else if(this.analysistype == "bankSlip"){//开票信息
|
ocrtype = "bankSlip";
|
}
|
else if(this.analysistype == "invoiceVerification"){//发票验真
|
ocrtype = "invoiceVerification";
|
}
|
else if (this.analysistype == "invoiceIdentify") { // 发票识别
|
ocrtype = "InvoiceIdentifyAndVerification"
|
}
|
// else if(this.analysistype == "BizYPLicence") {
|
// ocrtype = "parseYPLicence";
|
// }
|
// else if(this.analysistype == "BizGSP") {
|
// ocrtype = "parseGSP";
|
// }
|
}
|
formData.append("oneFile", me.fileList[file_index].raw);
|
if (me.formData.id) {
|
formData.append("id", me.formData.id);
|
}
|
// formData.append("dataName", me.formData.dataName);
|
formData.append("dataname", me.formData.dataName);
|
formData.append("field_fileName", me.formData.fileNamefieldName);//多附件为attachment_id
|
formData.append("field_fileId", me.formData.fileidfieldName);//多附件为空
|
if (me.save_file_path) {
|
formData.append("file_path", me.save_file_path);
|
}
|
if (me.formData.max_size) {
|
formData.append("max_size", me.formData.max_size);
|
}
|
//标识1:418，421这两个不知道啥用处，先不管
|
if (me.formData.apply_type_code) { // 索引不保存到数据库时才有此属性
|
formData.append("apply_type_code", me.formData.apply_type_code);
|
}
|
if (me.formData.apply_dataname) { // 索引不保存到数据库时才有此属性
|
formData.append("apply_dataname", me.formData.apply_dataname);
|
}
|
// formData.append("category", "org");
|
uploadFile(me, formData, result_ => { //执行了result就代表上传成功，上传成功之后需要做一下成功之后的处理
|
me.uploade_state = true; //发票是特殊情况，需要result返回之后才做判断
|
// if (!me.formData.id) {
|
// me.formData.id = result_.data.file.sender_id
|
// me.submitUpload(); //然后重新执行第一次的上传
|
// return ;
|
// }
|
// var id = result_.data.data.upload.indexid;
|
// var file_ = result_.data.data.upload;
|
|
//如果是需要OCR识别的上传， 记录识别的信息
|
if (ocrtype) {
|
me.isOCR = true;
|
var ocr_ = result_.data.ocr;
|
var form_data_ = {};
|
if (ocr_ && ocr_.operator) {
|
if(ocrtype == "InvoiceIdentifyAndVerification"){ // 发票验真
|
// form_data_ = clone(ocr_);
|
var ocr_dataobj = ocr_.invoicelist[0];
|
if (ocr_dataobj.is_bill) { // 是发票（包含作废发票）
|
if (ocr_dataobj.is_distinct && (ocr_dataobj.invoice_status == "normal" || ocr_dataobj.invoice_status == "partialRedOffset")) { // 是唯一使用发票, 并且是未作废发票或部分红冲发票
|
form_data_ = clone(ocr_dataobj)
|
}
|
else {
|
if (!ocr_dataobj.is_distinct) {
|
Root.message({
|
type: 'error',
|
message: '发票已经被上报，不能再次上报'
|
});
|
}
|
else{
|
var cancelMarkMap = {
|
"normal": "正常",
|
"outOfControl": "失控",
|
"invalid": "作废",
|
"redOffset": "红冲",
|
"exceptional": "异常",
|
"abnormal": "非正常",
|
"redInvoice": "红字发票待确认",
|
"partialRedOffset": "部分红冲",
|
"allRedOffsets": "全部红冲"
|
// "N": "未作废",
|
// "Y": "已作废",
|
// "H": "红冲",
|
// "HF": "全额红冲",
|
// "HP": "部分红冲",
|
}
|
|
Root.message({
|
type: 'error',
|
message: '查验为' + cancelMarkMap[ocr_dataobj.invoice_status] + '发票，不能上报'
|
});
|
}
|
|
let param = {
|
dataname: "so_implant_file",
|
id: result_.data.upload.file_index_id
|
}
|
|
Server.call("root/data/deleteEntity", param, function(result) {
|
console.log(result);
|
if (result && result.data) {
|
|
}
|
});
|
me.loading_nextStep = false;
|
me.uploade_state = false;
|
return
|
}
|
}
|
else {
|
|
}
|
}
|
else { // 其他识别信息
|
if (typeof(ocr_.content)=="string") {
|
ocr_.content = JSON.parse(ocr_.content);
|
}
|
for (var k in ocr_.content) {
|
// var v_ = decodeURI(ocr_[k]);
|
var v_ = ocr_.content[k];
|
if ( "string" == typeof v_) {
|
//去除两端的空格
|
v_ = v_.replace(/(^\s*)|(\s*$)/g, "");
|
//去除中间的回车换行
|
v_ = v_.replace(/[\r\n]/g,"");
|
//去除中间所有"
|
v_ = v_.replace(/\"/g,"");
|
}
|
form_data_[k] = v_;
|
}
|
}
|
|
me.form_data = form_data_;
|
}
|
else { //可添加标识来对识别失败的附件进行保存或删除，现在是直接删除
|
me.$message({
|
type:"warning",
|
message:"识别失败" //此处识别失败后就不让进入下一步，一直在转圈，待优化
|
})
|
if (result_.data && result_.data.upload && result_.data.upload.file_index_id) {
|
let param = {
|
dataname: "so_implant_file",
|
id: result_.data.upload.file_index_id
|
}
|
|
Server.call("root/data/deleteEntity", param, function(result) {
|
console.log(result);
|
if (result && result.data) {
|
|
}
|
});
|
}
|
|
me.loading_nextStep = false;
|
me.uploade_state = false;
|
return
|
}
|
}
|
|
// 记录附件信息
|
if (result_.data.upload) { //发票等附件
|
if (me.formData.apply_type_code && me.formData.apply_dataname) { // 索引不保存到数据库时才有此属性
|
var file_dbtxt_ = clone(result_.data.upload.file_list)
|
me.file_dbtxt.push(file_dbtxt_[0])
|
// handleDownload(filepath);
|
me.getFilePreview(file_dbtxt_[0].id, me.fileList[me.uploaded_num], file_dbtxt_[0].file_path);
|
}
|
else {
|
var file_id = result_.data.upload.file_index_id;
|
var file_ = result_.data.upload;
|
me.getFilePreview(file_id, me.fileList[me.uploaded_num]);
|
}
|
}
|
else if (result_.data.file) {
|
if (me.formData.apply_type_code && me.formData.apply_dataname) { // 索引不保存到数据库时才有此属性
|
var file_dbtxt_ = clone(result_.data.file.file_list)
|
me.file_dbtxt.push(file_dbtxt_[0])
|
// handleDownload(filepath);
|
me.getFilePreview(file_dbtxt_[0].id, me.fileList[me.uploaded_num], file_dbtxt_[0].file_path);
|
}
|
else {
|
var file_id = result_.data.file.file_index_id;
|
var file_ = result_.data.file;
|
me.getFilePreview(file_id, me.fileList[me.uploaded_num]);
|
}
|
}
|
}, function() {}, ocrtype, this.upload_multiple);
|
},
|
|
/* 导入时文件状态改变事件*/
|
upload_change(file, fileList) {
|
console.log(file);
|
// //可用第二个替换第一个文件，从尾部截取1个（只拿最后一个）
|
// if (fileList.length == 2) {
|
// const newFileList = fileList.slice(-1);
|
// this.fileList = newFileList;
|
// } //放开限制
|
let length = fileList.length;
|
this.maxFileLength = Math.max(length, this.maxFileLength)
|
// this.upload_file = file; //赋值
|
if (fileList.length > 0) {
|
this.disabled_NextStepLength = false;//完成按钮的disabled值
|
}
|
|
let FileName = file.name;
|
//获取后缀名
|
let index1 = FileName.lastIndexOf(".");
|
let index2 = FileName.length;
|
let suffix = FileName.substring(index1, index2).toLowerCase(); //后缀名
|
|
let isFileType = false;
|
var filenaxsize = this.filenaxsize; //1MB
|
const isLt2M = file.size / 1024 / 1024 < filenaxsize;
|
if (this.filetypelist.length) {
|
this.filetypelist.map(e=>{
|
if (suffix === e) {
|
isFileType = true;
|
}
|
});
|
}
|
else {//没有设置则默认全部文件可传
|
isFileType = true;
|
}
|
|
if (!isFileType) {
|
this.upload_file = null
|
this.$message.error('只能上传' + this.filetype + '文件');
|
this.$refs.upload.handleRemove(file)
|
} else {
|
|
}
|
|
if (!isLt2M) {
|
this.upload_file = null
|
this.$message.error('上传文件大小不能超过'+filenaxsize+'MB!');
|
this.$refs.upload.handleRemove(file)
|
}
|
this.fileList = fileList
|
|
},
|
|
/* 导入时文件成功事件 */
|
// 标识1:该事件未触发
|
upload_change_(response, file, fileList) {
|
console.log(response);
|
this.uploade_state = true;
|
|
// var ids = response.data.data.ids;
|
// this.getFilePreview(ids, file);
|
},
|
|
getFilePreview(file_id, file, filePath) {
|
var me = this;
|
var dataname = me.formData.dataName;
|
var fileObj_ = {
|
id: file_id,
|
name: file.name,
|
sender_id: file.sender_id,
|
dataname: dataname,
|
}
|
let FileName = file.name;
|
let index1 = FileName.lastIndexOf(".");
|
let index2 = FileName.length;
|
let suffix = FileName.substring(index1, index2).toLowerCase(); //后缀名
|
|
// me.fileObjList = [];
|
// 图片预览
|
if (suffix == ".png" || suffix == ".jpg" || suffix == ".jpeg") {
|
this.file_img = true;
|
if (file_id && !filePath) {
|
getDownloadFileUrl(file_id, dataname, function(url) {
|
fileObj_.url = url;
|
me.fileList_img.push(fileObj_)//用作img静态的预览
|
me.fileObjList.push(fileObj_);//img/pdf文件保存
|
|
me.uploadOneAfter()
|
});
|
}
|
else { //
|
getFileByPathUrl(filePath, function(url) {
|
fileObj_.url = url;
|
me.fileList_img.push(fileObj_)//用作img静态的预览
|
me.fileObjList.push(fileObj_);//img/pdf文件保存
|
|
me.uploadOneAfter()
|
}, "AsWord");
|
}
|
}
|
// PDF预览
|
else if (suffix == ".pdf") {
|
me.file_pdf = true;
|
if (file_id) {
|
getDownloadFileUrl(file_id, dataname, function(url) {
|
// me.file_pdf = url;
|
// me.fileList_pdf.push(me.file_pdf)
|
fileObj_.url = url;
|
me.fileList_pdf.push(fileObj_)
|
me.fileObjList.push(fileObj_);
|
|
me.uploadOneAfter()
|
});
|
}
|
else { //
|
getFileByPathUrl(filePath, function(url) {
|
fileObj_.url = url;
|
me.fileList_pdf.push(fileObj_)
|
me.fileObjList.push(fileObj_)
|
|
me.uploadOneAfter()
|
}, "AsWord");
|
}
|
}
|
// 不预览
|
else {
|
me.file_noPreview = true ;
|
me.fileList_noPreview.push(fileObj_)
|
me.fileObjList.push(fileObj_);
|
|
me.uploadOneAfter()
|
}
|
},
|
|
/* getPDF(fileid) {
|
var me =this;
|
getDownloadFileUrlPath(fileid, function(result_) {
|
if (result_.data && result_.data.filepath) {
|
var file_pdf_ = "";
|
var path_ = result_.data.filepath;
|
if (path_.substring(0, 5) == "root/") {
|
file_pdf_ = window.top.RootSetting.url_file + path_.substring(5);
|
}
|
else {
|
file_pdf_ = path_;
|
}
|
if (file_pdf_.indexOf("?") > 0) {
|
file_pdf_ = file_pdf_ + "&" + "t=" + new Date().getTime();
|
}
|
else {
|
file_pdf_ = file_pdf_ + "?" + "t=" + new Date().getTime();
|
}
|
|
me.file_pdf = file_pdf_;
|
|
if (me.filetype == "img") {
|
me.imglist.push(file_pdf_);
|
}
|
}
|
else {
|
me.file_pdf = result_;
|
}
|
|
});
|
}, */
|
|
dosubmitUpload(id) {
|
let me = this;
|
let formData = new FormData()
|
formData.append("id", id);
|
|
if (this.analysistype) {
|
formData.append("type" , me.analysistype);//textCommon
|
uploadFileAnalysis(me.analysistype,me, formData, result_ => {
|
me.uploade_state = true;
|
me.add_Step = 1;
|
me.loading_nextStep = false;
|
if(me.analysistype == "BizLicense") {
|
var form_data_ = {};
|
var retObj_ = result_.data.data.parseresult;
|
if (retObj_.recognizewarncode) {
|
for (var k in retObj_) {
|
var v_ = decodeURI(retObj_[k]);
|
if ( "string" == typeof v_) {
|
//去除两端的空格
|
v_ = v_.replace(/(^\s*)|(\s*$)/g, "");
|
//去除中间的回车换行
|
v_ = v_.replace(/[\r\n]/g,"");
|
//去除中间所有"
|
v_ = v_.replace(/\"/g,"");
|
}
|
form_data_[k] = v_;
|
}
|
}
|
else {
|
me.$message({
|
type:"warning",
|
message:"识别失败"
|
})
|
me.fileObjList = [{
|
url: ""
|
}];
|
me.disabled_NextStepLength = true;
|
}
|
me.form_data = form_data_;
|
|
|
// var zz_map_ = {
|
// "address":"湖南省长沙市望城区丁字湾街道湾田国际木业区三期01栋3-380",
|
// "name":"湖南康道医药有限公司",
|
// "type":"有限责任公司(自然人投资或控股)",
|
// "recognizewarnmsg":[
|
// "WARN_COPY_CARD"
|
// ],
|
// "recognizewarncode":[
|
// -9102
|
// ],
|
// "setdate":"2019年11月01日",
|
// "business":"医疗信息...",
|
// "period":"2019年11月01日至2069年10月31日",
|
// "capital":"伍佰万元整",
|
// "regnum":"91430112MA4QX14KX2",
|
// "person":"刘杰",
|
// "composingform":"",
|
// "result":null,
|
// "requestid":"e015216c690344b6acfaf9c0cd0ed047"
|
// /*
|
// 单位名称: {words: "浙江金益医药有限公司有限责任公司(非自然人投资或控股的法人独资)", location: {…}}
|
// 地址: {words: "金华市金东区金园路39号", location: {…}}
|
// 实收资本: {words: "无", location: {…}}
|
// 成立日期: {words: "2006年07月07日", location: {…}}
|
// 有效期: {words: "2026年07月06日", location: {…}}
|
// 法人: {words: "郭佳奕", location: {…}}
|
// 注册资本: {words: "500万元", location: {…}}
|
// 登记机关: {words: "无", location: {…}}
|
// 社会信用代码: {words: "91330703790971767X", location: {…}}
|
// 税务登记号: {words: "无", location: {…}}
|
// 类型: {words: "无", location: {…}}
|
// 组成形式: {words: "无", location: {…}}
|
// 经营范围: {words: "中成药、中药材、中药饮片、化学原料药及其制剂、抗生素原料药及其制剂、生化药品、生物制品、蛋白同化制剂…器材批发、零售:服镜验光、配镜:体车服务。(依法须经批准的项目,经相关部门批准后方可开展经营活动)", location: {…}}
|
// 证件编号: {words: "无", location: {…}}
|
// [[Prototype]]: Obj */
|
// }
|
|
}else if(me.analysistype == "BizYPLicence"){
|
var form_data_ = {};
|
var retObj_ = {};
|
if (
|
result_.data &&
|
result_.data.data &&
|
result_.data.data.parseresult &&
|
result_.data.data.parseresult.result &&
|
result_.data.data.parseresult.result.map &&
|
result_.data.data.parseresult.result.map.words_result
|
) {
|
retObj_ = result_.data.data.parseresult.result.map.words_result.map;
|
for (var k in retObj_) {
|
var v_ = decodeURI(retObj_[k]);
|
if ( "string" == typeof v_) {
|
//去除两端的空格
|
v_ = v_.replace(/(^\s*)|(\s*$)/g, "");
|
//去除中间的回车换行
|
v_ = v_.replace(/[\r\n]/g,"");
|
//去除中间所有"
|
v_ = v_.replace(/\"/g,"");
|
}
|
|
if (k == "InvoiceDate") {
|
v_ = v_.replace("年", "-");
|
v_ = v_.replace("月", "-");
|
v_ = v_.replace("日", "");
|
if(v_ == '--'){
|
v_ = "";
|
}
|
}
|
|
if (k == "InvoiceType" && v_ == "#") {
|
v_ = "";
|
}
|
|
form_data_[k] = v_;
|
}
|
|
me.form_data_invoice = clone(form_data_);
|
}
|
else {
|
me.$message({
|
type:"warning",
|
message:"识别失败"
|
})
|
me.fileObjList = [{
|
url: ""
|
}];
|
me.disabled_NextStepLength = true;
|
}
|
|
me.form_data = form_data_;
|
|
}
|
})
|
}
|
},
|
|
setFormfieldClick() {
|
var me = this;
|
//表单字段事件设置
|
this.formfieldClick = {
|
InvoiceType: {//字段事件设置
|
select: {
|
onchange: function(obj) {//下拉展开事件
|
me.form_data.InvoiceType = clone(obj.selectoption.name);
|
}
|
},
|
input: {
|
onchange: function(obj) {//输入更改事件
|
|
}
|
},
|
},
|
|
};
|
},
|
|
checkInvoiceByform() {
|
checkInvoice(this.form_data_invoice, function(data){
|
console.log(data);
|
Root.message({
|
type: 'success',
|
message: '验证发票是真'
|
});
|
|
// if (data.success) {
|
// Root.message({
|
// type: 'success',
|
// message: '验证发票是真'
|
// });
|
// }
|
// else {
|
// Root.message({
|
// type: 'error',
|
// message: '验证发票是假'
|
// });
|
// }
|
|
})
|
},
|
|
/* 导入时文件失败事件 */
|
upload_error(err, file, fileList) {
|
console.log(err);
|
this.loading_nextStep = false;
|
this.messagelist = ['上传请求失败'];
|
clearTimeout(this.timer);
|
this.$message({
|
message: '上传请求失败',
|
type: 'warning'
|
});
|
},
|
|
}
|
});
|
};
|
|
loadJsCss(function () {
|
initVue();
|
});
|
</script>
|
|
<style>
|
[v-cloak] {
|
display: none !important;
|
}
|
|
.el-input__inner {
|
padding: 0 2px;
|
}
|
|
.el-dialog__body {
|
padding: 0px 30px;
|
overflow-y: auto;
|
}
|
.per60 .el-progress-bar__inner {
|
background-color: unset !important;
|
background-image: linear-gradient(to right, #a33e3e, #da1f1f) !important;
|
}
|
.per80 .el-progress-bar__inner {
|
background-color: unset !important;
|
background-image: linear-gradient(to right, #cbce28,#e6a23c) !important;
|
}
|
.per100 .el-progress-bar__inner {
|
background-color: unset !important;
|
background-image: linear-gradient(to right, #6dd6f8, #21d61b) !important;
|
}
|
</style>
|
|
</body>
|
</html>
|
