fix:修改发票不可开具问题

src/modules/payment/components/TicketForm.vue

@@ -59,7 +59,7 @@
             <el-option label="普通纸质发票" value="1"></el-option>
             <el-option label="普通电子发票" value="2"></el-option>
             <!-- 纸质专票企业可以开 -->
-            <el-option label="专用纸质发票" value="3" v-show="form.taxpayer_type === '2'"></el-option>
+            <el-option label="专用纸质发票" value="3" v-if="form.taxpayer_type === '2'"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="纳税人名称" prop="taxpayer_name">
@@ -69,30 +69,34 @@
           <el-input v-model="form.taxpayer_identifier" maxlength="18"></el-input>
         </el-form-item>
         <!-- 企业纸质显示 -->
-        <div v-show="form.taxpayer_type === '2' && form.invoice_type === '3'">
-          <el-form-item label="地址" prop="taxpayer_address">
-            <el-input
-              v-model="form.taxpayer_address"
-              :rules="[{ message: '请输入纳税人地址', required: true, trigger: 'blur' }]"
-            ></el-input>
+        <div v-if="form.taxpayer_type === '2' && form.invoice_type === '3'">
+          <el-form-item
+            label="地址"
+            prop="taxpayer_address"
+            :rules="[{ message: '请输入纳税人地址', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.taxpayer_address"></el-input>
           </el-form-item>
-          <el-form-item label="电话" prop="taxpayer_mobile">
-            <el-input
-              v-model="form.taxpayer_mobile"
-              :rules="[{ message: '请输入电话', required: true, trigger: 'blur' }]"
-            ></el-input>
+          <el-form-item
+            label="电话"
+            prop="taxpayer_mobile"
+            :rules="[{ message: '请输入电话', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.taxpayer_mobile"></el-input>
           </el-form-item>
-          <el-form-item label="开户行" prop="taxpayer_bank_name">
-            <el-input
-              v-model="form.taxpayer_bank_name"
-              :rules="[{ message: '请输入开户行', required: true, trigger: 'blur' }]"
-            ></el-input>
+          <el-form-item
+            label="开户行"
+            prop="taxpayer_bank_name"
+            :rules="[{ message: '请输入开户行', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.taxpayer_bank_name"></el-input>
           </el-form-item>
-          <el-form-item label="银行账号" prop="taxpayer_bank_account">
-            <el-input
-              v-model="form.taxpayer_bank_account"
-              :rules="[{ message: '请输入银行账号', required: true, trigger: 'blur' }]"
-            ></el-input>
+          <el-form-item
+            label="银行账号"
+            prop="taxpayer_bank_account"
+            :rules="[{ message: '请输入银行账号', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.taxpayer_bank_account"></el-input>
           </el-form-item>
         </div>
         <el-form-item label="备注">
@@ -102,30 +106,35 @@
           <span>请填写邮箱地址，方便接收电子发票</span>
         </el-form-item>
         <!-- 电子发票显示邮箱 -->
-        <el-form-item label="邮箱" prop="recipient_email" v-show="form.invoice_type === '2'">
-          <el-input
-            v-model="form.recipient_email"
-            :rules="[{ message: '请输入邮箱地址', required: true, trigger: 'blur' }]"
-          ></el-input>
+        <el-form-item
+          label="邮箱"
+          prop="recipient_email"
+          v-if="form.invoice_type === '2'"
+          :rules="[{ message: '请输入邮箱地址', required: true, trigger: 'blur' }]"
+        >
+          <el-input v-model="form.recipient_email"></el-input>
         </el-form-item>
         <div v-if="form.invoice_type !== '2'">
-          <el-form-item label="收件人地址" prop="recipient_address">
-            <el-input
-              v-model="form.recipient_address"
-              :rules="[{ message: '请输入邮寄地址', required: true, trigger: 'blur' }]"
-            ></el-input>
+          <el-form-item
+            label="收件人地址"
+            prop="recipient_address"
+            :rules="[{ message: '请输入邮寄地址', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.recipient_address"></el-input>
           </el-form-item>
-          <el-form-item label="收件人名称" prop="recipient_name">
-            <el-input
-              v-model="form.recipient_name"
-              :rules="[{ message: '请输入收件人名称', required: true, trigger: 'blur' }]"
-            ></el-input>
+          <el-form-item
+            label="收件人名称"
+            prop="recipient_name"
+            :rules="[{ message: '请输入收件人名称', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.recipient_name"></el-input>
           </el-form-item>
-          <el-form-item label="收件人手机号" prop="recipient_mobile">
-            <el-input
-              v-model="form.recipient_mobile"
-              :rules="[{ message: '请输入收件人手机号', required: true, trigger: 'blur' }]"
-            ></el-input>
+          <el-form-item
+            label="收件人手机号"
+            prop="recipient_mobile"
+            :rules="[{ message: '请输入收件人手机号', required: true, trigger: 'blur' }]"
+          >
+            <el-input v-model="form.recipient_mobile"></el-input>
           </el-form-item>
           <el-form-item label="票据跟进人">
             <el-input :placeholder="row.sales_rep_user_id_name"></el-input>
@@ -187,15 +196,15 @@ export default {
         taxpayer_identifier: [
           { message: '请输入纳税人识别号', required: true, trigger: 'blur' },
           { min: 18, message: '长度在 18 个字符', required: true, trigger: 'blur' }
-        ],
-        taxpayer_address: [{ message: '请输入纳税人地址', required: true, trigger: 'blur' }],
-        taxpayer_mobile: [{ message: '请输入电话', required: true, trigger: 'blur' }],
-        taxpayer_bank_name: [{ message: '请输入开户行', required: true, trigger: 'blur' }],
-        taxpayer_bank_account: [{ message: '请输入银行账号', required: true, trigger: 'blur' }],
-        recipient_email: [{ message: '请输入邮箱地址', required: true, trigger: 'blur' }],
-        recipient_address: [{ message: '请输入邮寄地址', required: true, trigger: 'blur' }],
-        recipient_name: [{ message: '请输入收件人名称', required: true, trigger: 'blur' }],
-        recipient_mobile: [{ message: '请输入收件人手机号', required: true, trigger: 'blur' }]
+        ]
+        // taxpayer_address: [{ message: '请输入纳税人地址', required: true, trigger: 'blur' }],
+        // taxpayer_mobile: [{ message: '请输入电话', required: true, trigger: 'blur' }],
+        // taxpayer_bank_name: [{ message: '请输入开户行', required: true, trigger: 'blur' }],
+        // taxpayer_bank_account: [{ message: '请输入银行账号', required: true, trigger: 'blur' }],
+        // recipient_email: [{ message: '请输入邮箱地址', required: true, trigger: 'blur' }],
+        // recipient_address: [{ message: '请输入邮寄地址', required: true, trigger: 'blur' }],
+        // recipient_name: [{ message: '请输入收件人名称', required: true, trigger: 'blur' }],
+        // recipient_mobile: [{ message: '请输入收件人手机号', required: true, trigger: 'blur' }]
       }
     }
   },

src/modules/payment/views/List.vue

@@ -378,16 +378,12 @@ export default {
     },
     // 开具发票
     handleCreateTicket(val) {
-      console.log('11111')
       const params = Object.assign({ payment_id: this.id }, val)
       createNewTicket(params).then(res => {
         this.$message.success('开票成功')
         this.ticketVisible = false
         this.$refs.list.refetch() // 刷新订单列表
       })
-      // .catch(error => {
-      //   this.$message.error(error.message)
-      // })
     },
     // 是否允许开具发票
     handleStatus(row) {