| | |
|---|
| | | <view>
|
|---|
| | | <div class="box">
|
|---|
| | | <div class="box_info" :style="{background: 'url(' + img + ')'}">
|
|---|
| | | <image src="@/static/2@2x.png" mode="widthFix" />
|
|---|
| | | <image :src="userInfo.avatar ? userInfo.avatar : avatar" mode="widthFix" />
|
|---|
| | | <div class="box_info_box">
|
|---|
| | | <text>张三</text>
|
|---|
| | | <div class="box_info_box_x" @click="show = true">
|
|---|
| | | <text>豆米科技</text>
|
|---|
| | | <text>{{userInfo.realname}}</text>
|
|---|
| | | <div class="box_info_box_x" @click="switchOrganization">
|
|---|
| | | <text>{{userInfo.curComDepartment ? userInfo.curComDepartment.name : ''}}</text>
|
|---|
| | | <image src="@/static/mine_ic_change@2x.png" alt="" />
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="box_out"><text>退出登录</text></div>
|
|---|
| | | <div class="box_out" @click="loginOut"><text>退出登录</text></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 部门选择器 -->
|
|---|
| | | <u-picker :show="show" :columns="columns" @confirm="confirm"></u-picker>
|
|---|
| | | <u-picker :show="show" :columns="columns" @confirm="onConfirm" @cancel="show = false"></u-picker>
|
|---|
| | | <myTabbar :index="2" />
|
|---|
| | | </view>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | import { changeCom, getDepartmentListByConditon } from '@/util/api/PersonalAPI'
|
|---|
| | | import myTabbar from "@/components/myTabber.vue"
|
|---|
| | | import { wxLoginOut } from '@/util/api'
|
|---|
| | | import { mapState } from 'vuex'
|
|---|
| | | export default {
|
|---|
| | | components: {
|
|---|
| | | myTabbar
|
|---|
| | | },
|
|---|
| | | computed: mapState([
|
|---|
| | | 'userInfo'
|
|---|
| | | ]),
|
|---|
| | | data() {
|
|---|
| | | return {
|
|---|
| | | MENU: [ |
|---|
| | |
|---|
| | | { name: '修改密码', url: '/pages/changePassword/changePassword', icon: require('@/static/mine_ic_xiugaimima@2x.png') }, |
|---|
| | | ],
|
|---|
| | | img: require('@/static/mine_bg@2x.png'),
|
|---|
| | | avatar: require('@/static/2@2x.png'),
|
|---|
| | | show: false,
|
|---|
| | | columns: [
|
|---|
| | | ['中国', '美国', '日本']
|
|---|
| | | ]
|
|---|
| | | columns: []
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | onLoad() {
|
|---|
| | | uni.hideTabBar()
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | jump(url) {
|
|---|
| | | uni.navigateTo({ url })
|
|---|
| | | // 退出登录
|
|---|
| | | loginOut() {
|
|---|
| | | wxLoginOut({
|
|---|
| | | companyUserId: this.userInfo.companyUser.id
|
|---|
| | | }).then(res => {
|
|---|
| | | if (res.code === 200) {
|
|---|
| | | this.$store.commit('clearCache')
|
|---|
| | | uni.reLaunch({
|
|---|
| | | url: '/pages/login/login'
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | confirm(val) {
|
|---|
| | | console.log(val)
|
|---|
| | | this.show = false
|
|---|
| | | // 确认切换组织
|
|---|
| | | onConfirm(e) {
|
|---|
| | | changeCom(e.value[0].id).then(res => {
|
|---|
| | | if (res.code === 200) {
|
|---|
| | | this.show = false
|
|---|
| | | uni.showToast({ title: '更新组织成功', icon: 'success', duration: 2000 });
|
|---|
| | | this.$store.dispatch('getUserInfos')
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | // 获取组织
|
|---|
| | | switchOrganization() {
|
|---|
| | | getDepartmentListByConditon({
|
|---|
| | | type: 0
|
|---|
| | | }).then(res => {
|
|---|
| | | if (res.code === 200) {
|
|---|
| | | this.columns = []
|
|---|
| | | let arr = []
|
|---|
| | | res.data.forEach((item) => {
|
|---|
| | | let obj = {
|
|---|
| | | text: item.name, id: item.id
|
|---|
| | | }
|
|---|
| | | arr.push(obj)
|
|---|
| | | })
|
|---|
| | | this.columns.push(arr)
|
|---|
| | | this.show = true
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | // 跳转页面
|
|---|
| | | jump(url) {
|
|---|
| | | if (!url) return
|
|---|
| | | uni.navigateTo({ url })
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
