From ec181eb76f5750571616ec8fce016f7692e5c0d8 Mon Sep 17 00:00:00 2001
From: userName <244140623@qq.com>
Date: Fri, 23 Feb 2024 11:08:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/mts/planDetail/index.vue        | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/ruoyi-ui-vue3/src/views/mts/planDetail/index.vue b/ruoyi-ui-vue3/src/views/mts/planDetail/index.vue
index ae43f6a..8198fd3 100644
--- a/ruoyi-ui-vue3/src/views/mts/planDetail/index.vue
+++ b/ruoyi-ui-vue3/src/views/mts/planDetail/index.vue
@@ -79,14 +79,23 @@
       </el-table-column> -->
       <el-table-column v-for="item in dateColumns" :label="item.label" align="left" :prop="item.prop" width="110">
         <template #default="scope">
-          <el-tooltip v-if="scope.row.record.length > 0" placement="bottom">
+          <!-- <el-tooltip v-if="scope.row.record.length > 0" placement="bottom">
             <template #content> 修改历史留痕:<br />
               <li v-for="item in handleHistory(scope.row, scope.column) ">{{ item }}</li>
             </template>
             <el-button link @click="handleDate(scope.column, scope.row)">
               {{ handleDateColumn(scope.row, scope.column) }}
             </el-button>
-          </el-tooltip>
+          </el-tooltip> -->
+
+          <el-popover v-if="scope.row.record.length > 0" @show="handleHistory(scope.row, scope.column)" placement="bottom"
+            title="修改历史留痕" :width="200" trigger="hover" :content="hisRecord">
+            <template #reference>
+              <el-button link @click="handleDate(scope.column, scope.row)">
+                {{ handleDateColumn(scope.row, scope.column) }}
+              </el-button>
+            </template>
+          </el-popover>
 
           <el-button v-else link @click="handleDate(scope.column, scope.row)">
             {{ handleDateColumn(scope.row, scope.column) }}
@@ -177,6 +186,7 @@ import { listPlanDetail, getPlanDetail, delPlanDetail, addPlanDetail, updatePlan
 import { getPlanMain } from "@/api/mts/planMain";
 import { queryByBo } from "@/api/mts/planrecord";
 import { addPlanRecord, updatePlanRecord } from "@/api/mts/planRecord";
+import { listPlanRecordHistory } from "@/api/mts/planRecordHistory";
 
 const { proxy } = getCurrentInstance();
 const route = useRoute();
@@ -301,16 +311,23 @@ function handleDateColumn(row, column) {
   return remark
 }
 
-function handleHistory(row, column) {
+const hisRecord = ref('')
+async function handleHistory(row, column) {
   let res = []
   if (row.record.length > 0) {
     for (const item of row.record) {
       if (item.recordDate == column.label) {
-        res.push(item.remark)
+        const hisList = await listPlanRecordHistory({ recordId: item.id })
+
+        for (const his of hisList.rows) {
+          res.push(his.remark)
+        }
+        break;
       }
     }
   }
-  return res
+  console.log('res', res)
+  hisRecord.value = res.join(',')
 }
 
 const nbsp = "&nbsp;&nbsp;&nbsp;&nbsp;"