修改

src/views/apply/apply/index.vue

@@ -121,15 +121,19 @@
     </template>
   </el-dialog>
   <!-- 审核记录 -->
-  <el-dialog title="审核" v-model="Visible1" width="600px" append-to-body destroy-on-close>
-    <el-table :data="listRecord" :stripe="true" :show-overflow-tooltip="true">
-      <!-- <el-table-column label="id" align="center" prop="id" /> -->
-      <el-table-column type="selection" width="55" />
-      <el-table-column label="审核人名称" align="center" prop="creatorName" />
-      <el-table-column label="审核意见" align="center" prop="comment" />
-      <el-table-column label="审核状态" align="center" prop="status" />
-      <el-table-column label="审核时间" align="center" prop="createTime" />
-    </el-table>
+  <el-dialog title="审核记录" v-model="Visible1" width="600px" append-to-body destroy-on-close>
+    <el-timeline style="max-width: 600px">
+    <el-timeline-item :timestamp="item.createTime" placement="top" v-for="(item,index) in listRecord" :key="index">
+      <el-card>
+        <div class="flex items-center justify-between ">
+          <h4>{{item.creatorName}}</h4>
+          <span style="color:#409eff">{{item.status}}</span>
+        </div>
+        <p>{{item.comment}}</p>
+      </el-card>
+    </el-timeline-item>
+     
+  </el-timeline>
   </el-dialog>
 </template>
 
@@ -148,7 +152,7 @@ const Visible1 = ref(false) // 监听器 显示状态
 const listenerFieldForm = ref<any>({}) // 监听器 注入字段 详情表单
 const loading = ref(true) // 列表的加载中
 const list = ref<MainVO[]>([]) // 列表的数据
-const listRecord = ref<MainVO[]>([]) // 审核列表的数据
+ const listRecord = ref([]) // 审核列表的数据
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
   pageNo: 1,
@@ -253,7 +257,7 @@ const saveListenerFiled = async () => {
 const aduitRecord = async (id?: number) => {
   try {
     const data = await MainApi.getRecordList(id)
-    Visible1.value = true
+     Visible1.value = true
     listRecord.value = data.list
   } finally {
   }
@@ -263,4 +267,14 @@ const aduitRecord = async (id?: number) => {
 onMounted(() => {
   getList()
 })
-</script>
+</script>
+<style>
+.el-timeline-item__content .el-card__body{
+  padding:10px;
+}
+.el-timeline-item__content .el-card__body h4{
+  line-height: 30px;
+  margin: 0;
+  padding:0
+}
+</style>