【修改】工作组新增成员增加税额未税金额

2022-11-08 11:25:03 +08:00
parent b15285006e
commit a5d660daa9
2 changed files with 171 additions and 68 deletions
@@ -1,13 +1,13 @@
 <template>
  <j-modal
-    :title="title"
-    :width="width"
-    :visible="visible"
-    :confirmLoading="confirmLoading"
-    switchFullscreen
-    @ok="handleOk"
-    @cancel="handleCancel"
-    cancelText="关闭">
+      :title="title"
+      :width="width"
+      :visible="visible"
+      :confirmLoading="confirmLoading"
+      switchFullscreen
+      @ok="handleOk"
+      @cancel="handleCancel"
+      cancelText="关闭">
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-row v-if="defaultChargeWay">
@@ -35,7 +35,8 @@
            </a-form-item>
          </a-col>
        </a-row>
-        <template v-if="model.payWorkingGroupSubItemContactsList && model.payWorkingGroupSubItemContactsList.length > 0">
+        <template
+            v-if="model.payWorkingGroupSubItemContactsList && model.payWorkingGroupSubItemContactsList.length > 0">
          <a-row v-for="(item, index) in model.payWorkingGroupSubItemContactsList" :key="index + ''">
            <a-col :xl="12" :sm="24">
              <a-form-item :label="`企业联系人${index + 1}`" :labelCol="labelCol" :wrapperCol="wrapperCol">
@@ -53,10 +54,10 @@
              <!--            v-show="hasContactOne"-->
              <a-form-item :label="`备注${index + 1}`" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input
-                  :placeholder="`请输入备注${index + 1}`"
-                  v-decorator="[`payWorkingGroupSubItemContactsList[${index}].remarks`]"
-                  :maxLength='50'
-                  @change="e => {e.target.value = (e.target.value + '').trim()}">
+                    :placeholder="`请输入备注${index + 1}`"
+                    v-decorator="[`payWorkingGroupSubItemContactsList[${index}].remarks`]"
+                    :maxLength='50'
+                    @change="e => {e.target.value = (e.target.value + '').trim()}">
                </a-input>
              </a-form-item>
            </a-col>
@@ -164,9 +165,9 @@
          <a-col :xl="12" :sm="24" v-if="chargeWayType === 3">
            <a-form-item label="收费通知号" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-radio-group
-                class="charge-notice-no"
-                v-decorator="['charge',validatorRules.charge]"
-                @change="handleChargeNoticeChange">
+                  class="charge-notice-no"
+                  v-decorator="['charge',validatorRules.charge]"
+                  @change="handleChargeNoticeChange">
                <a-radio v-for="item in chargeNoticeList" :key="item.key" :value="item.key">
                  <a-tooltip :title="item.label">
                    {{ item.label }}
@@ -176,21 +177,68 @@
            </a-form-item>
          </a-col>
        </a-row>
+        <template v-if="chargeWayType === 1 || chargeWayType === 2">
+          <a-row>
+            <a-col :xl="12" :sm="24">
+              <a-form-item label="应收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-row :gutter="10">
+                  <a-col :span="20">
+                    <a-input placeholder="请输入应收金额"
+                             v-decorator="['receivableAmount',validatorRules.receivableAmount]"
+                             :maxLength='50'
+                             @blur="addZero"
+                             @change="changeReceivableAmount"></a-input>
+                  </a-col>
+                  <a-col :span="1">元</a-col>
+                </a-row>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="12" :sm="24">
+              <a-form-item label="税率" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag @change="changeRate" placeholder="请选择税率" dict-code="rate" :trigger-change="true"
+                                   v-decorator="['taxRate',validatorRules.taxRate]"></j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <a-row>
+            <a-col :xl="12" :sm="24">
+              <a-form-item label="税额" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-row :gutter="10">
+                  <a-col :span="20">
+                    <a-input placeholder="请输入税额"
+                             v-decorator="['tax',validatorRules.tax]"
+                             :maxLength='50'
+                             @blur="addZero"
+                             read-only
+                             disabled
+                             @change="(e) => {e.target.value = (e.target.value.replace(/[^0-9.]/g,'')).trim()}"></a-input>
+                  </a-col>
+                  <a-col :span="1">元</a-col>
+                </a-row>
+              </a-form-item>
+            </a-col>
+
+            <a-col :xl="12" :sm="24">
+              <a-form-item label="未税金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-row :gutter="10">
+                  <a-col :span="20">
+                    <a-input placeholder="请输入未税金额"
+                             v-decorator="['noTaxAmount',validatorRules.noTaxAmount]"
+                             :maxLength='50'
+                             disabled
+                             @blur="addZero"
+                             read-only
+                             @change="(e) => {e.target.value = (e.target.value.replace(/[^0-9.]/g,'')).trim()}"></a-input>
+                  </a-col>
+                  <a-col :span="1">元</a-col>
+                </a-row>
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+        </template>
        <a-row>
-          <a-col :xl="12" :sm="24" v-if="chargeWayType === 1 || chargeWayType === 2">
-            <a-form-item label="应收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-row :gutter="10">
-                <a-col :span="20">
-                  <a-input placeholder="请输入应收金额"
-                           v-decorator="['receivableAmount',validatorRules.receivableAmount]"
-                           :maxLength='50'
-                           @blur="addZero"
-                           @change="(e) => {e.target.value = (e.target.value.replace(/[^0-9.]/g,'')).trim()}"></a-input>
-                </a-col>
-                <a-col :span="1">元</a-col>
-              </a-row>
-            </a-form-item>
-          </a-col>
          <a-col :xl="12" :sm="24" v-if="chargeWayType === 2">
            <a-form-item label="合同号" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <!--              <a-input placeholder="请输入合同号"-->
@@ -199,14 +247,15 @@
              <!--                       :disabled="isContractNumDisabled || isAssociatedContract"-->
              <!--                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>-->
              <select-revenue-contract
-                placeholder="请选择合同号"
-                :company="selectedCompany"
-                :disabled="isContractNumDisabled || isAssociatedContract"
-                v-decorator="['contractNum',validatorRules.contractNum]">
+                  placeholder="请选择合同号"
+                  :company="selectedCompany"
+                  :disabled="isContractNumDisabled || isAssociatedContract"
+                  v-decorator="['contractNum',validatorRules.contractNum]">
              </select-revenue-contract>
            </a-form-item>
          </a-col>
        </a-row>
+
        <a-row v-if="chargeWayType === 3 && selectedChargeNotice === 'A'">
          <a-col :xl="12" :sm="24">
            <a-form-item label="本年应收款A" :labelCol="labelCol" :wrapperCol="wrapperCol">
@@ -264,11 +313,11 @@
          <a-col>
            <a-form-item label="备注" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
              <a-textarea
-                placeholder="请输入备注"
-                :auto-size="{ minRows: 3, maxRows: 6 }"
-                v-decorator="['remarks']"
-                :maxLength='200'
-                @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+                  placeholder="请输入备注"
+                  :auto-size="{ minRows: 3, maxRows: 6 }"
+                  v-decorator="['remarks']"
+                  :maxLength='200'
+                  @change="e => {e.target.value = (e.target.value + '').trim()}"/>
            </a-form-item>
          </a-col>
        </a-row>
@@ -279,20 +328,23 @@

 <script>
 import pick from 'lodash.pick'
-import { httpAction } from '@api/manage'
+import {httpAction} from '@api/manage'
 import JUpload from '@comp/jero/JUpload'
 import CompanySelect from '@comp/company/CompanySelect'
 import SelectContacts from '@comp/company/SelectContacts'
-import { getWorkingGroupListByNotCompany } from '../../../api/incomePaymentsApi'
-import { isRepeat } from '../../../utils/util'
-import { addZero } from '../../../utils/util'
-import { money } from '../../../utils/validate'
-import { checkAssociatedProject } from '../../../utils/projectCheck'
+import {getWorkingGroupListByNotCompany} from '../../../api/incomePaymentsApi'
+// import { isRepeat } from '../../../utils/util'
+import {addZero} from '../../../utils/util'
+import {money} from '../../../utils/validate'
+import {checkAssociatedProject} from '../../../utils/projectCheck'
 import SelectRevenueContract from '../../../components/tools/SelectRevenueContract'
+import JDictSelectTag from '@comp/dict/JDictSelectTag'
+import {CalcAmountMixin} from '@/mixins/CalcAmountMixin'

 export default {
  name: 'WorkingGroupMemberUnitModule',
-  components: { JUpload, CompanySelect, SelectContacts, SelectRevenueContract },
+  components: {JUpload, CompanySelect, SelectContacts, SelectRevenueContract, JDictSelectTag},
+  mixins:[CalcAmountMixin],
  props: {
    // 默认来款方式（收入合同新增工作组项目，来款方式默认为2--合同）
    defaultChargeWay: {
@@ -348,60 +400,64 @@ export default {
      form: this.$form.createForm(this),
      model: {},
      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 8 }
+        xs: {span: 24},
+        sm: {span: 8}
      },
      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 16 }
+        xs: {span: 24},
+        sm: {span: 16}
      },
      remarksLabelCol: {
-        xs: { span: 24 },
-        sm: { span: 4 }
+        xs: {span: 24},
+        sm: {span: 4}
      },
      remarksWrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 20 }
+        xs: {span: 24},
+        sm: {span: 20}
      },
      validatorRules: {
        workingGroupId: {
-          rules: [{ required: true, message: '请选择工作组项目' }],
+          rules: [{required: true, message: '请选择工作组项目'}],
          validateTrigger: 'change'
        },
        chargeCompany: {
-          rules: [{ required: true, validator: this.checkCompany }],
+          rules: [{required: true, validator: this.checkCompany}],
          validateTrigger: 'change'
        },
+        taxRate: {
+          rules: [{ required: true,message: '请选择税率'  }],
+          validateTrigger: 'change',initialValue:'0.06'
+        },
        contactsIdOne: {
-          rules: [{ required: true, message: '请选择企业联系人1' }],
+          rules: [{required: true, message: '请选择企业联系人1'}],
          validateTrigger: 'change'
        },
        contactsRepeat: {
-          rules: [{ required: false, validator: this.validateContact }],
+          rules: [{required: false, validator: this.validateContact}],
          validateTrigger: 'change'
        },
        mailContactsId: {
-          rules: [{ required: true, message: '请选择邮寄联系人' }],
+          rules: [{required: true, message: '请选择邮寄联系人'}],
          validateTrigger: 'blur'
        },
        chargeWay: {
-          rules: [{ required: true, message: '请选择来款方式' }],
+          rules: [{required: true, message: '请选择来款方式'}],
          validateTrigger: 'change'
        },
        receivableAmount: {
-          rules: [{ required: true, validator: this.checkMoney }],
+          rules: [{required: true, validator: this.checkMoney}],
          validateTrigger: 'blur'
        },
        contractNum: {
-          rules: [{ required: true, message: '请选择合同号' }],
+          rules: [{required: true, message: '请选择合同号'}],
          validateTrigger: 'change'
        },
        charge: {
-          rules: [{ required: true, message: '请输入收费通知号' }],
+          rules: [{required: true, message: '请输入收费通知号'}],
          validateTrigger: 'blur'
        },
        needInvoice: {
-          rules: [{ required: true, message: '请选择发票类型' }],
+          rules: [{required: true, message: '请选择发票类型'}],
          validateTrigger: 'change'
        }
      },
@@ -535,7 +591,7 @@ export default {
      this.pickChargeNoticeType(record.charge, true)
      this.visible = true
      this.$nextTick(() => {
-        this.form.setFieldsValue(pick(this.model, 'chargeCompany', 'contactsIdOne', 'contactsIdTwo', 'contactsIdThree', 'mailContactsId', 'chargeWay', 'charge', 'receivableAmount', 'contractNum', 'receivableAmount', 'chargeNoticeId', 'needInvoice', 'remarks', 'remarksOne', 'remarksTwo', 'remarksThree', 'payWorkingGroupSubItemContactsList'))
+        this.form.setFieldsValue(pick(this.model, 'chargeCompany', 'contactsIdOne', 'contactsIdTwo', 'contactsIdThree', 'mailContactsId', 'chargeWay', 'charge', 'receivableAmount','taxRate','tax','noTaxAmount', 'contractNum', 'receivableAmount', 'chargeNoticeId', 'needInvoice', 'remarks', 'remarksOne', 'remarksTwo', 'remarksThree', 'payWorkingGroupSubItemContactsList'))
      })
    },
    close() {
@@ -771,7 +827,7 @@ export default {
        }
      }
      this.$nextTick(() => {
-        this.form.setFieldsValue({ payWorkingGroupSubItemContactsList: formData })
+        this.form.setFieldsValue({payWorkingGroupSubItemContactsList: formData})
        this.form.validateFields(['payWorkingGroupSubItemContactsList'])
      })
    },
@@ -825,7 +881,7 @@ export default {
      let formData = this.form.getFieldValue('payWorkingGroupSubItemContactsList')
      formData.splice(index + 1, 0, obj)
      this.$nextTick(() => {
-        this.form.setFieldsValue({ payWorkingGroupSubItemContactsList: formData })
+        this.form.setFieldsValue({payWorkingGroupSubItemContactsList: formData})
      })
    },
    /**
@@ -841,7 +897,7 @@ export default {
      let formData = this.form.getFieldValue('payWorkingGroupSubItemContactsList')
      formData.splice(index, 1)
      this.$nextTick(() => {
-        this.form.setFieldsValue({ payWorkingGroupSubItemContactsList: formData })
+        this.form.setFieldsValue({payWorkingGroupSubItemContactsList: formData})
      })
    }
  }