@uxda/appkit 4.2.88 → 4.2.89

package/src/user/components/UserInfo.vue

@@ -4,7 +4,7 @@
     <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">
+        <div class="user-info-head-avatar" v-track-click="{ event: 'click', elementText: '用户信息-头像' }" @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="" />
@@ -14,11 +14,11 @@
               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"
+        <nut-cell title="登录手机号" is-link :desc="encodePhone(userInfo.mobile || '')" v-track-click="{ event: 'click', elementText: '用户信息-登录手机号' }" @click="toBinding" />
+        <nut-cell v-if="props.isPersonal" title="昵称" is-link v-track-click="{ event: 'click', elementText: '用户信息-昵称' }" @click="onNickNameChange"
           :desc="userInfo?.nickName || '--'" />
         <nut-cell v-else title="昵称" :desc="userInfo?.nickName || '--'" />
-        <nut-cell title="认证信息" is-link @click="toAuth">
+        <nut-cell title="认证信息" is-link v-track-click="{ event: 'click', elementText: '用户信息-认证信息' }" @click="toAuth">
           <template #desc>
             <span v-if="userInfo?.verifyResult === 1">已认证</span>
             <span v-if="userInfo?.verifyResult === 0" style="color: #e8523f">已失效，重新认证</span>
@@ -42,7 +42,7 @@
               <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" v-track-click="{ event: 'click', elementText: '用户信息-角色详情' }" @click="toShowRole(item)">
                 角色详情
                 <img :class="{ showRole: item.showRole }" class="user-info-team-item-role-btn-icon"
                   src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDlMMTIgMTVMNiA5IiBzdHJva2U9IiMwMTdGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="
@@ -61,7 +61,7 @@
             </div>
             <div class="user-info-team-item-user">
               {{ item.fullName }}
-              <img @click="toUserNameChange(item)" class="user-info-team-item-user-icon"
+              <img v-track-click="{ event: 'click', elementText: '用户信息-用户名' }" @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">
@@ -74,7 +74,7 @@
       </div>
 
       <div class="user-info-ft">
-        <nut-button v-if="!isApp()" class="user-info-ft-btn" style="width: 100%; margin-top: 12px" @click="toLogout" plain
+        <nut-button v-if="!isApp()" class="user-info-ft-btn" style="width: 100%; margin-top: 12px" v-track-click="{ event: 'click', elementText: '用户信息-退出登录' }" @click="toLogout" plain
           type="primary">退出登录</nut-button>
       </div>
     </div>
@@ -85,10 +85,10 @@
     @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" v-track-click="{ event: 'click', elementText: '用户信息-修改用户名-取消' }" @click="onUserNameCancel">
         取消
       </nut-button>
-      <nut-button class="change-username-popup-ok" type="primary" @click="onUserNameOk">
+      <nut-button class="change-username-popup-ok" type="primary" v-track-click="{ event: 'click', elementText: '用户信息-修改用户名-确定' }" @click="onUserNameOk">
         确定
       </nut-button>
     </template>
@@ -106,10 +106,10 @@
       " :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" v-track-click="{ event: 'click', elementText: '用户信息-修改昵称-取消' }" @click="onNickNameCancel">
         取消
       </nut-button>
-      <nut-button class="change-username-popup-ok" type="primary" @click="onNickNameOk">
+      <nut-button class="change-username-popup-ok" type="primary" v-track-click="{ event: 'click', elementText: '用户信息-修改昵称-确定' }" @click="onNickNameOk">
         确定
       </nut-button>
     </template>
@@ -122,7 +122,7 @@
       <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 class="upload-avatar-popup-btn"  v-track-click="{ event: 'click', elementText: '用户信息-更换头像' }" @click="toUpload">更换头像</div>
     </div>
   </nut-popup>
 </template>