From 96eef36b76aa0e72e3107cebf24affb683f2a2b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E8=8B=B1=E6=9D=B0?= <327782001@qq.com>
Date: Wed, 12 Jul 2023 19:17:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menus/MyChat.vue      |  10 +-
 src/components/menus/MyUsers.vue     |  22 ++--
 src/components/user/MyChatDetail.vue | 154 +++++++++++++--------------
 3 files changed, 92 insertions(+), 94 deletions(-)

diff --git a/src/components/menus/MyChat.vue b/src/components/menus/MyChat.vue
index 512c965..6392bac 100644
--- a/src/components/menus/MyChat.vue
+++ b/src/components/menus/MyChat.vue
@@ -13,10 +13,10 @@
 			</el-header>
 
 			<el-main>
-				<el-table :data="userlist" v-loading="loading">
-					<el-table-column prop="id" label="序号" width="50"></el-table-column>
-					<el-table-column prop="question" label="问题" width="240"></el-table-column>
-					<el-table-column prop="response" label="答案"></el-table-column>
+				<el-table border :data="userlist" v-loading="loading">
+					<el-table-column prop="id" label="序号" width="50" sortable></el-table-column>
+					<el-table-column prop="question" label="问题" width="240" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="response" label="答案" show-overflow-tooltip></el-table-column>
 					<el-table-column label="创建时间" width="170">
 						<template slot-scope="props">
 							{{ props.row.createTime | dateFormat }}
@@ -55,7 +55,7 @@ export default {
             loading: false,
             elementui_page_component_key: 0,
             currentPage: Number(localStorage.getItem('lastPage')) || 1,
-            pageSize: 5,
+            pageSize: 14,
             total: 0,
         };
     },
diff --git a/src/components/menus/MyUsers.vue b/src/components/menus/MyUsers.vue
index 88c496c..cdc3b3b 100644
--- a/src/components/menus/MyUsers.vue
+++ b/src/components/menus/MyUsers.vue
@@ -31,27 +31,27 @@
 
 <script>
 export default {
-  name: 'MyUser',
+  name: "MyUser",
   data() {
     return {
       // 用户列表数据
       userlist: [
-        { id: 1, name: '嬴政', age: 18, position: '始皇帝' },
-        { id: 2, name: '李斯', age: 35, position: '丞相' },
-        { id: 3, name: '吕不韦', age: 50, position: '商人' },
-        { id: 4, name: '赵姬', age: 48, position: '王太后' }
-      ]
-    }
+        { id: 1, name: "嬴政", age: 18, position: "始皇帝" },
+        { id: 2, name: "李斯", age: 35, position: "丞相" },
+        { id: 3, name: "吕不韦", age: 50, position: "商人" },
+        { id: 4, name: "赵姬", age: 48, position: "王太后" },
+      ],
+    };
   },
   methods: {
     gotoDetail(id) {
       //   /home/userinfo/1
       //   /home/userinfo/2
       //   /home/userinfo/3
-      this.$router.push('/home/userinfo/' + id)
-    }
-  }
-}
+      this.$router.push("/home/userinfo/" + id);
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped></style>
\ No newline at end of file
diff --git a/src/components/user/MyChatDetail.vue b/src/components/user/MyChatDetail.vue
index ba95b7d..2eea471 100644
--- a/src/components/user/MyChatDetail.vue
+++ b/src/components/user/MyChatDetail.vue
@@ -1,92 +1,90 @@
 <template>
-  <div>
-    <el-button @click="$router.back()">后退</el-button>
-    <h4 class="text-center">ChatGpt问答详情 --- {{ id }}</h4>
-    <el-container>
-      <el-main>
-        <el-table :data="list">
-          <el-table-column label="序号" width="50">
-            <template slot-scope="scope">
-              <span>{{ scope.row.id }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="问题" width="240">
-            <template slot-scope="scope">
-              <span>{{ scope.row.question }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="回答">
-            <template slot-scope="scope">
-              <span id="td-response">{{ scope.row.response }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="创建时间" width="170">
-            <template slot-scope="scope">
-              <span>{{ scope.row.createTime | dateFormat }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-main>
-    </el-container>
-    <div class="button-container">
-      <el-button @click="copyCode">复制回答</el-button>
-    </div>
-  </div>
+	<div>
+		<el-button @click="$router.back()">后退</el-button>
+		<h4 class="text-center">ChatGpt问答详情 --- {{ id }}</h4>
+		<el-container>
+			<el-main>
+				<el-table border :data="list">
+					<el-table-column label="序号" width="50">
+						<template slot-scope="scope">
+							<span>{{ scope.row.id }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="问题" width="240">
+						<template slot-scope="scope">
+							<span>{{ scope.row.question }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="回答">
+						<template slot-scope="scope">
+							<span id="td-response">{{ scope.row.response }}</span>
+						</template>
+					</el-table-column>
+					<el-table-column label="创建时间" width="170">
+						<template slot-scope="scope">
+							<span>{{ scope.row.createTime | dateFormat }}</span>
+						</template>
+					</el-table-column>
+				</el-table>
+			</el-main>
+		</el-container>
+		<div class="button-container">
+			<el-button @click="copyCode">复制回答</el-button>
+		</div>
+	</div>
 </template>
 <script>
 // 导入 axios 请求库
-import axios from "axios";
+import axios from 'axios';
 export default {
-  name: "MyChatDetail",
-  props: ["id"],
-  data() {
-    return {
-      list: [],
-    };
-  },
-  created() {
-    // 调用请求数据的方法
-    this.initChatList();
-  },
-  methods: {
-    // // 封装请求列表数据的方法
-    async initChatList() {
-      // 调用 axios 的 get 方法，请求列表数据
-      const { data: res } = await axios.get(
-        "http://120.79.36.53:8888/chatbot/" + this.id
-      );
-      // 只要请求回来的数据，在页面渲染期间要用到，则必须转存到 data 中
-      if (res.code === 200) {
-        this.list = [
-          {
-            id: res.result.id,
-            question: res.result.question,
-            response: res.result.response,
-            createTime: res.result.createTime,
-          },
-        ];
-      }
+    name: 'MyChatDetail',
+    props: ['id'],
+    data() {
+        return {
+            list: [],
+        };
     },
-    copyCode() {
-      const codeBlock = document.getElementById("td-response");
-      const range = document.createRange();
-      range.selectNode(codeBlock);
-      const selection = window.getSelection();
-      selection.removeAllRanges();
-      selection.addRange(range);
-      document.execCommand("copy");
-      selection.removeAllRanges();
-      this.$message.success("代码已复制到剪贴板");
+    created() {
+        // 调用请求数据的方法
+        this.initChatList();
+    },
+    methods: {
+        // // 封装请求列表数据的方法
+        async initChatList() {
+            // 调用 axios 的 get 方法，请求列表数据
+            const { data: res } = await axios.get('http://120.79.36.53:8888/chatbot/' + this.id);
+            // 只要请求回来的数据，在页面渲染期间要用到，则必须转存到 data 中
+            if (res.code === 200) {
+                this.list = [
+                    {
+                        id: res.result.id,
+                        question: res.result.question,
+                        response: res.result.response,
+                        createTime: res.result.createTime,
+                    },
+                ];
+            }
+        },
+        copyCode() {
+            const codeBlock = document.getElementById('td-response');
+            const range = document.createRange();
+            range.selectNode(codeBlock);
+            const selection = window.getSelection();
+            selection.removeAllRanges();
+            selection.addRange(range);
+            document.execCommand('copy');
+            selection.removeAllRanges();
+            this.$message.success('代码已复制到剪贴板');
+        },
     },
-  },
 };
 </script>
 
 <style lang="less" scoped>
 .button-container {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  margin: 16px;
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	margin: 16px;
 }
 </style>
\ No newline at end of file
-- 
GitLab