工单日志 收缩

resources/views/order/workOrder/_work_order_log.blade.php

@@ -1,8 +1,8 @@
 <div class="alert alert-light mb-0">
     <button type="button" class="btn btn-sm btn-outline-primary float-left"
             v-show="selectLog !== item.id && item.logs && item.logs.length > 0"
-            @click="selectLog=item.id">
-        显示
+            @click="selectLog=item.id"
+    v-text="'显示共'+item.logs.length +'条'">
     </button>
     <button type="button" class="btn btn-sm btn-outline-primary float-left"
             v-show="selectLog === item.id && item.logs && item.logs.length > 0"
@@ -13,15 +13,15 @@
 </div>
 <transition-group name="fade">
     <div class="alert alert-light mb-0  border-top"
-         v-show="selectLog === item.id"
-         v-for="(log,index) in item.logs" v-bind:key="item.id+':'+index">
-        <div class="card-body col-12 p-0">
+         v-for="(log,index) in item.logs" v-bind:key="item.id+':'+index"
+         v-show="index<2 || selectLog === item.id">
+        <div class="card-body col-12 p-0" >
             <span class="badge badge-pill float-right"
                   :class="getBadgeColor(log.tag)"
                   v-text="log.issue_type"></span>
             <div>
                 <span class="text-monospace">创建人:</span>
-                <span v-text="log.creator? log.creator.name : ''"></span>
+                <span v-text="log.creator ? log.creator.name : ''"></span>
 
             </div>
             <div>