src/renderer/src/components/ai-chart/index.vue

@@ -3,20 +3,21 @@
     <svg class="icon ai-icon" aria-hidden="true" @click="isOpen = true; isMax = false" v-if="!isOpen">
       <use xlink:href="#icon-aijiqiren"></use>
     </svg>
-    <div v-else v-drag shadow="always" class="chart-card" :class="[isMax ? 'card-max' : '']">
+    <el-card v-else shadow="always" class="chart-card" :class="[isMax ? 'card-max' : '']">
-      <div class="flex chart-header">
+      <template #header>
-        <div class="header-name flex">
+        <div class="flex chart-header">
-          <svg class="icon header-icon" aria-hidden="true">
+          <div class="header-name flex">
-            <use xlink:href="#icon-aijiqiren"></use>
+            <svg class="icon header-icon" aria-hidden="true">
-          </svg>
+              <use xlink:href="#icon-aijiqiren"></use>
-          <span>教学助手</span>
+            </svg>
+            <span>教学助手</span>
+          </div>
+          <div class="header-tool">
+            <i class="iconfont icon-window-max_line icon-tool" @click="isMax = !isMax"></i>
+            <i class="iconfont icon-close icon-tool" @click="closeChart"></i>
+          </div>
         </div>
-        <div class="header-tool">
+      </template>
-          <i class="iconfont icon-window-max_line icon-tool" @click="isMax = !isMax"></i>
-          <i class="iconfont icon-close icon-tool" @click="closeChart"></i>
-        </div>
-      </div>
-
       <div class="chart-body">
         <el-scrollbar ref="chatref">
           <div class="default-chart flex">
@@ -54,13 +55,12 @@
             </div>
           </div>
         </el-scrollbar>
-        <div class="chart-input">
-          <el-input v-model="msgVal" size="large" class="chart-ipt" @keyup.enter="sendMsg" @focus="isFocus = true" @blur="isFocus = false" />
-          <i class="iconfont icon-tujing" :class="[isFocus ? 'icon-focus' : '']" @click="sendMsg"></i>
-        </div>
       </div>
-      
+      <div class="chart-input">
-    </div>
+        <el-input v-model="msgVal" size="large" class="chart-ipt" @keyup.enter="sendMsg" @focus="isFocus = true" @blur="isFocus = false" />
+        <i class="iconfont icon-tujing" :class="[isFocus ? 'icon-focus' : '']" @click="sendMsg"></i>
+      </div>
+    </el-card>
   </div>
 </template>
 
@@ -75,6 +75,7 @@ import vDrag from '@/views/tool/directive/drag'
 
 
 const { ipcRenderer } = window.electron || {}
+
 const userStore = useUserStore().user
 
 
@@ -217,7 +218,6 @@ onMounted(() => {
 }
 
 .page-ai-chart {
-
   .ai-icon {
     position: fixed;
     right: 30px;
@@ -227,7 +227,6 @@ onMounted(() => {
   }
 
   .chart-card {
-    background-color: #fff;
     position: fixed;
     bottom: 20px;
     right: 20px;
@@ -235,30 +234,34 @@ onMounted(() => {
     height: calc(100% - 110px);
     border-radius: 10px;
     z-index: 10;
-    box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
+    :deep(.el-card__header) {
+      padding: 10px;
+    }
+
+    :deep(.el-card__body) {
+      height: calc(100% - 50px);
+      padding: 10px 15px;
+    }
 
     .chart-body {
-      padding: 10px 15px;
+      height: calc(100% - 60px);
-      height: calc(100% - 110px);
-      -webkit-app-region: no-drag;
     }
   }
 
   .card-max {
     width: 100%;
     height: 100%;
-    left: 0 !important;
+    left: 0;
-    top: 0 !important;
+    top: 0;
   }
 
   .chart-header {
     justify-content: space-between;
     font-size: 14px;
-    padding: 10px;
+
-    border-bottom: 1px solid #e4e7ed;
-    -webkit-app-region: no-drag;
     .header-name {
       align-items: center;
+
       .header-icon {
         font-size: 28px;
         align-items: center;
@@ -351,10 +354,7 @@ onMounted(() => {
   }
 
   .chart-input {
-    position: absolute;
+    position: relative;
-    width: 90%;
-    left: 5%;
-    bottom: 15px;
     display: flex;
     align-items: center;
     padding-top: 15px;

src/renderer/src/layout/components/Header.vue

@@ -197,6 +197,7 @@ const changeSubject = async (command) =>{
     edustage: command.edustage,
     edusubject:  command.edusubject
   }
+  console.log(data,'data')
   await updateUserInfo(data)
   await userStore.login({username: phonenumber, password: plainpwd})
   await userStore.getInfo()