新增组件及页面

dgtis-ui/src/views/system/userInfoDetails/index.vue

@@ -75,9 +75,9 @@
                       <el-col :span="8">
                         <div class="bxInfo">享受保障：<span>{{custInfo.guaranteeDay}}</span><span class="unit"></span></div>
                       </el-col>
-                      <el-col :span="8">
-                        <div class="bxInfo">年缴保费：<span>{{custInfo.prem}}</span><span class="unit">元</span></div>
-                      </el-col>
+<!--                      <el-col :span="8">-->
+<!--                        <div class="bxInfo">年缴保费：<span>{{custInfo.prem}}</span><span class="unit">元</span></div>-->
+<!--                      </el-col>-->
                       <el-col :span="8" v-for="(value, key, index) in majorCategorie">
                         <div class="bxInfo">{{key}}：<span>{{value/10000}}</span><span class="unit">万</span></div>
                       </el-col>
@@ -108,8 +108,9 @@
                   <div class="bxDetail bxDetailHt">
                     <div class="numTitleB">续期信息</div>
                     <!--<div class="bxInfo">应缴日期：{{custInfo.null}}</div>&lt;!&ndash;未接数据&ndash;&gt;-->
-                    <div class="bxInfo">应缴保费：{{custInfo.prem}}元</div><!--未接数据-->
-                    <div class="bxInfo">已缴保费：{{custInfo.handedinprem}}元</div><!--未接数据-->
+                    <div class="bxInfo">年缴保费：{{custInfo.prem}}元</div>
+                    <div class="bxInfo">已缴保费：{{custInfo.handedinprem}}元</div>
+                    <div class="bxInfo">未缴保费：{{custInfo.wjbf}}元</div><!--未接数据-->
                     <!--<div class="bxInfo">缴费年期：{{custInfo.null}}年</div>&lt;!&ndash;未接数据&ndash;&gt;-->
                   </div>
                 </el-col>
@@ -243,6 +244,10 @@ export default {
           }
         // 客户保单信息
           that.custInfo = response.data.custInfo;
+          that.custInfo.wjbf = (parseFloat(that.custInfo.prem)-parseFloat(that.custInfo.handedinprem)).toFixed(2);
+          if(that.custInfo.wjbf == 0){
+              that.custInfo.wjbf = "0.00"
+          }
           if(!that.custInfo.noivpolicy || that.custInfo.noivpolicy <= 0){
             that.custInfo.noivpolicy = 0;
           }