408249787 2 years ago
parent
commit
328034c878
1 changed files with 19 additions and 18 deletions
  1. 19 18
      src/views/repair/application-form/modules/DetailRepair.vue

+ 19 - 18
src/views/repair/application-form/modules/DetailRepair.vue

@@ -5,7 +5,7 @@
         <a-col :span="6">
           <div class="gutter-box gutter-color center">
             <div style=" overflow: auto;height: 300px;">
-              <a-steps :current="0" direction="vertical" >
+              <a-steps :current="repairStatus.length-1" direction="vertical" >
                 <a-step v-for="item in repairStatus" :key="item.id" :title="DictCache.COLOR.REPAIR_STATUS[item.status]" :description="item.createdTime" />
               </a-steps>
             </div>
@@ -16,52 +16,53 @@
             <a-col :span="6">
               <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 style="font-size:25px">报修详情</div>
               </div>
             </a-col>
             <a-col :span="6" >
               <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 style="font-size:25px; ">维修数据</div>
               </div>
             </a-col>
             <a-col :span="6">
-              <div class="gutter-btn gutter-color" @click="current=2">
-                <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 class="gutter-btn gutter-color" :class="{'act':current===7}" @click="current=7">
+                <my-icon type="icon-weixiu" />
+                <div style="font-size:25px; ">维修方案</div>
               </div>
             </a-col>
             <a-col :span="6">
-              <div class="gutter-btn gutter-color" @click="current=3">
+              <div class="gutter-btn gutter-color" @click="current=3" :class="{'act':current===3}">
                 <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 style="font-size:25px;">维修记录</div>
               </div>
             </a-col>
             <a-col :span="6">
-              <div class="gutter-btn gutter-color" @click="current=4">
+              <div class="gutter-btn gutter-color" @click="current=4" :class="{'act':current===4}">
                 <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 style="font-size:25px; ">备件清单</div>
               </div>
             </a-col>
             <a-col :span="6" >
               <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 style="font-size:25px;">费用清单</div>
               </div>
             </a-col>
             <a-col :span="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 style="font-size:25px; ">维修报告</div>
               </div>
             </a-col>
+
             <a-col :span="6">
-              <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 class="gutter-btn gutter-color" @click="current=2" :class="{'act':current===2}">
+                <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; ">审核详情</div>
               </div>
             </a-col>
           </a-row>
@@ -114,7 +115,7 @@
               <a-descriptions-item label="维修耗时">{{ model.repairMinutes }}小时</a-descriptions-item>
               <a-descriptions-item label="当前维修人">{{ model.repairUserName }}</a-descriptions-item>
               <!--<a-descriptions-item label="维修次数">{{ model.repairTimes }}</a-descriptions-item>-->
-<!--              <a-descriptions-item label="维修描述" :span="2">{{ model.repairContent }}</a-descriptions-item>
+              <!--              <a-descriptions-item label="维修描述" :span="2">{{ model.repairContent }}</a-descriptions-item>
               <a-descriptions-item label="报修图片" :span="3">
                 <div v-if="model.repairFileList != null && model.repairFileList.length > 0">
                   <viewer :images="model.repairFileList" @inited="inited" ref="viewer" :index="1" >
@@ -1103,7 +1104,7 @@ export default {
   justify-content: center;
   align-items: center;
   font-size: 50px;
-  color:#555;
+  color:#333;
   &:hover{
     cursor: pointer;
   }