feat: mine

wupengfei

2025-02-14 b61e0dd54ca5adf96bea4fd1f92d498fe5245ff4

 apps/bMiniApp/src/pages/mine/index.vue

@@ -52,39 +52,36 @@
          </div>
        </div> -->
      </UserHomeTopView>
      <div class="mine-content-record">
        <div class="mine-content-record-item" @click="goMineFavorites">
          <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
          <nut-badge top="0" right="0" :value="8" color="#FF7D00">
            <div class="mine-content-record-item-text">我的收藏</div>
          </nut-badge>
        </div>
        <div class="mine-content-record-item" @click="goMineContactRecord">
          <img class="mine-content-record-item-icon" :src="IconRecord" alt="" />
          <nut-badge top="0" right="0" :value="8" color="#FF7D00">
            <div class="mine-content-record-item-text">联系记录</div>
          </nut-badge>
        </div>
      </div>
      <Cell :title="'更多服务'" class="mine-content-service">
        <div class="mine-content-service-list">
          <div class="mine-content-service--list-item">
            <img class="mine-content-service--list-item-icon" :src="IconFinance" alt="" />
            <div class="mine-content-service--list-item-text">财务管理</div>
      <template v-if="isLogin">
        <div class="mine-content-record">
          <div class="mine-content-record-item" @click="goMineFavorites">
            <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
            <nut-badge top="0" right="0" :value="8" color="#FF7D00">
              <div class="mine-content-record-item-text">我的收藏</div>
            </nut-badge>
          </div>
          <div class="mine-content-service--list-item">
            <img class="mine-content-service--list-item-icon" :src="IconRealName" alt="" />
            <div class="mine-content-service--list-item-text">企业实名</div>
          </div>
          <div class="mine-content-service--list-item" @click="goSetting">
            <img class="mine-content-service--list-item-icon" :src="IconSetting" alt="" />
            <div class="mine-content-service--list-item-text">设置</div>
          <div class="mine-content-record-item" @click="goMineContactRecord">
            <img class="mine-content-record-item-icon" :src="IconRecord" alt="" />
            <nut-badge top="0" right="0" :value="8" color="#FF7D00">
              <div class="mine-content-record-item-text">联系记录</div>
            </nut-badge>
          </div>
        </div>
      </Cell>
      <nut-button type="info" class="mine-content-logout" @click="handleLoginout"
        >退出登录</nut-button
      >
        <Cell :title="'更多服务'" class="mine-content-service">
          <div class="mine-content-service-list">
            <TaskDetailWelfareItem :icon="IconFinance" text="财务管理"></TaskDetailWelfareItem>
            <TaskDetailWelfareItem :icon="IconRealName" text="企业实名"></TaskDetailWelfareItem>
            <TaskDetailWelfareItem
              :icon="IconSetting"
              text="设置"
              @click="goSetting"
            ></TaskDetailWelfareItem>
          </div>
        </Cell>
        <nut-button type="info" class="mine-content-logout" @click="handleLoginout"
          >退出登录</nut-button
        >
      </template>
    </ContentView>
  </PageLayoutWithBg>
</template>
@@ -106,6 +103,7 @@
import { Message } from '@12333/utils';
import { useUserStore } from '@/stores/modules/user';
import { useQueryClient } from '@tanstack/vue-query';
import { TaskDetailWelfareItem } from '@12333/components';

const userStore = useUserStore();
const queryClient = useQueryClient();