remove code for set left component fixed height

CHANGELOG.md

@@ -3,7 +3,10 @@
 ## v4.0.7
 
 * 功能优化：添加导航菜单的时候支持框入外部链接，并支持上传自定义菜单图片
-*
+* Bug修复：修复弹窗等于图形验证码一直验证失败的问题
+* 功能重构：重构前端 UI 页面，增加顶部导航
+* 功能优化：优化 Vue 非父子组件之间的通信方式
+* 功能优化：优化 ItemList 组件，自动根据页面宽度计算 cols 数量
 
 ## v4.0.6
 

web/src/assets/css/chat-plus.styl

@@ -318,12 +318,9 @@ $borderColor = #4676d0;
   .el-dialog {
     .el-dialog__body {
       .notice {
-        padding 0 20px 0 20px
+        //padding 0 20px 0 20px
         line-height 1.8
-
-        .el-text {
-          font-size 16px
-        }
+        font-size 16px
       }
     }
   }

web/src/assets/css/image-sd.styl

@@ -14,7 +14,6 @@
       border-radius 10px
       color #ffffff;
       font-size 14px
-      height 100%
       overflow auto
 
       h2 {

web/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4125778 */
-  src: url('iconfont.woff2?t=1715938850931') format('woff2'),
-       url('iconfont.woff?t=1715938850931') format('woff'),
-       url('iconfont.ttf?t=1715938850931') format('truetype');
+  src: url('iconfont.woff2?t=1715987806624') format('woff2'),
+       url('iconfont.woff?t=1715987806624') format('woff'),
+       url('iconfont.ttf?t=1715987806624') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-control-simple:before {
+  content: "\e624";
+}
+
 .icon-mic-bold:before {
   content: "\e683";
 }

web/src/assets/iconfont/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "12243734",
+      "name": "control",
+      "font_class": "control-simple",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
     {
       "icon_id": "6539424",
       "name": "麦克风",

web/src/components/UserProfile.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="user-info" id="user-info">
-    <el-form :model="user" label-width="150px">
+    <el-form :model="user" label-width="100px">
       <el-row>
         <el-upload
             class="avatar-uploader"
@@ -26,7 +26,7 @@
             content="您已经是 VIP 会员"
             placement="right"
         >
-          <el-image v-if="user.vip" :src="vipImg" style="height: 25px;margin-left: 10px"/>
+          <span class="vip-icon"><el-image v-if="user.vip" :src="vipImg" style="height: 25px;margin-left: 10px"/></span>
         </el-tooltip>
       </el-form-item>
       <el-form-item label="剩余算力">
@@ -37,7 +37,7 @@
       </el-form-item>
 
       <el-row class="opt-line">
-        <el-button color="#47fff1" :dark="false" round @click="save">保存</el-button>
+        <el-button color="#47fff1" :dark="false" @click="save">保存</el-button>
       </el-row>
     </el-form>
   </div>
@@ -107,13 +107,18 @@ const save = () => {
 
 <style lang="stylus" scoped>
 .user-info {
-  padding 20px
+  padding 20px 0
 
   .el-row {
     justify-content center
     margin-bottom 10px
   }
 
+  .vip-icon {
+    position relative
+    top 5px
+  }
+
   .opt-line {
     padding-top 20px
 

web/src/views/ChatPlus.vue

@@ -87,14 +87,17 @@
               <el-affix position="bottom" :offset="0">
                 <div class="input-box">
                   <span class="tool-item">
-                    <el-tooltip effect="dark" content="聊天设置">
                       <el-popover
                           :width="300"
                           trigger="click"
                           placement="top-start"
                       >
                         <template #reference>
-                          <i class="iconfont icon-config"></i>
+                          <div>
+                            <el-tooltip effect="dark" content="模型选择">
+                              <i class="iconfont icon-model"></i>
+                            </el-tooltip>
+                          </div>
                         </template>
 
                         <template #default>
@@ -134,8 +137,6 @@
                           </div>
                         </template>
                       </el-popover>
-
-                    </el-tooltip>
                   </span>
 
                   <span class="tool-item" @click="ElMessage.info('暂时不支持语音输入')">
@@ -189,9 +190,7 @@
         title="网站公告"
     >
       <div class="notice">
-        <el-text type="primary">
-          <div v-html="notice"></div>
-        </el-text>
+        <div v-html="notice"></div>
 
         <p style="text-align: right">
           <el-button @click="notShow" type="success" plain>我知道了，不再显示</el-button>
@@ -901,8 +900,25 @@ const insertURL = (url) => {
 
 <style lang="stylus">
 .notice-dialog {
+  .el-dialog__header {
+    padding-bottom 0
+  }
+
   .el-dialog__body {
     padding 0 20px
+
+    ol, ul {
+      padding-left 10px
+    }
+
+    ol {
+      list-style decimal-leading-zero
+      padding-left 20px
+    }
+
+    ul {
+      list-style disc
+    }
   }
 }
 

web/src/views/Dalle.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="page-dall">
       <div class="inner custom-scroll">
-        <div class="sd-box" :style="{ height: paramBoxHeight + 'px' }">
+        <div class="sd-box">
           <h2>DALL-E 创作中心</h2>
 
           <div class="sd-params">
@@ -88,7 +88,7 @@
               <h2>任务列表</h2>
               <div class="running-job-list">
                 <div class="running-job-box" v-if="runningJobs.length > 0">
-                  <div class="job-item" v-for="item in runningJobs">
+                  <div class="job-item" v-for="item in runningJobs" :key="item.id">
                     <div v-if="item.progress > 0" class="job-item-inner">
                       <el-image :src="item['img_url']" fit="cover" loading="lazy">
                         <template #placeholder>
@@ -227,7 +227,7 @@
 
 <script setup>
 import {onMounted, onUnmounted, ref} from "vue"
-import {Delete, InfoFilled} from "@element-plus/icons-vue";
+import {Delete, InfoFilled, Picture} from "@element-plus/icons-vue";
 import {httpGet, httpPost} from "@/utils/http";
 import {ElMessage, ElMessageBox, ElNotification} from "element-plus";
 import Clipboard from "clipboard";
@@ -235,7 +235,7 @@ import {checkSession} from "@/action/session";
 import {useSharedStore} from "@/store/sharedata";
 
 const listBoxHeight = ref(0)
-const paramBoxHeight = ref(0)
+// const paramBoxHeight = ref(0)
 const isLogin = ref(false)
 const loading = ref(true)
 const colWidth = ref(220)
@@ -245,7 +245,7 @@ const store = useSharedStore();
 
 const resizeElement = function () {
   listBoxHeight.value = window.innerHeight - 90
-  paramBoxHeight.value = window.innerHeight - 110
+  // paramBoxHeight.value = window.innerHeight - 110
 };
 resizeElement()
 window.onresize = () => {

web/src/views/ImageMj.vue

@@ -625,7 +625,7 @@ const store = useSharedStore();
 
 const resizeElement = function () {
   listBoxHeight.value = window.innerHeight - 80
-  paramBoxHeight.value = window.innerHeight - 190
+  paramBoxHeight.value = window.innerHeight - 160
 };
 resizeElement()
 window.onresize = () => {

web/src/views/ImageSd.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="page-sd">
       <div class="inner custom-scroll">
-        <div class="sd-box" :style="{ height: paramBoxHeight + 'px' }">
+        <div class="sd-box">
           <h2>Stable Diffusion 创作中心</h2>
 
           <div class="sd-params">
@@ -512,7 +512,7 @@ import {getSessionId} from "@/store/session";
 import {useSharedStore} from "@/store/sharedata";
 
 const listBoxHeight = ref(0)
-const paramBoxHeight = ref(0)
+// const paramBoxHeight = ref(0)
 const fullImgHeight = ref(window.innerHeight - 60)
 const showTaskDialog = ref(false)
 const item = ref({})
@@ -523,7 +523,7 @@ const store = useSharedStore();
 
 const resizeElement = function () {
   listBoxHeight.value = window.innerHeight - 80
-  paramBoxHeight.value = window.innerHeight - 110
+  // paramBoxHeight.value = window.innerHeight - 200
 };
 resizeElement()
 window.onresize = () => {

web/src/views/Member.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="member custom-scroll">
-      <div class="inner" :style="{height: listBoxHeight + 'px'}">
+      <div class="inner">
         <div class="user-profile">
           <user-profile/>
 
@@ -168,7 +168,6 @@ import UserOrder from "@/components/UserOrder.vue";
 import CountDown from "@/components/CountDown.vue";
 import {useSharedStore} from "@/store/sharedata";
 
-const listBoxHeight = window.innerHeight - 97
 const list = ref([])
 const showPayDialog = ref(false)
 const vipImg = ref("/images/vip.png")

web/src/views/admin/SysConfig.vue

@@ -528,6 +528,10 @@ const onUploadImg = (files, callback) => {
             }
           }
         }
+
+        .el-input {
+          width 100%
+        }
       }
 
       .el-descriptions {