From 123fb36b7ac81aa58ff02566e1414638868104f1 Mon Sep 17 00:00:00 2001
From: zcx <1078327420@qq.com>
Date: Thu, 16 May 2024 17:05:33 +0800
Subject: [PATCH] Squashed commit of the following:
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

commit 97f19cd35765c83dbae55eb3e7ca35c42ca6f508
Author: zcx <1078327420@qq.com>
Date:   Thu May 16 17:05:07 2024 +0800

    1

commit ee7d59566aa9dd58d81f4d9a7ade17d22bac7266
Author: zcx <1078327420@qq.com>
Date:   Wed May 15 10:18:52 2024 +0800

    修改上传文件结构

commit c143d6695789eea4dd11f36d84addab8880866c9
Author: zcx <1078327420@qq.com>
Date:   Wed May 15 10:12:58 2024 +0800

    1

commit d4b226f46ce33f8ccea6f52f707ef5ade672385a
Author: zcx <1078327420@qq.com>
Date:   Wed May 15 09:39:59 2024 +0800

    1

commit 18119839d90ceccd48f0bf9a23683e13ee27b2f1
Author: zcx <1078327420@qq.com>
Date:   Wed May 15 09:08:06 2024 +0800

    修改

commit 4ca319060a4750ce1c4b5937f859c3f790a667f1
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 21:41:25 2024 +0800

    1

commit 420c9925aa7e0edce937e031b50ca18e494369ba
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 21:00:08 2024 +0800

    修改文件结构

commit dece352494a0e93f3fd927b3dd31fc3f1e3bd0c3
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 19:47:44 2024 +0800

    1

commit c4de9ccc45f534c19f7a93e7b3ecb4ba3ce429e1
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 19:36:07 2024 +0800

    1

commit 05aefb2d5513312fb3e67747694a6988dca96507
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 19:28:09 2024 +0800

    1

commit 2991a0288ef452759322f6b875e990528b042786
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 19:24:16 2024 +0800

    1

commit f0a01dc52ae4f5b9116cf37645e7a165126ae287
Author: zcx <1078327420@qq.com>
Date:   Sun May 12 19:14:07 2024 +0800

    1

commit 103b91481dd79a631b6c7562405031171bdb11e7
Merge: 3f241a6 d73c814
Author: zcx <1078327420@qq.com>
Date:   Sat May 11 16:10:15 2024 +0800

    Merge branch 'develop' of https://bdgit.educoder.net/mwxbgi697/softegg into 曾晨曦_branch

# Conflicts:
#	src/前端/walktofree/src/api/auth.js
#	src/前端/walktofree/src/components/NavigationBar.vue
#	src/前端/walktofree/src/main.js
#	src/前端/walktofree/src/pages/Evaluation.vue
#	src/前端/walktofree/src/pages/HomePage.vue
#	src/前端/walktofree/src/pages/Login.vue
#	src/前端/walktofree/src/pages/Register.vue
#	src/前端/walktofree/src/pages/addDemand.vue
#	src/前端/walktofree/src/pages/mine.vue
#	src/前端/walktofree/src/router/index.js
---
 .../walktofree/src/pages/Communication.vue    |   5 +
 .../walktofree/src/pages/EvaluationEdit.vue   | 121 ++++++++++++++++++
 .../src/pages/EvaluationHistory.vue           |  11 ++
 .../walktofree/src/pages/EvaluationList.vue   |  47 +++++++
 4 files changed, 184 insertions(+)
 create mode 100644 src/前端/walktofree/src/pages/EvaluationEdit.vue
 create mode 100644 src/前端/walktofree/src/pages/EvaluationHistory.vue
 create mode 100644 src/前端/walktofree/src/pages/EvaluationList.vue

diff --git a/src/前端/walktofree/src/pages/Communication.vue b/src/前端/walktofree/src/pages/Communication.vue
index 5626e2c..03488e0 100644
--- a/src/前端/walktofree/src/pages/Communication.vue
+++ b/src/前端/walktofree/src/pages/Communication.vue
@@ -14,10 +14,12 @@
       </div>
     </div>
   </div>
+  <div><NavigationBar /></div>
 </template>
 
 <script>
 import axios from 'axios';
+import NavigationBar from '../components/NavigationBar.vue';
 
 export default {
   data() {
@@ -26,6 +28,9 @@ export default {
       newMessage: '',
     };
   },
+  components: {
+      NavigationBar
+  },
   methods: {
     async fetchMessages() {
       try {
diff --git a/src/前端/walktofree/src/pages/EvaluationEdit.vue b/src/前端/walktofree/src/pages/EvaluationEdit.vue
new file mode 100644
index 0000000..1b42ac9
--- /dev/null
+++ b/src/前端/walktofree/src/pages/EvaluationEdit.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="user-feedback">
+    <!-- 输入评价 -->
+    <div class="feedback-input">
+      <h2>修改你的评价</h2>
+      <form>
+        <textarea id="ebody" v-model.trim="evaluation.ebody" rows="4" cols="50"></textarea>
+        <button type="submit" @click="send">发布评价</button>
+      </form>
+    </div>
+    <el-space direction="vertical">
+      <el-row>
+        <el-text>星级评价</el-text>
+        <el-rate class="ml-1"
+                 v-model="evaluation.satisfaction"
+                 :texts="['oops', 'disappointed', 'normal', 'good', 'great']"
+                 show-text
+                 @change="handleRateChange"
+                 clearable />
+      </el-row>
+    </el-space>
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      ebody: '',
+      satisfaction:'',
+      ct:'',
+      eid: 1, // 添加一个用于存储 eid 的变量
+      evaluation: {}, // 添加一个用于存储评价信息的变量
+    };
+  },
+  methods: {
+    send() {
+      axios.post('http://106.52.218.118:8081/evaluate/editEvaluation', {
+        eid: this.eid, // 将 eid 包含在请求中
+        satisfaction: this.evaluation.satisfaction,
+        ct:this.evaluation.ct,
+        ebody: this.evaluation.ebody,
+      }, {
+        withCredentials: true,
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      }).then(response => {
+        // 处理成功发送评价的情况
+        console.log('评价发送成功');
+      }).catch(error => {
+        // 处理发送评价失败的情况
+        console.error('评价发送失败', error);
+      });
+    },
+    fetchEvaluation() {
+      axios.get(`http://106.52.218.118:8081/evaluate/getEvaluation?eid=${this.eid}`)
+          .then(response => {
+            this.evaluation = response.data;// 将获取到的评价信息存储到 evaluation 变量中
+          })
+          .catch(error => {
+            console.error('获取评价信息失败', error);
+          });
+    },
+    handleRateChange(satisfaction) {
+      this.evaluation.satisfaction = satisfaction; // 更新星级值
+    }
+  },
+  mounted() {
+    this.fetchEvaluation(); // 在组件挂载时调用 fetchEvaluation 方法获取评价信息
+  }
+};
+</script>
+
+<style scoped>
+.user-feedback {
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.feedback-input {
+  margin-bottom: 20px;
+}
+
+textarea {
+  width: 100%;
+  padding: 8px;
+  font-size: 16px;
+  border: 1px solid #28a7a3;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+
+button {
+  padding: 8px 16px;
+  font-size: 16px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #003f3f;
+  cursor: pointer;
+}
+
+.submitted-feedback {
+  border-top: 1px solid #a6cfee;
+  padding-top: 20px;
+}
+
+.feedback-item {
+  background-color: #abd4ee;
+  border: 1px solid #c2f1fb;
+  border-radius: 4px;
+  padding: 10px;
+}
+
+.feedback-item p {
+  margin: 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/EvaluationHistory.vue b/src/前端/walktofree/src/pages/EvaluationHistory.vue
new file mode 100644
index 0000000..f79cdd8
--- /dev/null
+++ b/src/前端/walktofree/src/pages/EvaluationHistory.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/前端/walktofree/src/pages/EvaluationList.vue b/src/前端/walktofree/src/pages/EvaluationList.vue
new file mode 100644
index 0000000..f5d9a2e
--- /dev/null
+++ b/src/前端/walktofree/src/pages/EvaluationList.vue
@@ -0,0 +1,47 @@
+<template>
+  <el-button @click="add">Add Item</el-button>
+  <el-button @click="onDelete">Delete Item</el-button>
+  <el-scrollbar max-height="800px">
+    <p v-for="item in count" :key="item" class="scrollbar-demo-item">
+      {{ item }}
+    </p>
+    <p v-for="review in reviews" :key="review.id" class="scrollbar-demo-item">
+      {{ review.content }}
+    </p>
+  </el-scrollbar>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+
+const count = ref(3)
+const reviews = ref([
+  { id: 1, content: 'Great product!' },
+  { id: 2, content: 'Fast shipping!' },
+  { id: 3, content: 'Excellent customer service!' }
+])
+
+const add = () => {
+  count.value++
+}
+const onDelete = () => {
+  if (count.value > 0) {
+    count.value--
+  }
+}
+</script>
+
+<style scoped>
+.scrollbar-demo-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 50px;
+  margin: 10px;
+  text-align: center;
+  border-radius: 4px;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+}
+</style>
\ No newline at end of file