| | |
| | | <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
| | | v-hasPermi="['project:medicalfund:add']">医学成本申请</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="9"> |
| | | <el-form-item label="捐献编号"> |
| | | <el-input v-model="curCase.donorno" :disabled="true"></el-input> |
| | |
| | | <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-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="审核状态" prop="recordstatus"> |
| | | <!--<el-input v-if="0" v-model="form.recordstatus" placeholder="审核意见"/>--> |
| | | <el-input v-if="0" v-model="form.recordstatus" placeholder="审核意见"/> |
| | | <el-select v-model="form.recordstatus" placeholder="请选择审核状态" clearable size="small" :disabled="true"> |
| | | <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label" |
| | | :value="dict.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col>--> |
| | | <!-- |
| | | <el-col :span="5"> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 5px; margin-bottom: 5px"> |
| | | <el-table :data="fundDetailArr" border highlight-current-row> |
| | | <el-table :data="fundDetails" border highlight-current-row> |
| | | <el-table-column prop="orderno" align="center" label="排序" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.orderno" placeholder="排序" /> |
| | |
| | | " /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unitno" align="center" label="单位" width="220"> |
| | | <el-table-column prop="unitno" align="center" label="费用单位名称" width="220"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="primary" plain @click="ShowDetailDialog(scope, 'unit')">{{ scope.row.unitname |
| | | }}</el-button> |
| | |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="mini" @click="addRow(scope.$index)">新增</el-button> |
| | | <el-button @click.native.prevent=" |
| | | deleteRows(scope.row, scope.$index, fundDetailArr) |
| | | deleteRows(scope.row, scope.$index, fundDetails) |
| | | " type="text" size="small"> |
| | | 删除 |
| | | </el-button> |
| | | <el-button @click.native.prevent=" |
| | | Filepopup(scope.$index, fundDetails, scope.row) |
| | | " type="text" size="small"> |
| | | 票据 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="费用申请附件:" align="left" prop="annexbankcard"> |
| | | <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="5" |
| | | :headers="headers" :on-success="(response, file, fileList) => |
| | | <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-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf"> |
| | | :on-exceed="handleExceed" :on-remove="handleremove" accept="image/*,.pdf"> |
| | | <el-button :disabled='dialogType == "detail"' size="small" type="primary">上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :visible.sync="detailInfoDialogShow" :close-on-click-modal="false" :title="'信息修改'" |
| | | <el-dialog :visible.sync="detailInfoDialogShow" :close-on-click-modal="false" :title="'费用单位选择'" |
| | | style="text-align: center" v-loading="loading" width="500px"> |
| | | <el-form ref="funddetailForm" :model="funddetailForm" label-width="120px"> |
| | | <el-row> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24" v-if="detailInfoDialogShowType == 'unit'"> |
| | | <el-form-item align="left" label="单位" prop="unitno" label-width="80px"> |
| | | <el-select v-model="funddetailForm.unitno" placeholder="单位" clearable filterable allow-create |
| | | <el-form-item align="left" label="单位名称" prop="unitno" label-width="80px"> |
| | | <el-select v-model="funddetailForm.unitno" placeholder="请选择单位" clearable filterable allow-create |
| | | style="width: 100%"> |
| | | <el-option v-for="(spec, index) in unitList" :key="index" :label="spec.organizationname" |
| | | :value="spec.organizationid"></el-option> |
| | | <el-option v-for="(item, index) in bankaccountlist" :key="index" :label="item.reportName" |
| | | :value="item.reportNo"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | reportername: null, |
| | | reporttime: null, |
| | | }, |
| | | |
| | | fundQueryParam: { |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | |
| | | // 捐献人道慰问金表格数据 |
| | | donateconsolationfundList: [], |
| | | |
| | | fundDetailArr: [], |
| | | //明细记录 |
| | | fundDetails: [], |
| | | |
| | | // 弹出层标题 |
| | | title: "", |
| | | userlist: [], |
| | | itemArr: [], |
| | | reporters: [], |
| | | //用户 |
| | | userlist: [], |
| | | //银行账号 |
| | | bankaccountlist: [], |
| | | //机构单位 |
| | | unitList: [], |
| | | //费用类型数组 |
| | | fundtypeArr: [], |
| | | defaultperson: {}, |
| | | fundblock: [], |
| | | fundtypeArrAll: [], |
| | | unitList: [], |
| | | dialogType: "edit", |
| | | |
| | | detailInfoDialogShow: false, |
| | |
| | | fileList: [], |
| | | //上传附件路径 |
| | | uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", |
| | | |
| | | headers: { |
| | | Authorization: "Bearer " + getToken(), |
| | | }, |
| | | |
| | | }; |
| | | }, |
| | | //监听属性 类似于data概念 |
| | |
| | | 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.fundDetailArr[tempIndex]; |
| | | let singleDetail = this.fundDetails[tempIndex]; |
| | | if (this.detailInfoDialogShowType == "name") { |
| | | this.personlist.map((res) => { |
| | | if (tempName == res.username) { |
| | |
| | | singleDetail.phone = res.telephone; |
| | | singleDetail.title = res.title; |
| | | singleDetail.unitname = res.unitname; |
| | | singleDetail.unitno = parseInt(res.unitno); |
| | | 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.unitList.findIndex( |
| | | (item) => singleDetail.unitno == item.organizationid |
| | | let unitIndex = this.bankaccountlist.findIndex( |
| | | (item) => singleDetail.unitno == item.reportNo |
| | | ); |
| | | |
| | | console.log("this.bankaccountlist[unitIndex]", this.bankaccountlist[unitIndex]); |
| | | if (unitIndex > -1) { |
| | | singleDetail.unitno = this.unitList[unitIndex].organizationid; |
| | | singleDetail.unitname = this.unitList[unitIndex].organizationname; |
| | | singleDetail.unitname = this.bankaccountlist[unitIndex].reportName; |
| | | singleDetail.depositbank = this.bankaccountlist[unitIndex].depositbank; |
| | | singleDetail.bankcardno = this.bankaccountlist[unitIndex].bankcardno; |
| | | } else { |
| | | singleDetail.unitname = singleDetail.unitno; |
| | | } |
| | |
| | | singleDetail.unitname = singleDetail.unitno; |
| | | } |
| | | } |
| | | this.fundDetailArr[tempIndex] = singleDetail; |
| | | console.log("singleDetail",singleDetail); |
| | | this.fundDetails[tempIndex] = singleDetail; |
| | | this.detailInfoDialogShow = false; |
| | | }, |
| | | selectremark(row) { |
| | |
| | | row.servivesscope = item.servivesscope; |
| | | row.amount = item.expense; |
| | | this.form.serviceFunddetails = 0; |
| | | this.fundDetailArr.map((item) => { |
| | | this.fundDetails.map((item) => { |
| | | this.form.serviceFunddetails += item.amount; |
| | | }); |
| | | // row.remark |
| | |
| | | } |
| | | }); |
| | | var repeatNum = 0; |
| | | this.fundDetailArr.map((res) => { |
| | | this.fundDetails.map((res) => { |
| | | if (res.applytype === row.applytype && res.itemid == row.itemid) { |
| | | repeatNum++; |
| | | } |
| | |
| | | // this.form.createTime = nowdate; |
| | | //this.open = true; |
| | | //this.initFundApplyForm(); |
| | | this.fundDetailArr = []; |
| | | this.fundDetails = []; |
| | | this.addRow(); |
| | | this.dialogOpen = true; |
| | | this.title = "添加费用申请"; |
| | |
| | | servivesscope: null, |
| | | }; |
| | | if (rowIndex == undefined || rowIndex == null || rowIndex < 0) { |
| | | this.fundDetailArr.push(rowData); |
| | | this.fundDetails.push(rowData); |
| | | } else { |
| | | this.fundDetailArr.splice(rowIndex + 1, 0, rowData); |
| | | this.fundDetails.splice(rowIndex + 1, 0, rowData); |
| | | } |
| | | for (let i = 0; i < this.fundDetailArr.length; i++) { |
| | | this.fundDetailArr[i].orderno = i + 1; |
| | | for (let i = 0; i < this.fundDetails.length; i++) { |
| | | this.fundDetails[i].orderno = i + 1; |
| | | } |
| | | }, |
| | | |
| | |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | let formData = this.form; |
| | | for (let k = 0; k < this.fundDetailArr.length; k++) { |
| | | let tempDetail = this.fundDetailArr[k]; |
| | | for (let k = 0; k < this.fundDetails.length; k++) { |
| | | let tempDetail = this.fundDetails[k]; |
| | | if (tempDetail.itemid == null) { |
| | | this.$modal.msgWarning("请选择服务项目"); |
| | | return; |
| | |
| | | //判断单位 unitSel |
| | | // try { |
| | | // //获取服务项目明细 |
| | | // let unitIndex = this.unitList.findIndex( |
| | | // (item) => tempDetail.unitno == item.organizationid |
| | | // let unitIndex = this.bankaccountlist.findIndex( |
| | | // (item) => tempDetail.unitno == item.reportNo |
| | | // ); |
| | | // if (unitIndex > -1) { |
| | | // tempDetail.unitname = this.unitList[unitIndex].organizationname; |
| | | // tempDetail.unitname = this.bankaccountlist[unitIndex].reportName; |
| | | // } else { |
| | | // tempDetail.unitname = tempDetail.unitno; |
| | | // } |
| | |
| | | this.selectDonotor(this.curCase); |
| | | this.$modal.msgSuccess("修改成功"); |
| | | this.loading = false; |
| | | for (let m = 0; m < this.fundDetailArr.length; m++) { |
| | | let tempData = this.fundDetailArr[m]; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | let tempData = this.fundDetails[m]; |
| | | let tempItemArr = tempData.itemArr; |
| | | tempData.fundid = formData.id; |
| | | //获取服务项目明细 |
| | |
| | | }); |
| | | } else { |
| | | //保存费用申请 |
| | | for (let m = 0; m < this.fundDetailArr.length; m++) { |
| | | let tempData = this.fundDetailArr[m]; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | let tempData = this.fundDetails[m]; |
| | | let tempUtemArr = tempData.itemArr; |
| | | |
| | | //获取服务项目明细 |
| | |
| | | if (applytypeIndex > -1) { |
| | | tempData.applytypename = this.fundtypeArr[applytypeIndex].label; |
| | | } |
| | | this.fundDetailArr[m] = tempData; |
| | | this.fundDetails[m] = tempData; |
| | | } |
| | | |
| | | this.form.serviceFunddetails = this.fundDetailArr; |
| | | this.form.serviceFunddetails = this.fundDetails; |
| | | batchUploadFund(this.form).then((response) => { |
| | | if (response.code === 200) { |
| | | this.$modal.msgSuccess("新增成功"); |
| | |
| | | }); |
| | | }, |
| | | |
| | | selectReporters() { |
| | | //专家人员列表 |
| | | listReportname("gdc").then((res) => { |
| | | this.reporters = res.data; |
| | | getBankAccount() { |
| | | //获取银行账号列表,类型是机构 |
| | | listReportname("org").then((res) => { |
| | | this.bankaccountlist = res.data; |
| | | console.log("this.bankaccountlist", this.bankaccountlist); |
| | | }); |
| | | }, |
| | | |
| | |
| | | this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] |
| | | |
| | | getownFundDetail(id).then(async (res) => { |
| | | this.fundDetailArr = res.data; |
| | | for (let m = 0; m < this.fundDetailArr.length; m++) { |
| | | this.fundDetailArr[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetailArr[m]); |
| | | this.fundDetails = res.data; |
| | | for (let m = 0; m < this.fundDetails.length; m++) { |
| | | this.fundDetails[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetails[m]); |
| | | } |
| | | }); |
| | | }); |
| | |
| | | this.fundflowList = res.rows; |
| | | }); |
| | | getownFundDetail(id).then((res) => { |
| | | this.fundDetailArr = res.data; |
| | | for (let m = 0; m < this.fundDetailArr.length; m++) { |
| | | this.fundDetailArr[m].itemArr = []; |
| | | this.getItemArr(m, this.fundDetailArr[m]); |
| | | this.fundDetailArr[m].fundblock = []; |
| | | this.fundDetailArr[m].fundblock.push({ |
| | | expense: this.fundDetailArr[m].expense, |
| | | expensedescribe: this.fundDetailArr[m].servicesscopename, |
| | | remark: this.fundDetailArr[m].servicesscope, |
| | | servicesscope: this.fundDetailArr[m].servicesscope, |
| | | 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, |
| | | }); |
| | | } |
| | | }); |
| | |
| | | }).then(() => { |
| | | this.$set(rows, rows.splice(index, 1)); |
| | | getownFundDetail(this.form.id).then((res) => { |
| | | this.$set(this.fundDetailArr, res.data); |
| | | this.$set(this.fundDetails, res.data); |
| | | this.sumTotalFee(row); |
| | | // this.fundDetailArr = res.data |
| | | // this.fundDetails = res.data |
| | | }); |
| | | }); |
| | | } |
| | |
| | | sumTotalFee(row) { |
| | | let allSum = 0; |
| | | if (this.form.applytype != null) { |
| | | for (let i = 0; i < this.fundDetailArr.length; i++) { |
| | | for (let i = 0; i < this.fundDetails.length; i++) { |
| | | let totalFee = 0; |
| | | let taxFee = 0; |
| | | if (this.form.applytype == 1 || this.form.applytype == 2) { |
| | | //计算当前报销内容费用合计 |
| | | if (!isNaN(parseFloat(this.fundDetailArr[i].amount))) { |
| | | totalFee += parseFloat(this.fundDetailArr[i].amount); |
| | | taxFee += parseFloat(this.fundDetailArr[i].amount); |
| | | if (!isNaN(parseFloat(this.fundDetails[i].amount))) { |
| | | totalFee += parseFloat(this.fundDetails[i].amount); |
| | | taxFee += parseFloat(this.fundDetails[i].amount); |
| | | } |
| | | if (!isNaN(parseFloat(this.fundDetailArr[i].taxamount))) { |
| | | totalFee -= parseFloat(this.fundDetailArr[i].taxamount); |
| | | taxFee -= parseFloat(this.fundDetailArr[i].taxamount); |
| | | if (!isNaN(parseFloat(this.fundDetails[i].taxamount))) { |
| | | totalFee -= parseFloat(this.fundDetails[i].taxamount); |
| | | taxFee -= parseFloat(this.fundDetails[i].taxamount); |
| | | } |
| | | } else if (this.form.applytype == 3) { |
| | | if ( |
| | | !isNaN(parseFloat(this.fundDetailArr[i].price)) && |
| | | !isNaN(parseFloat(this.fundDetailArr[i].quantity)) |
| | | !isNaN(parseFloat(this.fundDetails[i].price)) && |
| | | !isNaN(parseFloat(this.fundDetails[i].quantity)) |
| | | ) { |
| | | totalFee += |
| | | parseFloat(this.fundDetailArr[i].price) * |
| | | parseFloat(this.fundDetailArr[i].quantity); |
| | | parseFloat(this.fundDetails[i].price) * |
| | | parseFloat(this.fundDetails[i].quantity); |
| | | } |
| | | } |
| | | if (!isNaN(parseFloat(taxFee))) { |
| | | this.fundDetailArr[i].taxedamount = taxFee.toFixed(2); |
| | | this.fundDetails[i].taxedamount = taxFee.toFixed(2); |
| | | } |
| | | allSum += totalFee; |
| | | } |
| | |
| | | getItemArr(rowindex, row) { |
| | | let list = this.fundtypeArrAll.filter((r) => r.itemType == row.applytype); |
| | | row.itemArr = list[0].itemDetails; |
| | | this.$set(this.fundDetailArr, rowindex, row); |
| | | this.$set(this.fundDetails, rowindex, row); |
| | | //this.loading = true; |
| | | // getItemNames(row.applytype).then((res) => { |
| | | // this.loading = false; |
| | | // row.itemArr = res.data; |
| | | // this.$set(this.fundDetailArr, rowindex, row); |
| | | // this.$set(this.fundDetails, rowindex, row); |
| | | // }); |
| | | }, |
| | | |
| | | addAlls() { |
| | | this.loading = true; |
| | | this.fundDetailArr = this.fundDetailArr.filter( |
| | | this.fundDetails = this.fundDetails.filter( |
| | | (r) => r.applytype != "" && r.applytype != null |
| | | ); |
| | | let listAdd = []; |
| | | //let listAdd = this.fundDetailArr; |
| | | //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.fundDetailArr.filter( |
| | | let list = this.fundDetails.filter( |
| | | (r) => |
| | | r.applytype == this.fundtypeArrAll[i].itemType && |
| | | r.itemid == this.fundtypeArrAll[i].itemDetails[j].id |
| | |
| | | } |
| | | } |
| | | } |
| | | this.fundDetailArr = listAdd; |
| | | this.fundDetails = listAdd; |
| | | this.loading = false; |
| | | // let Outerarr = this.fundDetailArr; |
| | | // let Outerarr = this.fundDetails; |
| | | // Outerarr.map((res) => { |
| | | // let onelist = this.fundtypeArr; |
| | | // onelist.map((item) => { |
| | |
| | | }, |
| | | |
| | | getUnitList() { |
| | | listOrganization(3).then((response) => { |
| | | for (let i = 0; i < response.rows.length; i++) { |
| | | listOrganization(3).then((res) => { |
| | | console.log("listOrganization", res); |
| | | for (let i = 0; i < res.rows.length; i++) { |
| | | this.unitList.push({ |
| | | organizationid: response.rows[i].organizationid, |
| | | organizationname: response.rows[i].organizationname, |
| | | organizationid: res.rows[i].organizationid, |
| | | organizationname: res.rows[i].organizationname, |
| | | bankname: res.rows[i].bankname, |
| | | bankaccount: res.rows[i].bankaccount, |
| | | }); |
| | | } |
| | | }); |
| | |
| | | } else { |
| | | getItemNames(scope.row.applytype).then((res) => { |
| | | scope.row.itemArr = res.data; |
| | | //this.$set(this.fundDetailArr, rowindex, row); |
| | | //this.$set(this.fundDetails, rowindex, row); |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | //文件上传 |
| | | handleUploadError() { }, |
| | | remove(file) { |
| | | handleremove(file) { |
| | | this.fileList.splice(this.fileList.indexOf(file), 1) |
| | | }, |
| | | handleExceed() { |
| | |
| | | }, |
| | | //文件上传成功回调 |
| | | 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 { |
| | | this.$modal.msgError(response.msg); |
| | | console.log(response.msg);; |
| | | } |
| | | }, |
| | | // 下载文件 |
| | |
| | | }, |
| | | }, |
| | | |
| | | // 点击文件 |
| | | Filepopup(index, rows, row) { |
| | | console.log(index, rows, row); |
| | | this.atpresent = index; |
| | | console.log(this.atpresent); |
| | | this.pdfVisible = true; |
| | | if (this.fundDetails[index].annexfilesList) { |
| | | this.fileListto = this.rbDetails[index].annexfilesList; |
| | | } else { |
| | | this.fileListto = []; |
| | | this.pdfimg = ""; |
| | | this.pdftitle = ""; |
| | | } |
| | | }, |
| | | |
| | | //生命周期 - 创建完成(可以访问当前this实例) |
| | | created() { |
| | | this.getUnitList(); |
| | | this.getList(); |
| | | this.getBaseInfoList(); |
| | | this.getlistUser(); |
| | | |
| | | this.getCurFundType(); |
| | | this.getlistUser(); |
| | | // this.getUnitList(); |
| | | }, |
| | | |
| | | //生命周期 - 挂载完成(可以访问DOM元素) |
| | | mounted() { |
| | | this.selectReporters(); |
| | | this.getBankAccount(); |
| | | this.getUsermsg(); |
| | | }, |
| | | |
| | | beforeCreate() { }, //生命周期 - 创建之前 |
| | | beforeMount() { }, //生命周期 - 挂载之前 |
| | | beforeUpdate() { }, //生命周期 - 更新之前 |