1 添加太平保险的非车险

2 调整太平的二维码展示
3 优化状态更新按钮代码

src/views/Letter/Orderlist.vue

@@ -94,7 +94,7 @@
                 @click="cancelorder(item)" style="color:#f56c6c">撤单</el-button>
               <el-button size="mini" type="text" v-if="item.orderstatus == '2'" @click="carcode(scope.row, item)" style="color:#f56c6c">二维码</el-button>
               <el-button size="mini" type="text" @click="OrderDetails(scope.row, item)">查看详情</el-button>
-              <el-button size="mini" type="text" style="color:rgb(247, 191, 32)"
+              <el-button size="mini" type="text" style="color:rgb(247, 191, 32)" :loading="querystatusLoaing"
                         v-if="item.orderstatus == '2'&& ['恒邦财险', '众安财险', '中国人寿', '安盛天平', '紫金财险','永诚财险','大家财险','华泰财险','国任财险','中煤财险',].includes(item.inscompany)"
                         @click="querystatus(item)" >状态更新</el-button>
               <el-button v-if="item.orderstatus !== '2'" size="mini" type="text" style="color:rgb(247, 191, 32)" @click="orderTrajectory(scope.row, item)">订单轨迹</el-button>
@@ -167,9 +167,9 @@
             <div style="padding:5px;position: relative;">
               <!-- <div v-if="['永安财险', '人保财险', '永诚财险', '中煤财险','华泰财险', '众安财险', '紫金财险', '中国人寿'].includes(inscompany)" id="qrcode"
                 ref="qrcode">
-              </div>
-              <img v-if="['恒邦财险', '安盛天平','国任财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%"> -->
-              <div id="qrcode"  ref="qrcode"></div>
+              </div>-->
+              <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%"> 
+              <div v-else id="qrcode"  ref="qrcode"></div>
 
             </div>
           </div>
@@ -877,6 +877,7 @@ export default {
       width: document.documentElement.clientWidth,
       insAreaCompanyList:[],//子订单list
       companyList:[], //保险公司
+      querystatusLoaing:false,
     }
   },
   created() {
@@ -1180,108 +1181,36 @@ export default {
     },
      //查询缴费状态
     refreshStatus(item){
-      switch (item.inscompany) {
-        case '永诚财险':
-        this.$api.letter.orderStatusyongcheng( item.id ).then(res => {
-        if(res.code==200){
-          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-        }
-        else{
-          this.$message({ message:res.msg, type: "error" })
-        }
-      })
-          break;
-          case '国任财险':
-          this.$api.letter.updateOrderInfoGuoren( {companyId:item.id} ).then(res => {
-        if(res.code==200){
-          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-        }
-        else{
-          this.$message({ message:res.msg, type: "error" })
-        }
-      })
-          break;
-          case '大家财险':
-          this.$api.letter.updateOrderInfoDajia( {companyId:item.id} ).then(res => {
-        if(res.code==200){
-          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-        }
-        else{
-          this.$message({ message:res.msg, type: "error" })
+      let inscompany={
+        '国任财险':'updateOrderInfoGuoren',
+        '华泰财险':'orderStatushuatai',
+        '大家财险':'updateOrderInfoDajia',
+        '中煤财险':'orderStatuszhongmei',
+      }
+      Object.keys(inscompany).forEach(val=>{
+        if(val==item.inscompany){
+          this.$api.letter[inscompany[val]]( {companyId:item.id} ).then(res => {
+            if(res.code==200){
+              this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
+              this.findPage()
+            }
+            else{
+              this.$message({ message:res.msg, type: "error" })
+            }
+          })
         }
       })
-          break;
-          case '华泰财险':
-         this.updateStatusHuatai(item)
-          break;
-          case '中煤财险':
-          this.$api.letter.orderStatuszhongmei( {companyId:item.id} ).then(res => {
+      if(item.inscompany == '永诚财险'){
+        this.$api.letter.orderStatusyongcheng( item.id ).then(res => {
         if(res.code==200){
           this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-          this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-            if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-            } else {
-                this.loading = false;
-            }
-          })
+          this.findPage()
         }
         else{
           this.$message({ message:res.msg, type: "error" })
         }
       })
-          break;
-        default:
-          break;
+          
       }
      
     },
@@ -1290,20 +1219,7 @@ export default {
       this.$api.letter.orderStatushuatai( {companyId:item.id} ).then(res => {
         if(res.code==200){
           this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-          this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-            if (res.code == "200") {
-              this.loading = false;
-              this.pageResult = res.data.content;
-              this.pageNum = res.data.pageNum;
-              this.totalSize = res.data.totalSize;
-              this.pageResult.forEach(val => {
-                this.$set(val, "expanded", false);
-              });
-            } else {
-              this.loading = false;
-            }
-          })
+          this.findPage()
         }
         else{
           this.$message({ message:res.msg, type: "error" })
@@ -1312,168 +1228,52 @@ export default {
     },
     //查询缴费状态
     querystatus(item) {
-      if(item.inscompany == '国任财险'){
-      this.$api.letter.updateOrderInfoGuoren( {companyId:item.id} ).then(res => {
-        if(res.code==200){
-          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-        }
-        else{
-          this.$message({ message:res.msg, type: "error" })
-        }
-      })
-    }
-      if(item.inscompany == '华泰财险'){
-        this.$api.letter.updateOrderInfoHuatai( {companyId:item.id} ).then(res => {
-        if(res.code==200){
-          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-          this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-            if (res.code == "200") {
-              this.loading = false;
-              this.pageResult = res.data.content;
-              this.pageNum = res.data.pageNum;
-              this.totalSize = res.data.totalSize;
-              this.pageResult.forEach(val => {
-                this.$set(val, "expanded", false);
-              });
-            } else {
-              this.loading = false;
+      this.querystatusLoaing=true
+      let inscompany={
+        '国任财险':'updateOrderInfoGuoren',
+        '华泰财险':'updateOrderInfoHuatai',
+        '大家财险':'updateOrderInfoDajia',
+        '紫金财险':'getOrderDetail',
+        '中煤财险':'paymentEnquiry',
+      }
+      Object.keys(inscompany).forEach(val=>{
+        if(val==item.inscompany){
+          this.$api.letter[inscompany[val]]( {companyId:item.id} ).then(res => {
+            if(res.code==200){
+              this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
+              this.findPage()
+          this.querystatusLoaing=false
+            }
+            else{
+          this.querystatusLoaing=false
+              this.$message({ message:res.msg, type: "error" })
             }
           })
         }
-        else{
-          this.$message({ message:res.msg, type: "error" })
-        }
       })
-      }
       if(item.inscompany == '永诚财险'){
-        this.$api.letter.orderStatusyongcheng( item.id ).then(res => {
+        this.$api.letter.orderStatusyongche
+        ng( item.id ).then(res => {
         if(res.code==200){
           this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
+          this.findPage()
+          this.querystatusLoaing=false
         }
         else{
+          this.querystatusLoaing=false
           this.$message({ message:res.msg, type: "error" })
         }
       })
       }
-      if(item.inscompany == '大家财险'){
-        this.$api.letter.updateOrderInfoDajia( {companyId:item.id} ).then(res => {
-        if(res.code==200){
-          this.$message({ message:res.msg?res.msg:'已刷新状态', type: "success" })
-          this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-        }
-        else{
-          this.$message({ message:res.msg, type: "error" })
-        }
-      })
-      }
-      if (item.inscompany == '紫金财险') {
-        this.$api.letter.getOrderDetail({ companyId: item.id }).then(res => {
-          if (res.code == '200') {
-            this.$message({ message: res.msg, type: "success" })
-            this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-          } else {
-            this.$message({ message: res.msg, type: "error" })
-          }
-        })
-      } 
-      if (item.inscompany == '中煤财险') {
-        this.$api.letter.paymentEnquiry({ companyId: item.id }).then(res => {
-          if (res.code == '200') {
-            this.$message({ message: res.msg, type: "success" })
-            this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
-          } else {
-            this.$message({ message: res.msg, type: "error" })
-          }
-        })
-      } 
       if(item.inscompany == '恒邦财险'|| item.inscompany == '众安财险'|| item.inscompany == '中国人寿'||item.inscompany =='安盛天平')
        {
         this.$api.letter.pychonverifyPayment({ subOrderNo: item.id }).then(res => {
           if (res.code == '200') {
             this.$message({ message: "订单支付成功，正在更改状态", type: "success" })
-            this.loading = true;
-            this.$api.letter.queryOrders(this.pageRequest).then((res) => {
-              if (res.code == "200") {
-                this.loading = false;
-                this.pageResult = res.data.content;
-                this.pageNum = res.data.pageNum;
-                this.totalSize = res.data.totalSize;
-                this.pageResult.forEach(val => {
-                  this.$set(val, "expanded", false);
-                });
-              } else {
-                this.loading = false;
-              }
-            })
+            this.findPage()
+          this.querystatusLoaing=false
           } else {
+          this.querystatusLoaing=false
             this.$message({ message: res.msg, type: "error" })
 
           }
@@ -1511,7 +1311,17 @@ export default {
           this.systartdate = res.data.syStartDate;//商业起保日期
           // this.mobile = res.data.applyinfo.mobile;//投保人手机号
           this.$nextTick(() => {
+              if(item.inscompany=='太平财险'){
+                let anresult = res.data.qrCodeUrl.replace(/[\r\n]/g, "");
+                let animgBase64 = `data:image/png;base64,${anresult}`;
+                base64ToPath(animgBase64)
+                  .then(path => {
+                    this.paycodeimg = path;
+                  })
+                }
+              else{
                 this.creatQrCode(res.data.qrCodeUrl);
+              }
               });
           this.codedialogVisible = true;
       } else {
@@ -2337,6 +2147,7 @@ export default {
             this.$set(val, "expanded", false);
           });
         } else {
+          this.$message.error(res.msg)
           this.loading = false;
         }
       })