空数据处理

src/views/ebiz/renewalManage/compontents/cellLine.vue

@@ -19,7 +19,7 @@ export default {
   data() {
     return {}
   },
-  props: ['title', 'text', 'fontColor', 'size', 'dwidth'],
+  props: ['title', 'text', 'fontColor', 'size', 'dwidth'], 
   name: 'cellLine',
   components: {},
   computed: {},

src/views/ebiz/renewalManage/compontents/item.vue

@@ -0,0 +1,28 @@
+<!--  -->
+<template>
+  <div>
+    <template v-if="text && text != 0">
+      <van-cell :title="title" :value="text" />
+    </template>
+    <template v-else>
+      <van-cell :title="title" value="—" />
+    </template>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import { Cell } from 'vant'
+export default {
+  data() {
+    return {}
+  },
+  props: ['title', 'text'],
+  name: 'item',
+  components: {},
+  computed: {},
+  mounted() {},
+  methods: {}
+}
+</script>
+<style lang="scss" scoped></style>

src/views/ebiz/renewalManage/policyDetail.vue

@@ -81,10 +81,11 @@
       <!-- 续期信息 -->
       <van-collapse-item title="续期交费信息" name="100" class="detail-title pb10">
         <van-cell-group>
-          <van-cell title="交费方式" :value="renewalManage.payMode" />
-          <van-cell title="转账银行" :value="renewalManage.bankName" />
-          <van-cell title="转账账号" :value="renewalManage.bankAccNo" />
-          <van-cell title="下次扣款日" :value="renewalManage.paytoDate" />
+          <item title="交费方式" :text="renewalManage.payMode"></item>
+          <item title="转账银行" :text="renewalManage.bankName"></item>
+          <item title="转账账号" :text="renewalManage.bankAccNo"></item>
+          <item title="下次扣款日" :text="renewalManage.paytoDate"></item>
+
           <van-cell title="下期扣款金额(元)" :value="renewalManage.xqprem | moneyFormat" />
         </van-cell-group>
       </van-collapse-item>
@@ -109,6 +110,7 @@ import { getAuthCode, autchCodeCheck } from '@/api/ebiz/sale/sale'
 import { checkPhone } from '@/api/ebiz/customer/customer'
 import dataDictionary from '@/assets/js/utils/data-dictionary' //根据数据字典进行页面展示
 import { formatAllRisk } from '@/assets/js/utils/formatRiskList'
+import item from './compontents/item'
 export default {
   data() {
     return {
@@ -159,6 +161,7 @@ export default {
     this.getPolicyDetail()
   },
   components: {
+    item,
     [Collapse.name]: Collapse,
     [CollapseItem.name]: CollapseItem,
     [Cell.name]: Cell,