From 20d2411affc9111a8d27cab7738c8f26bffb962b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=8A=E9=95=9C=E8=99=AB?=
 <8701215+HMWorm@user.noreply.gitee.com>
Date: Fri, 22 Nov 2024 15:01:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8D=95=E4=BF=AE=E5=A4=8D=E5=90=88?=
 =?UTF-8?q?=E5=B9=B6=E5=BC=95=E8=B5=B7=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                    | 10 +---
 src/components/MyInput.vue      | 83 ---------------------------------
 src/components/emotion.vue      | 30 ------------
 src/main.js                     |  2 +-
 src/views/aichat/AIChatView.vue | 12 +++--
 src/views/article/Post.vue      | 42 ++++++++---------
 src/views/home/HomePage.vue     | 16 -------
 7 files changed, 32 insertions(+), 163 deletions(-)
 delete mode 100644 src/components/MyInput.vue
 delete mode 100644 src/components/emotion.vue

diff --git a/package.json b/package.json
index 77a664e..ded08cf 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "vue-cli-service serve --port 8081",
     "build": "vue-cli-service build"
   },
   "dependencies": {
@@ -11,17 +11,13 @@
     "@wangeditor/editor-for-vue": "^5.1.12",
     "ant-design-vue": "^4.2.5",
     "@ant-design/icons-vue": "^7.0.1",
-    "@element-plus/icons-vue": "^2.3.1",
     "@vue/reactivity": "^3.5.12",
-    "ant-design-vue": "^4.2.5",
-    "axios": "^1.7.7",
     "axios": "^1.7.7",
     "core-js": "^3.8.3",
     "dayjs": "^1.11.13",
     "element-plus": "^2.8.6",
     "html2canvas": "^1.4.1",
     "qs": "^6.13.1",
-    "qs": "^6.13.0",
     "vue": "^3.2.13",
     "vue-router": "^4.0.3",
     "vue3-emoji": "^3.0.2",
@@ -31,9 +27,7 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/cli-plugin-vuex": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
-    "node-sass": "^9.0.0",
-    "sass-loader": "^10.2.0"
+    "@vue/cli-service": "~5.0.0"
   },
   "browserslist": [
     "> 1%",
diff --git a/src/components/MyInput.vue b/src/components/MyInput.vue
deleted file mode 100644
index 77d3863..0000000
--- a/src/components/MyInput.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <div>
-    <div class="_video-comment-input" >
-      <el-input placeholder="快来和大家一起讨论吧!" v-model="content" @keyup.enter="handlePublish" @focus="isShowEmotion = false"></el-input>
-    </div>
-    <div style="margin-top: 5px">
-      <el-row align="middle">
-        <el-col :span="12">
-          <div>
-            <img src="@/assets/emotion.png" alt="表情" style="transform: scale(0.8);cursor: pointer;width: 30px;height: 30px">
-          </div>
-        </el-col>
-        <el-col :span="10"></el-col>
-        <el-col :span="2">
-          <el-button type="primary" style="margin-top: 15px;opacity: 0.5;border-radius: 20px" @click="handlePublish">发布</el-button>
-        </el-col>
-      </el-row>
-      <div class="emotion-container" v-show="isShowEmotion">
-        <emotion class="emotion" @emotion="(i) => content+=i" :height="150" ></emotion>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { reactive, toRefs } from '@vue/reactivity';
-import Emotion from '@/components/index.vue'
-
-export default {
-  name: 'Input',
-  components:{
-    Emotion
-  },
-  setup(props,content){
-
-
-    let data = reactive({
-      content:'',
-      isShowEmotion:false
-    })
-    const  handlePublish = () => {
-      content.emit('ok',data.content)
-      data.content = ''
-      data.isShowEmotion = false
-    }
-    return {
-      ...toRefs(data),
-      handlePublish
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-@mixin flx($jc,$ai,$fd:row){
-  display: flex;
-  flex-direction: $fd;
-  justify-content: $jc;
-  align-items: $ai;
-}
-
-.el-input{
-  outline: none;
-  border: 0;
-  width:100%;
-  height: 60px;
-  background: inherit;
-  border-radius: 50px;
-  color: var(--maincolor);
-}
-
-.emotion-container {
-  position: relative;
-}
-.emotion {
-  position: relative;
-  top: 5px;
-  width: 400px;
-  border-radius: 6px;
-  overflow: hidden;
-  box-shadow: 0 0 24px rgba(0,0,0,.2);
-}
-</style>
diff --git a/src/components/emotion.vue b/src/components/emotion.vue
deleted file mode 100644
index b0a62a5..0000000
--- a/src/components/emotion.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <div class="ly-emotion" >
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'emotion',
-  mounted () {
-    const name = this.$el.innerHTML
-    const list = ['微笑', '撇嘴', '色', '发呆', '得意', '流泪', '害羞', '闭嘴', '睡', '大哭', '尴尬', '发怒', '调皮', '呲牙', '惊讶', '难过', '酷', '冷汗', '抓狂', '吐', '偷笑', '可爱', '白眼', '傲慢', '饥饿', '困', '惊恐', '流汗', '憨笑', '大兵', '奋斗', '咒骂', '疑问', '嘘', '晕', '折磨', '衰', '骷髅', '敲打', '再见', '擦汗', '抠鼻', '鼓掌', '糗大了', '坏笑', '左哼哼', '右哼哼', '哈欠', '鄙视', '委屈', '快哭了', '阴险', '亲亲', '吓', '可怜', '菜刀', '西瓜', '啤酒', '篮球', '乒乓', '咖啡', '饭', '猪头', '玫瑰', '凋谢', '示爱', '爱心', '心碎', '蛋糕', '闪电', '炸弹', '刀', '足球', '瓢虫', '便便', '月亮', '太阳', '礼物', '拥抱', '强', '弱', '握手', '胜利', '抱拳', '勾引', '拳头', '差劲', '爱你', 'NO', 'OK', '爱情', '飞吻', '跳跳', '发抖', '怄火', '转圈', '磕头', '回头', '跳绳', '挥手', '激动', '街舞', '献吻', '左太极', '右太极']
-    let index = list.indexOf(name)
-    let imgHTML = `<img src="https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/${index}.gif">`
-    this.$nextTick(() => {
-      this.$el.innerHTML = imgHTML
-    })
-  },
-}
-</script>
-<style scoped>
-.ly-emotion {
-  display: inline-block
-}
-.ly-static-emotion {
-  width: 24px;
-  height: 24px;
-  display: inline-block;
-}
-</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index fe88eb5..79c4080 100644
--- a/src/main.js
+++ b/src/main.js
@@ -13,7 +13,7 @@ import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/reset.css';
 import axios from "axios";
 //8.1配置根路径
-const BASE_URL = 'http://localhost:8081'
+const BASE_URL = 'http://localhost:8080'
 //window配置全局内容,可以在任意script标签中使用
 window.BASE_URL=BASE_URL
 
diff --git a/src/views/aichat/AIChatView.vue b/src/views/aichat/AIChatView.vue
index 71f020f..e4fa975 100644
--- a/src/views/aichat/AIChatView.vue
+++ b/src/views/aichat/AIChatView.vue
@@ -1,6 +1,11 @@
-<template>
+  <template>
+    <div>
+      <el-header style="padding: 0">
+        <Header />
+      </el-header>
+    </div>
     <div class="common-layout" style="background-color: white;">
-      <el-container style="height: 100vh; display: flex;">
+      <el-container style="height: calc(100vh - 60px); display: flex;">
         <el-aside width="200px">
             <el-menu
               class="menu-vertical"
@@ -33,7 +38,7 @@
                 </el-menu-item>
             </el-menu>
         </el-aside>
-        <el-container style="height: 100vh; display: flex; flex-direction: column;">
+        <el-container style="height: calc(100vh - 60px); display: flex; flex-direction: column;">
           <el-main class="main-content" ref="mainContent">
             <div v-for="(item, index) in allmessage" :key="index" style="display: flex;">
                 <div class="question" v-if="index % 2 === 0">
@@ -151,6 +156,7 @@
   </template>
   
   <script setup>
+  import Header from "@/components/Header.vue";
   import { ref, nextTick, onMounted } from 'vue'
   import axios from "axios";
   import qs from "qs";
diff --git a/src/views/article/Post.vue b/src/views/article/Post.vue
index fb5e999..ff56881 100644
--- a/src/views/article/Post.vue
+++ b/src/views/article/Post.vue
@@ -41,28 +41,26 @@
           </el-dropdown>
         </p>
 
-        <p>
-          <div>
-            <el-checkbox v-model="checked1" label="标签1" size="large" border />
-            <el-checkbox v-model="checked2" label="标签2" size="large" border />
-          </div>
-          <div class="mt-4">
-            <el-checkbox v-model="checked3" label="标签3" border />
-            <el-checkbox v-model="checked4" label="标签4" border />
-          </div>
-          <div class="mt-4">
-            <el-checkbox-group v-model="checkboxGroup1" size="small">
-              <el-checkbox label="标签5" value="标签5" border />
-              <el-checkbox label="标签6" value="标签6" border />
-            </el-checkbox-group>
-          </div>
-          <div class="mt-4">
-            <el-checkbox-group v-model="checkboxGroup1" size="small">
-              <el-checkbox label="标签7" value="标签7" border disabled />
-              <el-checkbox label="标签8" value="标签8" border disabled />
-            </el-checkbox-group>
-          </div>
-        </p>
+        <div>
+          <el-checkbox v-model="checked1" label="标签1" size="large" border />
+          <el-checkbox v-model="checked2" label="标签2" size="large" border />
+        </div>
+        <div class="mt-4">
+          <el-checkbox v-model="checked3" label="标签3" border />
+          <el-checkbox v-model="checked4" label="标签4" border />
+        </div>
+        <div class="mt-4">
+          <el-checkbox-group v-model="checkboxGroup1" size="small">
+            <el-checkbox label="标签5" value="标签5" border />
+            <el-checkbox label="标签6" value="标签6" border />
+          </el-checkbox-group>
+        </div>
+        <div class="mt-4">
+          <el-checkbox-group v-model="checkboxGroup1" size="small">
+            <el-checkbox label="标签7" value="标签7" border disabled />
+            <el-checkbox label="标签8" value="标签8" border disabled />
+          </el-checkbox-group>
+        </div>
 
         <p>
           <el-form>
diff --git a/src/views/home/HomePage.vue b/src/views/home/HomePage.vue
index 7a59dc8..a4e2d5c 100644
--- a/src/views/home/HomePage.vue
+++ b/src/views/home/HomePage.vue
@@ -26,10 +26,6 @@
                     </el-col>
                   </el-row>
                 </div>
-                <div class="inp" style="margin-top: 20px">
-                  <MyInput @ok="handlePublish"/>
-                </div>
-                <div class="content" v-html="data.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)"> </div>
               </el-card>
               <a-card
                   style="margin: 15px 10px 0 0;width: 100%;padding: 0"
@@ -165,7 +161,6 @@ import {ref} from "vue";
 import { StarOutlined, LikeOutlined, MessageOutlined, FileWordOutlined, QuestionOutlined, TranslationOutlined, VideoCameraOutlined} from '@ant-design/icons-vue';
 import Header from "@/components/Header.vue";
 import router from "@/router";
-import MyInput from "@/components/MyInput.vue";
 import { reactive } from '@vue/reactivity';
 
 const userInfo = ref(getUser())
@@ -280,17 +275,6 @@ const data = reactive({
   content: ''
 });
 
-function  emotion (res) {
-  let word = res.replace(/\#|\;/gi,'')
-  const list = ['微笑', '撇嘴', '色', '发呆', '得意', '流泪', '害羞', '闭嘴', '睡', '大哭', '尴尬', '发怒', '调皮', '呲牙', '惊讶', '难过', '酷', '冷汗', '抓狂', '吐', '偷笑', '可爱', '白眼', '傲慢', '饥饿', '困', '惊恐', '流汗', '憨笑', '大兵', '奋斗', '咒骂', '疑问', '嘘', '晕', '折磨', '衰', '骷髅', '敲打', '再见', '擦汗', '抠鼻', '鼓掌', '糗大了', '坏笑', '左哼哼', '右哼哼', '哈欠', '鄙视', '委屈', '快哭了', '阴险', '亲亲', '吓', '可怜', '菜刀', '西瓜', '啤酒', '篮球', '乒乓', '咖啡', '饭', '猪头', '玫瑰', '凋谢', '示爱', '爱心', '心碎', '蛋糕', '闪电', '炸弹', '刀', '足球', '瓢虫', '便便', '月亮', '太阳', '礼物', '拥抱', '强', '弱', '握手', '胜利', '抱拳', '勾引', '拳头', '差劲', '爱你', 'NO', 'OK', '爱情', '飞吻', '跳跳', '发抖', '怄火', '转圈', '磕头', '回头', '跳绳', '挥手', '激动', '街舞', '献吻', '左太极', '右太极']
-  let index = list.indexOf(word)
-  return `<img src="https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/${index}.gif" style="vertical-align: sub;" align="middle">`
-}
-
-const handlePublish = (e) => {
-  data.content = e;
-  console.log('Published content:', data.content);
-};
 </script>
 
 <style scoped>
-- 
Gitee