个人所得税申报表单 - 收入，费用，免税收入，减免税额填写指南

<template>
  <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-item label="证件号码：" v-if="form.acTaxPiPersonVo" prop="acTaxPiPersonVo.identificationNum">
      <el-input
        v-model="form.acTaxPiPersonVo.identificationNum"
        placeholder="请输入证件号码"
      />
    </el-form-item>
    <el-form-item label="证件类型：" v-if="form.acTaxPiPersonVo" prop="acTaxPiPersonVo.identificationType">
      <el-input
        v-model="form.acTaxPiPersonVo.identificationType"
        placeholder="请输入证件类型"
      />
    </el-form-item>
    <el-form-item label="工号：" v-if="form.acTaxPiPersonVo" prop="acTaxPiPersonVo.employeeId">
      <el-input v-model="form.acTaxPiPersonVo.employeeId" placeholder="请输入工号" />
    </el-form-item>
    <el-form-item label="收入" prop="income">
      <el-input
        v-model="form.income"
        placeholder="请输入收入"
      />
    </el-form-item>
    <el-form-item label="费用，综合所得申报：" prop="cost">
      <el-input
        v-model="form.cost"
        placeholder="请输入费用，综合所得申报："
      />
    </el-form-item>
    <el-form-item label="免税收入" prop="taxExemptIncome">
      <el-input
        v-model="form.taxExemptIncome"
        placeholder="请输入免税收入"
      />
    </el-form-item>
    <el-form-item label="其他" prop="other">
      <el-input v-model="form.other" placeholder="请输入其他" />
    </el-form-item>
    <el-form-item label="小计" prop="subtotal">
      <el-input v-model="form.subtotal" placeholder="请输入小计" />
    </el-form-item>
    <el-form-item label="减免税额" prop="reductionTaxAmount">
      <el-input
        v-model="form.reductionTaxAmount"
        placeholder="请输入减免税额"
      />
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="submitForm">提交</el-button>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  data() {
    return {
      form: {
        acTaxPiPersonVo: {
          name: '',
          identificationNum: '',
          identificationType: '',
          employeeId: '',
        },
        income: '',
        cost: '',
        taxExemptIncome: '',
        other: '',
        subtotal: '',
        reductionTaxAmount: '',
        personId: null,
      },
      rules: {
        'acTaxPiPersonVo.name': [
          { required: true, message: '请输入姓名', trigger: 'blur' },
        ],
        'acTaxPiPersonVo.identificationNum': [
          { required: true, message: '请输入证件号码', trigger: 'blur' },
        ],
        'acTaxPiPersonVo.identificationType': [
          { required: true, message: '请输入证件类型', trigger: 'blur' },
        ],
        'acTaxPiPersonVo.employeeId': [
          { required: true, message: '请输入工号', trigger: 'blur' },
        ],
        income: [
          { required: true, message: '请输入收入', trigger: 'blur' },
        ],
        cost: [
          { required: true, message: '请输入费用，综合所得申报', trigger: 'blur' },
        ],
        taxExemptIncome: [
          { required: true, message: '请输入免税收入', trigger: 'blur' },
        ],
        other: [
          { required: true, message: '请输入其他', trigger: 'blur' },
        ],
        subtotal: [
          { required: true, message: '请输入小计', trigger: 'blur' },
        ],
        reductionTaxAmount: [
          { required: true, message: '请输入减免税额', trigger: 'blur' },
        ],
      },
    };
  },
  methods: {
    submitForm() {
      console.log('form.acTaxPiPersonVo:', this.form.acTaxPiPersonVo);
      this.$refs.form.validate((valid) => {
        if (valid) {
          if (this.form.personId != null) {
            updateReportingRoyaltiesIncome(this.form).then((response) => {
              this.msgSuccess('修改成功');
              this.open = false;
              this.getList();
            });
          } else {
            addReportingRoyaltiesIncome(this.form).then((response) => {
              console.log(response, 'resssssssssss');
              this.msgSuccess('新增成功');
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
  },
};
</script>