显示人工核保,系统错误,公司谢绝原因

src/views/ebiz/sale/Detail.vue

@@ -7,6 +7,7 @@
           <van-cell title="投保单号" :value="OrderInfoDTO.orderNo" />
           <van-cell title="投保日期" :value="OrderInfoDTO.appntDateLabel" />
           <van-cell title="订单状态" :value="OrderInfoDTO.orderStatus | orderStatusFilter" />
+          <van-cell v-if="reason" title="原因" :value="reason | reasonFilter" />
         </van-cell-group>
       </van-collapse-item>
 
@@ -109,7 +110,8 @@ export default {
       insuredDTOs: [],
       // 保单号
       contNo: '',
-      list: []
+      list: [],
+      reason: ''
     }
   },
   created() {
@@ -144,6 +146,7 @@ export default {
           }
           that.OrderInfoDTO = res.orderDTO.orderInfoDTO
           that.appntDTO = res.orderDTO.appntDTO
+          this.reason = res.orderDTO.reason
 
           // 投保人信息
           if (res.orderDTO.appntDTO.sex == '0') {
@@ -342,12 +345,24 @@ export default {
         }
       }
       return ''
+    },
+    reasonFilter(val) {
+      let reg = /'|;/g
+      return val.replace(reg, '')
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
+/deep/ .van-cell__title {
+  flex: 4;
+}
+
+/deep/ .van-cell__value {
+  flex: 5;
+}
+
 .detail-container {
   .van-hairline--top-bottom::after {
     border: none;