fix:增加已审核课程列表审核日志显示，已审核项目审核状态及页面样式调整

src/views/examine/CourseReviewed.vue

@@ -59,6 +59,45 @@
         </div>
       </div>
     </div>
+     <!-- 审核日志弹窗 -->
+     <a-modal
+        v-model:visible="projAuditModal"
+        :footer="null"
+        :closable="closeBack"
+        wrapClassName="projAuditModal"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon"></div>
+              <span>审核记录</span>
+              <!-- <div class="close_exit" @click="closeProjAuditModal"></div> -->
+            </div>
+            <div class="body">
+              <a-table
+                  style="width: 90%"
+                  :columns="columnsAudit"
+                  :data-source="tableDataAudit"
+                  :loading="tableDataTotalAudit === -1 ? true : false"
+                  expandRowByClick="true"
+                  :scroll="{ y: 150 }"
+                  @expand="expandTable"
+                  :pagination="false"
+              />
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn1" @click="closeProjAuditModal">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeProjAuditModal">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
   </div>
 </template>
 <script>
@@ -132,15 +171,19 @@ export default {
           key: "msg",
           align: "center",
         },
-        // {
-        //   title: "操作",
-        //   dataIndex: "opt",
-        //   key: "opt",
-        //   align: "center",
-        //   customRender: () => {
-        //     return <div style="color:#387DF7">审核日志</div>;
-        //   },
-        // },
+        {
+          title: "操作",
+          dataIndex: "opt",
+          key: "opt",
+          align: "center",
+          customRender: (value) => {
+            return <div 
+            style="color:#387DF7;cursor:pointer;" 
+            onClick={() => {
+                      showProjAuditModal(value.record.auditList);
+                    }}>审核日志</div>;
+          },
+        },
       ],
       tableData1: [
         // {
@@ -154,6 +197,9 @@ export default {
         //   msg: "-",
         // },
       ],
+      //审核记录的数据
+      tableDataAudit: [],
+      projAuditModal: false,
     });
     const getList = () => {
       let objn = {
@@ -227,12 +273,25 @@ export default {
       //获取分类列表
       state.calssifyList = (await getDictList("faceclassClass")).map(e => ({ label: e.dictName, value: e.dictCode }))
     });
+
+    // 显示审核
+    const showProjAuditModal = (data) => {
+      state.tableDataAudit = data
+      state.projAuditModal = true;
+    };
+
+    const closeProjAuditModal = () => {
+      state.projAuditModal = false;
+    };
+
     return {
       ...toRefs(state),
       getList,
       setTableData,
       reset,
       changePagination,
+      showProjAuditModal,
+      closeProjAuditModal
     };
   },
 };