111

k94314517

2023-10-16 ca73a173f008c8d7a9d700bad897ca24fe2d2203

 minipro_standard/pages/mine/mine.vue

@@ -1,15 +1,17 @@
<template>

<view>

   <div class="box">

      <div class="box_info" :style="{background: 'url(' + img + ')'}">

         <image src="@/static/2@2x.png" mode="widthFix" />

       <!-- :style="{background: 'url(' + img + ')'}" -->

      <div class="box_info">

         <image :src="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>

         <image class="bg" src="@/static/mine_bg@2x.png" mode="widthFix"></image>

      </div>

      <div class="box_function">

         <div class="box_function_item" v-for="(item, index) in MENU" :key="index" @click="jump(item.url)">

@@ -22,20 +24,26 @@
            </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: [
@@ -47,22 +55,61 @@
               { 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 })

         }

      }

   }

@@ -81,9 +128,18 @@
         align-items: center;

         background-repeat: no-repeat;

         background-size: cover;

         position: relative;

         image {

            width: 88rpx;

            height: 88rpx;

         }

         .bg {

            width: 100%;

            height: 168rpx;

            position: absolute;

            top: 0;

            left: 0;

            z-index: -1;

         }

         .box_info_box {

            height: 88rpx;

@@ -147,7 +203,7 @@
         width: 350rpx;

         height: 88rpx;

         background: #F7F7F7;

         border-radius: 8rpx;

         border-radius: 44rpx;

         display: flex;

         align-items: center;

         justify-content: center;