|
@@ -1,166 +1,178 @@
|
|
|
<template>
|
|
|
- <view class="mine-container" :data-theme="'theme-' + proxy.$settingStore.themeColor.name">
|
|
|
- <!--顶部个人信息栏-->
|
|
|
- <view class="top-area" :class="'bg-' + themeColor.name" :style="{ paddingTop: proxy.$settingStore.StatusBar ? proxy.$settingStore.StatusBar + 20 + 'px' : '55px' }">
|
|
|
- <view class="flex justify-between p15">
|
|
|
- <view class="flex align-center">
|
|
|
- <view class="cu-avatar xl round border bg-white" v-if="!avatar" @click="!state.nickName ? proxy.$settingStore.handleToLogin() : proxy.$settingStore.handleToAvatar(1)">
|
|
|
- <view class="iconfont oaIcon-people text-gray"></view>
|
|
|
- </view>
|
|
|
- <image class="cu-avatar xl round border bg-white" v-if="avatar" :src="avatar" @click="proxy.$settingStore.handleToAvatar(2)"> </image>
|
|
|
- <view class="login-tip" v-if="!state.nickName" @click="proxy.$settingStore.handleToLogin()"> 点击登录 </view>
|
|
|
- <view class="user-info" v-if="state.nickName">
|
|
|
- <view class="u_title"> {{ state.nickName }} </view>
|
|
|
- <view class="u_title"> {{ state.phone ? state.phone.substr(0, 3) + "******" + state.phone.substr(9) : "" }} </view>
|
|
|
+ <oa-scroll
|
|
|
+ customClass="mine-container scroll-height"
|
|
|
+ :customStyle="{ height: `calc(100vh - (50px + ${proxy.$settingStore.tabBarHeight}))`, position: 'relative' }"
|
|
|
+ :isSticky="false"
|
|
|
+ :refresherLoad="false"
|
|
|
+ :refresherEnabled="false"
|
|
|
+ :refresherEnabledTitle="false"
|
|
|
+ :refresherDefaultStyle="'none'"
|
|
|
+ :refresherThreshold="44"
|
|
|
+ :refresherBackground="'#f5f6f7'"
|
|
|
+ >
|
|
|
+ <template #default>
|
|
|
+ <!--顶部个人信息栏-->
|
|
|
+ <view class="top-area" :class="'bg-' + themeColor.name" :style="{ paddingTop: proxy.$settingStore.StatusBar ? proxy.$settingStore.StatusBar + 20 + 'px' : '55px' }">
|
|
|
+ <view class="flex justify-between p15">
|
|
|
+ <view class="flex align-center">
|
|
|
+ <view class="cu-avatar xl round border bg-white" v-if="!avatar" @click="!state.nickName ? proxy.$settingStore.handleToLogin() : proxy.$settingStore.handleToAvatar(1)">
|
|
|
+ <view class="iconfont oaIcon-people text-gray"></view>
|
|
|
+ </view>
|
|
|
+ <image class="cu-avatar xl round border bg-white" v-if="avatar" :src="avatar" @click="proxy.$settingStore.handleToAvatar(2)"> </image>
|
|
|
+ <view class="login-tip" v-if="!state.nickName" @click="proxy.$settingStore.handleToLogin()"> 点击登录 </view>
|
|
|
+ <view class="user-info" v-if="state.nickName">
|
|
|
+ <view class="u_title"> {{ state.nickName }} </view>
|
|
|
+ <view class="u_title"> {{ state.phone ? state.phone.substr(0, 3) + "******" + state.phone.substr(9) : "" }} </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+ <view class="flex align-center"> </view>
|
|
|
</view>
|
|
|
- <view class="flex align-center"> </view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="vip-card-box"> </view>
|
|
|
- </view>
|
|
|
+ <view class="vip-card-box"> </view>
|
|
|
+ </view>
|
|
|
|
|
|
- <oa-transForm>
|
|
|
- <template #content>
|
|
|
- <view class="menu-list">
|
|
|
- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleToEditInfo()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-user menu-item-icon"></view>
|
|
|
- <view>我的信息</view>
|
|
|
+ <oa-transForm>
|
|
|
+ <template #content>
|
|
|
+ <view class="menu-list">
|
|
|
+ <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleToEditInfo()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-user menu-item-icon"></view>
|
|
|
+ <view>我的信息</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleToSecure()" v-if="proxy.$common.isVisible()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-yanzheng menu-item-icon"></view>
|
|
|
- <view>账号与安全</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleToSecure()" v-if="proxy.$common.isVisible()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-yanzheng menu-item-icon"></view>
|
|
|
+ <view>账号与安全</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleToMessage()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-tongzhi menu-item-icon"></view>
|
|
|
- <view>新消息通知</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleToMessage()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-tongzhi menu-item-icon"></view>
|
|
|
+ <view>新消息通知</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleAbout()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
- <view>关于我们</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleAbout()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
+ <view>关于我们</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleHelp()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-Help menu-item-icon"></view>
|
|
|
- <view>常见问题</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleHelp()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-Help menu-item-icon"></view>
|
|
|
+ <view>常见问题</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleCleanTmp()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-qinglihuancun menu-item-icon"></view>
|
|
|
- <view>清理缓存</view>
|
|
|
- <view class="text-right">{{ proxy.$settingStore.currentSize }}</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleCleanTmp()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-qinglihuancun menu-item-icon"></view>
|
|
|
+ <view>清理缓存</view>
|
|
|
+ <view class="text-right">{{ proxy.$settingStore.currentSize }}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="handleToUpgrade" v-if="proxy.$common.isVisible()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-jianchagengxin menu-item-icon"></view>
|
|
|
- <view>检查更新</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="handleToUpgrade" v-if="proxy.$common.isVisible()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-jianchagengxin menu-item-icon"></view>
|
|
|
+ <view>检查更新</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+ <!-- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleSetting()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-shezhi menu-item-icon"></view>
|
|
|
+ <view>设置</view>
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- <!-- <view class="list-cell list-cell-arrow" @click="proxy.$settingStore.handleSetting()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-shezhi menu-item-icon"></view>
|
|
|
- <view>设置</view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- </view>
|
|
|
|
|
|
- <!-- <view class="menu-list">
|
|
|
- <view class="list-cell list-cell-arrow" @click="goMessagePush()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
- <view>推送设置</view>
|
|
|
+ <!-- <view class="menu-list">
|
|
|
+ <view class="list-cell list-cell-arrow" @click="goMessagePush()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
+ <view>推送设置</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="goBuilding()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
- <view>建筑管理</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="goBuilding()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
+ <view>建筑管理</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @click="goFunReport()">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
- <view>功能报备</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @click="goFunReport()">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="iconfont oaIcon-aixin menu-item-icon"></view>
|
|
|
+ <view>功能报备</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
+ </view> -->
|
|
|
|
|
|
- <view class="cu-list menu">
|
|
|
- <view class="cu-item mt0">
|
|
|
- <view class="content flex align-center">
|
|
|
- <text class="iconfont oaIcon-colorlens" :class="'text-' + themeColor.name"></text>
|
|
|
- <view class="padding solid radius shadow-blur ml10" :class="'bg-' + themeColor.name"></view>
|
|
|
- <view class="title ml10">
|
|
|
- 主题色:<text :class="'text-' + themeColor.name">{{ themeColor.title }}</text>
|
|
|
+ <view class="cu-list menu">
|
|
|
+ <view class="cu-item mt0">
|
|
|
+ <view class="content flex align-center">
|
|
|
+ <text class="iconfont oaIcon-colorlens" :class="'text-' + themeColor.name"></text>
|
|
|
+ <view class="padding solid radius shadow-blur ml10" :class="'bg-' + themeColor.name"></view>
|
|
|
+ <view class="title ml10">
|
|
|
+ 主题色:<text :class="'text-' + themeColor.name">{{ themeColor.title }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="action">
|
|
|
+ <button class="cu-btn round shadow" @click="colorModal = true" :class="'bg-' + themeColor.name">
|
|
|
+ <text class="iconfont oaIcon-colorlens"></text>
|
|
|
+ 选择主题
|
|
|
+ </button>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="action">
|
|
|
- <button class="cu-btn round shadow" @click="colorModal = true" :class="'bg-' + themeColor.name">
|
|
|
- <text class="iconfont oaIcon-colorlens"></text>
|
|
|
- 选择主题
|
|
|
- </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="menu-list" @click="proxy.$settingStore.handleLogout">
|
|
|
- <view class="list-cell">
|
|
|
- <view class="menu-item">
|
|
|
- <view class="button">退 出 登 录</view>
|
|
|
+ <view class="menu-list" @click="proxy.$settingStore.handleLogout">
|
|
|
+ <view class="list-cell">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="button">退 出 登 录</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <!-- <view class="menu-list">
|
|
|
- <view class="list-cell list-cell-arrow" @tap="goSiteManage" v-if="permissionLabel == 1">
|
|
|
- <view class="menu-item">
|
|
|
- <image class="menu-item-image" src="@/static/images/setting/setting-icon2.png" style="width: 15px; height: 15px"></image>
|
|
|
- <view>站点管理</view>
|
|
|
+ <!-- <view class="menu-list">
|
|
|
+ <view class="list-cell list-cell-arrow" @tap="goSiteManage" v-if="permissionLabel == 1">
|
|
|
+ <view class="menu-item">
|
|
|
+ <image class="menu-item-image" src="@/static/images/setting/setting-icon2.png" style="width: 15px; height: 15px"></image>
|
|
|
+ <view>站点管理</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="list-cell list-cell-arrow" @tap="goAuthManage" v-if="permissionLabel == 1">
|
|
|
- <view class="menu-item">
|
|
|
- <image class="menu-item-image" src="@/static/images/setting/setting-icon4.png" style="width: 15px; height: 15px"></image>
|
|
|
- <view>权限管理</view>
|
|
|
+ <view class="list-cell list-cell-arrow" @tap="goAuthManage" v-if="permissionLabel == 1">
|
|
|
+ <view class="menu-item">
|
|
|
+ <image class="menu-item-image" src="@/static/images/setting/setting-icon4.png" style="width: 15px; height: 15px"></image>
|
|
|
+ <view>权限管理</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- </template>
|
|
|
- </oa-transForm>
|
|
|
+ </view> -->
|
|
|
+ </template>
|
|
|
+ </oa-transForm>
|
|
|
+ </template>
|
|
|
+ </oa-scroll>
|
|
|
|
|
|
- <!-- 选择颜色模态框 -->
|
|
|
- <view class="cu-modal" :class="{ show: colorModal }">
|
|
|
- <view class="cu-dialog">
|
|
|
- <view class="cu-bar justify-end solid-bottom">
|
|
|
- <view class="content">选择颜色</view>
|
|
|
- <view class="action" @tap="colorModal = false">
|
|
|
- <u-icon name="close" size="14"></u-icon>
|
|
|
- <text class="cuIcon-close text-red"></text>
|
|
|
- </view>
|
|
|
+ <!-- 选择颜色模态框 -->
|
|
|
+ <view class="cu-modal" :class="{ show: colorModal }">
|
|
|
+ <view class="cu-dialog">
|
|
|
+ <view class="cu-bar justify-end solid-bottom">
|
|
|
+ <view class="content">选择颜色</view>
|
|
|
+ <view class="action" @tap="colorModal = false">
|
|
|
+ <u-icon name="close" size="14"></u-icon>
|
|
|
+ <text class="cuIcon-close text-red"></text>
|
|
|
</view>
|
|
|
- <view class="grid col-5 padding">
|
|
|
- <view class="padding-xs" v-for="(item, index) in themeList" :key="index" @tap="SetColor(item)" :data-color="item.name">
|
|
|
- <view class="padding-tb radius" :class="'bg-' + item.name">
|
|
|
- {{ item.title }}
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="grid col-5 padding">
|
|
|
+ <view class="padding-xs" v-for="(item, index) in themeList" :key="index" @tap="SetColor(item)" :data-color="item.name">
|
|
|
+ <view class="padding-tb radius" :class="'bg-' + item.name">
|
|
|
+ {{ item.title }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <oa-upgrade ref="oaUpgradeRef" :themesColor="proxy.$settingStore.themeColor.color" />
|
|
|
</view>
|
|
|
|
|
|
+ <oa-upgrade ref="oaUpgradeRef" :themesColor="proxy.$settingStore.themeColor.color" />
|
|
|
+
|
|
|
<oa-tabbar :tabbarValue="2"></oa-tabbar>
|
|
|
</template>
|
|
|
|