fix:修改发票作废弹框显示问题

src/modules/invoice/views/List.vue

@@ -172,40 +172,40 @@ export default {
         ],
         columnsOptions: { key: 'invoices' },
         columns: [
-          { type: 'selection', minWidth: '50px', fixed: 'left' },
-          { label: '发票代码', prop: 'invoice_daima' },
-          { label: '发票号码', prop: 'invoice_haoma' },
-          { label: '客户姓名', prop: 'name' },
-          { label: '客户编号', prop: 'customer_id' },
-          { label: '订单编号', prop: 'payment_id' },
-          { label: '交易流水号', prop: 'txn_id_list' },
-          { label: '项目', prop: 'project_id' },
-          { label: '税率', prop: 'invoice_tax_rate' },
-          { label: '税额', prop: 'invoice_tax_rate_amount' },
-          { label: '不含税金额', prop: 'invoice_excluding_tax_amount' },
-          { label: '含税金额', prop: 'invoice_total_amount' },
-          { label: '缴费时间', prop: 'final_payment_time' },
-          { label: '发票类型', prop: 'invoiceTypeViewName' },
-          { label: '抬头类型', prop: 'taxpayeTypeViewName' },
-          { label: '开票类型', prop: 'invoiceColorTypeViewName' },
-          { label: '原发票号码', prop: 'old_invoice_haoma' },
-          { label: '原发票代码', prop: 'old_invoice_daima' },
-          { label: '纳税人名称', prop: 'taxpayer_name' },
-          { label: '纳税人识别号', prop: 'taxpayer_identifier' },
-          { label: '地址', prop: 'taxpayer_address' },
-          { label: '电话', prop: 'taxpayer_mobile' },
-          { label: '开户行', prop: 'taxpayer_bank_name' },
-          { label: '银行账号', prop: 'taxpayer_bank_account' },
-          { label: '备注', prop: 'taxpayer_remark' },
-          { label: '邮寄地址', prop: 'recipient_address' },
-          { label: '收件人姓名', prop: 'recipient_name' },
-          { label: '收件人手机号', prop: 'recipient_mobile' },
-          { label: '邮箱地址', prop: 'recipient_email' },
-          { label: '票据跟进人', prop: 'sales_rep_user_id_name' },
-          { label: '发票申请日期', prop: 'invoice_application_time' },
-          { label: '开票时间', prop: 'invoice_issuing_time' },
-          { label: '开票状态', prop: 'invoiceStatusViewName' },
-          { label: '操作', slots: 'table-x', align: 'center', fixed: 'right' }
+          { type: 'selection', align: 'center', minWidth: '200px', fixed: 'left' },
+          { label: '发票代码', prop: 'invoice_daima', align: 'center', minWidth: '150px' },
+          { label: '发票号码', prop: 'invoice_haoma', align: 'center', minWidth: '150px' },
+          { label: '客户姓名', prop: 'name', align: 'center', minWidth: '200px' },
+          { label: '客户编号', prop: 'customer_id', align: 'center', minWidth: '200px' },
+          { label: '订单编号', prop: 'payment_id', align: 'center', minWidth: '300px' },
+          { label: '交易流水号', prop: 'txn_id_list', align: 'center', minWidth: '300px' },
+          { label: '项目', prop: 'project_id_name', align: 'center', minWidth: '150px' },
+          { label: '税率', prop: 'invoice_tax_rate', align: 'center', minWidth: '100px' },
+          { label: '税额', prop: 'invoice_tax_rate_amount', align: 'center', minWidth: '100px' },
+          { label: '不含税金额', prop: 'invoice_excluding_tax_amount', align: 'center', minWidth: '100px' },
+          { label: '含税金额', prop: 'invoice_total_amount', align: 'center', minWidth: '100px' },
+          { label: '缴费时间', prop: 'final_payment_time', align: 'center', minWidth: '150px' },
+          { label: '发票类型', prop: 'invoiceTypeViewName', align: 'center', minWidth: '100px' },
+          { label: '抬头类型', prop: 'taxpayeTypeViewName', align: 'center', minWidth: '100px' },
+          { label: '开票类型', prop: 'invoiceColorTypeViewName', align: 'center', minWidth: '100px' },
+          { label: '原发票号码', prop: 'old_invoice_haoma', align: 'center', minWidth: '300px' },
+          { label: '原发票代码', prop: 'old_invoice_daima', align: 'center', minWidth: '300px' },
+          { label: '纳税人名称', prop: 'taxpayer_name', align: 'center', minWidth: '100px' },
+          { label: '纳税人识别号', prop: 'taxpayer_identifier', align: 'center', minWidth: '300px' },
+          { label: '地址', prop: 'taxpayer_address', align: 'center', minWidth: '200px' },
+          { label: '电话', prop: 'taxpayer_mobile', align: 'center', minWidth: '100px' },
+          { label: '开户行', prop: 'taxpayer_bank_name', align: 'center', minWidth: '100px' },
+          { label: '银行账号', prop: 'taxpayer_bank_account', align: 'center', minWidth: '200px' },
+          { label: '备注', prop: 'taxpayer_remark', align: 'center', minWidth: '100px' },
+          { label: '邮寄地址', prop: 'recipient_address', align: 'center', minWidth: '100px' },
+          { label: '收件人姓名', prop: 'recipient_name', align: 'center', minWidth: '100px' },
+          { label: '收件人手机号', prop: 'recipient_mobile', align: 'center', minWidth: '100px' },
+          { label: '邮箱地址', prop: 'recipient_email', align: 'center', minWidth: '300px' },
+          { label: '票据跟进人', prop: 'sales_rep_user_id_name', align: 'center', minWidth: '100px' },
+          { label: '发票申请日期', prop: 'invoice_application_time', align: 'center', minWidth: '150px' },
+          { label: '开票时间', prop: 'invoice_issuing_time', align: 'center', minWidth: '150px' },
+          { label: '开票状态', prop: 'invoiceStatusViewName', align: 'center', minWidth: '100px' },
+          { label: '操作', slots: 'table-x', align: 'center', fixed: 'right', minWidth: '100px' }
         ]
       }
     }
@@ -300,14 +300,14 @@ export default {
       const wopts = { bookType: 'xlsx', bookSST: false, type: 'array' }
       const wbout = XLSX.write(wb, wopts)
       fileDownload(wbout, '发票列表.xlsx')
-    },
-    // 过滤对应option label
-    findName(names, item) {
-      const found = names.find(findItem => {
-        return parseInt(findItem.value) === parseInt(item)
-      })
-      return found ? found.label : item
     }
+    // 过滤对应option label
+    // findName(names, item) {
+    //   const found = names.find(findItem => {
+    //     return parseInt(findItem.value) === parseInt(item)
+    //   })
+    //   return found ? found.label : item
+    // }
   }
 }
 </script>

src/modules/payment/views/List.vue

@@ -327,8 +327,6 @@ export default {
     },
     handleSelect(val) {
       this.history = val
-      // parseInt(val.invoice_color_type)
-      // parseInt(val.invoice_type)
     },
     handleHistory() {
       this.historyVisible = true
@@ -356,13 +354,9 @@ export default {
     // 作废发票
     fetchDisabled(row) {
       const params = { payment_id: row.id }
-      cancelTicket(params)
-        .then(res => {
+      cancelTicket(params).then(res => {
         this.$refs.list.refetch()
       })
-        .catch(error => {
-          this.$message.error(error.message)
-        })
     },
     qrCode(row) {
       this.shareUrl = `${import.meta.env.VITE_SHARE_URL}/h5/payment/invoice?id=${row.id}`