@uxda/appkit 4.2.46 → 4.2.48

package/src/user/components/UserInfo.vue

@@ -1,117 +1,56 @@
 <template>
-  <scroll-view
-    :scroll-y="!userState.visible && !avatarVisible"
-    class="user-info"
-  >
+  <scroll-view :scroll-y="!userState.visible && !avatarVisible" class="user-info">
     <DdSkeleton v-if="firstLoading" :row="3"></DdSkeleton>
     <div v-else class="user-info-wrap">
       <div class="user-info-tit">账号信息</div>
       <div class="user-info-head">
         <div class="user-info-head-avatar" @click="avatarVisible = true">
-          <img
-            class="user-info-head-img"
-            mode="aspectFit"
-            v-if="userInfo.avatar"
-            :src="userInfo.avatar"
-            alt=""
-          />
-          <img
-            class="user-info-head-img"
-            mode="aspectFit"
-            v-else
-            src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png"
-            alt=""
-          />
+          <img class="user-info-head-img" mode="aspectFit" v-if="userInfo.avatar" :src="userInfo.avatar" alt="" />
+          <img class="user-info-head-img" mode="aspectFit" v-else
+            src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png" alt="" />
           <div class="user-info-head-upload">
-            <img
-              class="user-info-head-upload-icon"
-              mode="aspectFit"
+            <img class="user-info-head-upload-icon" mode="aspectFit"
               src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi4wOTk5IDE4LjQyMjRDMjIuMDk5OSAxNS41ODMyIDE5LjgxNjYgMTMuMjgxNiAxNi45OTk5IDEzLjI4MTZDMTQuMTgzMyAxMy4yODE2IDExLjg5OTkgMTUuNTgzMiAxMS44OTk5IDE4LjQyMjRDMTEuODk5OSAyMS4yNjE2IDE0LjE4MzMgMjMuNTYzMiAxNi45OTk5IDIzLjU2MzJDMTkuODE2NiAyMy41NjMyIDIyLjA5OTkgMjEuMjYxNiAyMi4wOTk5IDE4LjQyMjRWMTguNDIyNFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi41NSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjc5OTkgNS45OTg4QzIzLjc5OTkgNi4yMzUzOSAyMy45OTAyIDYuNDI3MiAyNC4yMjQ5IDYuNDI3MkgyNS45MjVDMjkuNDQ1OCA2LjQyNzIgMzIuMyA5LjMwNDIxIDMyLjMgMTIuODUzMlYyMy45OTE2QzMyLjMgMjcuNTQwNiAyOS40NDU4IDMwLjQxNzYgMjUuOTI1IDMwLjQxNzZIOC4wNzQ5NEM0LjU1NDE0IDMwLjQxNzYgMS42OTk5NSAyNy41NDA2IDEuNjk5OTUgMjMuOTkxNlYxMi44NTMyQzEuNjk5OTUgOS4zMDQyMSA0LjU1NDE0IDYuNDI3MiA4LjA3NDk0IDYuNDI3Mkg5Ljc3NDk1QzEwLjAwOTcgNi40MjcyIDEwLjIgNi4yMzUzOSAxMC4yIDUuOTk4OEMxMC4yIDUuNzA5NDkgMTAuMjQwNiA1LjQyOTc1IDEwLjMxNjUgNS4xNjUwNkMxMC42NzQ4IDMuOTE0NTEgMTEuODE4OSAzIDEzLjE3NSAzSDIwLjgyNUMyMi40NjggMyAyMy43OTk5IDQuMzQyNjEgMjMuNzk5OSA1Ljk5ODhWNS45OTg4WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjU1IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy42NDk5IDEwLjI4MjhDOC44MjM1MSAxMC4yODI4IDkuNzc0OSAxMS4yNDE4IDkuNzc0OSAxMi40MjQ4QzkuNzc0OSAxMy42MDc4IDguODIzNTEgMTQuNTY2OCA3LjY0OTkgMTQuNTY2OEM2LjQ3NjMgMTQuNTY2OCA1LjUyNDkgMTMuNjA3OCA1LjUyNDkgMTIuNDI0OEM1LjUyNDkgMTEuMjQxOCA2LjQ3NjMgMTAuMjgyOCA3LjY0OTkgMTAuMjgyOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
-              alt=""
-            />
+              alt="" />
           </div>
         </div>
-        <nut-cell
-          title="登录手机号"
-          is-link
-          :desc="encodePhone(userInfo.mobile || '')"
-          @click="toBinding"
-        />
-        <nut-cell
-          v-if="props.isPersonal"
-          title="昵称"
-          is-link
-          @click="onNickNameChange"
-          :desc="userInfo?.nickName || '--'"
-        />
+        <nut-cell title="登录手机号" is-link :desc="encodePhone(userInfo.mobile || '')" @click="toBinding" />
+        <nut-cell v-if="props.isPersonal" title="昵称" is-link @click="onNickNameChange"
+          :desc="userInfo?.nickName || '--'" />
         <nut-cell v-else title="昵称" :desc="userInfo?.nickName || '--'" />
         <nut-cell title="认证信息" is-link @click="toAuth">
           <template #desc>
             <span v-if="userInfo?.verifyResult === 1">已认证</span>
-            <span v-if="userInfo?.verifyResult === 0" style="color: #e8523f"
-              >已失效，重新认证</span
-            >
-            <span
-              v-if="userInfo?.verifyResult != 0 && userInfo?.verifyResult != 1"
-              style="color: #017fff"
-              >未认证，去认证</span
-            >
+            <span v-if="userInfo?.verifyResult === 0" style="color: #e8523f">已失效，重新认证</span>
+            <span v-if="userInfo?.verifyResult != 0 && userInfo?.verifyResult != 1"
+              style="color: #017fff">未认证，去认证</span>
           </template>
         </nut-cell>
       </div>
       <div v-if="hasQiyezuhu" class="user-info-tit">企业/团队</div>
       <div class="user-info-team">
-        <div
-          v-if="hasQiyezuhu"
-          v-for="(item, key) in userInfo.tenantInfoList"
-          :key="key"
-          class="user-info-team-item"
-        >
+        <div v-if="hasQiyezuhu" v-for="(item, key) in userInfo.tenantInfoList" :key="key" class="user-info-team-item">
           <div class="user-info-team-item-avatar">
-            <img
-              v-if="item.tenantLogo"
-              class="user-info-team-item-avatar-img"
-              mode="aspectFit"
-              :src="item.tenantLogo"
-              alt=""
-            />
-            <img
-              v-else
-              class="user-info-team-item-avatar-img empty"
-              mode="aspectFit"
-              src="https://cdn.ddjf.com/static/images/customer-center/tenant-logo.png"
-              alt=""
-            />
+            <img v-if="item.tenantLogo" class="user-info-team-item-avatar-img" mode="aspectFit" :src="item.tenantLogo"
+              alt="" />
+            <img v-else class="user-info-team-item-avatar-img empty" mode="aspectFit"
+              src="https://cdn.ddjf.com/static/images/customer-center/tenant-logo.png" alt="" />
           </div>
           <div class="user-info-team-item-bd">
             <div class="user-info-team-item-title">{{ item.tenantName }}</div>
             <div class="user-info-team-item-app" v-if="item.appRoleInfo">
-              <div
-                class="user-info-team-item-app-tag"
-                v-for="(aitem, akey) in item.appRoleInfo || []"
-                :key="akey"
-              >
+              <div class="user-info-team-item-app-tag" v-for="(aitem, akey) in item.appRoleInfo || []" :key="akey">
                 {{ aitem.appAbbr }}
               </div>
-              <div
-                class="user-info-team-item-role-btn"
-                @click="toShowRole(item)"
-              >
+              <div class="user-info-team-item-role-btn" @click="toShowRole(item)">
                 角色详情
-                <img
-                  :class="{ showRole: item.showRole }"
-                  class="user-info-team-item-role-btn-icon"
+                <img :class="{ showRole: item.showRole }" class="user-info-team-item-role-btn-icon"
                   src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDlMMTIgMTVMNiA5IiBzdHJva2U9IiMwMTdGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="
-                  alt=""
-                />
+                  alt="" />
               </div>
             </div>
             <div class="user-info-team-item-role" v-if="item.showRole">
-              <div
-                class="user-info-team-item-role-item"
-                v-for="(aitem, akey) in item.appRoleInfo || []"
-                :key="akey"
-              >
+              <div class="user-info-team-item-role-item" v-for="(aitem, akey) in item.appRoleInfo || []" :key="akey">
                 <div class="user-info-team-item-role-item-name">
                   {{ aitem.appAbbr }}
                 </div>
@@ -122,19 +61,11 @@
             </div>
             <div class="user-info-team-item-user">
               {{ item.fullName }}
-              <img
-                @click="toUserNameChange(item)"
-                class="user-info-team-item-user-icon"
-                src="https://cdn.ddjf.com/static/images/appkit/edit.png"
-                alt=""
-              />
+              <img @click="toUserNameChange(item)" class="user-info-team-item-user-icon"
+                src="https://cdn.ddjf.com/static/images/appkit/edit.png" alt="" />
             </div>
             <div class="user-info-team-item-dept">
-              <div
-                v-for="(ditem, dkey) in item.deptNames"
-                :key="dkey"
-                class="user-info-team-item-dept-item"
-              >
+              <div v-for="(ditem, dkey) in item.deptNames" :key="dkey" class="user-info-team-item-dept-item">
                 {{ ditem }}
               </div>
             </div>
@@ -143,118 +74,61 @@
       </div>
 
       <div class="user-info-ft">
-        <nut-button
-          class="user-info-ft-btn"
-          style="width: 100%; margin-top: 12px"
-          @click="toLogout"
-          plain
-          type="primary"
-          >退出登录</nut-button
-        >
+        <nut-button class="user-info-ft-btn" style="width: 100%; margin-top: 12px" @click="toLogout" plain
+          type="primary">退出登录</nut-button>
       </div>
     </div>
   </scroll-view>
 
   <!-- 修改用户名弹框 -->
-  <nut-dialog
-    title="输入新的用户名"
-    :border="false"
-    pop-class="change-username-popup"
-    v-model:visible="userState.visible"
-    @cancel="onUserNameCancel"
-  >
-    <nut-input
-      :max-length="20"
-      placeholder="请输入新的用户名"
-      v-model="userState.value"
-    />
+  <nut-dialog title="输入新的用户名" :border="false" pop-class="change-username-popup" v-model:visible="userState.visible"
+    @cancel="onUserNameCancel">
+    <nut-input :max-length="20" placeholder="请输入新的用户名" v-model="userState.value" />
     <template #footer>
-      <nut-button
-        class="change-username-popup-cancel"
-        type="default"
-        @click="onUserNameCancel"
-      >
+      <nut-button class="change-username-popup-cancel" type="default" @click="onUserNameCancel">
         取消
       </nut-button>
-      <nut-button
-        class="change-username-popup-ok"
-        type="primary"
-        @click="onUserNameOk"
-      >
+      <nut-button class="change-username-popup-ok" type="primary" @click="onUserNameOk">
         确定
       </nut-button>
     </template>
   </nut-dialog>
 
   <!-- 修改昵称弹框 -->
-  <nut-dialog
-    title="输入新的昵称"
-    :border="false"
-    pop-class="change-username-popup"
-    v-model:visible="nickNameState.visible"
-    @cancel="onNickNameCancel"
-  >
-    <input
-      v-model="nickNameState.value"
-      style="
+  <nut-dialog title="输入新的昵称" :border="false" pop-class="change-username-popup" v-model:visible="nickNameState.visible"
+    @cancel="onNickNameCancel">
+    <input v-model="nickNameState.value" style="
         background: #f5f5f5;
         border-radius: 6px;
         line-height: 40px;
         padding: 10px 25px;
         font-size: 16px;
-      "
-      :max-length="20"
-      placeholder="请输入新的昵称"
-      type="nickname"
-    />
+      " :max-length="20" placeholder="请输入新的昵称" type="nickname" />
 
     <template #footer>
-      <nut-button
-        class="change-username-popup-cancel"
-        type="default"
-        @click="onNickNameCancel"
-      >
+      <nut-button class="change-username-popup-cancel" type="default" @click="onNickNameCancel">
         取消
       </nut-button>
-      <nut-button
-        class="change-username-popup-ok"
-        type="primary"
-        @click="onNickNameOk"
-      >
+      <nut-button class="change-username-popup-ok" type="primary" @click="onNickNameOk">
         确定
       </nut-button>
     </template>
   </nut-dialog>
 
   <!-- 修改头像弹框 -->
-  <nut-popup
-    pop-class="upload-avatar-popup"
-    style="background: transparent"
-    v-model:visible="avatarVisible"
-    :overlay-style="{ background: 'rgba(0, 0, 0, 0.9)' }"
-  >
+  <nut-popup pop-class="upload-avatar-popup" style="background: transparent" v-model:visible="avatarVisible"
+    :overlay-style="{ background: 'rgba(0, 0, 0, 0.9)' }">
     <div class="upload-avatar-popup-box">
-      <img
-        class="upload-avatar-popup-avatar"
-        mode="aspectFit"
-        v-if="userInfo.avatar"
-        :src="userInfo.avatar"
-        alt=""
-      />
-      <img
-        class="upload-avatar-popup-avatar"
-        mode="aspectFit"
-        v-else
-        src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png"
-        alt=""
-      />
+      <img class="upload-avatar-popup-avatar" mode="aspectFit" v-if="userInfo.avatar" :src="userInfo.avatar" alt="" />
+      <img class="upload-avatar-popup-avatar" mode="aspectFit" v-else
+        src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png" alt="" />
       <div class="upload-avatar-popup-btn" @click="toUpload">更换头像</div>
     </div>
   </nut-popup>
 </template>
 
 <script lang="ts" setup>
-import Taro, { useDidShow } from "@tarojs/taro";
+import Taro, { useDidShow, showToast, showLoading, hideLoading } from "@tarojs/taro";
 import { ref, onMounted, reactive, onUnmounted } from "vue";
 import { useAppKitOptions } from "../../Appkit";
 import { useEncode } from "../../shared/composables/useEncode";
@@ -336,7 +210,7 @@ async function toUpload() {
 
 // 上传图片
 async function updateImage(filePath: string) {
-  Taro.showLoading({
+  showLoading({
     title: "上传中...",
   });
   const appkitOptions = useAppKitOptions();
@@ -365,16 +239,16 @@ async function updateImage(filePath: string) {
         userId: props.userId,
       })
       .then(() => {
-        Taro.hideLoading();
-        Taro.showToast({ title: "头像上传成功", icon: "none" });
+        hideLoading();
+        showToast({ title: "头像上传成功", icon: "none" });
         getUserInfoByUserId();
         emits("avatar-success", res.result);
       })
       .catch(() => {
-        Taro.hideLoading();
+        hideLoading();
       });
   } else {
-    Taro.hideLoading();
+    hideLoading();
   }
 }
 
@@ -416,13 +290,13 @@ function onNickNameChange() {
 }
 function onUserNameOk() {
   if (!userState.value) {
-    return Taro.showToast({
+    return showToast({
       title: "请输入用户名",
       icon: "none",
     });
   }
   if (userState.value === userState.oldName) {
-    return Taro.showToast({
+    return showToast({
       title: "用户名不能与原用户名相同",
       icon: "none",
     });
@@ -437,7 +311,7 @@ function onUserNameOk() {
       userId: props.userId,
     })
     .then(() => {
-      Taro.showToast({ title: "用户名修改成功", icon: "none" });
+      showToast({ title: "用户名修改成功", icon: "none" });
       getUserInfoByUserId();
       onUserNameCancel();
       emits("username-success");
@@ -446,13 +320,13 @@ function onUserNameOk() {
 
 function onNickNameOk() {
   if (!nickNameState.value) {
-    return Taro.showToast({
+    return showToast({
       title: "请输入昵称",
       icon: "none",
     });
   }
   // if (userState.value === userState.oldName) {
-  //   return Taro.showToast({
+  //   return showToast({
   //     title: "用户名不能与原用户名相同",
   //     icon: "none",
   //   });
@@ -465,7 +339,7 @@ function onNickNameOk() {
       nickName: nickNameState.value,
     })
     .then(() => {
-      Taro.showToast({ title: "昵称修改成功", icon: "none" });
+      showToast({ title: "昵称修改成功", icon: "none" });
       getUserInfoByUserId();
       onNickNameCancel();
       // emits("username-success");
@@ -519,6 +393,7 @@ defineExpose({
 <style lang="scss">
 .user-info {
   height: 100vh;
+
   .nut-cell {
     border-radius: 0px;
   }