| | |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="报销单号" prop="bh"> |
| | | <el-input v-model="form.bh" :disabled="true" placeholder="报销单号" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="申请日期" prop="applyTime"> |
| | | <el-date-picker clearable :disabled="true" style="width: 100%" v-model="form.applyTime" type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" placeholder="日 期"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="所属组别" prop="deptmentname"> |
| | | <el-input v-model="form.deptmentname" placeholder="请输入所属组别" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="组长" prop="managername"> |
| | | <el-input v-model="form.managername" placeholder="请输入组长" clearable /> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="form.phone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | }}</el-radio> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="5"> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="form.phone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="捐献者" prop="name"> |
| | | <el-input :disabled="true" v-model="form.donorname" placeholder="请输入捐献者姓名" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5" v-if="ismanager == true"> |
| | | <el-form-item label="申请金额" prop="pretaxcost"> |
| | | <el-input v-model="form.pretaxcost" placeholder="税前金额合计" :disabled="true" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="所属组别" prop="deptmentname"> |
| | | <el-input v-model="form.deptmentname" placeholder="请输入所属组别" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="组长" prop="managername"> |
| | | <el-input v-model="form.managername" placeholder="请输入组长" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="text-align: left"> |
| | | <el-col :span="8"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="捐献案例" prop="name"> |
| | | <el-input :disabled="true" v-model="form.donorname" placeholder="请输入捐献者姓名" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="申请说明" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="申请说明" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <!-- |
| | | <el-col :span="5"> |
| | | <el-form-item label="申请状态" prop="recordstatus"> |
| | |
| | | <el-button type="primary" icon="el-icon-download" size="small" @click="Batchentry">批量录入专家</el-button> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3" v-if="userprofile.nickName == '陈慕华' && (businessType == '1' || businessType == '2')"> |
| | | <el-col :span="3" v-if="userprofile.nickName == '陈慕华' && |
| | | (businessType == '1' || businessType == '2') |
| | | "> |
| | | <div style="margin-bottom: 15px;"> |
| | | <el-button type="success" icon="el-icon-edit-outline" size="small" |
| | | @click="Manualcalculationfn">计算个税</el-button> |
| | |
| | | <el-input v-model="scope.row.amount" placeholder="金额" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="taxamount" align="center" label="扣税金额" width="120" |
| | | v-if="(ismanager == true) && (businessType == '1' || businessType == '2')"> |
| | | <el-table-column prop="taxamount" align="center" label="扣税金额" width="120" v-if="ismanager == true && |
| | | (businessType == '1' || businessType == '2') |
| | | "> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.taxamount" placeholder="扣税金额" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="taxedamount" align="center" label="税后金额" width="120" |
| | | v-if="(ismanager == true) && (businessType == '1' || businessType == '2')"> |
| | | <el-table-column prop="taxedamount" align="center" label="税后金额" width="120" v-if="ismanager == true && |
| | | (businessType == '1' || businessType == '2') |
| | | "> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.taxedamount" placeholder="税后金额" /> |
| | | </template> |
| | |
| | | width="200"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="primary" plain @click="showSelectionDialog(scope, 'account')">{{ |
| | | scope.row.beneficiaryname ? scope.row.beneficiaryname : "点击选择" }}</el-button> |
| | | scope.row.beneficiaryname |
| | | ? scope.row.beneficiaryname |
| | | : "点击选择" |
| | | }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unitno" align="center" label="专家所在单位" width="250" |
| | |
| | | v-if="businessType == '1' || businessType == '2'"> |
| | | <template slot-scope="scope"> |
| | | <el-form-item label-width="0"> |
| | | <el-input :disabled="userprofile.nickName != '陈慕华' |
| | | " v-model.number="scope.row.idcardno" @input="tableParValueChange1(scope.row)" |
| | | placeholder="身份证号" /> |
| | | <el-input :disabled="userprofile.nickName != '陈慕华'" v-model.number="scope.row.idcardno" |
| | | @input="tableParValueChange1(scope.row)" placeholder="身份证号" /> |
| | | </el-form-item> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="bankcardno" align="center" label="银行帐号" width="210"> |
| | | <template slot-scope="scope"> |
| | | <el-input :disabled="userprofile.nickName != '陈慕华' |
| | | " v-model="scope.row.bankcardno" placeholder="银行帐号" /> |
| | | <el-input :disabled="userprofile.nickName != '陈慕华'" v-model="scope.row.bankcardno" placeholder="银行帐号" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="itemdescrisca" align="center" width="330" label="项目说明"> |
| | |
| | | <el-row style="margin-top: 25px; margin-bottom: 5px" |
| | | v-if="operationType == 'check' && userprofile.nickName == '陈慕华'"> |
| | | <el-col :span="20"> |
| | | <el-form-item label="申请材料状态" prop="infoid"> |
| | | <el-form-item label="预审材料" prop="infoid"> |
| | | <el-radio-group v-model="form.checkstatus" align="left"> |
| | | <el-radio :label="1">待申请材料</el-radio> |
| | | <el-radio :label="2">审核通过等待邮寄纸质材料</el-radio> |
| | |
| | | <el-form-item label="账户名称" prop="accountname"> |
| | | <el-select filterable allow-create ref="accountname" default-first-option |
| | | v-model="accountselectform.accountname" placeholder="请选择" style="width: 100%"> |
| | | <el-option v-for="item in accountlist" :key="item.id" :label="item.username" :value="item.username"> |
| | | <el-option v-for="item in accountlist" :key="item.id" :label="item.userid" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-form-item label="新增类型" prop="usertype" class="left-align"> |
| | | <el-radio-group v-model="accountselectform.usertype" style="margin-bottom: 0" |
| | | @change="userTypeChange(accountselectform.usertype)"> |
| | | <el-radio label="expert">专家账号</el-radio> |
| | | <el-radio label="org">单位账号</el-radio> |
| | | <el-radio label="donor">捐献者亲属账号</el-radio> |
| | | <el-radio label="expert">专家账户</el-radio> |
| | | <el-radio label="org">单位账户</el-radio> |
| | | <el-radio label="donor">捐献者亲属账户</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="selectionType == 'account' && accountfrom == '2'"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="账号名称" prop="username"> |
| | | <el-form-item label="账户名称" prop="username"> |
| | | <el-input v-model="accountselectform.username" placeholder="请输入单位名称,或专家姓名,或其他账号" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="selectionType == 'account' && accountfrom == '2' && accountselectform.usertype != 'org'"> |
| | | <el-row v-if="selectionType == 'account' && |
| | | accountfrom == '2' && |
| | | accountselectform.usertype != 'org' |
| | | "> |
| | | <el-col :span="12"> |
| | | <el-form-item label="身份证号" prop="idcardno"> |
| | | <el-input v-model="accountselectform.idcardno" placeholder="请输入身份证号" /> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="selectionType == 'account' && accountfrom == '2' && accountselectform.usertype == 'expert'"> |
| | | <el-row v-if="selectionType == 'account' && |
| | | accountfrom == '2' && |
| | | accountselectform.usertype == 'expert' |
| | | "> |
| | | <el-col> |
| | | <el-form-item label="所在单位" prop="unitno"> |
| | | <el-select v-model="accountselectform.unitno" placeholder="单位名称" clearable filterable allow-create |
| | |
| | | |
| | | <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin"> |
| | | <!-- <img :src="pdfimg" /> --> |
| | | <el-image style="width: 95%; height: 90%" :src="pdfimg" :preview-src-list="pdfimgsrcList"> |
| | | <el-image style="width: 95%; height: 90%" @error="handleImageError" @load="handleImageLoad" :src="pdfimg" |
| | | :preview-src-list="pdfimgsrcList"> |
| | | <!-- <div slot="error" class="image-slot"> |
| | | <i class="el-icon-picture-outline"></i> |
| | | </div> --> |
| | |
| | | |
| | | <div v-if="this.previewpdf && invoicepdfimgsrcList.length" class="pdfimgmin"> |
| | | <!-- <img :src="pdfimg" /> --> |
| | | <el-image style="width: 95%; height: 90%" :src="invoicepdfimg" :preview-src-list="invoicepdfimgsrcList"> |
| | | <el-image style="width: 95%; height: 90%" @error="handleImageError" @load="handleImageLoad" |
| | | :src="invoicepdfimg" :preview-src-list="invoicepdfimgsrcList"> |
| | | <!-- <div slot="error" class="image-slot"> |
| | | <i class="el-icon-picture-outline"></i> |
| | | </div> --> |
| | |
| | | addExternalperson, |
| | | updateExternalperson, |
| | | exportExternalperson, |
| | | getOnlyCode, |
| | | getOnlyCode |
| | | } from "@/api/project/externalperson"; |
| | | |
| | | import { listItemexpense } from "@/api/project/itemexpense"; |
| | |
| | | businessName: "", |
| | | //操作类型 |
| | | operationType: "", |
| | | |
| | | Loadornot: false, |
| | | //当前单据id |
| | | curId: 0, |
| | | //当前选中捐献案例 |
| | |
| | | |
| | | // 表单校验 |
| | | rules: { |
| | | reason: [{ required: true, message: "请输入出差事由", trigger: "blur" }], |
| | | deptmentname: [{ required: true, message: "请输入所属业务组", trigger: "blur" }] |
| | | reason: [ |
| | | { required: true, message: "请输入出差事由", trigger: "blur" } |
| | | ], |
| | | deptmentname: [ |
| | | { required: true, message: "请输入所属业务组", trigger: "blur" } |
| | | ] |
| | | }, |
| | | |
| | | dialogrules: { |
| | | usertype: [{ required: true, message: "请输入账户类型", trigger: "blur" }], |
| | | username: [{ required: true, message: "请输入账户名称", trigger: "blur" }], |
| | | idcardno: [{ required: true, message: "请输入身份账号", trigger: "blur" }], |
| | | usertype: [ |
| | | { required: true, message: "请输入账户类型", trigger: "blur" } |
| | | ], |
| | | username: [ |
| | | { required: true, message: "请输入账户名称", trigger: "blur" } |
| | | ], |
| | | idcardno: [ |
| | | { required: true, message: "请输入身份账号", trigger: "blur" } |
| | | ], |
| | | //idcardno: [{ validator: validatePass, trigger: "blur" }], |
| | | depositbank: [{ required: true, message: "请输入开户银行", trigger: "change" }], |
| | | bankcardno: [{ required: true, message: "请输入银行卡号", trigger: "change" }], |
| | | depositbank: [ |
| | | { required: true, message: "请输入开户银行", trigger: "change" } |
| | | ], |
| | | bankcardno: [ |
| | | { required: true, message: "请输入银行卡号", trigger: "change" } |
| | | ] |
| | | }, |
| | | |
| | | accountselectform: { |
| | |
| | | // 查询最新序号参数 |
| | | seqnoParams: { |
| | | businessType: "externalperson", |
| | | datequery: false, |
| | | datequery: false |
| | | }, |
| | | |
| | | //计算个税参数 |
| | |
| | | activeName: 1, //文件类型 |
| | | //上传附件路径 |
| | | uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", |
| | | ICDtoken: getToken(), |
| | | //文件上传token |
| | | headers: { |
| | | Authorization: "Bearer " + getToken() |
| | |
| | | //业务明细 |
| | | getownFundDetail(this.curId).then(res => { |
| | | this.rbDetails = res.data; |
| | | |
| | | |
| | | for (let m = 0; m < this.rbDetails.length; m++) { |
| | | this.rbDetails[m].itemlist = []; |
| | | this.getRowFeeItems(m, this.rbDetails[m]); |
| | |
| | | } else { |
| | | this.form.recordstatus = -1; |
| | | var currenttime = new Date(); |
| | | this.form.applyTime = currenttime.getFullYear() + "-" + (currenttime.getMonth() + 1) + "-" + currenttime.getDate() + " " + currenttime.getHours() + ":" + currenttime.getMinutes() + ":" + currenttime.getSeconds(); |
| | | this.form.applyTime = |
| | | currenttime.getFullYear() + |
| | | "-" + |
| | | (currenttime.getMonth() + 1) + |
| | | "-" + |
| | | currenttime.getDate() + |
| | | " " + |
| | | currenttime.getHours() + |
| | | ":" + |
| | | currenttime.getMinutes() + |
| | | ":" + |
| | | currenttime.getSeconds(); |
| | | |
| | | // addorupdateFund(this.form).then((response) => { |
| | | // if (response.code === 200) { |
| | |
| | | //检查是否收到纸质材料 |
| | | if (this.checkObj.flowlevelone == 2) { |
| | | if (!this.checkObj.flowconclusion) { |
| | | this.$modal.msgError("请输入审核不通过的说明信息,方便经办人修改申请单!"); |
| | | this.$modal.msgError( |
| | | "请输入审核不通过的说明信息,方便经办人修改申请单!" |
| | | ); |
| | | return; |
| | | } |
| | | } |
| | | else if (this.checkObj.flowlevelone == 2) { |
| | | } else if (this.checkObj.flowlevelone == 1) { |
| | | if (this.userprofile.nickName == "陈慕华") { |
| | | //检查是否收到纸质材料 |
| | | if (this.form.checkstatus != 3 && this.checkObj.flowlevelone == 1) { |
| | | this.$modal.msgError("请确认报销的纸质材料已经收到!"); |
| | | if (this.form.checkstatus != 3) { |
| | | this.$modal.msgError("请先确认报销的纸质材料是否已经收到!"); |
| | | return; |
| | | } |
| | | |
| | | //检查个税计算 |
| | | if (this.form.applytype == "1" && this.form.fundtaxtime == null) { |
| | | this.$modal.msgError("提交专家费用申请单审核,需要先完成个税计算!"); |
| | | this.$modal.msgError( |
| | | "请先完成专家费用的个税计算后,再提交审核通过!" |
| | | ); |
| | | return; |
| | | } |
| | | } |
| | | } |
| | | else { |
| | | } else { |
| | | this.$modal.msgError("请先选择审批结果再提交!"); |
| | | return; |
| | | } |
| | |
| | | this.form.deptmentno = this.userprofile.dept.deptId; |
| | | this.form.managername = this.userprofile.dept.leader; |
| | | this.form.phone = this.userprofile.phonenumber; |
| | | // this.form.applytype = this.businessType; |
| | | // this.form.applytype = this.businessType; |
| | | |
| | | if (this.businessType == "4") { |
| | | this.getUserAccount(); |
| | |
| | | //获取专家、单位机构的账户列表 |
| | | getAccountList() { |
| | | listExternalperson().then(res => { |
| | | this.accountlist = res.rows; |
| | | // this.accountlist = res.rows; |
| | | //获取启用的账户列表 |
| | | for (let j = 0; j < res.length; j++) { |
| | | for (let j = 0; j < res.rows.length; j++) { |
| | | //单位账号列表 |
| | | if (res.userstatus == "1") { |
| | | this.accountlist.push({ |
| | | id: res.id, |
| | | userno: res.userno, |
| | | username: res.username, |
| | | idcardno: res.idcardno, |
| | | title: res.title, |
| | | depositbank: res.depositbank, |
| | | bankcardno: res.bankcardno, |
| | | unitno: res.unitno, |
| | | unitname: res.unitname |
| | | }); |
| | | if (res.rows[j].userstatus == "1") { |
| | | if (res.rows[j].usertype == "org") { |
| | | this.accountlist.push({ |
| | | id: res.rows[j].id, |
| | | userno: res.rows[j].userno, |
| | | username: res.rows[j].username, |
| | | idcardno: res.rows[j].idcardno, |
| | | title: res.rows[j].title, |
| | | depositbank: res.rows[j].depositbank, |
| | | bankcardno: res.rows[j].bankcardno, |
| | | unitno: res.rows[j].unitno, |
| | | unitname: res.rows[j].unitname, |
| | | userid: res.rows[j].username |
| | | }); |
| | | } |
| | | else { |
| | | this.accountlist.push({ |
| | | id: res.rows[j].id, |
| | | userno: res.rows[j].userno, |
| | | username: res.rows[j].username, |
| | | idcardno: res.rows[j].idcardno, |
| | | title: res.rows[j].title, |
| | | depositbank: res.rows[j].depositbank, |
| | | bankcardno: res.rows[j].bankcardno, |
| | | unitno: res.rows[j].unitno, |
| | | unitname: res.rows[j].unitname, |
| | | userid: res.rows[j].username + '(' + res.rows[j].idcardno + ')' |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | }); |
| | |
| | | |
| | | //获取服务项目 |
| | | getRowFeeItems(rowindex, row) { |
| | | let list = this.feeItemTypes.filter(r => r.itemType == row.applytype); |
| | | let list = this.feeItemTypes.filter(r => r.itemType == row.applytype); |
| | | row.itemlist = list[0].itemDetails; |
| | | this.$set(this.rbDetails, rowindex, row); |
| | | }, |
| | |
| | | rowfeeblocks: [], |
| | | annexfiles: null |
| | | }; |
| | | // if (this.Reminderquantity >= 5) { |
| | | // this.Savereminder = true; |
| | | // return; |
| | | // } |
| | | if (rowIndex == undefined || rowIndex == null || rowIndex < 0) { |
| | | this.rbDetails.push(rowData); |
| | | } else { |
| | |
| | | totalprint(e) { |
| | | // const id =this.row.id |
| | | getdownloadBX(e).then(res => { |
| | | if (res.downloadUrl) { |
| | | var fileUrl = res; |
| | | //获取当前网址 |
| | | var urlBase = process.env.VUE_APP_BASE_API; |
| | | var curWWWPath = window.document.location.href; |
| | | var pos = curWWWPath.indexOf(window.document.location.pathname); |
| | | // 创建a标签 |
| | | var aEle = document.createElement("a"); |
| | | aEle.href = |
| | | curWWWPath.substring(0, pos) + urlBase + fileUrl["downloadUrl"]; |
| | | aEle.click(); |
| | | this.$alert("下载成功", "提示", { |
| | | confirmButtonText: "确定", |
| | | type: "success" |
| | | var fileUrl = res; |
| | | //获取当前网址 |
| | | var urlBase = process.env.VUE_APP_BASE_API; |
| | | var curWWWPath = window.document.location.href; |
| | | var pos = curWWWPath.indexOf(window.document.location.pathname); |
| | | // 创建a标签 |
| | | var aEle = document.createElement("a"); |
| | | aEle.href = |
| | | curWWWPath.substring(0, pos) + urlBase + fileUrl["downloadUrl"]; |
| | | console.log(aEle.href); |
| | | // 添加Authorization头部 |
| | | fetch(aEle.href, { |
| | | headers: this.headers |
| | | }) |
| | | .then(response => { |
| | | // 将文件下载链接作为blob对象进行下载 |
| | | return response.blob(); |
| | | }) |
| | | .then(blob => { |
| | | const url = window.URL.createObjectURL(new Blob([blob])); |
| | | console.log(url); |
| | | const link = document.createElement("a"); |
| | | link.href = url; |
| | | const name = fileUrl["downloadName"]; |
| | | link.setAttribute("download", name); // 替换file.pdf为实际的文件名 |
| | | document.body.appendChild(link); |
| | | link.click(); |
| | | link.parentNode.removeChild(link); |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | //文件上传 |
| | | handleImageError(e) { |
| | | // 加载失败 |
| | | }, |
| | | handleImageLoad(e) { |
| | | // 图片加载成功时执行的操作 |
| | | console.log("Image loaded successfully"); |
| | | }, |
| | | handleUploadError() { }, |
| | | remove(file, fileList) { |
| | | const rbDetails = [...this.rbDetails]; |
| | |
| | | |
| | | uploadSccess(response, file, fileList) { |
| | | this.rbDetails; |
| | | const config = { |
| | | headers: { Authorization: "Bearer " + this.ICDtoken } |
| | | }; |
| | | const pdfimg = this.Networkheader + "/prod-api" + response.fileName; |
| | | //获取票据信息位置 |
| | | if (this.activeName == 1) { |
| | | if (response.code == 200) { |
| | | // this.form.filename = file.raw.name; |
| | | this.previewpdf = true; |
| | | |
| | | fetch(pdfimg, config) |
| | | .then(response => response.blob()) |
| | | .then(blob => { |
| | | // 将获取的数据流转换为URL |
| | | this.pdfimg = URL.createObjectURL(blob); |
| | | this.pdfimgsrcList.push(URL.createObjectURL(blob)); |
| | | this.fileListto.push({ |
| | | name: file.name, |
| | | url: URL.createObjectURL(blob) |
| | | }); |
| | | }) |
| | | .catch(error => { |
| | | console.error("Error loading image", error); |
| | | return; |
| | | }); |
| | | |
| | | this.$modal.msgSuccess(response.msg); |
| | | this.fileListto.push({ |
| | | |
| | | console.log(this.fileListto, "新增后"); |
| | | if (!this.rbDetails[this.atpresent].annexfilesList) { |
| | | this.rbDetails[this.atpresent].annexfilesList = []; |
| | | } |
| | | this.rbDetails[this.atpresent].annexfilesList.push({ |
| | | name: file.name, |
| | | url: response.fileName |
| | | }); |
| | | this.pdfimgsrcList.push( |
| | | this.Networkheader + "/prod-api" + response.fileName |
| | | ); |
| | | this.pdftitle = "共" + this.pdfimgsrcList.length + "项"; |
| | | this.pdfimg = this.Networkheader + "/prod-api" + response.fileName; |
| | | this.rbDetails[this.atpresent].annexfilesList = this.fileListto; |
| | | } else { |
| | | console.log(response.msg); |
| | | } |
| | | } else { |
| | | if (response.code == 200) { |
| | | this.previewpdf = true; |
| | | fetch(pdfimg, config) |
| | | .then(response => response.blob()) |
| | | .then(blob => { |
| | | // 将获取的数据流转换为URL |
| | | this.invoicepdfimg = URL.createObjectURL(blob); |
| | | this.invoicepdfimgsrcList.push(URL.createObjectURL(blob)); |
| | | this.invoicefileListto.push({ |
| | | name: file.name, |
| | | url: URL.createObjectURL(blob) |
| | | }); |
| | | }) |
| | | .catch(error => { |
| | | console.error("Error loading image", error); |
| | | return; |
| | | }); |
| | | |
| | | this.$modal.msgSuccess(response.msg); |
| | | this.invoicefileListto.push({ |
| | | |
| | | console.log(this.invoicefileListto, "新增后"); |
| | | if (!this.rbDetails[this.atpresent].invoicefilesList) { |
| | | this.rbDetails[this.atpresent].invoicefilesList = []; |
| | | } |
| | | this.rbDetails[this.atpresent].invoicefilesList.push({ |
| | | name: file.name, |
| | | url: response.fileName |
| | | }); |
| | | this.invoicepdfimgsrcList.push( |
| | | this.Networkheader + "/prod-api" + response.fileName |
| | | ); |
| | | this.pdftitle = "共" + this.invoicepdfimgsrcList.length + "项"; |
| | | this.pdfimg = this.Networkheader + "/prod-api" + response.fileName; |
| | | this.rbDetails[ |
| | | this.atpresent |
| | | ].invoicefilesList = this.invoicefileListto; |
| | | } else { |
| | | } |
| | | } |
| | | }, |
| | | |
| | | // 点击票据 |
| | | Filepopup(index, rows, row) { |
| | | const config = { |
| | | headers: { Authorization: "Bearer " + this.ICDtoken } |
| | | }; |
| | | |
| | | this.tableDatatop = []; |
| | | this.fileListto = []; |
| | | this.invoicefileListto = []; |
| | | this.pdfimg = ''; |
| | | this.invoicepdfimg = []; |
| | | this.pdfimgsrcList = []; |
| | | this.invoDatatop = []; |
| | | this.invoicepdfimgsrcList = []; |
| | | this.invoDatatop.push(row); |
| | | this.tableDatatop.push(row); |
| | | this.atpresent = index; |
| | | this.pdfVisible = true; |
| | | console.log(this.fileListto, "this.fileListto"); |
| | | console.log(this.invoicefileListto, "this.invoicefileListto"); |
| | | if (this.rbDetails[index].annexfilesList) { |
| | | this.previewpdf = true; |
| | | this.fileListto = this.rbDetails[index].annexfilesList; |
| | | this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url; |
| | | this.fileListto.forEach(item => { |
| | | this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url); |
| | | this.rbDetails[index].annexfilesList.forEach((value, indexson) => { |
| | | const pdfimg = this.Networkheader + "/prod-api" + value.url; |
| | | fetch(pdfimg, config) |
| | | .then(response => response.blob()) |
| | | .then(blob => { |
| | | // 将获取的数据流转换为URL |
| | | this.fileListto.push({ |
| | | name: value.name, |
| | | url: URL.createObjectURL(blob) |
| | | }); |
| | | if (this.fileListto.length == 1) { |
| | | this.pdfimg = URL.createObjectURL(blob); |
| | | } |
| | | this.pdfimgsrcList.push(URL.createObjectURL(blob)); |
| | | }) |
| | | .catch(error => { |
| | | console.error("Error loading image", error); |
| | | return; |
| | | }); |
| | | }); |
| | | this.previewpdf = true; |
| | | } else { |
| | | this.fileListto = []; |
| | | this.pdfimg = ""; |
| | | this.pdftitle = ""; |
| | | } |
| | | // -发票文件 |
| | | //发票 |
| | | if (this.rbDetails[index].invoicefilesList) { |
| | | this.previewpdf = true; |
| | | this.invoicefileListto = this.rbDetails[index].invoicefilesList; |
| | | this.invoicepdfimg = |
| | | this.Networkheader + "/prod-api" + this.invoicefileListto[0].url; |
| | | this.invoicefileListto.forEach(item => { |
| | | this.invoicepdfimgsrcList.push( |
| | | this.Networkheader + "/prod-api" + item.url |
| | | ); |
| | | this.rbDetails[index].invoicefilesList.forEach((value, indexson) => { |
| | | const pdfimg = this.Networkheader + "/prod-api" + value.url; |
| | | fetch(pdfimg, config) |
| | | .then(response => response.blob()) |
| | | .then(blob => { |
| | | // 将获取的数据流转换为URL |
| | | this.invoicefileListto.push({ |
| | | name: value.name, |
| | | url: URL.createObjectURL(blob) |
| | | }); |
| | | if (this.invoicefileListto.length == 1) { |
| | | this.invoicepdfimg = URL.createObjectURL(blob); |
| | | } |
| | | this.invoicepdfimgsrcList.push(URL.createObjectURL(blob)); |
| | | }) |
| | | .catch(error => { |
| | | console.error("Error loading image", error); |
| | | return; |
| | | }); |
| | | }); |
| | | this.previewpdf = true; |
| | | } else { |
| | | this.invoicefileListto = []; |
| | | this.invoicepdfimg = ""; |
| | |
| | | this.previewpdf = false; |
| | | this.hintitle = "当前文件暂不支持预览"; |
| | | } else if (name[1] == "jpg" || "png") { |
| | | console.log(item, "展示"); |
| | | this.previewpdf = true; |
| | | if (item.url) { |
| | | this.pdfimg = this.Networkheader + "/prod-api" + item.url; |
| | | this.pdfimg = item.url; |
| | | } else { |
| | | this.pdfimg = this.Networkheader + "/prod-api" + item.response.url; |
| | | this.pdfimg = ""; |
| | | } |
| | | } else { |
| | | this.hintitle = "当前文件暂不支持预览"; |
| | |
| | | } else if (name[1] == "jpg" || "png") { |
| | | this.previewpdf = true; |
| | | if (item.url) { |
| | | this.invoicepdfimg = this.Networkheader + "/prod-api" + item.url; |
| | | this.invoicepdfimg = item.url; |
| | | } else { |
| | | this.invoicepdfimg = |
| | | this.Networkheader + "/prod-api" + item.response.url; |
| | | this.invoicepdfimg = ""; |
| | | } |
| | | } else { |
| | | this.hintitle = "当前文件暂不支持预览"; |
| | |
| | | }, |
| | | // 点击删除 |
| | | deletedowfile(row) { |
| | | console.log(row); |
| | | let indexvalue = ""; |
| | | if (this.activeName == 1) { |
| | | const indexlist = this.getIndexInArray( |
| | | this.pdfimgsrcList, |
| | | this.Networkheader + "/prod-api" + row.url |
| | | ); |
| | | const indexlist = this.getIndexInArray(this.pdfimgsrcList, row.url); |
| | | this.pdfimgsrcList.splice(indexlist, 1); |
| | | const index = this.getIndexInArray(this.fileListto, row); |
| | | this.fileListto.splice(index, 1); |
| | | console.log(this.rbDetails[this.atpresent].annexfilesList); |
| | | indexvalue = this.rbDetails[this.atpresent].annexfilesList.find( |
| | | (item, index) => { |
| | | return item.name == row.name; |
| | | } |
| | | ); |
| | | console.log(indexvalue, "删除索引"); |
| | | this.rbDetails[this.atpresent].annexfilesList.splice(indexvalue, 1); |
| | | } else { |
| | | const indexlist = this.getIndexInArray( |
| | | this.invoicepdfimgsrcList, |
| | | this.Networkheader + "/prod-api" + row.url |
| | | row.url |
| | | ); |
| | | this.invoicepdfimgsrcList.splice(indexlist, 1); |
| | | const index = this.getIndexInArray(this.invoicefileListto, row); |
| | | this.invoicefileListto.splice(index, 1); |
| | | console.log(this.rbDetails[this.atpresent].invoicefilesList); |
| | | indexvalue = this.rbDetails[this.atpresent].invoicefilesList.find( |
| | | (item, index) => { |
| | | return item.name == row.name; |
| | | } |
| | | ); |
| | | console.log(indexvalue, "删除索引"); |
| | | this.rbDetails[this.atpresent].invoicefilesList.splice(indexvalue, 1); |
| | | } |
| | | }, |
| | | // 点击上移 |
| | |
| | | this.invoicefileListto.splice(index - 1, 0, item); // 将item插入到索引位置的前一位 |
| | | } |
| | | }, |
| | | Downloadfile(row) { |
| | | window.location.href = this.Networkheader + "/prod-api" + row.url; |
| | | Downloadfile(row) { |
| | | window.location.href = row.url; |
| | | }, |
| | | |
| | | //专家/医疗机构/费用报销机构选择 |
| | |
| | | if (this.selectionType == "account") { |
| | | //默认从账户库选择:1,账户库;2,新建账户 |
| | | this.accountfrom = "1"; |
| | | this.accountselectform.accountname = scope.row.beneficiaryname; |
| | | if (scope.row.idcardno == undefined || scope.row.idcardno == null) { |
| | | this.accountselectform.accountname = scope.row.beneficiaryname; |
| | | } |
| | | else { |
| | | this.accountselectform.accountname = scope.row.beneficiaryname + '(' + scope.row.idcardno + ')'; |
| | | } |
| | | this.accountselectform.accountno = scope.row.beneficiaryno; |
| | | this.accountselectform.expertunitname = ""; |
| | | this.accountselectform.expertunitno = ""; |
| | | |
| | | this.accountselectform.username = ''; |
| | | this.accountselectform.userno = ''; |
| | | this.accountselectform.username = ""; |
| | | this.accountselectform.userno = ""; |
| | | this.accountselectform.idcardno = ""; |
| | | this.accountselectform.telephone = ""; |
| | | this.accountselectform.title = ""; |
| | |
| | | if (this.selectionType == "account") { |
| | | if (this.accountfrom == "1") { |
| | | //赋值信息 |
| | | if (this.rbDetails[tempIndex].beneficiaryname != this.accountselectform.accountname) { |
| | | if (this.rbDetails[tempIndex].userno != this.accountselectform.userno) { |
| | | this.accountlist.map(res => { |
| | | if (res.username == this.accountselectform.accountname) { |
| | | if (res.id == this.accountselectform.accountname) { |
| | | this.rbDetails[tempIndex].beneficiaryno = res.userno; |
| | | this.rbDetails[tempIndex].beneficiaryname = res.username; |
| | | this.rbDetails[tempIndex].depositbank = res.depositbank; |
| | |
| | | } else if (this.accountfrom == "2") { |
| | | //保存新增账号 |
| | | //获取用户编号 |
| | | getOnlyCode(this.seqnoParams).then((res) => { |
| | | getOnlyCode(this.seqnoParams).then(res => { |
| | | this.accountform.userno = res.data.currentvalue; |
| | | this.accountform.id = null; |
| | | |
| | | this.accountform.id = null; |
| | | this.accountform.usertype = this.accountselectform.usertype; |
| | | this.accountform.username = this.accountselectform.username; |
| | | this.accountform.idcardno = this.accountselectform.idcardno; |
| | |
| | | } |
| | | }); |
| | | } |
| | | else { |
| | | this.accountform.userstatus = 1; |
| | | } |
| | | |
| | | addExternalperson(this.accountform).then(response => { |
| | | if (response.code == 200) { |
| | | if (this.accountselectform.usertype == "expert") { |
| | | this.$modal.msgSuccess("新账户信息已添加成功,需要在账号状态启用后才能被使用!"); |
| | | return; |
| | | } else { |
| | | this.$modal.msgSuccess("新账户信息已添加成功!"); |
| | | } |
| | | if (response.code == 200) { |
| | | // //重新获取账户列表 |
| | | // listExternalperson().then(res => { |
| | | // this.accountlist = res.rows; |
| | | // }); |
| | | |
| | | this.accountselectform.accountno = this.accountselectform.userno; |
| | | console.log("addExternalperson", response.data.id); |
| | | if (this.accountselectform.usertype == "org") { |
| | | this.accountlist.push({ |
| | | id: response.data.id, |
| | | userno: this.accountform.userno, |
| | | username: this.accountform.username, |
| | | idcardno: this.accountform.idcardno, |
| | | title: this.accountform.title, |
| | | depositbank: this.accountform.depositbank, |
| | | bankcardno: this.accountform.bankcardno, |
| | | unitno: this.accountform.unitno, |
| | | unitname: this.accountform.unitname, |
| | | userid: this.accountform.username |
| | | }); |
| | | this.$modal.msgSuccess("您已添加成功新账户信息!"); |
| | | } else { |
| | | this.accountlist.push({ |
| | | id: response.data.id, |
| | | userno: this.accountform.userno, |
| | | username: this.accountform.username, |
| | | idcardno: this.accountform.idcardno, |
| | | title: this.accountform.title, |
| | | depositbank: this.accountform.depositbank, |
| | | bankcardno: this.accountform.bankcardno, |
| | | unitno: this.accountform.unitno, |
| | | unitname: this.accountform.unitname, |
| | | userid: this.accountform.username + '(' + this.accountform.idcardno + ')' |
| | | }); |
| | | this.$modal.msgSuccess("您已添加成功新账户信息,需要在账号状态启用后才能被使用!"); |
| | | return; |
| | | } |
| | | this.accountselectform.accountno = this.accountform.userno; |
| | | this.accountselectform.accountname = this.accountselectform.username; |
| | | |
| | | //重新获取账户列表 |
| | | listExternalperson().then(res => { |
| | | this.accountlist = res.rows; |
| | | //赋值信息 |
| | | this.accountlist.map(res => { |
| | | if (res.userno == this.accountselectform.accountno) { |
| | | this.rbDetails[tempIndex].beneficiaryno = res.userno; |
| | | this.rbDetails[tempIndex].beneficiaryname = res.username; |
| | | this.rbDetails[tempIndex].depositbank = res.depositbank; |
| | | this.rbDetails[tempIndex].branchbankname = res.branchbankname; |
| | | this.rbDetails[tempIndex].bankcardno = res.bankcardno; |
| | | this.rbDetails[tempIndex].phone = res.telephone; |
| | | |
| | | //赋值信息 |
| | | this.accountlist.map(res => { |
| | | if (res.username == this.accountselectform.accountname) { |
| | | this.rbDetails[tempIndex].beneficiaryno = res.userno; |
| | | this.rbDetails[tempIndex].beneficiaryname = res.username; |
| | | this.rbDetails[tempIndex].depositbank = res.depositbank; |
| | | this.rbDetails[tempIndex].branchbankname = res.branchbankname; |
| | | this.rbDetails[tempIndex].bankcardno = res.bankcardno; |
| | | this.rbDetails[tempIndex].phone = res.telephone; |
| | | |
| | | if (res.usertype == "org") { |
| | | this.rbDetails[tempIndex].idcardno = ""; |
| | | this.rbDetails[tempIndex].title = ""; |
| | | this.rbDetails[tempIndex].unitno = ""; |
| | | this.rbDetails[tempIndex].unitname = ""; |
| | | } else { |
| | | this.rbDetails[tempIndex].idcardno = res.idcardno; |
| | | this.rbDetails[tempIndex].title = res.title; |
| | | this.rbDetails[tempIndex].unitno = parseInt(res.unitno); |
| | | this.rbDetails[tempIndex].unitname = res.unitname; |
| | | } |
| | | if (res.usertype == "org") { |
| | | this.rbDetails[tempIndex].idcardno = ""; |
| | | this.rbDetails[tempIndex].title = ""; |
| | | this.rbDetails[tempIndex].unitno = ""; |
| | | this.rbDetails[tempIndex].unitname = ""; |
| | | } else { |
| | | this.rbDetails[tempIndex].idcardno = res.idcardno; |
| | | this.rbDetails[tempIndex].title = res.title; |
| | | this.rbDetails[tempIndex].unitno = parseInt(res.unitno); |
| | | this.rbDetails[tempIndex].unitname = res.unitname; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | } |
| | | }); |
| | | }); |
| | | } |
| | | } else if (this.selectionType == "workunit") { |
| | | if (this.rbDetails[tempIndex].unitname != this.accountselectform.expertunitname) { |
| | | this.rbDetails[tempIndex].unitname = this.accountselectform.expertunitname; |
| | | if ( |
| | | this.rbDetails[tempIndex].unitname != |
| | | this.accountselectform.expertunitname |
| | | ) { |
| | | this.rbDetails[ |
| | | tempIndex |
| | | ].unitname = this.accountselectform.expertunitname; |
| | | this.unitList.map(res => { |
| | | if (res.organizationname == this.accountselectform.expertunitname) { |
| | | if ( |
| | | res.organizationname == this.accountselectform.expertunitname |
| | | ) { |
| | | this.rbDetails[tempIndex].unitno = res.organizationid; |
| | | } |
| | | }); |
| | |
| | | } |
| | | return; |
| | | } |
| | | |
| | | |
| | | if (regex.test(row.idcardno)) { |
| | | row.error = ""; |
| | | } else { |
| | |
| | | this.accountselectform.unitno = ""; |
| | | this.accountselectform.unitname = ""; |
| | | this.accountselectform.personnelunitno = ""; |
| | | }; |
| | | } |
| | | // this.$modal.msgWarning(type); |
| | | } |
| | | }, |