check-ui/src/views/business/proofread/topage.vue

@@ -48,7 +48,43 @@
 
     </el-dialog>
 
-    <!--  审核记录的对话框  -->
+    <!--  复核记录的对话框  -->
+<!--    <el-dialog :visible.sync="RecheckRecordDialog" width="80%" class="record-dialog">-->
+<!--      <el-form :model="RecheckRecordForm">-->
+<!--        <el-form-item label="条目截图" prop="imgCode">-->
+<!--          <el-image-->
+<!--            v-if="RecheckRecordForm.imgCode"-->
+<!--            :src="'data:image/png;base64,' + RecheckRecordForm.imgCode"-->
+<!--            style="max-width: 100%; height: auto;"-->
+<!--            fit="contain"-->
+<!--          />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="审核记录" prop="text">-->
+<!--          <div v-for="(item, index) in RecheckRecordForm.text" :key="index" class="record-item"-->
+<!--               :class="{-->
+<!--          'final-record': RecheckRecordForm.isFinal[index], // 最终复核通过的记录-->
+<!--          'review-record': RecheckRecordForm.code[index] === 'A02', // 复核记录-->
+<!--          'check-record': RecheckRecordForm.code[index] === 'A01' // 审核记录-->
+<!--        }"-->
+<!--          >-->
+<!--            &lt;!&ndash; 时间 &ndash;&gt;-->
+<!--            <div class="record-time">-->
+<!--              <el-input v-model="RecheckRecordForm.time[index]" disabled></el-input>-->
+<!--            </div>-->
+<!--            &lt;!&ndash; 修改人 &ndash;&gt;-->
+<!--            <div class="record-user">-->
+<!--              <el-input v-model="RecheckRecordForm.userName[index]" disabled></el-input>-->
+<!--            </div>-->
+<!--            &lt;!&ndash; 复核内容 &ndash;&gt;-->
+<!--            <div class="record-content">-->
+<!--              <el-input v-model="RecheckRecordForm.text[index]" ></el-input>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </el-form-item>-->
+<!--      </el-form>-->
+<!--    </el-dialog>-->
+
+    <!--  复核记录的对话框  -->
     <el-dialog :visible.sync="RecheckRecordDialog" width="80%" class="record-dialog">
       <el-form :model="RecheckRecordForm">
         <el-form-item label="条目截图" prop="imgCode">
@@ -63,8 +99,8 @@
           <div v-for="(item, index) in RecheckRecordForm.text" :key="index" class="record-item"
                :class="{
           'final-record': RecheckRecordForm.isFinal[index], // 最终复核通过的记录
-          'review-record': RecheckRecordForm.code[index] === 'A02', // 复核记录
-          'check-record': RecheckRecordForm.code[index] === 'A01' // 审核记录
+          // 'review-record': RecheckRecordForm.code[index] === 'A02', // 复核记录
+          // 'check-record': RecheckRecordForm.code[index] === 'A01' // 审核记录
         }"
           >
             <!-- 时间 -->
@@ -261,6 +297,7 @@ import {getBook, updateBook} from "../../../api/business/book";
 import task from "../task/index.vue";
 import axios from "axios";
 import index from "vuex";
+import {forEach} from "core-js/stable/dom-collections";
 export default {
   name: 'Topage',
   data() {
@@ -843,85 +880,120 @@ export default {
       });
     },
 
+    // async handleShowRecord(itemId, taskId) {
+    //
+    //
+    //   this.itemGuid = itemId;
+    //   this.taskGuid = taskId;
+    //   try {
+    //     const [itemResponse, byItemResponse] = await Promise.all([
+    //       getItem(itemId), // 获取 item 数据
+    //       getByItem(itemId), // 获取审核记录
+    //     ]);
+    //
+    //     console.log("itemResponse：",itemResponse)
+    //     console.log("byItemResponse：",byItemResponse)
+    //
+    //     // 获取条目截图
+    //     this.RecheckRecordForm.imgCode = itemResponse.data.itemImgCode;
+    //
+    //     // // 获取时间、复核人、内容
+    //     // this.RecheckRecordForm.text = byItemResponse.data.map((item) => item.target2);
+    //     // this.RecheckRecordForm.time = byItemResponse.data.map((item) => item.createAt);
+    //     // this.RecheckRecordForm.userName = byItemResponse.data.map((item) => item.userGuid);
+    //     // this.RecheckRecordForm.code = byItemResponse.data.map((item) => item.code); // 记录类型
+    //
+    //     // 处理每条记录
+    //     byItemResponse.data.forEach(item => {
+    //       this.RecheckRecordForm.text.push(item.target2);
+    //       this.RecheckRecordForm.time.push(item.createAt);
+    //       this.RecheckRecordForm.userName.push(item.userGuid);
+    //       this.RecheckRecordForm.code.push(item.code);
+    //
+    //       // 判断是否是最终复核通过的记录 (code为A01且target3为1)
+    //       this.RecheckRecordForm.isFinal.push(
+    //         item.code === "A01" && item.target3 === "1"
+    //       );
+    //     });
+    //
+    //     // 获取 target3 的值（用于标记是不是最终复核通过的记录，0表示不是，1表示是）
+    //     const target3 = itemResponse.data.target3 || "0";
+    //     console.log("target3：",target3);
+    //
+    //     // // 标记最终通过的记录
+    //     // this.RecheckRecordForm.isFinal = byItemResponse.data.map((item) => item.isFinal || false);
+    //
+    //     // // 标记最终复核通过的记录
+    //     // this.RecheckRecordForm.isFinal = byItemResponse.data.map((item) => {
+    //     //   return item.code === "A01" && target3 === "1"; // 审核记录且最终复核通过
+    //     // });
+    //
+    //     // // 获取所有记录
+    //     // this.RecheckRecordForm.text = byItemResponse.data.map((item) => item.target2);
+    //     // this.RecheckRecordForm.time = byItemResponse.data.map((item) => item.createAt);
+    //     // this.RecheckRecordForm.userName = byItemResponse.data.map((item) => item.userGuid);
+    //     // this.RecheckRecordForm.isFinal = byItemResponse.data.map((item) => item.isFinal || false);
+    //     // this.RecheckRecordForm.code = byItemResponse.data.map((item) => item.code); // 记录类型
+    //
+    //     // console.log("byItemResponse.data:", byItemResponse.data);
+    //     // console.log("byItemResponse.data[0].target2:", byItemResponse.data[0]?.target2);
+    //     // console.log("RecheckRecordForm.text:", this.RecheckRecordForm.text);
+    //     console.log("RecheckRecordForm.isFinal:", this.RecheckRecordForm.isFinal);
+    //
+    //
+    //     // 打开对话框
+    //     this.RecheckRecordDialog = true;
+    //   } catch (error) {
+    //     console.error("请求发生错误:", error);
+    //     this.$message.error("获取数据失败，请重试！");
+    //   }
+    // },
+
     async handleShowRecord(itemId, taskId) {
       this.itemGuid = itemId;
       this.taskGuid = taskId;
       try {
+        // 重置表单数据
+        this.RecheckRecordForm = {
+          imgCode: null,
+          text: [],
+          time: [],
+          userName: [],
+          code: [],
+          isFinal: []
+        };
+
         const [itemResponse, byItemResponse] = await Promise.all([
-          getItem(itemId), // 获取 item 数据
-          getByItem(itemId), // 获取审核记录
+          getItem(itemId),
+          getByItem(itemId),
         ]);
 
-        console.log("itemResponse：",itemResponse)
-        console.log("byItemResponse：",byItemResponse)
+        console.log("itemResbonse:", itemResponse)
+        console.log("byItemResponse:", byItemResponse);
 
         // 获取条目截图
         this.RecheckRecordForm.imgCode = itemResponse.data.itemImgCode;
 
-        // 获取时间、复核人、内容
-        this.RecheckRecordForm.text = byItemResponse.data.map((item) => item.target2);
-        this.RecheckRecordForm.time = byItemResponse.data.map((item) => item.createAt);
-        this.RecheckRecordForm.userName = byItemResponse.data.map((item) => item.userGuid);
-        this.RecheckRecordForm.code = byItemResponse.data.map((item) => item.code); // 记录类型
-
-        // 获取 target3 的值（用于标记是不是最终复核通过的记录，0表示不是，1表示是）
-        const target3 = itemResponse.data.target3 || "0";
-        console.log("target3：",target3);
-
-        // // 标记最终通过的记录
-        // this.RecheckRecordForm.isFinal = byItemResponse.data.map((item) => item.isFinal || false);
+        var recordData = byItemResponse.data.filter(item => {
+          return item.code === "A01"
+        })
 
-        // 标记最终复核通过的记录
-        this.RecheckRecordForm.isFinal = byItemResponse.data.map((item) => {
-          return item.code === "A01" && target3 === "1"; // 审核记录且最终复核通过
-        });
-
-        // // 获取所有记录
-        // this.RecheckRecordForm.text = byItemResponse.data.map((item) => item.target2);
-        // this.RecheckRecordForm.time = byItemResponse.data.map((item) => item.createAt);
-        // this.RecheckRecordForm.userName = byItemResponse.data.map((item) => item.userGuid);
-        // this.RecheckRecordForm.isFinal = byItemResponse.data.map((item) => item.isFinal || false);
-        // this.RecheckRecordForm.code = byItemResponse.data.map((item) => item.code); // 记录类型
-
-        // console.log("byItemResponse.data:", byItemResponse.data);
-        // console.log("byItemResponse.data[0].target2:", byItemResponse.data[0]?.target2);
-        // console.log("RecheckRecordForm.text:", this.RecheckRecordForm.text);
-        console.log("RecheckRecordForm.isFinal:", this.RecheckRecordForm.isFinal);
+        recordData.forEach(record => {
+            this.RecheckRecordForm.text.push(record.target2);
+            this.RecheckRecordForm.time.push(record.createAt);
+            this.RecheckRecordForm.userName.push(record.userGuid);
+            this.RecheckRecordForm.code.push(record.code);
+            this.RecheckRecordForm.isFinal.push(record.target3);
+          });
 
+        console.log("RecheckRecordForm:",this.RecheckRecordForm)
 
-        // 打开对话框
         this.RecheckRecordDialog = true;
       } catch (error) {
         console.error("请求发生错误:", error);
         this.$message.error("获取数据失败，请重试！");
       }
     },
-    // async handleShowRecord(itemId) {
-    //   this.itemGuid = itemId;
-    //   try {
-    //     // 获取条目截图
-    //     const itemResponse = await getItem(itemId);
-    //     this.RecheckRecordForm.imgCode = itemResponse.data.itemImgCode;
-    //
-    //     // 获取审核记录
-    //     const byItemResponse = await getByItem(itemId);
-    //     this.RecheckRecordForm.text = byItemResponse.data.map((item) => item.target2);
-    //     this.RecheckRecordForm.time = byItemResponse.data.map((item) => item.createAt);
-    //     this.RecheckRecordForm.userName = byItemResponse.data.map((item) => item.userGuid);
-    //
-    //     // 标记最终复核通过的记录
-    //     const finalReviewIndex = byItemResponse.data.findIndex(
-    //       (item) => item.code === "A02" && item.target2 === this.itemForm.itemText2
-    //     );
-    //     this.RecheckRecordForm.isFinal = byItemResponse.data.map((_, i) => i === finalReviewIndex);
-    //
-    //     // 打开对话框
-    //     this.RecheckRecordDialog = true;
-    //   } catch (error) {
-    //     console.error("获取审核记录失败:", error);
-    //     this.$message.error("获取审核记录失败，请重试！");
-    //   }
-    // },
 
     // submitRecheck(){
     //   this.RecordForm.userGuid = this.$store.state.user.name;
@@ -1041,10 +1113,6 @@ export default {
     //   }
     // }
 
-    // //获取审核记录背景颜色
-    // getRecordBackgroundColor(index) {
-    //   return this.RecheckRecordForm.isFinal[index] ? "#d3e0ff" : "#f4f4f5";
-    // },
     async submitRecheck() {
       try {
         // 记录操作日志
@@ -1369,6 +1437,7 @@ export default {
 .final-record {
   background-color: #e6f7ff;
   border-left: 4px solid #1890ff;
+  box-shadow: 0 0 5px rgba(24, 144, 255, 0.3);
 }
 
 /* 审核记录部分样式 */