页面logo修改

du

2025-03-25 97b418553da5db33bfface90fbe78246c96a3a13

页面logo修改

 easegen-front/.env

@@ -1,5 +1,5 @@
# 标题
VITE_APP_TITLE=easegen
VITE_APP_TITLE=数字人

# 项目本地运行端口号
VITE_PORT=80

 easegen-front/src/assets/imgs/logo.png

 easegen-front/src/layout/components/Logo/src/Logo.vue

@@ -59,6 +59,7 @@
<template>
  <div>
    <router-link
      style="padding: 0"
      :class="[
        prefixCls,
        layout !== 'classic' ? `${prefixCls}__Top` : '',
@@ -67,22 +68,22 @@
      to="/"
    >
      <img
        class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
        style="width: 200px;height: 50px;margin-left: -10px"
        src="@/assets/imgs/logo.png"
      />
      <div
        v-if="show"
        :class="[
          'ml-10px text-16px font-700',
          {
            'text-[var(--logo-title-text-color)]': layout === 'classic',
            'text-[var(--top-header-text-color)]':
              layout === 'topLeft' || layout === 'top' || layout === 'cutMenu'
          }
        ]"
      >
        {{ title }}
      </div>
<!--      <div-->
<!--        v-if="show"-->
<!--        :class="[-->
<!--          'ml-10px text-16px font-700',-->
<!--          {-->
<!--            'text-[var(&#45;&#45;logo-title-text-color)]': layout === 'classic',-->
<!--            'text-[var(&#45;&#45;top-header-text-color)]':-->
<!--              layout === 'topLeft' || layout === 'top' || layout === 'cutMenu'-->
<!--          }-->
<!--        ]"-->
<!--      >-->
<!--        {{ title }}-->
<!--      </div>-->
    </router-link>
  </div>
</template>

 easegen-front/src/layout/components/ToolHeader.vue

@@ -62,22 +62,6 @@
          </div>
        ) : undefined}
        <div class="h-full flex items-center">
          {screenfull.value ? (
            <Screenfull class="custom-hover" color="var(--top-header-text-color)"></Screenfull>
          ) : undefined}
          {search.value ? <RouterSearch isModal={false} /> : undefined}
          {size.value ? (
            <SizeDropdown class="custom-hover" color="var(--top-header-text-color)"></SizeDropdown>
          ) : undefined}
          {locale.value ? (
            <LocaleDropdown
              class="custom-hover"
              color="var(--top-header-text-color)"
            ></LocaleDropdown>
          ) : undefined}
          {message.value ? (
            <Message class="custom-hover" color="var(--top-header-text-color)"></Message>
          ) : undefined}
          <UserInfo></UserInfo>
        </div>
      </div>

 easegen-front/src/layout/components/UserInfo/src/UserInfo.vue

@@ -57,7 +57,6 @@
<template>
  <ElDropdown class="custom-hover" :class="prefixCls" trigger="click">
    <div class="flex items-center">
      <ElAvatar :src="avatar" alt="" class="w-[calc(var(--logo-height)-25px)] rounded-[50%]" />
      <span class="pl-[5px] text-14px text-[var(--top-header-text-color)] <lg:hidden">
        {{ userName }}
      </span>
@@ -67,14 +66,6 @@
        <ElDropdownItem>
          <Icon icon="ep:tools" />
          <div @click="toProfile">{{ t('common.profile') }}</div>
        </ElDropdownItem>
        <ElDropdownItem>
          <Icon icon="ep:menu" />
          <div @click="toDocument">{{ t('common.document') }}</div>
        </ElDropdownItem>
        <ElDropdownItem divided>
          <Icon icon="ep:lock" />
          <div @click="lockScreen">{{ t('lock.lockScreen') }}</div>
        </ElDropdownItem>
        <ElDropdownItem divided @click="loginOut">
          <Icon icon="ep:switch-button" />

 easegen-front/src/views/Home/Index.vue

@@ -386,12 +386,4 @@
}

getAllApi()
const message = useMessage()
onMounted(async ()=>{
  const res = await getUserProfile()
  if (!res.mobile){
    message.notifyWarning("请前往个人中心绑定手机号，未绑定用户将限制使用平台！")
  }
  console.log(res.mobile,'res')
})
</script>

 easegen-front/src/views/Profile/Index.vue

@@ -16,15 +16,15 @@
      </template>
      <div>
        <el-tabs v-model="activeName" class="profile-tabs" style="height: 400px" tab-position="top">
          <el-tab-pane :label="t('profile.info.basicInfo')" name="basicInfo">
            <BasicInfo />
          </el-tab-pane>
          <el-tab-pane :label="t('profile.info.resetPwd')" name="resetPwd">
<!--          <el-tab-pane :label="t('profile.info.basicInfo')" name="basicInfo">-->
<!--            <BasicInfo />-->
<!--          </el-tab-pane>-->
          <el-tab-pane :label="t('profile.info.resetPwd')" name="basicInfo">
            <ResetPwd />
          </el-tab-pane>
          <el-tab-pane :label="t('profile.info.userSocial')" name="userSocial">
            <UserSocial v-model:activeName="activeName" />
          </el-tab-pane>
<!--          <el-tab-pane :label="t('profile.info.userSocial')" name="userSocial">-->
<!--            <UserSocial v-model:activeName="activeName" />-->
<!--          </el-tab-pane>-->
        </el-tabs>
      </div>
    </el-card>

 easegen-front/src/views/Profile/components/BasicInfo.vue

@@ -1,38 +1,38 @@
<template>
  <Form ref="formRef" :labelWidth="200" :rules="rules" :schema="schema">
    <template #mobile="form">
      <el-input
        v-model="form['mobile']"
        type="text"
        placeholder="请绑定手机号"
        readonly
      >
        <template #suffix>
          <span class="input-action" @click="bindMobile" style="margin-right: 10px; color: #409EFF; cursor: pointer;">认证</span>
        </template>
      </el-input>
    </template>
    <template #sex="form">
      <el-radio-group v-model="form['sex']">
        <el-radio :value="1">{{ t('profile.user.man') }}</el-radio>
        <el-radio :value="2">{{ t('profile.user.woman') }}</el-radio>
      </el-radio-group>
    </template>
    <template #apikey="form">
      <el-input
        v-model="form['apikey']"
        type="password"
        placeholder="API Key"
        show-password
        :readonly="true"
        style="width: 300px;"
      >
        <template #suffix>
          <span class="input-action" @click="refreshApiKey" style="margin-right: 10px; color: #409EFF; cursor: pointer;">刷新</span>
          <span class="input-action" @click="copyApiKey" style="color: #409EFF; cursor: pointer;">复制</span>
        </template>
      </el-input>
    </template>
<!--    <template #mobile="form">-->
<!--      <el-input-->
<!--        v-model="form['mobile']"-->
<!--        type="text"-->
<!--        placeholder="请绑定手机号"-->
<!--        readonly-->
<!--      >-->
<!--        <template #suffix>-->
<!--          <span class="input-action" @click="bindMobile" style="margin-right: 10px; color: #409EFF; cursor: pointer;">认证</span>-->
<!--        </template>-->
<!--      </el-input>-->
<!--    </template>-->
<!--    <template #sex="form">-->
<!--      <el-radio-group v-model="form['sex']">-->
<!--        <el-radio :value="1">{{ t('profile.user.man') }}</el-radio>-->
<!--        <el-radio :value="2">{{ t('profile.user.woman') }}</el-radio>-->
<!--      </el-radio-group>-->
<!--    </template>-->
<!--    <template #apikey="form">-->
<!--      <el-input-->
<!--        v-model="form['apikey']"-->
<!--        type="password"-->
<!--        placeholder="API Key"-->
<!--        show-password-->
<!--        :readonly="true"-->
<!--        style="width: 300px;"-->
<!--      >-->
<!--        <template #suffix>-->
<!--          <span class="input-action" @click="refreshApiKey" style="margin-right: 10px; color: #409EFF; cursor: pointer;">刷新</span>-->
<!--          <span class="input-action" @click="copyApiKey" style="color: #409EFF; cursor: pointer;">复制</span>-->
<!--        </template>-->
<!--      </el-input>-->
<!--    </template>-->
  </Form>
  <Dialog :before-close="handleClose" v-model="dialogVisible" title="手机号认证">
    <el-form
@@ -170,27 +170,27 @@
    label: t('profile.user.nickname'),
    component: 'Input'
  },
  {
    field: 'mobile',
    label: t('profile.user.mobile'),
    component: 'Input'
  },
  {
    field: 'email',
    label: t('profile.user.email'),
    component: 'Input'
  },
  {
    field: 'sex',
    label: t('profile.user.sex'),
    component: 'InputNumber',
    value: 0
  },
  {
    field: 'apikey',
    label: 'API Key',
    component: 'Input'
  }
  // {
  //   field: 'mobile',
  //   label: t('profile.user.mobile'),
  //   component: 'Input'
  // },
  // {
  //   field: 'email',
  //   label: t('profile.user.email'),
  //   component: 'Input'
  // },
  // {
  //   field: 'sex',
  //   label: t('profile.user.sex'),
  //   component: 'InputNumber',
  //   value: 0
  // },
  // {
  //   field: 'apikey',
  //   label: 'API Key',
  //   component: 'Input'
  // }
])
const formRef = ref<FormExpose>() // 表单 Ref
const submit = () => {

 easegen-front/src/views/Profile/components/ProfileUser.vue

@@ -6,8 +6,8 @@
    <ul class="list-group list-group-striped">
      <li class="list-group-item">
        <Icon class="mr-5px" icon="ep:user" />
        {{ t('profile.user.username') }}
        <div class="pull-right">{{ userInfo?.username }}</div>
        用户姓名
        <div class="pull-right">{{ userInfo?.nickname }}</div>
      </li>
      <li class="list-group-item">
        <Icon class="mr-5px" icon="ep:phone" />
@@ -29,13 +29,6 @@
        {{ t('profile.user.posts') }}
        <div v-if="userInfo?.posts" class="pull-right">
          {{ userInfo?.posts.map((post) => post.name).join(',') }}
        </div>
      </li>
      <li class="list-group-item">
        <Icon class="mr-5px" icon="icon-park-outline:peoples" />
        {{ t('profile.user.roles') }}
        <div v-if="userInfo?.roles" class="pull-right">
          {{ userInfo?.roles.map((role) => role.name).join(',') }}
        </div>
      </li>
      <li class="list-group-item">