From 7a98776095684a2ece0b627e5528c6bd3c87960e Mon Sep 17 00:00:00 2001
From: RosyrRais <syr050301@qq.com>
Date: Fri, 6 Sep 2024 01:35:41 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix(dataDisplay):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=BA=86=E8=A1=A8=E6=A0=BC=E5=86=85=E6=96=87=E6=9C=AC=E8=BF=87?=
 =?UTF-8?q?=E9=95=BF=E5=AF=BC=E8=87=B4=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=94=99?=
 =?UTF-8?q?=E4=B9=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/DataDisplay/data.vue          |  5 ++-
 src/pages/DataDisplay/index.vue         |  2 +-
 src/pages/DataDisplay/overflowPanel.vue | 47 +++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/DataDisplay/overflowPanel.vue

diff --git a/src/pages/DataDisplay/data.vue b/src/pages/DataDisplay/data.vue
index 4376744..2c4bf3b 100644
--- a/src/pages/DataDisplay/data.vue
+++ b/src/pages/DataDisplay/data.vue
@@ -15,7 +15,9 @@
         <tr v-for="(t, index) in time">
           <th>{{ index+1 }}</th>
           <th>{{ t }}</th>
-          <th v-for="ans in answers">{{ ans.answers[index] }}</th>
+          <th v-for="ans in answers">
+            <overflow-panel :text="ans.answers[index]"/>
+          </th>
         </tr>
       </tbody>
     </table>
@@ -34,6 +36,7 @@ import { getAnswersAPI } from '@/apis';
 import { ref, watch } from 'vue';
 import { useMainStore } from '@/stores';
 import { useRequest } from 'vue-hooks-plus';
+import overflowPanel from './overflowPanel.vue';
 
 const tempStore = useMainStore().useTempStore();
 
diff --git a/src/pages/DataDisplay/index.vue b/src/pages/DataDisplay/index.vue
index e3308a5..2a35d25 100644
--- a/src/pages/DataDisplay/index.vue
+++ b/src/pages/DataDisplay/index.vue
@@ -16,7 +16,7 @@
       <div v-show="!isCount" class="btn btn-sm" :class="isUnique ? 'btn-neutral' : 'btn-accent'" @click="changeUnique">展示近期</div>
       <span v-show="!isCount">搜索</span><input v-show="!isCount" class="input input-sm input-bordered" type="text" v-model="keyText">
     </div>
-    <div class="overflow-x-auto">
+    <div style="margin-bottom: 30vh;">
       <data-table :key-text="keyText" :is-unique="isUnique" v-show="!isCount"></data-table>
       <statics v-show="isCount"></statics>
     </div>
diff --git a/src/pages/DataDisplay/overflowPanel.vue b/src/pages/DataDisplay/overflowPanel.vue
new file mode 100644
index 0000000..7c0050c
--- /dev/null
+++ b/src/pages/DataDisplay/overflowPanel.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="relative cursor-default">
+    <div class="overflowText text-slate-700" @click="showModal">{{ text }}</div>
+    <div class="overflowModal" @mouseout="hideModal">{{ text }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  text: string
+}>();
+
+const showModal = (e: MouseEvent) => {
+  console.log("debug:1")
+  const et = (e.target as HTMLElement).nextElementSibling as HTMLElement;
+  et.style.display = "block";
+}
+
+const hideModal = (e: MouseEvent) => {
+  const et = e.target as HTMLElement;
+  et.style.display = "none";
+}
+
+</script>
+
+<style>
+.overflowText{
+  max-width: 230px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.overflowModal {
+  max-width: 500px;
+  position: absolute;
+  left: 0; top: 0;
+  padding: 8px 16px;
+  border: 2px solid rgb(176, 176, 176);
+  border-radius: 3px;
+  background-color: white;
+
+  word-wrap: break-word;
+  z-index: 5;
+  display: none;
+}
+</style>
\ No newline at end of file

From b26a55ff4b442e7fe38e5d9233a4dfdea6194c68 Mon Sep 17 00:00:00 2001
From: RosyrRais <syr050301@qq.com>
Date: Fri, 6 Sep 2024 01:40:54 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat(home):=20=E4=B8=BA=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E5=A2=9E=E5=8A=A0=E4=BA=86=E5=8F=8D=E9=A6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home/questionnaireItem.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/pages/Home/questionnaireItem.vue b/src/pages/Home/questionnaireItem.vue
index 6275e28..85849f9 100644
--- a/src/pages/Home/questionnaireItem.vue
+++ b/src/pages/Home/questionnaireItem.vue
@@ -49,6 +49,7 @@ import router from '@/router';
 import {closeLoading, startLoading} from "@/utilities";
 import { useMainStore } from '@/stores';
 import CryptoJS from 'crypto-js';
+import { ElMessage } from 'element-plus';
 
 const tempStore = useMainStore().useTempStore();
 
@@ -100,6 +101,10 @@ const copyShareCode = () => {
   const Key = 'JingHong';
   const encryptedId = CryptoJS.AES.encrypt(props.idName+'',Key).toString();
   navigator.clipboard.writeText( "https://qa.lonesome.cn/View?id=" + encryptedId);
+  ElMessage({
+    message: '链接复制成功',
+    type: 'success',
+  })
 }
 
 const DetailInfo = () => {