新增组件及页面

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

@@ -68,31 +68,40 @@
                 </div>
               </div>
               <el-row class="bottomInfoDiv" :gutter="10">
-                <el-col :span="6">
-                  <div class="bxDetail">
-                    <div class="numTitle">享受保障</div>
-                    <div class="num">{{custInfo.guaranteeDay}}<span class="unit">天</span></div>
-                  </div>
-                </el-col>
-                <el-col :span="6" v-for="(value, key, index) in majorCategorie">
-                  <div class="bxDetail">
-                    <div class="numTitle">{{key}}</div>
-                    <div class="num">{{value/10000}}<span class="unit">万</span></div>
+                <el-col :span="24">
+                  <div class="bxDetail" style="padding: 10px 10px 6px;">
+                    <div class="numTitleB">险种信息</div>
+                    <el-row :gutter="10">
+                      <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" v-for="(value, key, index) in majorCategorie">
+                        <div class="bxInfo">{{key}}：<span>{{value/10000}}</span><span class="unit">万</span></div>
+                      </el-col>
+                    </el-row>
                   </div>
                 </el-col>
 <!--                <el-col :span="6">-->
 <!--                  <div class="bxDetail">-->
-<!--                    <div class="numTitle">意外险</div>-->
-<!--                    &lt;!&ndash;未接数据&ndash;&gt;-->
-<!--                    <div class="num">{{custInfo.null}}<span class="unit">万</span></div>-->
+<!--                    <div class="numTitle">享受保障</div>-->
+<!--                    <div class="num">{{custInfo.guaranteeDay}}<span class="unit">天</span></div>-->
+<!--                  </div>-->
+<!--                </el-col>-->
+<!--                <el-col :span="6" v-for="(value, key, index) in majorCategorie">-->
+<!--                  <div class="bxDetail">-->
+<!--                    <div class="numTitle">{{key}}</div>-->
+<!--                    <div class="num">{{value/10000}}<span class="unit">万</span></div>-->
+<!--                  </div>-->
+<!--                </el-col>-->
+<!--                <el-col :span="6">-->
+<!--                  <div class="bxDetail">-->
+<!--                    <div class="numTitle">标准保费</div>-->
+<!--                    <div class="num">{{custInfo.prem}}<span class="unit">元</span></div>-->
 <!--                  </div>-->
 <!--                </el-col>-->
-                <el-col :span="6">
-                  <div class="bxDetail">
-                    <div class="numTitle">标准保费</div>
-                    <div class="num">{{custInfo.prem}}<span class="unit">元</span></div>
-                  </div>
-                </el-col>
               </el-row>
               <el-row class="bottomInfoDiv" :gutter="10">
                 <el-col :span="12">
@@ -423,8 +432,8 @@ export default {
           margin-top:10px;
           .bxDetailHt{
             height: 110px;
-            margin-top: 20px;
-            padding: 10px !important;
+            margin-top: 10px;
+            padding: 10px 10px 6px !important;
           }
           .bxDetail{
             width: 100%;
@@ -454,6 +463,9 @@ export default {
               color: #333;
               line-height: 22px;
               text-align: left;
+              span{
+                color: #F39700;
+              }
             }
             .num{
               font-size: 16px;

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

@@ -22,10 +22,10 @@
               <el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true" />
               <el-table-column label="证件类型" align="center" >
                 <template slot-scope="scope">
-                  <span v-if="scope.row.idcard && scope.row.idcard!=''">身份证</span>
-                  <span v-else-if="scope.row.passport && scope.row.passport!=''">护照</span>
-                  <span v-else-if="scope.row.dlicense && scope.row.dlicense!=''">驾驶证</span>
-                  <span v-else></span>
+                  <span v-if="scope.row.idcard!=undefined && scope.row.idcard!=''">身份证</span>
+                  <span v-else-if="scope.row.passport!=undefined && scope.row.passport!=''">护照</span>
+                  <span v-else-if="scope.row.dlicense!=undefined && scope.row.dlicense!=''">驾驶证</span>
+                  <span v-else-if="scope.row.othernumber!=undefined && scope.row.othernumber!=''">其它证件类型</span>
                 </template>
               </el-table-column>
               <el-table-column label="证件号码" width="160" align="center" :show-overflow-tooltip="true">