默认提交

@@ -837,6 +837,7 @@ module.exports = {
 		tip4: "contact customer service hotline"
 	},
 	clarms: {
+		title:"File a claim",
 		step1: {
 			register: "Register",
 			login: "Login",

@@ -832,6 +832,7 @@ module.exports = {
 		tip4: "我想聯絡客服"
 	},
 	clarms: {
+		title:"索償申請",
 		step1: {
 			register: "註冊",
 			login: "登入",

@@ -834,6 +834,7 @@ module.exports = {
 		tip4: "我想联络客服"
 	},
 	clarms: {
+		title:"索偿申请",
 		step1: {
 			register: "注册",
 			login: "登入",

@@ -13,19 +13,21 @@ $borderSize: 8px;
   background-image: linear-gradient(to right, #ffb31d, #f15907);
 
   .clarms-box {
+    @extend .bb;
     position: relative;
     width: 100%;
     height: 100%;
     border-radius: .416667rem;
     background: #fff;
-    padding: 40px 50px 20px 40px;
+    // padding: 40px 50px 20px 40px;
+    padding: 40px 0 20px;
 
     .clarms-tips {
-      top: 20px;
-      left: 80px;
+      top: 40px;
+      left: 98px;
       position: absolute;
       z-index: 11;
-      border-radius: 2px;
+      border-radius: 4px;
       padding: 2px;
       background-image: linear-gradient(to right, #ffb31d, #f15907);
       max-width: 400px;
@@ -36,29 +38,36 @@ $borderSize: 8px;
         width: 100%;
         height: 100%;
         background-color: #ffffff;
-        border-radius: 2px;
         font-size: 18px;
+        border-radius: 4px;
       }
     }
 
     .clarms-header {
       display: flex;
       align-items: center;
-      padding-bottom: 1.666667rem;
+      padding-bottom: 20px;
+      padding-right: 40px;
 
       .clarms-header-2 {
         position: relative;
         flex-grow: 1;
         display: flex;
         align-items: center;
-      }
 
-      .clarms-icon {
+
+        .clarms-icon {
+          @extend .fcc;
+          width: 182px;
+          height: 100%;
+        }
       }
+
+
     }
 
     .clarms-title-container {
-      margin-left: 2.5rem;
+      // margin-left: 2.5rem;
       flex-grow: 1;
       width: 100%;
 
@@ -80,12 +89,11 @@ $borderSize: 8px;
       }
     }
 
-    hr {
-      margin: 0 .833333rem 1.666667rem .833333rem;
-      border-top: 1px solid #dddede;
-    }
+
+
 
     .clarms-btn {
+
       background: url(~@/assets/images/clarms/button.png);
       background-size: 100% 100%;
       width: 150px;
@@ -98,7 +106,20 @@ $borderSize: 8px;
       cursor: pointer;
     }
 
+    .line {
+      @extend .bb;
+      padding: 0 24px;
+    }
+
+    hr {
+      border-top: 1px solid #dddede;
+      width: 100%;
+      margin-bottom: 20px;
+    }
+
     .clarms-img-group {
+      @extend .bb;
+      padding: 0 28px;
       display: flex;
       flex-wrap: wrap;
 

@@ -7,8 +7,8 @@
 				</div>
 				<div class="clarms-header">
 					<div class="clarms-header-2">
-						<div @mouseover="onShowTipsOverHandler($event)" @mouseout="onShowTipsOutHandler($event)">
-							<img class="clarms-icon" :src='icon'>
+						<div class="clarms-icon" @mouseover="onShowTipsOverHandler($event)" @mouseout="onShowTipsOutHandler($event)">
+							<img :src='icon'>
 						</div>
 						<div class="clarms-title-container">
 							<div class="clarms-t1" :class="{clarmsActivty:images && images.length > 0}">{{options.name}}</div>
@@ -20,7 +20,9 @@
 					</div>
 				</div>
 				<div v-if="images && images.length > 0">
-					<hr>
+					<div class="line">
+						<hr>
+					</div>
 					<div class="clarms-img-group">
 						<div class="clarms-img-item-plugin" @mouseover="onOverHandler($event,item,index)" v-for="(item,index) in images" :key="index">
 							<div class="clarms-img-item">
@@ -39,7 +41,7 @@
 							</div>
 						</div>
 					</div>
-					<div class="clarms-empty-line"></div>
+					<!-- <div class="clarms-empty-line"></div> -->
 				</div>
 			</div>
 		</div>

@@ -24,11 +24,11 @@
 				<div class="mobile-margin">
 
 					<template v-if="step == 1">
-						<clarms-verify-form @insuredInfoList="handleInsuredInfo"></clarms-verify-form>
+						<!-- <clarms-verify-form @insuredInfoList="handleInsuredInfo"></clarms-verify-form> -->
 					</template>
 
-					<template v-if="step == 2">
 						<clarms-material :insuredList="customerList" :cid="cid" @showModal="handleShowModal"></clarms-material>
+					<template v-if="step == 2">
 					</template>
 				</div>
 			</div>