返工记录弹窗。

src/layout/components/header.vue

@@ -1,12 +1,7 @@
 <template>
   <div class="commonHeader">
     <div style="width: 155px">
-      <svg-icon
-        v-if="routeMeta.back"
-        icon-class="back"
-        size="48"
-        @click="commonBack"
-      />
+      <svg-icon v-if="routeMeta.back" icon-class="back" size="48" @click="commonBack" />
       <!-- <svg-icon v-else icon-class="LOGO" style="height: 48px; width: 155px" /> -->
     </div>
     <div v-if="routeMeta.back && routeMeta.title" class="middle-title">
@@ -18,37 +13,19 @@
     </div>
     <div>
       <el-space>
-        <div>
-          <svg-icon
-            class="activeNotice"
-            style="margin-bottom: 5px"
-            icon-class="add"
-            size="38"
-            @click="open"
-          />
-          <svg-icon
-            class="activeNotice"
-            icon-class="lingdang"
-            size="48"
-            @click="messageStatus = !messageStatus"
-          />
+        <div style="display: flex; align-items: center; justify-content: center; margin-right: 5px; gap: 5px">
+          <svg-icon icon-class="ceshishuju" size="42" @click="lookRecords" />
+          <svg-icon icon-class="add" :size="38" @click="open" />
+          <svg-icon icon-class="lingdang" size="48" @click="messageStatus = !messageStatus" />
         </div>
         <div class="task">
-          <el-progress
-            :percentage="processCount"
-            :show-text="false"
-            :stroke-width="10"
-          />
+          <el-progress :percentage="processCount" :show-text="false" :stroke-width="10" />
         </div>
         <div>
           <div class="name">{{ userStore.user.username }}</div>
           <div class="work">{{ userStore.user.station }}</div>
         </div>
-        <el-dropdown
-          ref="dropdown1"
-          trigger="contextmenu"
-          @command="handleCommand"
-        >
+        <el-dropdown ref="dropdown1" trigger="contextmenu" @command="handleCommand">
           <!--          <img-->
           <!--            v-if="userStore.user.avatar"-->
           <!--            :alt="userStore.user.avatar"-->
@@ -63,9 +40,7 @@
               <!--              <el-dropdown-item command="a">Action 1</el-dropdown-item>-->
               <el-dropdown-item command="b">退出登录</el-dropdown-item>
               <!--              <el-dropdown-item command="c" divided>Action 3</el-dropdown-item>-->
-              <el-dropdown-item command="c"
-                >{{ notice ? "关闭" : "打开" }}触摸提示
-              </el-dropdown-item>
+              <el-dropdown-item command="c">{{ notice ? "关闭" : "打开" }}触摸提示 </el-dropdown-item>
             </el-dropdown-menu>
           </template>
         </el-dropdown>
@@ -73,6 +48,7 @@
     </div>
     <MessageBox v-model="messageStatus" />
     <AddMsg ref="addMsgRef" />
+    <ReworkRecord ref="rewardRecordRef" />
   </div>
 </template>
 
@@ -82,6 +58,7 @@ import type { DropdownInstance } from "element-plus";
 import { logoutApi } from "@/api/auth";
 import { useUserStore } from "@/store";
 import { emitter, EventsNames } from "@/utils/common";
+import ReworkRecord from "@/views/pro-operation/rework/records.vue";
 
 const userStore = useUserStore();
 const addMsgRef = ref(null);
@@ -152,6 +129,12 @@ const handleCommand = (command: string | number | object) => {
     ElMessage.success("设置成功！");
   }
 };
+
+// 返工记录
+const rewardRecordRef = ref(null);
+const lookRecords = () => {
+  rewardRecordRef.value && rewardRecordRef.value.openDialog();
+};
 </script>
 
 <style lang="scss" scoped>

src/views/pro-operation/rework/records.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+const dialogVisible = ref(false);
+const dialogTitle = ref("Rework Record");
+
+const openDialog = () => {
+  dialogVisible.value = true;
+};
+
+const closeDialog = () => {
+  dialogVisible.value = false;
+};
+
+defineExpose({
+  openDialog,
+});
+</script>
+
+<template>
+  <el-dialog v-model="dialogVisible" append-to-body align-center :title="dialogTitle">
+    <div class="content"></div>
+  </el-dialog>
+</template>
+
+<style scoped lang="scss">
+.content {
+  padding: 1px;
+}
+</style>