From 00562b42e0ce88ef63c55929c49b2eb4ee3cd886 Mon Sep 17 00:00:00 2001
From: musteven <1009173794@qq.com>
Date: Wed, 9 Apr 2025 16:59:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BD=9C=E4=B8=9A=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E7=95=8C=E9=9D=A2=E5=A4=A7=E9=83=A8=E5=88=86=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=EF=BC=8C=E5=89=A9=E4=BD=99=E5=87=A0=E4=B8=AA=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=92=8C=E6=8E=A5=E5=85=A5=E7=AE=97=E6=B3=95=E6=8E=A7?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E4=BB=A5=E5=8F=8A=E4=BC=A0=E8=BE=93=E4=B8=8A?=
 =?UTF-8?q?=E5=9B=9E=E6=B2=A1=E6=B7=BB=E5=8A=A0=E7=9A=84=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 AES-front/src/api/user.js                     |  5 +-
 .../report-submit/components/leftparts.vue    | 88 +++++++++++++++++++
 .../components/report-actions.vue             | 40 +++++++++
 .../report-submit/components/rightparts.vue   | 77 ++++++++++++++++
 .../src/views/user/report-submit/index.vue    | 14 +--
 .../problem/controller/ProblemController.java | 22 ++++-
 AES/src/main/resources/application.properties |  2 +-
 7 files changed, 231 insertions(+), 17 deletions(-)
 create mode 100644 AES-front/src/views/user/report-submit/components/leftparts.vue
 create mode 100644 AES-front/src/views/user/report-submit/components/report-actions.vue
 create mode 100644 AES-front/src/views/user/report-submit/components/rightparts.vue

diff --git a/AES-front/src/api/user.js b/AES-front/src/api/user.js
index 29e6929..4638c04 100644
--- a/AES-front/src/api/user.js
+++ b/AES-front/src/api/user.js
@@ -32,5 +32,8 @@ export default {
 
   getClassRanks:(config) => request.get('/problem/getClassRanks', config),//获取当前报告班级排名
 
-  getProblemInfo:(config) => request.get('/problem/getProblemInfo', config)//获取当前报告布置信息
+  getPostProblemInfo:(config) => request.get('/problem/getPostProblemInfo', config),//获取当前报告布置信息
+
+  findProblemById1:(config)=>request.get('/problem/findProblemById1',config)//获取当前报告具体信息
+
 }
diff --git a/AES-front/src/views/user/report-submit/components/leftparts.vue b/AES-front/src/views/user/report-submit/components/leftparts.vue
new file mode 100644
index 0000000..6635036
--- /dev/null
+++ b/AES-front/src/views/user/report-submit/components/leftparts.vue
@@ -0,0 +1,88 @@
+<template>
+  <div>
+    <el-card class="description-card">
+      <div slot="header" class="clearfix card-header">
+        <span class="subtitle">瀹為獙鎻忚堪</span>
+      </div>
+      <div class="description-content">
+        {{ description }}
+      </div>
+    </el-card>
+    <el-card class="submit-card">
+      <div slot="header" class="clearfix card-header">
+        <span class="subtitle">瀹為獙鎻愪氦</span>
+      </div>
+      <el-input
+          type="textarea"
+          :rows="4"
+          placeholder="璇疯緭鍏ヤ綘鐨勫疄楠屾姤鍛�"
+          v-model="reportText"
+          class="submit-textarea"
+      ></el-input>
+      <el-button size="small" type="success">涓婁紶闄勪欢</el-button>
+
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import api from '@/api/user';
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+const ProblemId = route.params.examId;
+const description = ref(""); // 瀹為獙鎻忚堪
+const reportText = ref(""); // 瀹為獙鎶ュ憡鏂囨湰
+
+
+const getProblemInfo = async () => {
+  // 鏌ヨ浣滀笟淇℃伅
+  try {
+    const res = await api.findProblemById1({ params: { ProblemId } });
+    description.value = res.data.description; // 鏇存柊浣滀笟鍚嶇О
+  } catch (error) {
+    console.error("Failed to fetch problem info:", error);
+  }
+};
+
+// 鐢熷懡鍛ㄦ湡閽╁瓙
+onMounted(() => {
+  getProblemInfo(); // 鎸傝浇鏃舵煡璇綔涓氫俊鎭�
+});
+
+
+</script>
+
+<style scoped>
+.card-header {
+  background-color: #f5f5f5; /* 鍔犳繁鐏拌壊鑳屾櫙 */
+  border-bottom: 1px solid #dcdcdc; /* 鐏拌壊杈规 */
+  padding: 10px; /* 鍐呰竟璺� */
+}
+
+.subtitle {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.description-card,
+.submit-card {
+  margin-bottom: 20px;
+  max-height: 300px;
+  overflow-y: auto;
+  width: 90%;
+}
+
+.description-content {
+  white-space: pre-wrap; /* 淇濈暀鎹㈣鍜岀┖鏍� */
+  padding: 10px;
+}
+
+.submit-textarea {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/AES-front/src/views/user/report-submit/components/report-actions.vue b/AES-front/src/views/user/report-submit/components/report-actions.vue
new file mode 100644
index 0000000..0ab4a4e
--- /dev/null
+++ b/AES-front/src/views/user/report-submit/components/report-actions.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="button-container">
+    <n-button type="primary" size="medium" @click="onSave">淇濆瓨</n-button>
+    <n-button type="success" size="medium" @click="onSaveAndSubmit">淇濆瓨骞舵彁浜�</n-button>
+    <n-button type="warning" size="medium" @click="onWithdraw">鐢宠鎾ゅ洖</n-button>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const isClicked = ref(false);
+
+const emit = defineEmits(['clickSave', 'clickSaveAndSubmit', 'clickWithdraw']);
+
+const onSave = () => {
+  // TODO: 瀹炵幇淇濆瓨閫昏緫
+  emit('clickSave');
+};
+
+const onSaveAndSubmit = () => {
+  // TODO: 瀹炵幇淇濆瓨骞舵彁浜ら�昏緫
+  emit('clickSaveAndSubmit');
+};
+
+const onWithdraw = () => {
+  // TODO: 瀹炵幇鐢宠鎾ゅ洖閫昏緫
+  emit('clickWithdraw');
+};
+</script>
+
+<style scoped>
+.button-container {
+  display: flex; /* 浣跨敤 Flexbox 甯冨眬 */
+  justify-content: center; /* 鎸夐挳姘村钩灞呬腑 */
+  gap: 40px; /* 鎸夐挳涔嬮棿鐨勯棿璺� */
+  margin-top: 0px; /* 涓庝笂鏂圭粍浠剁殑闂磋窛 */
+}
+
+</style>
\ No newline at end of file
diff --git a/AES-front/src/views/user/report-submit/components/rightparts.vue b/AES-front/src/views/user/report-submit/components/rightparts.vue
new file mode 100644
index 0000000..b8f0c42
--- /dev/null
+++ b/AES-front/src/views/user/report-submit/components/rightparts.vue
@@ -0,0 +1,77 @@
+<template>
+  <div>
+    <el-card class="description-card">
+      <div slot="header" class="clearfix card-header">
+        <span class="subtitle">鏁欏笀璇勮</span>
+      </div>
+      <div class="description-content">
+        <span v-if="plagiarismStatus === '2'" class="plagiarism-warning">鐤戜技鎶勮锛侊紒<br></span>
+        <span v-if="comment" class="comment-text">{{ comment }}</span>
+        <span v-else class="no-comment-text">鏆傛棤璇勪环</span>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import api from '@/api/user';
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+const examId = route.params.examId;
+const comment = ref(""); // 鏁欏笀璇勮
+const plagiarismStatus = ref(0); // 鍒濆鍖栨妱琚姸鎬�
+
+const getJudgeInfo = async () => {
+  // 鏌ヨ鎵归槄鐩稿叧淇℃伅
+  try {
+    const res = await api.getStudentRank({ params: { examId } });
+    comment.value = res.data.comment; // 鏇存柊鏁欏笀璇勮
+    plagiarismStatus.value = res.data.plagiarismStatus; // 鏇存柊鎶勮鐘舵��
+  } catch (error) {
+    console.error("Failed to fetch problem info:", error);
+  }
+};
+
+// 鐢熷懡鍛ㄦ湡閽╁瓙
+onMounted(() => {
+  getJudgeInfo(); // 鎸傝浇鏃舵煡璇㈡壒闃呯浉鍏充俊鎭�
+});
+</script>
+
+<style scoped>
+.description-card {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.card-header {
+  text-align: left;
+}
+
+.subtitle {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.description-content {
+  white-space: pre-wrap;
+  padding: 10px;
+  height: 280px;
+  overflow-y: auto;
+  text-align: left;
+}
+
+.plagiarism-warning {
+  color: red;
+  font-weight: bold;
+}
+
+
+.no-comment-text {
+  color: #999999; /* 鐏拌壊 */
+  opacity: 0.8; /* 鍙樻贰 */
+}
+</style>
\ No newline at end of file
diff --git a/AES-front/src/views/user/report-submit/index.vue b/AES-front/src/views/user/report-submit/index.vue
index 635ea8f..a566ff2 100644
--- a/AES-front/src/views/user/report-submit/index.vue
+++ b/AES-front/src/views/user/report-submit/index.vue
@@ -32,8 +32,6 @@ const examId  = route.params.examId;
 const classId  = route.params.classId;
 const loading = ref(true);
 const title = ref(""); // 浠嶢PI鑾峰彇鐨勪綔涓氬悕绉�
-const examScores = ref([]);
-const examName = ref("");
 const countdown = ref(""); // 鐢ㄤ簬鏄剧ず鍊掕鏃�
 // 灏嗙粨鏉熸椂闂磋浆鎹负Date瀵硅薄
 let endTime = null; // 缁撴潫鏃堕棿鍒濆鍖栦负null
@@ -57,10 +55,6 @@ const paginationReactive = reactive({
     queryExamScores()
   }
 });
-// 鍒楅厤缃�
-const columns = [
-  // ... 鍒楅厤缃�
-];
 
 
 const queryExamScores = async () => {
@@ -69,7 +63,7 @@ const queryExamScores = async () => {
     //鏌ヨ浣滀笟鍚嶇О淇℃伅锛堢洿鎺ュ鐢ㄦ煡璇㈡帓鍚嶏級
     const res1 = await api.getStudentRank({ params: { examId } });
     //鏌ヨ浣滀笟鏃堕棿绛変俊鎭�
-    const res = await api.getProblemInfo({ params: { classId, examId } });
+    const res = await api.getPostProblemInfo({ params: { classId, examId } });
 
     title.value = res1.data.title; // 鏇存柊浣滀笟鍚嶇О
     // 灏嗙粨鏉熸椂闂磋浆鎹负Date瀵硅薄
@@ -92,7 +86,7 @@ const updateCountdown = () => {
     const seconds = Math.floor((timeleft % (1000 * 60)) / 1000);
 
     // 鏍煎紡鍖栧�掕鏃跺瓧绗︿覆
-    countdown.value = `${days}澶�${hours}灏忔椂 ${minutes}鍒嗛挓${seconds}绉抈;
+    countdown.value = `${days}澶�${hours}灏忔椂${minutes}鍒嗛挓${seconds}绉抈;
   } else {
     countdown.value = "浣滀笟宸茬粨鏉�";
     clearInterval(intervalId); // 娓呴櫎瀹氭椂鍣�
@@ -161,11 +155,9 @@ onMounted(() => {
 
 .bottom {
   position: fixed; /* 浣跨敤鍥哄畾瀹氫綅 */
-  left: 50%; /* 姘村钩灞呬腑 */
+  left: 35%;
   transform: translateX(-50%); /* 浣跨敤transform璋冩暣瀹為檯浣嶇疆 */
-  bottom: 0; /* 瀹氫綅鍒伴〉闈㈠簳閮� */
   width: 100%; /* 瀹藉害鍗犳弧鏁翠釜瀹瑰櫒 */
-  text-align: center; /* 鏂囨湰灞呬腑 */
 }
 
 </style>
diff --git a/AES/src/main/java/com/example/aes/problem/controller/ProblemController.java b/AES/src/main/java/com/example/aes/problem/controller/ProblemController.java
index 70182d8..cf41646 100644
--- a/AES/src/main/java/com/example/aes/problem/controller/ProblemController.java
+++ b/AES/src/main/java/com/example/aes/problem/controller/ProblemController.java
@@ -196,6 +196,20 @@ public class ProblemController {
 
     }
 
+    @GetMapping("/findProblemById1")//鐩存帴浠庡墠绔紶鍗曚釜鏁版嵁鐨勬柟娉�
+    public RespBean findProblemById(Integer ProblemId) {
+        if (ProblemId == null) {
+            // 澶勭悊娌℃湁鎻愪緵 ProblemId 鐨勬儏鍐碉紝渚嬪杩斿洖閿欒淇℃伅鎴栭粯璁ゅ��
+            return RespBean.error("ProblemId 涓嶈兘涓虹┖");
+        }
+        List<Problem> problems = problemServiceI.findProblemById(ProblemId);
+        if (problems == null || problems.isEmpty()) {
+            // 澶勭悊娌℃湁鎵惧埌闂鐨勬儏鍐�
+            return RespBean.error("鏈壘鍒板搴旂殑浣滀笟淇℃伅");
+        }
+        return RespBean.ok("鏌ヨ浣滀笟鎴愬姛", problems.get(0));
+    }
+
     @PostMapping("/findPostProblem")
     public RespBean findPostProblem(@RequestBody PMPostProblem pmPostProblem) {
         List<PostProblem> postProblems = problemServiceI.findPostProblem(pmPostProblem.getProblemId(), pmPostProblem.getClassId());
@@ -326,15 +340,15 @@ public class ProblemController {
     }
 
     //鑾峰彇褰撳墠浣滀笟鐝骇鎺掑悕淇℃伅
-    @GetMapping("/getProblemInfo")
-    public RespBean getProblemInfo(Integer classId, Integer examId) {
+    @GetMapping("/getPostProblemInfo")
+    public RespBean getPostProblemInfo(Integer classId, Integer examId) {
         List<PostProblem> PostProblem = problemServiceI.findPostProblem(examId,classId);
         if (!PostProblem.isEmpty()) {
             // 鐩存帴鑾峰彇鍒楄〃涓殑绗竴涓厓绱�
             PostProblem postProblem = PostProblem.get(0);
-            return RespBean.ok("鑾峰彇瀹為獙鍏蜂綋淇℃伅鎴愬姛锛�", postProblem);
+            return RespBean.ok("鑾峰彇鏁欏笀甯冪疆瀹為獙鍏蜂綋淇℃伅鎴愬姛锛�", postProblem);
         } else {
-            return RespBean.error("鑾峰彇瀹為獙鍏蜂綋淇℃伅澶辫触锛�");
+            return RespBean.error("鑾峰彇鏁欏笀甯冪疆瀹為獙鍏蜂綋淇℃伅澶辫触锛�");
         }
     }
 }
\ No newline at end of file
diff --git a/AES/src/main/resources/application.properties b/AES/src/main/resources/application.properties
index 488fc4f..e82f2c8 100644
--- a/AES/src/main/resources/application.properties
+++ b/AES/src/main/resources/application.properties
@@ -5,7 +5,7 @@ server.port=8082
 spring.datasource.type=com.alibaba.druid.pool.DruidDataSource
 jdbc_url=jdbc:mysql://localhost:3306/aes?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT%2B8&useSSL=false&allowPublicKeyRetrieval=True
 jdbc_username=root
-jdbc_password=123456
+jdbc_password=13661744518xh
 #spring.datasource.url=jdbc:mysql://localhost:3306/aes?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT%2B8&useSSL=false&allowPublicKeyRetrieval=True
 #spring.datasource.username=root
 #spring.datasource.password=123456