fix:修改发票二维码查看条件

src/modules/payment/components/Ticket.vue

@@ -3,7 +3,7 @@
   <div class="ticketInfo" v-if="invioceList.length > 0">
     <table border="1" cellspacing="0" class="tableDetail" v-for="(item, index) in invioceList" :key="index">
       <tr>
-        <td colspan="10">发票{{ index + 1 }}</td>
+        <td colspan="10" style="text-align: left">发票({{ index + 1 }})</td>
       </tr>
       <tr>
         <th>发票号码</th>

src/modules/payment/components/TicketForm.vue

@@ -145,18 +145,17 @@
             <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>
+            <el-input :placeholder="row.sales_rep_user_id_name" disabled></el-input>
           </el-form-item>
         </div>
-        <el-form-item class="btn">
-          <el-button size="mini" @click="$emit('close')">取消</el-button>
-          <el-button type="primary" @click="onSubmit" size="mini">提交</el-button>
+        <el-form-item class="btn" size="large" style="text-align: center">
+          <el-button @click="$emit('close')">取消</el-button>
+          <el-button type="primary" @click="onSubmit">提交</el-button>
         </el-form-item>
       </div>
     </el-form>
   </div>
 </template>
-
 <script>
 import { payDetail } from '../api'
 export default {
@@ -191,28 +190,14 @@ export default {
         taxpayer_mobile: '',
         taxpayer_bank_name: '',
         taxpayer_bank_account: '',
-        taxpayer_remark: '',
         recipient_address: '',
         recipient_name: '',
         recipient_mobile: '',
-        sales_rep_user_id_name: '',
         recipient_email: ''
       },
       rules: {
         invoice_type: [{ message: '请选择发票类型', required: true, trigger: 'change' }],
         taxpayer_name: [{ message: '请输入纳税人名称', required: true, trigger: 'blur' }]
-        // 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' }]
       }
     }
   },
@@ -231,9 +216,11 @@ export default {
     }
   },
   methods: {
+    // 抬头类型切换清空表单数据
     taxpayerChange() {
       this.$refs.ruleForm.resetFields()
     },
+    // 获取支付详情信息
     getPayDetail() {
       const params = { id: this.id }
       payDetail(params)
@@ -255,7 +242,6 @@ export default {
   }
 }
 </script>
-
 <style scoped>
 .table {
   margin-bottom: 20px;

src/modules/payment/views/List.vue

@@ -82,7 +82,8 @@
         :visible.sync="historyVisible"
         width="460px"
         top="15px"
-        append-to-body:destroy-on-close="true"
+        append-to-body
+        :destroy-on-close="true"
         center
         :modal="false"
       >
@@ -365,6 +366,10 @@ export default {
       })
     },
     qrCode(row) {
+      if (row.payment_status_name !== '已开具') {
+        this.$message.error('当前状态无法查看发票二维码')
+        return
+      }
       this.shareUrl = `${import.meta.env.VITE_SHARE_URL}/h5/payment/invoice?id=${row.id}&remark=${
         row.payer_name
       }&name=${row.sales_rep_user_id_name}`