w-ui-v1 1.0.15 → 1.0.17

package/index.ts

@@ -8,6 +8,7 @@ import wSelectPicker from './w-select-picker/w-select-picker.vue'
 import wDetail from './w-detail/w-detail.vue'
 import wAdd from './w-add/w-add.vue'
 import WSearch from './w-search/w-search.vue'
+import WUser from './w-user/w-user.vue'
 const coms: any[] = [
   wTest,
   wLogin,
@@ -17,7 +18,8 @@ const coms: any[] = [
   wSelectPicker,
   wDetail,
   wAdd,
-  WSearch
+  WSearch,
+  WUser
 ]
 // 批量组件注册
 function install(Vue: App) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-ui-v1",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "w-ui",
   "author": "wgxshh",
   "license": "ISC",

package/w-detail/w-detail.vue

@@ -29,7 +29,7 @@ onLoad((option: any) => {
   sourceId.value = props.sourceId  || option.sourceId
   code.value = option.code||props.code
   getPageData()
-
+  uni.setNavigationBarTitle({ title: "详情" })
 })
 // 获取页面配置
 function getPageConfig() {

package/w-login/w-login.vue

@@ -50,6 +50,9 @@ function handleLogin() {
     }
     showSuccess('登录成功')
     uni.setStorageSync('token', data.token)
+    uni.setStorageSync('userInfo', {
+      usernamse:model.username
+    })
     uni.reLaunch({
       url: '/pages/index/index',
     })

package/w-menu/w-menu.vue

@@ -47,7 +47,7 @@ function sheetGotoPage(item: any) {
 function goto(item: any) {
   if (item.pageType) {
     uni.navigateTo({
-      url: `/pages/table/table?sourceId=${item.id}&pageType=${item.pageType}`,
+      url: `/pages/table/table?sourceId=${item.id}&pageTitle=${item.title}`,
     })
     return true
   }

package/w-table/w-table.vue

@@ -31,6 +31,7 @@ const pageData = ref<{
 }>({ criterias: [], buttons: [] })
 onLoad((option: any) => {
   sourceId.value = props.sourceId  || option.sourceId
+  uni.setNavigationBarTitle({ title: option.pageTitle })
   getPageConfig()
 })
 

package/w-user/w-user.vue

@@ -0,0 +1,82 @@
+<template>
+    <view class="user">
+        <view class="top">
+            <view class="circle">
+                <wd-icon name="user-circle" size="120rpx" color="#bababa"></wd-icon>
+            </view>
+            <view class="username">
+                <view class="name">
+                    <text>{{ userInfo['用户名'] }}</text>
+                </view>
+            </view>
+        </view>
+        <wd-cell-group>
+            <wd-cell title="退出登录" icon="logout" :is-link="true" :clickable="true" @click="quit" />
+        </wd-cell-group>
+        <wd-message-box />
+    </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import {
+    useMessage
+} from 'wot-design-uni'
+defineOptions({
+    name: 'WUser'
+})
+const message = useMessage()
+const userInfo = ref({
+    '用户名':uni.getStorageSync('userInfo').username,
+})
+const quit = () => {
+    message
+        .confirm({
+            // msg: '提示文案',
+            title: '退出登录'
+        })
+        .then(() => {
+            uni.removeStorageSync('token')
+            uni.reLaunch({
+                url: '/pages/login/login'
+            })
+        })
+        .catch(() => {
+            console.log('点击了取消按钮')
+        })
+
+}
+</script>
+
+<style scoped lang="scss">
+.user {
+    background-color: #f5f5f5;
+    height: 100vh;
+
+    .top {
+        display: flex;
+        align-items: center;
+        padding: 25rpx;
+        background-color: #fff;
+
+        .circle {
+            background-color: #efefef;
+            border-radius: 100%;
+            margin-right: 20rpx;
+        }
+
+        .username {
+            font-size: 40rpx;
+
+            .name {
+                margin-bottom: 10rpx;
+            }
+
+            .ic {
+                font-size: 30rpx;
+                color: #ccc;
+            }
+        }
+    }
+}
+</style>