吉安感知网项目-前端
shuishen
2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d
uniapps/work-app/src/pages/user/index.vue
@@ -1,45 +1,48 @@
<!-- 我的 -->
<template>
  <view class="page-wrap">
    <view class="userBox">
      <view class="flex items-center pb-30rpx pl-30rpx pr-20rpx">
        <view class="mr-20rpx">
          <u-avatar :src="user.avatar || defaultAvatar" size="70" />
        </view>
        <view class="flex-1">
          <view class="userName">{{user.nickName }}</view>
          <view class="departs">
            <image
              src="@/static/images/user/department.svg"
              alt=""
            />
            <span>{{ user?.sysDept?.deptName }}</span>
          </view>
        </view>
<view class="pageUser">
   <view class="userBox">
     <view class="flex items-center pb-30rpx pl-30rpx pr-20rpx userStyle">
       <view class="mr-20rpx">
         <u-avatar :src="user.avatar || defaultAvatar" size="70" />
       </view>
       <view class="flex-1">
         <view class="userName">{{user.nickName }}</view>
         <view class="departs">
           <image
             src="@/static/images/user/department.svg"
             alt=""
           />
           <span>{{ user?.sysDept?.deptName }}</span>
         </view>
       </view>
      </view>
      <view class="personalInformation">
        <div class="message">
          <div class="messagebox">个人信息</div>
          <div class="editInfo" @click="handelEdit(1)">
            点击编辑
            <image :src="rightImage" alt="" />
          </div>
        </div>
        <div class="passwordBox">
          <div class="messagebox">修改密码</div>
          <div class="editInfo" @click="handelEdit(2)">
            点击编辑
            <image :src="rightImage" alt="" />
          </div>
        </div>
      </view>
     </view>
     <view class="personalInformation">
       <div class="message">
         <div class="messagebox">个人资料</div>
         <div class="editInfo" @click="handelEdit(1)">
           点击编辑
           <image :src="rightImage" alt="" />
         </div>
       </div>
       <div class="passwordBox">
         <div class="messagebox">修改密码</div>
         <div class="editInfo" @click="handelEdit(2)">
           点击编辑
           <image :src="rightImage" alt="" />
         </div>
       </div>
     </view>
      <view class="mt-20rpx">
        <div class="goOutStyle" @click="logOut">退出登录</div>
      </view>
     <view class="goOutBtn">
       <div class="goOutStyle" @click="logOut">退出登录</div>
     </view>
    </view>
   </view>
</view>
  </view>
</template>
@@ -51,10 +54,10 @@
import { onShow } from "@dcloudio/uni-app";
import { getDeviceRegionApi } from "@/api/map.js";
import defaultAvatar  from '/static/images/defaultAvatar.svg'
import rightImage from '@/static/images/user/rightBtn.svg';
const { setClipboardData, getClipboardData } = useClipboard();
const rightImage = getAssetsImage("/images/user/rightBtn.svg");
const logoImage = getAssetsImage("/images/user/logo1.png");
//
// const rightImage = getAssetsImage("/images/user/rightBtn.svg");
const userStore = useUserStore();
const user = ref("");
@@ -71,9 +74,6 @@
  });
}
function getDeviceRegion() {
  getDeviceRegionApi().then((res) => {});
}
const handelEdit = (val) => {
  if (val === 1) {
    uni.navigateTo({
@@ -94,16 +94,19 @@
});
</script>
<style scoped lang="scss">
.userStyle {
  padding-top: 192rpx;
   }
.page-wrap {
  width: 100%;
  height: 100%;
}
.pageUser {
  background: url("@/static/images/user/userbg.svg")  no-repeat center;
  background: url("@/static/images/user/userbg.svg")  no-repeat ;
  background-size: 100% ;
}
.userBox {
  padding-top: 88rpx;
  //padding-top: 212rpx;
}
.userName {
  font-weight: 700;
@@ -153,12 +156,19 @@
    height: 52rpx;
  }
}
.goOutBtn {
   display: flex;
   justify-content: center;
   position: absolute;
   bottom: 72rpx;
   left: 0;
   right: 0;
}
.goOutStyle {
  width: 590rpx;
  width: 670rpx;
  height: 76rpx;
  background: #1d6fe9;
  border-radius: 40rpx;
  background: #1D6FE9;
  border-radius: 8rpx 8rpx 8rpx 8rpx;
  font-family: "Source Han Sans CN";
  font-weight: 400;
  font-size: 28rpx;
@@ -167,12 +177,14 @@
  line-height: 76rpx;
  margin: auto;
  margin-top: 114rpx;
}
.personalInformation {
  display: flex;
  justify-content: space-between;
  padding: 0 24rpx;
  margin-top: 24rpx;
  .message,
  .passwordBox {
@@ -183,7 +195,7 @@
      padding: 20rpx 40rpx;
      font-family: "Source Han Sans CN";
      font-weight: 500;
      font-size: 28rpx;
      font-size: 32rpx;
      color: #000000;
    }