| | |
| | | </el-row> |
| | | </el-form> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-card shadow="never"> |
| | | <!-- 捐献案例列表 --> |
| | | <el-row> |
| | |
| | | :limit.sync="queryParams.pageSize" @pagination="getBaseInfoList" /> |
| | | </el-card> |
| | | </el-col> |
| | | <el-col :span="16"> |
| | | <el-col :span="18"> |
| | | <el-card shadow="naver"> |
| | | <el-form ref="infoform" label-width="100px"> |
| | | <el-row :gutter="4" align="right" class="mb8"> |
| | |
| | | <el-form-item label="申请金额" prop="amountrequested"> |
| | | <el-input v-model="form.amountrequested" placeholder="申请金额" :disabled="true" /> |
| | | </el-form-item> |
| | | </el-col> <!--<el-col :span="5"> |
| | | </el-col> |
| | | <!--<el-col :span="5"> |
| | | <el-form-item label="税前金额" prop="pretaxcost"> |
| | | <el-input v-model="form.pretaxcost" placeholder="税前金额合计" :disabled="true" /> |
| | | </el-form-item> |
| | |
| | | <el-table-column prop="itemtype" align="center" label="服务项目" width="260"> |
| | | <template slot-scope="scope"> |
| | | <el-select v-model="scope.row.itemid" placeholder="服务项目" clearable filterable allow-create |
| | | @change="select(scope.row)" :filter-method="(val) => SearchItem(val, scope)"> |
| | | @change="select(scope.row)" :filter-method="val => SearchItem(val, scope)"> |
| | | <el-option v-for="dict in scope.row.itemArr" :key="dict.id" :label="dict.itemName" |
| | | :value="dict.id"></el-option> |
| | | </el-select> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="taxamount" align="center" label="扣税" width="120" v-if="form.applytype != '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.taxamount" placeholder="扣税" @blur="(val) => { |
| | | <el-input v-model="scope.row.taxamount" placeholder="扣税" @blur="val => { |
| | | sumTotalFee(scope.row); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="price" align="center" label="价格" width="120" v-if="form.applytype == '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.price" placeholder="价格" @blur="(val) => { |
| | | <el-input v-model="scope.row.price" placeholder="价格" @blur="val => { |
| | | sumTotalFee(scope.row); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="quantity" align="center" label="数量" width="80" v-if="form.applytype == '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.quantity" placeholder="数量" @blur="(val) => { |
| | | <el-input v-model="scope.row.quantity" placeholder="数量" @blur="val => { |
| | | sumTotalFee(scope.row); |
| | | } |
| | | " /> |
| | |
| | | |
| | | <el-table-column prop="amount" align="center" label="金额" width="120" v-if="form.applytype == '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.amount" placeholder="价格" @blur="(val) => { |
| | | <el-input v-model="scope.row.amount" placeholder="价格" @blur="val => { |
| | | sumTotalFee(scope.row); |
| | | } |
| | | " /> |
| | |
| | | deleteRows(scope.row, scope.$index, fundDetails) |
| | | " type="text" size="small"> |
| | | 删除 |
| | | </el-button> |
| | | </el-button> |
| | | <el-button @click.native.prevent=" |
| | | Filepopup(scope.$index, fundDetails, scope.row) |
| | | " type="text" size="small"> |
| | |
| | | <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple |
| | | :limit="20" :headers="headers" :on-success="(response, file, fileList) => |
| | | uploadSccess(response, file, fileList) |
| | | " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError" |
| | | " :on-preview="downFile" :disabled="dialogType == 'detail'" :on-error="handleUploadError" |
| | | :on-exceed="handleExceed" :on-remove="handleremove" accept="image/*,.pdf"> |
| | | <el-button :disabled='dialogType == "detail"' size="small" type="primary">上传</el-button> |
| | | <el-button :disabled="dialogType == 'detail'" size="small" type="primary">上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-button type="primary" @click="ConfirmDetailDialog()">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="pdftitle" :visible.sync="pdfVisible" width="50%"> |
| | | <div class="pdfimg"> |
| | | <div class="box-pdf"> |
| | | <div> |
| | | <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto" multiple |
| | | :limit="20" :headers="headers" :on-success="(response, file, fileList) => |
| | | uploadSccess(response, file, fileList) |
| | | " :on-preview="downFile" :disabled="dialogType == 'detail'" :on-error="handleUploadError" |
| | | :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf"> |
| | | <el-button :disabled="dialogType == 'detail'" size="small" type="primary">上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | <!-- <div |
| | | class="pdftit" |
| | | @click="pdffn(item)" |
| | | v-for="item in fileList" |
| | | :key="item.name" |
| | | > |
| | | {{ item.name }} |
| | | </div> --> |
| | | </div> |
| | | |
| | | <div v-if="this.previewpdf" class="pdfimgmin"> |
| | | <img :src="pdfimg" /> |
| | | </div> |
| | | <div v-else class="pdfimgmins">{{ hintitle }}</div> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | getdownloadSS, |
| | | getdownloadYX, |
| | | getdownloadBX, |
| | | batchUploadFund, |
| | | getdetailsByItemId, |
| | | addorupdateFund, |
| | | getdetailsByItemId |
| | | } from "@/api/project/fund"; |
| | | import { |
| | | onelistFunds, |
| | |
| | | getItemNames, |
| | | getFundType, |
| | | getFundTypeAll, |
| | | listcountItem, |
| | | listcountItem |
| | | } from "@/api/project/funddetail"; |
| | | import { |
| | | listOrganization, |
| | | getOrganization, |
| | | listReportname, |
| | | listUser, |
| | | listUser |
| | | } from "@/api/project/organization"; |
| | | import { |
| | | listExternalperson, |
| | |
| | | delExternalperson, |
| | | addExternalperson, |
| | | updateExternalperson, |
| | | exportExternalperson, |
| | | exportExternalperson |
| | | } from "@/api/project/externalperson"; |
| | | import { |
| | | listDonatebaseinfo, |
| | | getDonatebaseinfo, |
| | | getDonatebaseinfo |
| | | } from "@/api/project/donatebaseinfo"; |
| | | import Li_area_select from "@/components/Address"; |
| | | import OrgSelecter from "@/views/project/components/orgselect"; |
| | |
| | | //import引入的组件需要注入到对象中才能使用 |
| | | components: { |
| | | Li_area_select, |
| | | OrgSelecter, |
| | | OrgSelecter |
| | | }, |
| | | name: "fundApply", |
| | | dicts: [ |
| | |
| | | "sys_fund_type", |
| | | "sys_finsubject", |
| | | "sys_financeitemtype", |
| | | "sys_expensetype", |
| | | "sys_expensetype" |
| | | ], |
| | | data() { |
| | | //这里存放数据 |
| | |
| | | treatmenthospitalname: null, |
| | | donorno: null, |
| | | reportername: null, |
| | | reporttime: null, |
| | | reporttime: null |
| | | }, |
| | | |
| | | fundQueryParam: { |
| | |
| | | pageSize: 100, |
| | | infoid: null, |
| | | applytype: "3", |
| | | createBy: null, |
| | | createBy: null |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | | rules: { |
| | | username: [ |
| | | { required: true, message: "请输入申请人", trigger: "blur" }, |
| | | { required: true, message: "请输入申请人", trigger: "blur" } |
| | | ], |
| | | createTime: [ |
| | | { required: true, message: "请输入申请日期", trigger: "blur" }, |
| | | { required: true, message: "请输入申请日期", trigger: "blur" } |
| | | ], |
| | | deptmentname: [ |
| | | { required: true, message: "请输入所属业务组", trigger: "blur" }, |
| | | ], |
| | | amountrequested: [ |
| | | { required: true, message: "请输入申请金额", trigger: "blur" }, |
| | | ], |
| | | { required: true, message: "请输入所属业务组", trigger: "blur" } |
| | | ] |
| | | }, |
| | | |
| | | //捐献案例列表数据 |
| | |
| | | beneficiaryno: null, |
| | | unitno: null, |
| | | unitname: null, |
| | | index: null, |
| | | index: null |
| | | }, |
| | | |
| | | //附件列表 |
| | | fileList: [], |
| | | fileListto: [], |
| | | //上传附件路径 |
| | | uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", |
| | | headers: { |
| | | Authorization: "Bearer " + getToken(), |
| | | Authorization: "Bearer " + getToken() |
| | | }, |
| | | |
| | | //票据文件 |
| | | pdftitle: "", |
| | | pdfimg: "", |
| | | pdfVisible: false, |
| | | previewpdf: false, |
| | | hintitle: "选中左侧已上传文件预览查看", |
| | | atpresent: "" |
| | | }; |
| | | }, |
| | | //监听属性 类似于data概念 |
| | | computed: {}, |
| | | //监控data中的数据变化 |
| | | watch: {}, |
| | | //生命周期 - 创建完成(可以访问当前this实例) |
| | | created() { |
| | | this.getList(); |
| | | this.getBaseInfoList(); |
| | | this.getCurFundType(); |
| | | this.getlistUser(); |
| | | // this.getUnitList(); |
| | | }, |
| | | |
| | | //生命周期 - 挂载完成(可以访问DOM元素) |
| | | mounted() { |
| | | this.getBankAccount(); |
| | | this.getUsermsg(); |
| | | }, |
| | | |
| | | beforeCreate() { }, //生命周期 - 创建之前 |
| | | beforeMount() { }, //生命周期 - 挂载之前 |
| | | beforeUpdate() { }, //生命周期 - 更新之前 |
| | | updated() { }, //生命周期 - 更新之后 |
| | | beforeDestroy() { }, //生命周期 - 销毁之前 |
| | | destroyed() { }, //生命周期 - 销毁完成 |
| | | activated() { }, //如果页面有keep-alive缓存功能,这个函数会触发 |
| | | |
| | | //方法集合 |
| | | methods: { |
| | | ShowDetailDialog(spoce, showType) { |
| | | this.funddetailForm.index = spoce.$index; |
| | | this.funddetailForm.beneficiaryno = spoce.row.beneficiaryno; |
| | | this.funddetailForm.beneficiaryname = spoce.row.beneficiaryname; |
| | | this.funddetailForm.unitno = spoce.row.unitno; |
| | | this.funddetailForm.unitname = spoce.row.unitname; |
| | | this.detailInfoDialogShow = true; |
| | | this.detailInfoDialogShowType = showType; |
| | | }, |
| | | |
| | | ConfirmDetailDialog() { |
| | | let tempIndex = this.funddetailForm.index; |
| | | let tempName = this.funddetailForm.beneficiaryname; |
| | | let tempUnitname = this.funddetailForm.unitname; |
| | | let singleDetail = this.fundDetails[tempIndex]; |
| | | if (this.detailInfoDialogShowType == "name") { |
| | | this.personlist.map((res) => { |
| | | if (tempName == res.username) { |
| | | singleDetail.beneficiaryno = res.userno; |
| | | singleDetail.beneficiaryname = res.username; |
| | | singleDetail.bankcardno = res.bankcardno; |
| | | singleDetail.branchbankname = res.branchbankname; |
| | | singleDetail.depositbank = res.depositbank; |
| | | singleDetail.idcardno = res.idcardno; |
| | | singleDetail.phone = res.telephone; |
| | | singleDetail.title = res.title; |
| | | singleDetail.unitname = res.unitname; |
| | | singleDetail.unitno = res.unitno; |
| | | } else { |
| | | singleDetail.beneficiaryname = tempName; |
| | | singleDetail.beneficiaryno = tempName; |
| | | } |
| | | }); |
| | | } else if (this.detailInfoDialogShowType == "unit") { |
| | | singleDetail.unitno = this.funddetailForm.unitno; |
| | | console.log("this.funddetailForm", this.funddetailForm); |
| | | try { |
| | | let unitIndex = this.bankaccountlist.findIndex( |
| | | (item) => singleDetail.unitno == item.reportNo |
| | | ); |
| | | |
| | | console.log("this.bankaccountlist[unitIndex]", this.bankaccountlist[unitIndex]); |
| | | if (unitIndex > -1) { |
| | | singleDetail.unitname = this.bankaccountlist[unitIndex].reportName; |
| | | singleDetail.depositbank = this.bankaccountlist[unitIndex].depositbank; |
| | | singleDetail.bankcardno = this.bankaccountlist[unitIndex].bankcardno; |
| | | } else { |
| | | singleDetail.unitname = singleDetail.unitno; |
| | | } |
| | | } catch { |
| | | singleDetail.unitname = singleDetail.unitno; |
| | | } |
| | | } |
| | | console.log("singleDetail",singleDetail); |
| | | this.fundDetails[tempIndex] = singleDetail; |
| | | this.detailInfoDialogShow = false; |
| | | }, |
| | | selectremark(row) { |
| | | this.fundblock.forEach((item, i) => { |
| | | if (item.expensedescribe === row.servicesscopename) { |
| | | row.servivesscope = item.servivesscope; |
| | | row.amount = item.expense; |
| | | this.form.serviceFunddetails = 0; |
| | | this.fundDetails.map((item) => { |
| | | this.form.serviceFunddetails += item.amount; |
| | | }); |
| | | // row.remark |
| | | } |
| | | }); |
| | | }, |
| | | handleup(row) { |
| | | this.$confirm("是否确认将登记记录上报?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | //查找是否存在登记完成记录 |
| | | //判断是否存在上报记录 |
| | | row.recordstatus = 0; |
| | | |
| | | updateFund(row).then((response) => { |
| | | if (response.code == 200) { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "申请成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "error", |
| | | message: "申请失败", |
| | | }); |
| | | } |
| | | this.loading = false; |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消申请", |
| | | }); |
| | | }); |
| | | }, |
| | | select(row) { |
| | | row.itemArr.map((res) => { |
| | | if (row.itemid === res.id) { |
| | | row.remark = res.itemDescribe; |
| | | row.itemcode = res.itemCode; |
| | | } |
| | | }); |
| | | var repeatNum = 0; |
| | | this.fundDetails.map((res) => { |
| | | if (res.applytype === row.applytype && res.itemid == row.itemid) { |
| | | repeatNum++; |
| | | } |
| | | }); |
| | | if (repeatNum > 1) { |
| | | this.$modal.msgWarning("您已经提交过服务项目"); |
| | | } |
| | | |
| | | getdetailsByItemId(row.itemid).then((res) => { |
| | | let fundmsg = res.data; |
| | | let fundblock = []; |
| | | fundmsg.forEach((item) => { |
| | | fundblock.push({ |
| | | expense: item.expense, |
| | | expensedescribe: item.expensedescribe, |
| | | remark: item.expensedescribe, |
| | | servicesscope: item.id, |
| | | }); |
| | | }); |
| | | row.fundblock = fundblock; |
| | | row.servicesscope = null; |
| | | row.servicesscopename = ""; |
| | | }); |
| | | }, |
| | | selectamount(row) { |
| | | this.fundblock.forEach((item, i) => { |
| | | if (item.expense === row.amount) { |
| | | row.remark = item.expensedescribe; |
| | | } |
| | | }); |
| | | }, |
| | | getUsermsg() { |
| | | getUserProfile().then((response) => { |
| | | this.defaultperson = response.data; |
| | | this.standardlevel = response.data.standardlevel; |
| | | }); |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |
| | | |
| | | /** 查询捐献人道慰问金列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | this.queryParams.params = {}; |
| | | if (null != this.daterangeReporttime && "" != this.daterangeReporttime) { |
| | | this.queryParams.params["beginReporttime"] = |
| | | this.daterangeReporttime[0]; |
| | | this.queryParams.params[ |
| | | "beginReporttime" |
| | | ] = this.daterangeReporttime[0]; |
| | | this.queryParams.params["endReporttime"] = this.daterangeReporttime[1]; |
| | | } |
| | | // this.queryParams.residencetown = this.$refs.areaSelect.getQu(); |
| | | listDonatebaseinfo(this.queryParams).then((response) => { |
| | | this.donatebaseinfoList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | getBaseInfoList() { |
| | | this.loading = true; |
| | | listDonatebaseinfo(this.queryParams).then((response) => { |
| | | listDonatebaseinfo(this.queryParams).then(response => { |
| | | this.donatebaseinfoList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | |
| | | |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.$router.push({ |
| | | path: "/finance/fundcontext/", |
| | | query: { |
| | | id: 0, |
| | | businessType: "3", |
| | | operationType: "add", |
| | | curCase: this.curCase |
| | | } |
| | | }); |
| | | return; |
| | | |
| | | if (this.curCase.id) { |
| | | this.istrue += 2; |
| | | this.reset(); |
| | |
| | | } else { |
| | | const h = this.$createElement; |
| | | this.$message({ |
| | | message: h("p", null, [h("span", null, "请先选择左方捐献案例 ")]), |
| | | message: h("p", null, [h("span", null, "请先选择左方捐献案例 ")]) |
| | | }); |
| | | } |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | | this.$router.push({ |
| | | path: "/finance/fundcontext/", |
| | | query: { |
| | | id: row.id, |
| | | businessType: "3", |
| | | operationType: "update", |
| | | curCase: this.curCase |
| | | } |
| | | }); |
| | | return; |
| | | |
| | | this.isopen = 0; |
| | | this.reset(); |
| | | this.queryParams.params = {}; |
| | | this.form.donorno = this.curCase.donorno; |
| | | this.form.infoid = this.curCase.id; |
| | | this.dialogType = "edit"; |
| | | this.dialogOpen = true; |
| | | this.title = "修改费用申请"; |
| | | |
| | | const id = row.id || this.ids; |
| | | getFund(id).then(response => { |
| | | this.form = response.data; |
| | | this.form.name = this.curCase.name; |
| | | //附件处理 |
| | | this.fileList = this.form.annexbankcard |
| | | ? this.form.annexbankcard |
| | | .split(",") |
| | | .map(item => ({ url: item, name: item })) |
| | | : []; |
| | | |
| | | getownFundDetail(id).then(async res => { |
| | | this.fundDetails = res.data; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | this.fundDetails[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetails[m]); |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | /** 查看按钮操作 */ |
| | | handleDetail(row) { |
| | | this.$router.push({ |
| | | path: "/finance/fundcontext/", |
| | | query: { |
| | | id: row.id, |
| | | businessType: "3", |
| | | operationType: "detail", |
| | | curCase: this.curCase |
| | | } |
| | | }); |
| | | return; |
| | | |
| | | this.isopen = 0; |
| | | this.reset(); |
| | | this.queryParams.params = {}; |
| | | this.form.donorno = this.curCase.donorno; |
| | | this.form.infoid = this.curCase.id; |
| | | this.dialogOpen = true; |
| | | this.title = "查看费用申请"; |
| | | this.dialogType = "detail"; |
| | | const id = row.id || this.ids; |
| | | |
| | | getFund(id).then(response => { |
| | | this.form = response.data; |
| | | this.form.name = this.curCase.name; |
| | | let listFundflowparams = { |
| | | fundid: row.id, |
| | | fundtype: 2 |
| | | }; |
| | | //附件处理 |
| | | this.fileList = this.form.annexbankcard |
| | | ? this.form.annexbankcard |
| | | .split(",") |
| | | .map(item => ({ url: item, name: item })) |
| | | : []; |
| | | |
| | | listFundflow(listFundflowparams).then(res => { |
| | | this.fundflowList = res.rows; |
| | | }); |
| | | getownFundDetail(id).then(res => { |
| | | this.fundDetails = res.data; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | this.fundDetails[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetails[m]); |
| | | this.fundDetails[m].fundblock = []; |
| | | this.fundDetails[m].fundblock.push({ |
| | | expense: this.fundDetails[m].expense, |
| | | expensedescribe: this.fundDetails[m].servicesscopename, |
| | | remark: this.fundDetails[m].servicesscope, |
| | | servicesscope: this.fundDetails[m].servicesscope |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const ids = row.id || this.ids; |
| | | this.$modal |
| | | .confirm("是否确认删除该记录?") |
| | | .then(function () { |
| | | return delFund(ids); |
| | | }) |
| | | .then(() => { |
| | | getownFundDetail(ids).then(res => { |
| | | let listdetails = res.data; |
| | | for (let i = 0; i < listdetails.length; i++) { |
| | | delFunddetail(listdetails[i].id); |
| | | } |
| | | }); |
| | | // this.getList(); |
| | | this.getfundList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }) |
| | | .catch(() => { }); |
| | | }, |
| | | |
| | | /** 上报按钮操作 */ |
| | | handleup(row) { |
| | | this.$confirm("是否确认将登记记录上报?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | //查找是否存在登记完成记录 |
| | | //判断是否存在上报记录 |
| | | row.recordstatus = 0; |
| | | |
| | | updateFund(row).then(response => { |
| | | if (response.code == 200) { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "申请成功" |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "error", |
| | | message: "申请失败" |
| | | }); |
| | | } |
| | | this.loading = false; |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消申请" |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | ShowDetailDialog(spoce, showType) { |
| | | this.funddetailForm.index = spoce.$index; |
| | | this.funddetailForm.beneficiaryno = spoce.row.beneficiaryno; |
| | | this.funddetailForm.beneficiaryname = spoce.row.beneficiaryname; |
| | | this.funddetailForm.unitno = spoce.row.unitno; |
| | | this.funddetailForm.unitname = spoce.row.unitname; |
| | | this.detailInfoDialogShow = true; |
| | | this.detailInfoDialogShowType = showType; |
| | | }, |
| | | |
| | | ConfirmDetailDialog() { |
| | | let tempIndex = this.funddetailForm.index; |
| | | let tempName = this.funddetailForm.beneficiaryname; |
| | | let tempUnitname = this.funddetailForm.unitname; |
| | | let singleDetail = this.fundDetails[tempIndex]; |
| | | if (this.detailInfoDialogShowType == "name") { |
| | | this.personlist.map(res => { |
| | | if (tempName == res.username) { |
| | | singleDetail.beneficiaryno = res.userno; |
| | | singleDetail.beneficiaryname = res.username; |
| | | singleDetail.bankcardno = res.bankcardno; |
| | | singleDetail.branchbankname = res.branchbankname; |
| | | singleDetail.depositbank = res.depositbank; |
| | | singleDetail.idcardno = res.idcardno; |
| | | singleDetail.phone = res.telephone; |
| | | singleDetail.title = res.title; |
| | | singleDetail.unitname = res.unitname; |
| | | singleDetail.unitno = res.unitno; |
| | | } else { |
| | | singleDetail.beneficiaryname = tempName; |
| | | singleDetail.beneficiaryno = tempName; |
| | | } |
| | | }); |
| | | } else if (this.detailInfoDialogShowType == "unit") { |
| | | singleDetail.unitno = this.funddetailForm.unitno; |
| | | try { |
| | | let unitIndex = this.bankaccountlist.findIndex( |
| | | item => singleDetail.unitno == item.reportNo |
| | | ); |
| | | |
| | | if (unitIndex > -1) { |
| | | singleDetail.unitname = this.bankaccountlist[unitIndex].reportName; |
| | | singleDetail.depositbank = this.bankaccountlist[ |
| | | unitIndex |
| | | ].depositbank; |
| | | singleDetail.bankcardno = this.bankaccountlist[ |
| | | unitIndex |
| | | ].bankcardno; |
| | | } else { |
| | | singleDetail.unitname = singleDetail.unitno; |
| | | } |
| | | } catch { |
| | | singleDetail.unitname = singleDetail.unitno; |
| | | } |
| | | } |
| | | |
| | | this.fundDetails[tempIndex] = singleDetail; |
| | | this.detailInfoDialogShow = false; |
| | | }, |
| | | |
| | | selectremark(row) { |
| | | this.fundblock.forEach((item, i) => { |
| | | if (item.expensedescribe === row.servicesscopename) { |
| | | row.servivesscope = item.servivesscope; |
| | | row.amount = item.expense; |
| | | this.form.serviceFunddetails = 0; |
| | | this.fundDetails.map(item => { |
| | | this.form.serviceFunddetails += item.amount; |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | select(row) { |
| | | row.itemArr.map(res => { |
| | | if (row.itemid === res.id) { |
| | | row.remark = res.itemDescribe; |
| | | row.itemcode = res.itemCode; |
| | | } |
| | | }); |
| | | var repeatNum = 0; |
| | | this.fundDetails.map(res => { |
| | | if (res.applytype === row.applytype && res.itemid == row.itemid) { |
| | | repeatNum++; |
| | | } |
| | | }); |
| | | if (repeatNum > 1) { |
| | | this.$modal.msgWarning("您已经提交过服务项目"); |
| | | } |
| | | |
| | | getdetailsByItemId(row.itemid).then(res => { |
| | | let fundmsg = res.data; |
| | | let fundblock = []; |
| | | fundmsg.forEach(item => { |
| | | fundblock.push({ |
| | | expense: item.expense, |
| | | expensedescribe: item.expensedescribe, |
| | | remark: item.expensedescribe, |
| | | servicesscope: item.id |
| | | }); |
| | | }); |
| | | row.fundblock = fundblock; |
| | | row.servicesscope = null; |
| | | row.servicesscopename = ""; |
| | | }); |
| | | }, |
| | | selectamount(row) { |
| | | this.fundblock.forEach((item, i) => { |
| | | if (item.expense === row.amount) { |
| | | row.remark = item.expensedescribe; |
| | | } |
| | | }); |
| | | }, |
| | | getUsermsg() { |
| | | getUserProfile().then(response => { |
| | | this.defaultperson = response.data; |
| | | this.standardlevel = response.data.standardlevel; |
| | | }); |
| | | }, |
| | | |
| | | getBaseInfoList() { |
| | | this.loading = true; |
| | | listDonatebaseinfo(this.queryParams).then(response => { |
| | | this.donatebaseinfoList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | //点击捐献案例列表触发方法 |
| | | selectDonotor(row, column, event) { |
| | | this.curCase = row; |
| | |
| | | this.loading = true; |
| | | this.reset(); |
| | | this.fundQueryParam.infoid = this.curCase.id; |
| | | listFund(this.fundQueryParam).then((response) => { |
| | | listFund(this.fundQueryParam).then(response => { |
| | | this.loading = false; |
| | | this.donateconsolationfundList = response.rows; |
| | | }); |
| | |
| | | servicetypename: null, |
| | | servicesscopename: null, |
| | | dialogType: "edit", |
| | | fundflowList: [], |
| | | fundflowList: [] |
| | | }; |
| | | this.resetForm("form"); |
| | | |
| | | //清空附件 |
| | | this.fileList = [] |
| | | this.fileList = []; |
| | | }, |
| | | |
| | | //新增一行 |
| | |
| | | uploadflag: null, |
| | | uploadtime: null, |
| | | itemArr: [], |
| | | servivesscope: null, |
| | | servivesscope: null |
| | | }; |
| | | if (rowIndex == undefined || rowIndex == null || rowIndex < 0) { |
| | | this.fundDetails.push(rowData); |
| | |
| | | |
| | | //加载服务项目 |
| | | LoadItemTypeArr(row) { |
| | | let list = this.fundtypeArrAll.filter((r) => r.itemType == row.applytype); |
| | | let list = this.fundtypeArrAll.filter(r => r.itemType == row.applytype); |
| | | row.itemArr = list[0].itemDetails; |
| | | row.itemid = null; |
| | | this.$forceUpdate(); |
| | |
| | | |
| | | /** 提交按钮 */ |
| | | submitForm() { |
| | | this.$refs["form"].validate((valid) => { |
| | | this.$refs["form"].validate(valid => { |
| | | if (valid) { |
| | | let formData = this.form; |
| | | for (let k = 0; k < this.fundDetails.length; k++) { |
| | |
| | | this.form.pretaxcost = parseFloat(this.form.amountrequested).toFixed( |
| | | 2 |
| | | ); |
| | | |
| | | if (this.form.id != null) { |
| | | updateFund(this.form).then((response) => { |
| | | updateFund(this.form).then(response => { |
| | | this.getfundList(); |
| | | |
| | | this.dialogOpen = false; |
| | | this.getList(); |
| | | this.selectDonotor(this.curCase); |
| | |
| | | tempData.fundid = formData.id; |
| | | //获取服务项目明细 |
| | | let itemIndex = tempItemArr.findIndex( |
| | | (item) => tempData.itemid == item.id |
| | | item => tempData.itemid == item.id |
| | | ); |
| | | if (itemIndex > -1) { |
| | | tempData.itemname = tempItemArr[itemIndex].itemName; |
| | | tempData.itemid = tempItemArr[itemIndex].id; |
| | | } |
| | | if (tempData.id > 0) { |
| | | updateFunddetail(tempData).then((response2) => { }); |
| | | updateFunddetail(tempData).then(response2 => { }); |
| | | } else { |
| | | addFunddetail(tempData).then((response2) => { }); |
| | | addFunddetail(tempData).then(response2 => { }); |
| | | } |
| | | } |
| | | }); |
| | |
| | | |
| | | //获取服务项目明细 |
| | | let itemIndex = tempUtemArr.findIndex( |
| | | (item) => tempData.itemid == item.id |
| | | item => tempData.itemid == item.id |
| | | ); |
| | | if (itemIndex > -1) { |
| | | tempData.itemname = tempUtemArr[itemIndex].itemName; |
| | |
| | | } |
| | | //获取applytypename |
| | | let applytypeIndex = this.fundtypeArr.findIndex( |
| | | (item) => tempData.applytype == item.value |
| | | item => tempData.applytype == item.value |
| | | ); |
| | | if (applytypeIndex > -1) { |
| | | tempData.applytypename = this.fundtypeArr[applytypeIndex].label; |
| | |
| | | } |
| | | |
| | | this.form.serviceFunddetails = this.fundDetails; |
| | | batchUploadFund(this.form).then((response) => { |
| | | addorupdateFund(this.form).then(response => { |
| | | if (response.code === 200) { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.loading = false; |
| | |
| | | this.loading = false; |
| | | } |
| | | }); |
| | | |
| | | //关闭窗口 |
| | | this.loading = false; |
| | | this.dialogOpen = false; |
| | | // this.getfundList(); |
| | | this.getList(); |
| | | this.selectDonotor(this.curCase); |
| | | } |
| | | } |
| | | }); |
| | |
| | | |
| | | getBankAccount() { |
| | | //获取银行账号列表,类型是机构 |
| | | listReportname("org").then((res) => { |
| | | listReportname("org").then(res => { |
| | | this.bankaccountlist = res.data; |
| | | console.log("this.bankaccountlist", this.bankaccountlist); |
| | | }); |
| | | }, |
| | | |
| | | getlistUser() { |
| | | listUser().then((res) => { |
| | | listUser().then(res => { |
| | | this.userlist = res.data; |
| | | }); |
| | | }, |
| | | |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | | this.isopen = 0; |
| | | this.reset(); |
| | | this.queryParams.params = {}; |
| | | this.form.donorno = this.curCase.donorno; |
| | | this.form.infoid = this.curCase.id; |
| | | this.dialogType = "edit"; |
| | | this.dialogOpen = true; |
| | | this.title = "修改费用申请"; |
| | | |
| | | |
| | | const id = row.id || this.ids; |
| | | getFund(id).then((response) => { |
| | | this.form = response.data; |
| | | this.form.name = this.curCase.name; |
| | | //附件处理 |
| | | this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] |
| | | |
| | | getownFundDetail(id).then(async (res) => { |
| | | this.fundDetails = res.data; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | this.fundDetails[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetails[m]); |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | /** 查看按钮操作 */ |
| | | handleDetail(row) { |
| | | this.isopen = 0; |
| | | this.reset(); |
| | | this.queryParams.params = {}; |
| | | this.form.donorno = this.curCase.donorno; |
| | | this.form.infoid = this.curCase.id; |
| | | this.dialogOpen = true; |
| | | this.title = "查看费用申请"; |
| | | this.dialogType = "detail"; |
| | | const id = row.id || this.ids; |
| | | |
| | | getFund(id).then((response) => { |
| | | this.form = response.data; |
| | | this.form.name = this.curCase.name; |
| | | let listFundflowparams = { |
| | | fundid: row.id, |
| | | fundtype: 2, |
| | | }; |
| | | //附件处理 |
| | | this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] |
| | | |
| | | listFundflow(listFundflowparams).then((res) => { |
| | | this.fundflowList = res.rows; |
| | | }); |
| | | getownFundDetail(id).then((res) => { |
| | | this.fundDetails = res.data; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | this.fundDetails[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetails[m]); |
| | | this.fundDetails[m].fundblock = []; |
| | | this.fundDetails[m].fundblock.push({ |
| | | expense: this.fundDetails[m].expense, |
| | | expensedescribe: this.fundDetails[m].servicesscopename, |
| | | remark: this.fundDetails[m].servicesscope, |
| | | servicesscope: this.fundDetails[m].servicesscope, |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | handleDelete(row) { |
| | | const ids = row.id || this.ids; |
| | | this.$modal |
| | | .confirm("是否确认删除该记录?") |
| | | .then(function () { |
| | | return delFund(ids); |
| | | }) |
| | | .then(() => { |
| | | getownFundDetail(ids).then((res) => { |
| | | let listdetails = res.data; |
| | | for (let i = 0; i < listdetails.length; i++) { |
| | | delFunddetail(listdetails[i].id); |
| | | } |
| | | }); |
| | | // this.getList(); |
| | | this.getfundList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }) |
| | | .catch(() => { }); |
| | | }, |
| | | |
| | | deleteRows(row, index, rows) { |
| | | this.$confirm("是否确认删除?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "success", |
| | | type: "success" |
| | | }) |
| | | .then(() => { |
| | | if (row.id !== null) { |
| | | delFunddetail(row.id).then((res) => { |
| | | delFunddetail(row.id).then(res => { |
| | | if (res.code === 200) { |
| | | this.$confirm("删除成功", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "success", |
| | | type: "success" |
| | | }).then(() => { |
| | | this.$set(rows, rows.splice(index, 1)); |
| | | getownFundDetail(this.form.id).then((res) => { |
| | | getownFundDetail(this.form.id).then(res => { |
| | | this.$set(this.fundDetails, res.data); |
| | | this.sumTotalFee(row); |
| | | // this.fundDetails = res.data |
| | |
| | | |
| | | //获取费用类型 |
| | | getCurFundType() { |
| | | getFundTypeAll(this.currentApplyType).then((res) => { |
| | | getFundTypeAll(this.currentApplyType).then(res => { |
| | | let dataList = res.data; |
| | | this.fundtypeArrAll = dataList; |
| | | this.fundtypeArr = []; |
| | | for (let m = 0; m < dataList.length; m++) { |
| | | this.fundtypeArr.push({ |
| | | value: dataList[m].itemType, |
| | | label: dataList[m].itemTypeName, |
| | | label: dataList[m].itemTypeName |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | getItemArr(rowindex, row) { |
| | | let list = this.fundtypeArrAll.filter((r) => r.itemType == row.applytype); |
| | | let list = this.fundtypeArrAll.filter(r => r.itemType == row.applytype); |
| | | row.itemArr = list[0].itemDetails; |
| | | this.$set(this.fundDetails, rowindex, row); |
| | | //this.loading = true; |
| | |
| | | addAlls() { |
| | | this.loading = true; |
| | | this.fundDetails = this.fundDetails.filter( |
| | | (r) => r.applytype != "" && r.applytype != null |
| | | r => r.applytype != "" && r.applytype != null |
| | | ); |
| | | let listAdd = []; |
| | | //let listAdd = this.fundDetails; |
| | | for (let i = 0; i < this.fundtypeArrAll.length; i++) { |
| | | for (let j = 0; j < this.fundtypeArrAll[i].itemDetails.length; j++) { |
| | | let list = this.fundDetails.filter( |
| | | (r) => |
| | | r => |
| | | r.applytype == this.fundtypeArrAll[i].itemType && |
| | | r.itemid == this.fundtypeArrAll[i].itemDetails[j].id |
| | | ); |
| | |
| | | recordstatus: "-1", |
| | | itemArr: this.fundtypeArrAll[i].itemDetails, |
| | | beneficiaryname: "点击选择", |
| | | unitname: "点击选择", |
| | | unitname: "点击选择" |
| | | }; |
| | | listAdd.push(rowData); |
| | | } |
| | |
| | | }, |
| | | |
| | | getUnitList() { |
| | | listOrganization(3).then((res) => { |
| | | console.log("listOrganization", res); |
| | | listOrganization(3).then(res => { |
| | | for (let i = 0; i < res.rows.length; i++) { |
| | | this.unitList.push({ |
| | | organizationid: res.rows[i].organizationid, |
| | | organizationname: res.rows[i].organizationname, |
| | | bankname: res.rows[i].bankname, |
| | | bankaccount: res.rows[i].bankaccount, |
| | | bankaccount: res.rows[i].bankaccount |
| | | }); |
| | | } |
| | | }); |
| | |
| | | |
| | | // 捐献者医学统计打印 |
| | | dayin2(id) { |
| | | getdownloadYX(id).then((res) => { |
| | | getdownloadYX(id).then(res => { |
| | | if (res.downloadUrl) { |
| | | var fileUrl = res; |
| | | //获取当前网址 |
| | |
| | | aEle.click(); |
| | | this.$alert("下载成功", "提示", { |
| | | confirmButtonText: "确定", |
| | | type: "success", |
| | | type: "success" |
| | | }); |
| | | } |
| | | }); |
| | |
| | | //汇总打印 |
| | | totaldayin(e) { |
| | | // const id =this.row.id |
| | | getdownloadBX(e).then((res) => { |
| | | getdownloadBX(e).then(res => { |
| | | if (res.downloadUrl) { |
| | | var fileUrl = res; |
| | | //获取当前网址 |
| | |
| | | aEle.click(); |
| | | this.$alert("下载成功", "提示", { |
| | | confirmButtonText: "确定", |
| | | type: "success", |
| | | type: "success" |
| | | }); |
| | | } |
| | | }); |
| | |
| | | } |
| | | scope.row.itemArr = result; |
| | | } else { |
| | | getItemNames(scope.row.applytype).then((res) => { |
| | | getItemNames(scope.row.applytype).then(res => { |
| | | scope.row.itemArr = res.data; |
| | | //this.$set(this.fundDetails, rowindex, row); |
| | | }); |
| | |
| | | |
| | | //文件上传 |
| | | handleUploadError() { }, |
| | | |
| | | handleremove(file) { |
| | | this.fileList.splice(this.fileList.indexOf(file), 1) |
| | | this.fileList.splice(this.fileList.indexOf(file), 1); |
| | | }, |
| | | |
| | | handleExceed() { |
| | | this.$message.error(`上传文件数量不能超过 ${5} 个!`); |
| | | }, |
| | | |
| | | //文件上传成功回调 |
| | | uploadSccess(response, file, fileList) { |
| | | console.log("response", response); |
| | | console.log("file", file); |
| | | console.log("fileList", fileList); |
| | | //获取附件信息位置 |
| | | if (response.code == 200) { |
| | | this.form.filename = file.raw.name; |
| | | this.$modal.msgSuccess(response.msg); |
| | | this.fileList.push({ name: response.fileName, url: response.fileName }); |
| | | } else { |
| | | console.log(response.msg);; |
| | | console.log(response.msg); |
| | | } |
| | | }, |
| | | // 下载文件 |
| | | downFile(item) { |
| | | const url = process.env.VUE_APP_BASE_API + item.url |
| | | var a = document.createElement('a'); |
| | | var event = new MouseEvent('click'); |
| | | const url = process.env.VUE_APP_BASE_API + item.url; |
| | | var a = document.createElement("a"); |
| | | var event = new MouseEvent("click"); |
| | | a.download = item.name; |
| | | a.href = url; |
| | | a.dispatchEvent(event); |
| | | }, |
| | | }, |
| | | |
| | | // 点击文件 |
| | | Filepopup(index, rows, row) { |
| | | console.log(index, rows, row); |
| | | remove(file) { |
| | | this.fileList.splice(this.fileList.indexOf(file), 1); |
| | | }, |
| | | |
| | | // 点击文件 |
| | | Filepopup(index, rows, row) { |
| | | this.atpresent = index; |
| | | console.log(this.atpresent); |
| | | this.pdfVisible = true; |
| | | if (this.fundDetails[index].annexfilesList) { |
| | | this.fileListto = this.rbDetails[index].annexfilesList; |
| | |
| | | this.pdftitle = ""; |
| | | } |
| | | }, |
| | | |
| | | //生命周期 - 创建完成(可以访问当前this实例) |
| | | created() { |
| | | this.getList(); |
| | | this.getBaseInfoList(); |
| | | |
| | | this.getCurFundType(); |
| | | this.getlistUser(); |
| | | // this.getUnitList(); |
| | | }, |
| | | |
| | | //生命周期 - 挂载完成(可以访问DOM元素) |
| | | mounted() { |
| | | this.getBankAccount(); |
| | | this.getUsermsg(); |
| | | }, |
| | | |
| | | beforeCreate() { }, //生命周期 - 创建之前 |
| | | beforeMount() { }, //生命周期 - 挂载之前 |
| | | beforeUpdate() { }, //生命周期 - 更新之前 |
| | | updated() { }, //生命周期 - 更新之后 |
| | | beforeDestroy() { }, //生命周期 - 销毁之前 |
| | | destroyed() { }, //生命周期 - 销毁完成 |
| | | activated() { }, //如果页面有keep-alive缓存功能,这个函数会触发 |
| | | // 点击已上传文件 |
| | | downFile(item) { |
| | | this.pdftitle = item.name; |
| | | let name = item.name.split("."); |
| | | if (name[1] == "pdf") { |
| | | this.$modal.msgWarning("当前文件暂不支持预览"); |
| | | this.previewpdf = false; |
| | | this.hintitle = "当前文件暂不支持预览"; |
| | | } else if (name[1] == "jpg" || "png") { |
| | | this.previewpdf = true; |
| | | if (item.url) { |
| | | this.pdfimg = item.url; |
| | | } else { |
| | | this.pdfimg = item.response.url; |
| | | } |
| | | } else { |
| | | this.hintitle = "当前文件暂不支持预览"; |
| | | this.$modal.msgWarning("当前文件暂不支持预览"); |
| | | this.previewpdf = false; |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped> |