Merge remote-tracking branch 'origin/demo_' into demo_

src/views/repair/application-form/modules/DetailRepair.vue

@@ -18,49 +18,52 @@
         <a-col :span="18" class="gutter-box">
           <a-row :gutter="[20,20]">
             <a-col :span="6">
-              <div class="gutter-btn gutter-color" @click="current=0">
+              <div class="gutter-btn gutter-color" :class="{'act':current===0}" @click="current=0">
                 <my-icon type="icon-weixiu1" />
                 <div style="font-size:25px; color: #333;">报修详情</div>
               </div>
             </a-col>
             <a-col :span="6" >
-              <div class="gutter-btn gutter-color" @click="current=1">
+              <div class="gutter-btn gutter-color" :class="{'act':current===1}" @click="current=1">
                 <my-icon type="icon-weixiubaoxiu" />
                 <div style="font-size:25px; color: #333;">维修详情</div>
               </div>
             </a-col>
             <a-col :span="6">
               <div class="gutter-btn gutter-color" @click="current=2">
-                <img src="@/assets/icons/shenhe.png" width="40px"/>
+                <img v-if="current==2" src="@/assets/icons/shenhe.png" width="50px"/>
+                <my-icon v-else class="act" type="icon-fapiaoshenhe" />
                 <div style="font-size:25px; color: #333;">审核详情</div>
               </div>
             </a-col>
             <a-col :span="6">
               <div class="gutter-btn gutter-color" @click="current=3">
-                <img src="@/assets/icons/jilu.png" width="40px"/>
+                <img v-if="current==3" src="@/assets/icons/jilu.png" width="50px"/>
+                <my-icon v-else class="act" type="icon-xinzengyugengxinhuopindangan" />
                 <div style="font-size:25px; color: #333;">维修记录</div>
               </div>
             </a-col>
             <a-col :span="6">
               <div class="gutter-btn gutter-color" @click="current=4">
-                <img src="@/assets/icons/beijian.png" width="40px"/>
+                <img v-if="current==4" src="@/assets/icons/beijian.png" width="50px"/>
+                <my-icon v-else class="act" type="icon-shouhoubeijianjijingpinjianjiageshenqingbiao-06" />
                 <div style="font-size:25px; color: #333;">备件清单</div>
               </div>
             </a-col>
             <a-col :span="6" >
-              <div class="gutter-btn gutter-color" @click="current=5">
+              <div class="gutter-btn gutter-color" :class="{'act':current===5}" @click="current=5">
                 <my-icon type="icon-qitafeiyong" />
                 <div style="font-size:25px; color: #333;">费用清单</div>
               </div>
             </a-col>
             <a-col :span="6">
-              <div class="gutter-btn gutter-color" @click="current=6">
+              <div class="gutter-btn gutter-color" :class="{'act':current===6}" @click="current=6">
                 <my-icon type="icon-zhengzaiweixiudegongdan" />
                 <div style="font-size:25px; color: #333;">维修报告</div>
               </div>
             </a-col>
             <a-col :span="6">
-              <div class="gutter-btn gutter-color" @click="current=7">
+              <div class="gutter-btn gutter-color" :class="{'act':current===7}" @click="current=7">
                 <my-icon type="icon-weixiu" />
                 <div style="font-size:25px; color: #333;">维修方案</div>
               </div>
@@ -899,6 +902,7 @@ export default {
   background: #fff;
   border: 1px solid #DDDDDD;
 }
+
 .gutter-btn{
   height: 165px;
   display: flex;
@@ -906,11 +910,14 @@ export default {
   justify-content: center;
   align-items: center;
   font-size: 50px;
-  color:#3462FD;
+  color:#555;
   &:hover{
     cursor: pointer;
   }
 }
+.act{
+  color:#3462FD;
+}
 .main{
  margin-top:30px;
 }