修改了部分UI
This commit is contained in:
parent
aad4061a66
commit
5651b91131
|
@ -2,11 +2,11 @@
|
||||||
<div class="user-wrapper" :class="theme">
|
<div class="user-wrapper" :class="theme">
|
||||||
<!-- update_begin author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
|
<!-- update_begin author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
|
||||||
<!-- update-begin author:sunjianlei date:20191@20 for: 解决全局样式冲突的问题 -->
|
<!-- update-begin author:sunjianlei date:20191@20 for: 解决全局样式冲突的问题 -->
|
||||||
<span class="action" @click="showClick">
|
<!-- <span class="action" @click="showClick">
|
||||||
<a-icon type="search"></a-icon>
|
<a-icon type="search"></a-icon>
|
||||||
</span>
|
</span> -->
|
||||||
<!-- update-begin author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 -->
|
<!-- update-begin author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 -->
|
||||||
<component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">
|
<!-- <component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">
|
||||||
<a-select
|
<a-select
|
||||||
class="search-input"
|
class="search-input"
|
||||||
showSearch
|
showSearch
|
||||||
|
@ -22,18 +22,18 @@
|
||||||
>
|
>
|
||||||
<a-select-option v-for="(site,index) in searchMenuOptions" :key="index" :value="site.id">{{site.meta.title}}</a-select-option>
|
<a-select-option v-for="(site,index) in searchMenuOptions" :key="index" :value="site.id">{{site.meta.title}}</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</component>
|
</component> -->
|
||||||
<!-- update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 -->
|
<!-- update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 -->
|
||||||
<!-- update-end author:sunjianlei date:20191220 for: 解决全局样式冲突的问题 -->
|
<!-- update-end author:sunjianlei date:20191220 for: 解决全局样式冲突的问题 -->
|
||||||
<!-- update_end author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
|
<!-- update_end author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
|
||||||
<span class="action">
|
<!-- <span class="action">
|
||||||
<a class="logout_title" target="_blank" href="http://doc.jeecg.com">
|
<a class="logout_title" target="_blank" href="http://doc.jeecg.com">
|
||||||
<a-icon type="question-circle-o"></a-icon>
|
<a-icon type="question-circle-o"></a-icon>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<header-notice class="action"/>
|
<header-notice class="action"/> -->
|
||||||
<a-dropdown>
|
<!-- <a-dropdown> -->
|
||||||
<span class="action action-full ant-dropdown-link user-dropdown-menu">
|
<!-- <span class="action action-full ant-dropdown-link user-dropdown-menu">
|
||||||
<a-avatar class="avatar" size="small" :src="getAvatar()"/>
|
<a-avatar class="avatar" size="small" :src="getAvatar()"/>
|
||||||
<span v-if="isDesktop()">欢迎您,{{ nickname() }}</span>
|
<span v-if="isDesktop()">欢迎您,{{ nickname() }}</span>
|
||||||
</span>
|
</span>
|
||||||
|
@ -65,7 +65,7 @@
|
||||||
<a-menu-item key="6" @click="clearCache">
|
<a-menu-item key="6" @click="clearCache">
|
||||||
<a-icon type="sync"/>
|
<a-icon type="sync"/>
|
||||||
<span>清理缓存</span>
|
<span>清理缓存</span>
|
||||||
</a-menu-item>
|
</a-menu-item> -->
|
||||||
<!-- <a-menu-item key="2" disabled>
|
<!-- <a-menu-item key="2" disabled>
|
||||||
<a-icon type="setting"/>
|
<a-icon type="setting"/>
|
||||||
<span>测试</span>
|
<span>测试</span>
|
||||||
|
@ -77,32 +77,32 @@
|
||||||
<span>退出登录</span>
|
<span>退出登录</span>
|
||||||
</a>
|
</a>
|
||||||
</a-menu-item>-->
|
</a-menu-item>-->
|
||||||
</a-menu>
|
<!-- </a-menu>
|
||||||
</a-dropdown>
|
</a-dropdown> -->
|
||||||
<span class="action">
|
<span class="action">
|
||||||
<a class="logout_title" href="javascript:;" @click="handleLogout">
|
<a class="logout_title" href="javascript:;" @click="handleLogout">
|
||||||
<a-icon type="logout"/>
|
<a-icon type="logout"/>
|
||||||
<span v-if="isDesktop()"> 退出登录</span>
|
<span v-if="isDesktop()"> 退出登录</span>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<user-password ref="userPassword"></user-password>
|
<!-- <user-password ref="userPassword"></user-password>
|
||||||
<depart-select ref="departSelect" :closable="true" title="部门切换"></depart-select>
|
<depart-select ref="departSelect" :closable="true" title="部门切换"></depart-select>
|
||||||
<setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer>
|
<setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import HeaderNotice from './HeaderNotice'
|
import HeaderNotice from './HeaderNotice'
|
||||||
import UserPassword from './UserPassword'
|
import UserPassword from './UserPassword'
|
||||||
import SettingDrawer from "@/components/setting/SettingDrawer";
|
import SettingDrawer from "@/components/setting/SettingDrawer";
|
||||||
import DepartSelect from './DepartSelect'
|
import DepartSelect from './DepartSelect'
|
||||||
import { mapActions, mapGetters,mapState } from 'vuex'
|
import { mapActions, mapGetters,mapState } from 'vuex'
|
||||||
import { mixinDevice } from '@/utils/mixin.js'
|
import { mixinDevice } from '@/utils/mixin.js'
|
||||||
import { getFileAccessHttpUrl,getAction } from "@/api/manage"
|
import { getFileAccessHttpUrl,getAction } from "@/api/manage"
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import { UI_CACHE_DB_DICT_DATA } from "@/store/mutation-types"
|
import { UI_CACHE_DB_DICT_DATA } from "@/store/mutation-types"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "UserMenu",
|
name: "UserMenu",
|
||||||
mixins: [mixinDevice],
|
mixins: [mixinDevice],
|
||||||
data(){
|
data(){
|
||||||
|
@ -256,13 +256,13 @@
|
||||||
}
|
}
|
||||||
/*update_end author:liushaoqian date:20200507 for: 刷新缓存*/
|
/*update_end author:liushaoqian date:20200507 for: 刷新缓存*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
/* update_begin author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
|
/* update_begin author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
|
||||||
/* update-begin author:sunjianlei date:20191220 for: 解决全局样式冲突问题 */
|
/* update-begin author:sunjianlei date:20191220 for: 解决全局样式冲突问题 */
|
||||||
.user-wrapper .search-input {
|
.user-wrapper .search-input {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
|
@ -274,14 +274,14 @@
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* update-end author:sunjianlei date:20191220 for: 解决全局样式冲突问题 */
|
/* update-end author:sunjianlei date:20191220 for: 解决全局样式冲突问题 */
|
||||||
/* update_end author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
|
/* update_end author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.logout_title {
|
.logout_title {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue