个人所得税申报 - 收入、费用、税率、应纳税额
<p>'<el-form ref='form' :model='form' :rules='rules' label-width='80px'>\n <el-form-item label='姓名' v-if='form.acTaxPiPersonVo' prop='acTaxPiPersonVo.name'>\n <el-input v-model='form.acTaxPiPersonVo.name' placeholder='请输入收入' />\n </el-form-item>\n <el-form-item label='证件号码：' v-if='form.acTaxPiPersonVo' prop='acTaxPiPersonVo.identificationNum'>\n <el-input\n v-model='form.acTaxPiPersonVo.identificationNum'\n placeholder='请输入收入'\n />\n </el-form-item>\n <el-form-item label='证件类型：' v-if='form.acTaxPiPersonVo' prop='acTaxPiPersonVo.identificationType'>\n <el-input\n v-model='form.acTaxPiPersonVo.identificationType'\n placeholder='请输入收入'\n />\n </el-form-item>\n <el-form-item label='工号：' v-if='form.acTaxPiPersonVo' prop='acTaxPiPersonVo.employeeId'>\n <el-input v-model='form.acTaxPiPersonVo.employeeId' placeholder='请输入收入' />\n </el-form-item>\n <el-form-item label='收入' prop='income'>\n <el-input\n v-model='form.income'\n placeholder='请输入收入'\n />\n </el-form-item>\n <el-form-item label='费用，综合所得申报：' prop='cost'>\n <el-input\n v-model='form.cost'\n placeholder='请输入费用，综合所得申报：'\n />\n </el-form-item>\n <el-form-item label='免税收入' prop='taxExemptIncome'>\n <el-input\n v-model='form.taxExemptIncome'\n placeholder='请输入免税收入'\n />\n </el-form-item>\n <el-form-item label='其他' prop='other'>\n <el-input v-model='form.other' placeholder='请输入其他' />\n </el-form-item>\n <el-form-item label='小计' prop='subtotal'>\n <el-input v-model='form.subtotal' placeholder='请输入小计' />\n </el-form-item>\n <el-form-item label='减免税额' prop='reductionTaxAmount'>\n <el-input\n v-model='form.reductionTaxAmount'\n placeholder='请输入减免税额'\n />\n </el-form-item>\n <!-- <el-form-item label=\'所属企业ID\' prop=\'companyId\'>\n <el-input v-model=\'form.companyId\' placeholder=\'请输入所属企业ID\' />\n </el-form-item>\n <el-form-item label=\'所得申报编码\' prop=\'incomeReportingCode\'>\n <el-input\n v-model=\'form.incomeReportingCode\'\n placeholder=\'请输入所得申报编码\'\n />\n </el-form-item> -->\n <el-form-item\n label='所得期间起 (税款所属期 2018-04-01 月初)'\n prop='incomePeriodDateStart'\n >\n <el-date-picker\n clearable\n size='small'\n v-model='form.incomePeriodDateStart'\n type='date'\n value-format='yyyy-MM-dd'\n placeholder='选择所得期间起 (税款所属期 2018-04-01 月初)'\n >\n </el-date-picker>\n </el-form-item>\n <el-form-item\n label='所得期间止 (税款所属期 2018-04-31 月末)'\n prop='incomePeriodDateEnd'\n >\n <el-date-picker\n clearable\n size='small'\n v-model='form.incomePeriodDateEnd'\n type='date'\n value-format='yyyy-MM-dd'\n placeholder='选择所得期间止 (税款所属期 2018-04-31 月末)'\n >\n </el-date-picker>\n </el-form-item>\n <el-form-item label='应纳税所得额' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.acTaxableIncome'>\n <el-input\n v-model='form.acTaxPiPersonCalculationSchedule.acTaxableIncome'\n placeholder='请输入收入'\n />\n </el-form-item>\n <el-form-item label='税率/预扣率：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.taxRate'>\n <el-input\n v-model='form.acTaxPiPersonCalculationSchedule.taxRate'\n placeholder='请输入费用，综合所得申报：'\n />\n </el-form-item>\n <el-form-item label='速算扣除数：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.taxRate'>\n <el-input\n v-model='form.acTaxPiPersonCalculationSchedule.taxRate'\n placeholder='请输入免税收入'\n />\n </el-form-item>\n <el-form-item label='应纳税额：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.acTaxableAmount'>\n <el-input v-model='form.acTaxPiPersonCalculationSchedule.acTaxableAmount' placeholder='请输入其他' />\n </el-form-item>\n <el-form-item label='减免税额：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.acTaxSavings'>\n <el-input v-model='form.acTaxPiPersonCalculationSchedule.acTaxSavings' placeholder='请输入小计' />\n </el-form-item>\n <el-form-item label='应扣缴税额：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.acDeductiblePaymentAmount'>\n <el-input\n v-model='form.acTaxPiPersonCalculationSchedule.acDeductiblePaymentAmount'\n placeholder='请输入减免税额'\n />\n </el-form-item>\n <el-form-item label='已预缴税额：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.prepaidTaxAmount'>\n <el-input v-model='form.acTaxPiPersonCalculationSchedule.prepaidTaxAmount' placeholder='请输入其他' />\n </el-form-item>\n <el-form-item label='应补(退)税额：' v-if='form.acTaxPiPersonCalculationSchedule' prop='acTaxPiPersonCalculationSchedule.payableTaxAmount'>\n <el-input\n v-model='form.acTaxPiPersonCalculationSchedule.payableTaxAmount'\n placeholder=null\n />\n </el-form-item>\n <el-form-item label='备注' prop='remark'>\n <el-input v-model='form.remark' placeholder='请输入备注' />\n </el-form-item>\n </el-form> /** 提交按钮 */ submitForm() { const formCopy = { ...this.form }; delete formCopy.acTaxPiPersonVo; delete formCopy.acTaxPiPersonCalculationSchedule; this.$refs['form'].validate((valid) => { if (valid) { if (this.form.personId != null) { updateReportingRoyaltiesIncome(formCopy).then((response) => { this.msgSuccess('修改成功'); this.open = false; this.getList(); }); } else { addReportingRoyaltiesIncome(formCopy)\n .then((response) => { console.log(response, 'resssssssssss')\n this.msgSuccess('新增成功');\n this.open = false; this.getList(); }); } } }); }, form: { personId: '', other: '', // 应纳税额 cost: '', // 应纳税额 taxExemptIncome: '', // 备注 remark: '', // 小计 subtotal: '', // 减免税额 reductionTaxAmount: '', // companyId: null, // incomeReportingCode: null, // 所得期间起 incomePeriodDateStart: '', // 所得期间至 incomePeriodDateEnd: '', // 应纳税额 acTaxPiPersonVo: { // 人员id personId: '', // 姓名 name: '', // 收入 income: '', // 证件号码 identificationNum: '', // 证件类型 identifiIcationType: '', // 工号 employeed: '', // 其他 }, acTaxPiPersonCalculationSchedule: { acTaxableAmount: '', // 减免税额 acTaxSavings: '', // 应纳税所得额 acTaxableIncome: '', // 已预缴税额 prepaidTaxAmount: '', // 税率/预扣率 taxRate: '', // 速算扣除数 quickCalculationDeduction: '', // 应补(退)税额 payableTaxAmount: '', // 累计应扣缴税额 acDeductiblePaymentAmount: '', }, }, 将数据传给接口时TypeError: Cannot read properties of undefined (reading 'name')'没有读到acTaxPiPersonVo报错 解决方法 完整代码内容：Based on the code you provided, it seems that the error is occurring because the <code>acTaxPiPersonVo</code> object is not defined in the <code>form</code> object. You can resolve this issue by initializing the <code>acTaxPiPersonVo</code> object before accessing its properties.</p>
<p>Here is the updated code:html<el-form ref='form' :model='form' :rules='rules' label-width='80px'> ... <el-form-item label='姓名' v-if='form.acTaxPiPersonVo' prop='acTaxPiPersonVo.name'> <el-input v-model='form.acTaxPiPersonVo.name' placeholder='请输入收入' /> </el-form-item> ...</el-form></p>
<script>export default { data() { return { form: { personId: '', other: '', cost: '', taxExemptIncome: '', remark: '', subtotal: '', reductionTaxAmount: '', incomePeriodDateStart: '', incomePeriodDateEnd: '', acTaxPiPersonVo: { name: '', // Initialize the properties of acTaxPiPersonVo identificationNum: '', identificationType: '', employeeId: '' }, acTaxPiPersonCalculationSchedule: { acTaxableIncome: '', taxRate: '', quickCalculationDeduction: '', acTaxableAmount: '', acTaxSavings: '', acDeductiblePaymentAmount: '', prepaidTaxAmount: '', payableTaxAmount: '' } }, ... }; }, ...};</script>
<p>By initializing the <code>acTaxPiPersonVo</code> object with its properties, you should no longer encounter the 'TypeError: Cannot read properties of undefined (reading 'name')' error</p>
原文地址: https://www.cveoy.top/t/topic/fcwp 著作权归作者所有。请勿转载和采集!