合同新增会议参会人的是否需要发票的显示

src/views/contractManagement/revenueContract/modules/AddMeetingPerson.vue

@@ -47,7 +47,20 @@
             </a-form-item>
           </a-col>
         </a-row>
+<!--        <a-row :gutter="24">-->
+<!--       -->
+<!--        </a-row>-->
+
         <a-row :gutter="24">
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="来款方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-radio-group v-decorator="['payMode',validatorRules.payMode]" @change="changePayMode">
+                <a-radio :value="1">汇款</a-radio>
+                <a-radio :value="2">现场缴费</a-radio>
+                <a-radio :value="3">打包</a-radio>
+              </a-radio-group>
+            </a-form-item>
+          </a-col>
           <a-col :xl="12" :sm="24">
             <a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-radio-group v-decorator="['identity',validatorRules.identity]" disabled>
@@ -60,6 +73,15 @@
         </a-row>
         <a-row :gutter="24">
           <a-col :xl="12" :sm="24">
+            <a-form-item label="需要发票" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-dict-select-tag style="width: 100%" dict-code="invoice_type"
+                                 v-decorator="['needInvoice',validatorRules.needInvoice]"
+                                 :trigger-change="true"
+                                 @change="changeNeedInvoice"
+                                 placeholder="请选择发票类型"></j-dict-select-tag>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24" v-if="!needInvoiceBool">
             <a-form-item label="邮寄人" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <select-contacts placeholder="请选择邮寄人"
                                :selected-company="contractInfo.companyId"
@@ -67,7 +89,18 @@
                                v-decorator="['postContactId',validatorRules.postContactId]"></select-contacts>
             </a-form-item>
           </a-col>
-          <a-col :xl="12" :sm="24">
+
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :xl="12" :sm="24" v-if="!needInvoiceBool">
+            <a-form-item label="邮编" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入邮编"
+                       v-decorator="['postCode',validatorRules.postCode]"
+                       @change="(e) => {e.target.value = e.target.value.replace(/[^0-9]/g,'')}" :maxLength="6"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24" v-if="!needInvoiceBool">
             <a-form-item label="邮寄地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input placeholder="请输入邮寄地址"
                        v-decorator="['postContactAddress',validatorRules.postAddress]"
@@ -77,41 +110,12 @@
           </a-col>
         </a-row>
         <a-row :gutter="24">
-          <a-col :xl="12" :sm="24">
-            <a-form-item label="邮编" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-input placeholder="请输入邮编"
-                       v-decorator="['postContacCode',validatorRules.postCode]"
-                       @change="(e) => {e.target.value = e.target.value.replace(/[^0-9]/g,'')}" :maxLength="6"
-              ></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="12" :sm="24">
-            <a-form-item label="来款方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-radio-group v-decorator="['payMode',validatorRules.payMode]" @change="changePayMode">
-                <a-radio :value="1">汇款</a-radio>
-                <a-radio :value="2">现场缴费</a-radio>
-                <a-radio :value="3">打包</a-radio>
-              </a-radio-group>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :xl="12" :sm="24">
-            <a-form-item label="需要发票" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-dict-select-tag style="width: 100%" dict-code="invoice_type"
-                                 v-decorator="['needInvoice',validatorRules.needInvoice]"
-                                 :trigger-change="true"
-                                 placeholder="请选择发票类型"></j-dict-select-tag>
-            </a-form-item>
-          </a-col>
           <a-col :xl="12" :sm="24">
             <a-form-item label="抵达日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-date placeholder="请选择抵达日期" style="width: 100%;" v-decorator="['arrivalTime']" :trigger-change="true"
                       date-format="YYYY-MM-DD"/>
             </a-form-item>
           </a-col>
-        </a-row>
-        <a-row :gutter="24">
           <a-col :xl="12" :sm="24">
             <a-form-item label="离开日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-date placeholder="请选择离开日期" style="width: 100%;" v-decorator="['departureTime']" :trigger-change="true"
@@ -265,6 +269,8 @@ export default {
       },
       // 订单后四位显示
       onlinePayModeBool: false,
+      // 是否需要发票
+      needInvoiceBool:false,
       // 是否打包 打包不上传缴费凭证
       isPackBool:false,
       url: {
@@ -311,6 +317,17 @@ export default {
         this.form.setFieldsValue(pick(this.contractInfo, 'companyId', 'companyContactId', 'identify', 'postContactId'))
       })
     },
+    /*
+    * 是否需要发票
+    * */
+    changeNeedInvoice(val){
+      if(val === '0'){
+        // 不需要发票
+        this.needInvoiceBool = true
+      }else {
+        this.needInvoiceBool = false
+      }
+    },
     close() {
       this.visible = false
     },