历史组件只显示一条信息

src/components/HistoryList/index.vue

@@ -16,14 +16,16 @@
             :disabled="item.histories.length == 0"
           >
             <p v-if="item.histories.length > 0">
-              {{$t('global.Update')}} {{ item.histories[0].field_label }}，{{$t('global.Old-Value')}} "{{ item.histories[0].old }}"，{{$t('global.New-Value')}} "{{
-                item.histories[0].new
-              }}"
+              {{ $t('global.Update') }} {{ item.histories[0].field_label }}，{{ $t('global.Old-Value') }} "{{
+                item.histories[0].old
+              }}"，{{ $t('global.New-Value') }} "{{ item.histories[0].new }}"
             </p>
             <div slot="header">
               {{ i + 1 + '. ' + item.created_at }}, {{ item.created_by.name }}
               <span class="action_label">{{ item.action_label }}</span>
-              <div  v-hasPermissions:action.update-comment class="edit" @click="editCommet(item)"><a-icon type="edit" theme="filled" /></div>
+              <div v-hasPermissions:action.update-comment class="edit" @click="editCommet(item)">
+                <a-icon type="edit" theme="filled" />
+              </div>
               <!-- <div class="ql-container ql-snow">
                 <div class="ql-editor">
                   <div v-html="$xss(info.description)"></div>
@@ -39,22 +41,26 @@
             :showArrow="item.histories.length > 0"
             :disabled="item.histories.length == 0"
           >
-            <p v-if="item.histories.length > 0 && item.histories[0].field_label != 'description'">
-              {{$t('global.Update')}} {{ item.histories[0].field_label }}，{{$t('global.Old-Value')}} "{{ item.histories[0].old }}"，{{$t('global.New-Value')}} "{{
-                item.histories[0].new
-              }}"
-            </p>
+            <div v-if="item.histories.length > 0 && item.histories[0].field_label != 'description'">
+              <div v-for="(modifyItem, modifyItemIndex) in item.histories" :key="modifyItemIndex">
+                {{ $t('global.Update') }} {{ item.histories[modifyItemIndex].field_label }}，{{ $t('global.Old-Value') }} "{{
+                  item.histories[modifyItemIndex].old
+                }}"，{{ $t('global.New-Value') }} "{{ item.histories[modifyItemIndex].new }}"
+              </div>
+            </div>
             <div v-if="item.histories.length > 0 && item.histories[0].field_label == 'description'">
-              {{$t('global.Update')}} {{ item.histories[0].field_label }}，{{$t('global.Old-Value')}}
-              <div class="ql-container ql-snow">
-                <div class="ql-editor">
-                  <div v-html="$xss(item.histories[0].old)"></div>
+              <div v-for="(modifyItem, modifyItemIndex) in item.histories" :key="modifyItemIndex">
+                {{ $t('global.Update') }} {{ item.histories[modifyItemIndex].field_label }}，{{ $t('global.Old-Value') }}
+                <div class="ql-container ql-snow">
+                  <div class="ql-editor">
+                    <div v-html="$xss(item.histories[modifyItemIndex].old)"></div>
+                  </div>
                 </div>
-              </div>
-              ，{{$t('global.New-Value')}}
-              <div class="ql-container ql-snow">
-                <div class="ql-editor">
-                  <div v-html="$xss(item.histories[0].new)"></div>
+                ，{{ $t('global.New-Value') }}
+                <div class="ql-container ql-snow">
+                  <div class="ql-editor">
+                    <div v-html="$xss(item.histories[modifyItemIndex].new)"></div>
+                  </div>
                 </div>
               </div>
             </div>