From 897cc864f1f1f8b7b48dafa310c19f11a181a573 Mon Sep 17 00:00:00 2001
From: tianea <tianxyy80@gmail.com>
Date: Mon, 7 Nov 2022 15:02:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E8=83=BD=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/src/components/tips.vue | 63 +++++++++++++++++++++++++++++++++
 front/src/api/grade.js          |  8 +++++
 2 files changed, 71 insertions(+)
 create mode 100644 backend/src/components/tips.vue
 create mode 100644 front/src/api/grade.js

diff --git a/backend/src/components/tips.vue b/backend/src/components/tips.vue
new file mode 100644
index 0000000..e248cbb
--- /dev/null
+++ b/backend/src/components/tips.vue
@@ -0,0 +1,63 @@
+<template>
+    <div class="tz-tips" @click="showTips = !showTips" @mouseenter="showTips = true" @mouseleave="showTips = false">
+        {{short}}
+        <div class="tz-tip" v-if="showTips">{{whole}}</div>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        content:{
+            type: String,
+            default: ''
+        },
+        len:{
+            type: Number,
+            default: 7
+        }
+    },
+    data(){
+        return {
+            short: '',
+            whole: '',
+            showTips: false
+        }
+    },
+    mounted(){
+        this.whole =this.content
+        if(this.content.length>this.len){
+            this.short = this.content.substring(0,this.len)+".."
+        }else{
+            this.short = this.content
+        }
+    },
+    watch:{
+        content:{
+            handler(nv,ov){
+                this.whole =this.content
+                if(this.content.length>this.len){
+                    this.short = this.content.substring(0,this.len)+".."
+                }else{
+                    this.short = this.content
+                }
+            }
+        }
+    }
+}
+</script>
+<style scoped>
+.tz-tips{
+    display: inline-block;
+    width: 100%;
+    white-space: nowrap;
+}
+.tz-tip{
+    position:absolute;
+    display: block;    
+    background: wheat;
+    white-space: nowrap;
+    border-radius: 5px;
+    padding: 5px;
+    z-index: 9999;
+}
+</style>
\ No newline at end of file
diff --git a/front/src/api/grade.js b/front/src/api/grade.js
new file mode 100644
index 0000000..7c66bb3
--- /dev/null
+++ b/front/src/api/grade.js
@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+let baseUrl = '/api/system/'
+export function list(schoolId) {
+    return request({
+      url: baseUrl+'grade?schoolId='+schoolId,
+      method: 'get'
+    })
+  }
\ No newline at end of file