新增组件及页面

dgtis-ui/src/views/system/userInfo/components/claim.vue

@@ -1,7 +1,8 @@
 <!--理赔-->
 <template>
   <div class="userInfoPanel mt10">
-    <el-row class="userInfo" v-if="data && data.length > 0" v-for="(item,index) in data" :key="index">
+<!--    <el-row class="userInfo" v-if="data && data.length > 0" v-for="(item,index) in data" :key="index">-->
+    <el-row class="userInfo" v-for="(item,index) in 3" :key="index">
       <el-col :span="12">
         <span class="name">立案号</span>
         <span class="value">{{item.crno}}</span>
@@ -61,7 +62,10 @@
       </el-col>
       <el-col :span="24">
         <span class="name">报案描述</span>
-        <span class="value">{{item.cndescribe}}</span>
+        <span class="value" style="width: 85%;vertical-align: top;">{{item.cndescribe}}</span>
+      </el-col>
+      <el-col :span="24">
+        <div class="line" v-if="index != (data.length-1)"></div>
       </el-col>
     </el-row>
     <el-row class="userInfo" v-if="data.length == 0">
@@ -99,4 +103,10 @@
     text-align: center;
     padding: 20px 0;
   }
+  .line{
+    width: 100%;
+    height: 1px;
+    border-bottom: 1px dashed #dedede;
+    padding-top: 20px;
+  }
 </style>

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

@@ -158,7 +158,7 @@
           </div>
           <div class="bottomDiv">
             <div class="cardDiv">
-              <div class="cardTitle">客户历史投保月份分布</div>
+              <div class="cardTitle">客户历史投保月份分布（有效保单）</div>
               <line-bar-chart
                 id="lineBarChart"
                 :width="width"