wui-components-v2 1.0.56 → 1.0.58

package/components/card-botom-buttons/card-botom-buttons.vue

@@ -15,7 +15,7 @@ const props = defineProps<{
   pageType?: string
   data: Entities
   rowActions?: rowActions[]
-  zpaging: any
+  zpaging?: any
 }>()
 const pageType = ref('')
 onLoad((option: any) => {

package/components/details-page/details-page.vue

@@ -34,6 +34,8 @@ const groups = ref<Groups>({
   pointSourceId: '',
   mstrucId: '',
   relationNames: [],
+  readOnly: false,
+  displayConfig: [],
 })
 const loading = ref(false)
 // 折叠面板

package/components/label-value/label-value.vue

@@ -26,7 +26,7 @@ function splitUrlStr(str: string) {
       {{ item.title }}:
     </view>
     <view v-if="item.controlType === 'file' || item.extControlType === 'file' || item.extControlType === 'relfile'" class="flex-1 text-gray-800 dark:text-white">
-      <wd-img enable-preview :width="100" :height="100" :src="formatItemData(data.fieldMap[item.sourceId], item.extControlType || item.controlType)">
+      <wd-img v-if="data.fieldMap[item.sourceId]" enable-preview :width="100" :height="100" :src="formatItemData(data.fieldMap[item.sourceId], item.extControlType || item.controlType)">
         <template #error>
           <view class="error-wrap">
             <wd-button type="text" @click="downloadFile(formatItemData(data.fieldMap[item.sourceId], item.extControlType || item.controlType))">

package/components/user/user.vue

@@ -0,0 +1,162 @@
+<script setup lang="ts">
+import { defineProps, ref } from 'vue'
+import {
+  useMessage,
+} from 'wot-design-uni'
+import { useUser } from '../../composables/useUser'
+
+defineOptions({
+  name: 'User',
+})
+
+const user = useUser().getUserInfo()
+const message = useMessage()
+const userInfo = ref({
+  name: user.name,
+  nickName: user.nickName,
+  // viewPersonalInfoable: user.viewPersonalInfoable,
+})
+// 退出登录
+function quit() {
+  message
+    .confirm({
+      // msg: '提示文案',
+      title: '退出登录',
+    })
+    .then(() => {
+      uni.removeStorageSync('token')
+      uni.reLaunch({
+        url: '/pages/login/index',
+      })
+    })
+    .catch(() => {
+      console.log('点击了取消按钮')
+    })
+}
+
+// 系统设置
+function setting() {
+  uni.navigateTo({
+    url: '/pages/system-settings/index',
+  })
+}
+
+// 查看用户信息
+// function goUserInfo() {
+//   uni.navigateTo({
+//     url: `/pages/detail/index?sourceId=${uni.getStorageSync('userInfo').gtmplSourceId}&id=${uni.getStorageSync('userInfo').id}`,
+//   })
+// }
+</script>
+
+<template>
+  <view class="user">
+    <view class="top-box">
+      <!-- 用户头部信息 -->
+      <view class="user-header">
+        <view class="user-info">
+          <!-- <img src="user.avatar" class="avatar" alt="用户头像"> -->
+          <image class="avatar" src="./user-avatar-fill.png" />
+          <view class="user-text">
+            <view class="user-name">
+              {{ userInfo.name }}
+            </view>
+            <view class="user-nickname">
+              昵称：{{ userInfo.nickName }}
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <wd-cell-group>
+      <!-- <wd-cell
+        v-if="userInfo.viewPersonalInfoable" title="个人信息" icon="user" :is-link="true" :clickable="true"
+        @click="goUserInfo"
+      /> -->
+      <!-- <wd-cell title="修改密码" icon="keywords" :is-link="true" :clickable="true"  /> -->
+      <wd-cell title="系统设置" icon="logout" :is-link="true" :clickable="true" @click="setting" />
+      <wd-cell title="退出登录" icon="logout" :is-link="true" :clickable="true" @click="quit" />
+    </wd-cell-group>
+    <wd-message-box />
+  </view>
+</template>
+
+<style scoped lang="scss">
+.user {
+  background-color: #f5f5f5;
+  // height: 100vh;
+
+  .top-box {
+    padding: 15px;
+
+    .user-header {
+      border-radius: 10px;
+      margin: auto;
+      background: linear-gradient(135deg, #4a6cf7 0%, #2541b2 100%);
+      color: white;
+      padding: 30px 20px;
+      box-shadow: 0 4px 12px rgba(74, 108, 247, 0.2);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .user-header::before {
+      content: "";
+      position: absolute;
+      top: -50px;
+      right: -50px;
+      width: 150px;
+      height: 150px;
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 50%;
+    }
+
+    .user-header::after {
+      content: "";
+      position: absolute;
+      bottom: -80px;
+      left: -30px;
+      width: 200px;
+      height: 200px;
+      background: rgba(255, 255, 255, 0.05);
+      border-radius: 50%;
+    }
+
+    .user-info {
+      display: flex;
+      align-items: center;
+      position: relative;
+      z-index: 1;
+    }
+
+    .avatar {
+      width: 140rpx;
+      height: 140rpx;
+      border-radius: 50%;
+      border: 3px solid rgba(255, 255, 255, 0.3);
+      margin-right: 15px;
+      object-fit: cover;
+      // background-color: #fff;
+    }
+
+    .user-text {
+      flex: 1;
+    }
+
+    .user-name {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 5px;
+    }
+
+    .user-nickname {
+      font-size: 14px;
+      opacity: 0.9;
+      display: flex;
+      align-items: center;
+    }
+  }
+
+}
+</style>

package/index.ts

@@ -21,6 +21,7 @@ import editPage from './components/edit-page/edit-page.vue'
 import detailsPage from './components/details-page/details-page.vue'
 import UpdateComponent from './components/update-component/update-component.vue'
 import ScanBindingSensor from './components/scan-binding-sensor/scan-binding-sensor.vue'
+import User from './components/user/user.vue'
 // 组件列表
 const coms: Array<{ name: string }> = [
   SystemSettings,
@@ -36,6 +37,7 @@ const coms: Array<{ name: string }> = [
   detailsPage,
   UpdateComponent,
   ScanBindingSensor,
+  User,
 ]
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wui-components-v2",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "wui 组件库",
   "author": "wgxshh",
   "license": "MIT",

package/utils/index.ts

@@ -39,14 +39,11 @@ export function formatItemData(data: any, type: string) {
 
   if (type === 'file' || type === 'relfile') {
     if (data) {
+      console.log('[Mock] file', data)
       // 判断是否为JSON文件
       if (typeof data === 'string') {
         const a = JSON.parse(data)
         return `${baseUrl}/v3/files${a.base.path}?@token=${token}&@programToken=${hydrocarbonProgramToken}&name=${a.base.fileName}`
-        // return {
-        //   url: `${baseUrl}/v3/files${a.base.path}?@token=${token}&@programToken=${hydrocarbonProgramToken}`,
-        //   name: a.base.fileName,
-        // }
       }
       else {
         return data.url