mirror of
				https://github.com/yangjian102621/geekai.git
				synced 2025-11-04 08:13:43 +08:00 
			
		
		
		
	remove code for set left component fixed height
This commit is contained in:
		@@ -3,7 +3,10 @@
 | 
			
		||||
## v4.0.7
 | 
			
		||||
 | 
			
		||||
* 功能优化:添加导航菜单的时候支持框入外部链接,并支持上传自定义菜单图片
 | 
			
		||||
*
 | 
			
		||||
* Bug修复:修复弹窗等于图形验证码一直验证失败的问题
 | 
			
		||||
* 功能重构:重构前端 UI 页面,增加顶部导航
 | 
			
		||||
* 功能优化:优化 Vue 非父子组件之间的通信方式
 | 
			
		||||
* 功能优化:优化 ItemList 组件,自动根据页面宽度计算 cols 数量
 | 
			
		||||
 | 
			
		||||
## v4.0.6
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -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
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 
 | 
			
		||||
@@ -14,7 +14,6 @@
 | 
			
		||||
      border-radius 10px
 | 
			
		||||
      color #ffffff;
 | 
			
		||||
      font-size 14px
 | 
			
		||||
      height 100%
 | 
			
		||||
      overflow auto
 | 
			
		||||
 | 
			
		||||
      h2 {
 | 
			
		||||
 
 | 
			
		||||
@@ -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";
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@@ -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": "麦克风",
 | 
			
		||||
 
 | 
			
		||||
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							@@ -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
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -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
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -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 = () => {
 | 
			
		||||
 
 | 
			
		||||
@@ -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 = () => {
 | 
			
		||||
 
 | 
			
		||||
@@ -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 = () => {
 | 
			
		||||
 
 | 
			
		||||
@@ -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")
 | 
			
		||||
 
 | 
			
		||||
@@ -528,6 +528,10 @@ const onUploadImg = (files, callback) => {
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .el-input {
 | 
			
		||||
          width 100%
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      .el-descriptions {
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user