wui-components-v2 1.1.62 → 1.1.64

package/components/detail-popup/detail-popup.vue

@@ -1,28 +1,92 @@
-<template>
-  <view class=" text-[#2164f3]">
-    查看详情
-  </view>
-</template>
-<script setup>
-import { ref, computed, onMounted } from 'vue'
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { Columns, Entities } from '../../type'
+import { formatItemData } from '../../utils'
+import ControlTypeSupportor from '../../utils/control-type-supportor'
+import { detailPageConfig, detailPageData } from '@/core-components/api/page'
 
 defineOptions({
   name: 'DetailPopup',
 })
-defineProps({
-  data: {
-    type: Object,
-    default: () => {},
-  },
-})
 
+const props = defineProps<{
+  source: Columns
+  text: string
+  code: string
+}>()
+interface DetailItem {
+  /** 行数据 */
+  data: Entities
+  /** 字段配置 */
+  columns: Columns[]
+}
 
-const data = ref(null)
+const showDetail = ref(false)
+const exhibitData = ref<Columns[]>([])
+const rowData = ref<Entities>({} as Entities)
+const columns = ref<Columns[]>([])
 
-onMounted(() => {
-  // mounted logic
-})
+function isControlType(item: Columns): string {
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    rowData.value.fieldMap[item.sourceId]
+  )
+}
+async function open(item: DetailItem) {
+  const code = props.code.split('@R@')[0]
+  const formRes = await detailPageConfig(props.source.sourceId)
+  const valueRes = await detailPageData(props.source.sourceId, code)
+  if (formRes.status === 'success') {
+    columns.value = formRes.dtmplConfig.groups?.[0].fields || []
+  }
+  if (valueRes.status === 'success') {
+    rowData.value = valueRes.entity || {}
+  }
+  showDetail.value = true
+}
+
+function handleClose() {
+  showDetail.value = false
+}
 </script>
 
-<style scoped>
+<template>
+  <view class="text-[#1c64fd]" @click="open">{{ text }}</view>
+  <wd-popup v-model="showDetail" custom-style="border-radius: 32rpx;">
+    <view class="custom-popup">
+      <view class="text-center mb-4">详情内容</view>
+      <scroll-view scroll-y class="scroll-area">
+        <view class="flex items-center gap-2 mb-4 text-[#6b7280]" v-for="(item, sindex) in columns" :key="sindex">
+          <view class="break-words">{{ item.title }}:</view>
+          <view class="text-[#1f2937] break-all">
+            {{ formatItemData(rowData.fieldMap[item.sourceId], isControlType(item)) }}
+          </view>
+        </view>
+      </scroll-view>
+      <view class="footer flex justify-center items-center">
+        <wd-button class="flex-1" @click="handleClose">确定</wd-button>
+      </view>
+    </view>
+  </wd-popup>
+</template>
+
+<style scoped lang="scss">
+.custom-popup {
+  color: black;
+  padding: 24rpx;
+  width: 600rpx;
+  max-width: 600rpx;
+  font-size: 40rpx;
+  border-radius: 32rpx;
+  position: relative;
+
+  .scroll-area {
+    height: 50vh;
+    overflow: hidden;
+  }
+
+  .footer {
+    margin-top: 24rpx;
+  }
+}
 </style>

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

@@ -7,6 +7,7 @@ import VideoPlay from '../video-play/video-play.vue'
 import audioPlay from '../audio-play/audio-play.vue'
 import { useManualTheme } from '../../composables/useManualTheme'
 import openValueMore from './open-value-more.vue'
+import detailPopup from '../detail-popup/detail-popup.vue'
 
 defineOptions({
   name: 'LabelValue',
@@ -17,7 +18,6 @@ const props = defineProps<{
   index: number
 }>()
 const { primary } = useManualTheme()
-const showDetail=ref(false)
 const clums = computed(() => {
   return props.exhibitData.filter(item => !item.title?.includes('y'))
 })
@@ -28,15 +28,16 @@ function openVideo(uitem: any) {
 }
 
 function isControlType(item: Columns): string {
-  return ControlTypeSupportor.getControlType({ ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false }, props.data.fieldMap[item.sourceId])
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    props.data.fieldMap[item.sourceId]
+  )
 }
 </script>
 
 <template>
   <view v-for="(item, sindex) in clums" :key="sindex" class="flex">
-    <view class="mr-2 w-20 p-1 text-gray-500 dark:text-white">
-      {{ item.title }}:
-    </view>
+    <view class="mr-2 w-20 p-1 text-gray-500 dark:text-white">{{ item.title }}:</view>
     <view
       v-if="isControlType(item) === 'file' || isControlType(item) === 'relfile' || isControlType(item) === 'video'"
       class="flex flex-1 items-center text-gray-800 dark:text-white"
@@ -48,13 +49,14 @@ function isControlType(item: Columns): string {
         >
           <!-- 图片 -->
           <wd-img
-            v-if="['png', 'jpg', 'jpeg'].includes(uitem.type)" enable-preview :width="100" :height="100"
+            v-if="['png', 'jpg', 'jpeg'].includes(uitem.type)"
+            enable-preview
+            :width="100"
+            :height="100"
             :src="uitem.url"
           >
             <template #error>
-              <view class="flex items-center pt-4px">
-                暂无图片~
-              </view>
+              <view class="flex items-center pt-4px">暂无图片~</view>
             </template>
             <template #loading>
               <view class="loading-wrap">
@@ -65,7 +67,15 @@ function isControlType(item: Columns): string {
           <!-- 视频 -->
           <view
             v-else-if="['mp4', 'mov', 'wmv', 'avi', 'rmvb', 'flv', 'mkv'].includes(uitem.type)"
-            style="width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;border: 1px solid #ccc;border-radius: 4px;"
+            style="
+              width: 70px;
+              height: 70px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              border: 1px solid #ccc;
+              border-radius: 4px;
+            "
             @click="openVideo(uitem)"
           >
             <wd-icon name="play-circle-filled" size="22px" />
@@ -73,12 +83,42 @@ function isControlType(item: Columns): string {
           <!-- 音频 -->
           <view
             v-else-if="['mp3', 'wma', 'wav', 'aac', 'ogg', 'flac', 'm4a', 'amr'].includes(uitem.type)"
-            style="display: flex;align-items: center;justify-content: center;"
+            style="display: flex; align-items: center; justify-content: center"
           >
             <audioPlay :src="uitem.url" />
           </view>
           <!-- 文件 -->
-          <view v-else-if="['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf', 'txt', 'zip', 'rar', '7z', 'gz', 'bz2', 'tar', 'iso', 'exe', 'dmg', 'apk', 'apk', 'apk', 'apk', 'apk', 'apk', 'apk', 'apk'].includes(uitem.type)">
+          <view
+            v-else-if="
+              [
+                'doc',
+                'docx',
+                'xls',
+                'xlsx',
+                'ppt',
+                'pptx',
+                'pdf',
+                'txt',
+                'zip',
+                'rar',
+                '7z',
+                'gz',
+                'bz2',
+                'tar',
+                'iso',
+                'exe',
+                'dmg',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+                'apk',
+              ].includes(uitem.type)
+            "
+          >
             <span :style="{ color: primary }" @click="downloadFile(uitem.url)">
               {{ uitem.name }}
             </span>
@@ -89,42 +129,16 @@ function isControlType(item: Columns): string {
     <view v-else-if="item.title === '序号'" class="flex flex-1 items-center text-gray-800 dark:text-white">
       {{ index + 1 }}
     </view>
-    <openValueMore v-else :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item)) " />
-  </view>
-  <VideoPlay ref="videoPlayRef" />
-  <wd-popup v-model="showDetail" custom-style="border-radius: 32rpx;" >
-  <view class="custom-popup">
-    <view class="text-center mb-4">详情内容</view>
-    <view  class="flex items-center gap-2 mb-4 text-[#6b7280]" v-for="(item, sindex) in exhibitData" :key="sindex">
-      <view class=" whitespace-nowrap">
-        {{ item.title }}:
-      </view>
-      <view class="text-[#1f2937]">
-        {{ formatItemData(data.fieldMap[item.sourceId], isControlType(item)) }}
-      </view>
-
-    </view>
-    <view class="footer flex  justify-center items-center">
-      <wd-button class="flex-1" @click="showDetail = false">确定</wd-button>
+    <view v-else-if="item.buttons?.includes('detail')" class="flex flex-1 items-center text-gray-800 dark:text-white">
+      <detailPopup
+        :source="item"
+        :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item))"
+        :code="data.fieldMap[item.sourceId]"
+      />
     </view>
+    <openValueMore v-else :text="formatItemData(data.fieldMap[item.sourceId], isControlType(item))" />
   </view>
-</wd-popup>
+  <VideoPlay ref="videoPlayRef" />
 </template>
 
-<style scoped lang="scss">
-.custom-popup {
-  color: black;
-  padding: 24rpx;
-  min-width: 400rpx;
-  min-height: 500rpx;
-  // height: 600rpx;
-  font-size: 40rpx;
-  border-radius: 32rpx;
-  position:relative;
-  .footer{
-    position: absolute;
-    bottom: 24rpx;
-    width: calc(100% - 48rpx);
-  }
-}
-</style>
+<style scoped lang="scss"></style>

package/components/wui-menus/wui-menus.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   },
   load: {
     type: Function as PropType<() => void>,
-    default: () => { },
+    default: () => {},
   },
   menuTopType: {
     type: String,
@@ -35,9 +35,7 @@ interface Icon {
   id: string
   path: string
 }
-const {
-  currentThemeColor,
-} = useManualTheme()
+const { currentThemeColor } = useManualTheme()
 const { generateRandomColor } = useColorGenerator(currentThemeColor.value.primary)
 const menuList = ref([])
 const title = ref('')
@@ -54,8 +52,7 @@ const paging = ref()
 // 点击菜单跳转页面
 function gotoPage(item: any) {
   // 跳转页面
-  if (goto(item))
-    return
+  if (goto(item)) return
   // 打开动作面板
   openSheet(item)
 }
@@ -63,8 +60,7 @@ function gotoPage(item: any) {
 // 点击动作面板跳转页面
 function sheetGotoPage(item: any) {
   // 跳转页面
-  if (goto(item))
-    return
+  if (goto(item)) return
   // 打开动作面板
   openSheet(item, 300)
 }
@@ -86,7 +82,6 @@ function goto(item: any) {
       return true
 
     default:
-
       return false
   }
 }
@@ -123,8 +118,7 @@ function openSheet(item: any, s = 0) {
 function filterHiddenTree(tree: any, childKey = 'children', deepClone = false) {
   // 深拷贝处理（可选）
   const clone = (data: any) => {
-    if (!deepClone)
-      return data
+    if (!deepClone) return data
     return JSON.parse(JSON.stringify(data))
   }
 
@@ -153,23 +147,22 @@ onShow(() => {
 // @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
 function queryList() {
   // 此处请求仅为演示，请替换为自己项目中的请求
-  menu().then((res: any) => {
-    // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
-    if (!res?.blocks.length) {
-      toast.warning('暂无权限，请重新登录或联系管理员')
-      setTimeout(() => {
-        router.replaceAll('/pages/login/index')
-      }, 1000)
-    }
-    uni.setNavigationBarTitle({ title: res?.programName || '' })// 设置标题
-    paging.value.complete(res?.blocks || [])
-  }).catch((res: any) => {
-    // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
-    // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
-    // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
-    console.log(res, 'menu error')
-    paging.value.complete(false)
-  })
+  menu()
+    .then((res: any) => {
+      // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
+      if (!res?.blocks.length) {
+        toast.warning('暂无权限，请重新登录或联系管理员')
+      }
+      uni.setNavigationBarTitle({ title: res?.programName || '' }) // 设置标题
+      paging.value.complete(res?.blocks || [])
+    })
+    .catch((res: any) => {
+      // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
+      // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+      // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+      console.log(res, 'menu error')
+      paging.value.complete(false)
+    })
 }
 </script>
 
@@ -186,15 +179,28 @@ function queryList() {
           <view class="border-rd-2 bg-white pa-1 dark:bg-[var(--wot-dark-background2)]">
             <wd-grid :column="4" clickable>
               <wd-grid-item
-                v-for="(subItem, subIndex) in item.items" :key="subIndex" use-text-slot use-icon-slot
+                v-for="(subItem, subIndex) in item.items"
+                :key="subIndex"
+                use-text-slot
+                use-icon-slot
                 @itemclick="gotoPage(subItem)"
               >
                 <template #icon>
-                  <view class="flex items-center justify-center rounded-2" :style="{ backgroundColor: desaturateColor(subItem.color, 0.25), height: '80rpx', width: '80rpx' }">
+                  <view
+                    class="flex items-center justify-center rounded-2"
+                    :style="{ backgroundColor: desaturateColor(subItem.color, 0.25), height: '80rpx', width: '80rpx' }"
+                  >
                     <!-- <text class="i-carbon:chart-combo-stacked text-center text-5"
                       :class="[props.icons.find(item => item.id === subItem.id)?.path]"
                       :style="{ color:desaturateColor(subItem.color,0.5) }" /> -->
-                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke-linecap="round" stroke-width="4"><rect width="24" height="24" x="12" y="12" fill="#9b51e0" stroke="#9b51e0" rx="4" /><rect width="24" height="24" x="44" y="12" fill="#56ccf2" stroke="#56ccf2" rx="4" /><rect width="24" height="24" x="12" y="44" fill="#56ccf2" stroke="#56ccf2" rx="4" /><rect width="24" height="24" x="44" y="44" fill="#9b51e0" stroke="#9b51e0" rx="4" /></g></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" width="80" height="80" viewBox="0 0 80 80">
+                      <g fill="none" stroke-linecap="round" stroke-width="4">
+                        <rect width="24" height="24" x="12" y="12" fill="#9b51e0" stroke="#9b51e0" rx="4" />
+                        <rect width="24" height="24" x="44" y="12" fill="#56ccf2" stroke="#56ccf2" rx="4" />
+                        <rect width="24" height="24" x="12" y="44" fill="#56ccf2" stroke="#56ccf2" rx="4" />
+                        <rect width="24" height="24" x="44" y="44" fill="#9b51e0" stroke="#9b51e0" rx="4" />
+                      </g>
+                    </svg>
                   </view>
                 </template>
                 <template #text>
@@ -217,8 +223,15 @@ function queryList() {
     </template>
   </z-paging>
   <wd-action-sheet
-    v-model="sheetShow" :z-index="9999" :actions="actions" :title="title"
-    @select="({ item }) => { sheetGotoPage(item) }"
+    v-model="sheetShow"
+    :z-index="9999"
+    :actions="actions"
+    :title="title"
+    @select="
+      ({ item }) => {
+        sheetGotoPage(item)
+      }
+    "
   />
 </template>
 

package/components/wui-menus1/wui-menus.vue

@@ -50,10 +50,7 @@ const {
 onMounted(() => {
   getThemeConfig().then(res => {
     if (res.status == 'success') {
-      themeConfig.value = {
-        ...res.themeConfig,
-        showHomePage: false,
-      }
+      themeConfig.value = res.themeConfig
     }
   })
 })

package/components/wui-search-history-babbar/wui-search-history-babbar.vue

@@ -17,19 +17,17 @@ const toast = useGlobalToast()
 
 function queryList() {
   // 此处请求仅为演示，请替换为自己项目中的请求
-  menu().then((res: any) => {
-    if (!res?.blocks?.length) {
-      toast.warning('暂无权限，请重新登录或联系管理员')
-      setTimeout(() => {
-        router.replaceAll('/pages/login/index')
-      }, 1000)
-    }
-    else {
-      menuList.value = res?.blocks
-    }
-  }).catch((res: any) => {
-    console.log(res)
-  })
+  menu()
+    .then((res: any) => {
+      if (!res?.blocks?.length) {
+        toast.warning('暂无权限，请重新登录或联系管理员')
+      } else {
+        menuList.value = res?.blocks
+      }
+    })
+    .catch((res: any) => {
+      console.log(res)
+    })
 }
 
 /**
@@ -38,10 +36,7 @@ function queryList() {
  * @param childrenKey - 子节点的键名，默认为 'children'
  * @returns 最深层节点组成的数组
  */
-function extractDeepestNodes<T>(
-  treeData: T[],
-  childrenKey: string = 'children',
-): T[] {
+function extractDeepestNodes<T>(treeData: T[], childrenKey: string = 'children'): T[] {
   const result: T[] = []
 
   /**
@@ -55,8 +50,7 @@ function extractDeepestNodes<T>(
       if (children && Array.isArray(children) && children.length > 0) {
         // 如果有子节点，继续深入
         traverse(children, depth + 1)
-      }
-      else {
+      } else {
         // 如果没有子节点，这是最深层的节点，添加到结果中
         result.push(node)
       }
@@ -80,19 +74,16 @@ const filteredMenus = computed<MenuItem[]>(() => {
     return a.value
   }
   const query = searchQuery.value.toLowerCase().trim()
-  return a.value.filter(menu =>
-    menu.title.toLowerCase().includes(query)
-    || (menu.tip && menu.tip.toLowerCase().includes(query)),
+  return a.value.filter(
+    menu => menu.title.toLowerCase().includes(query) || (menu.tip && menu.tip.toLowerCase().includes(query))
   )
 })
 
 function highlightedLabel(menu: MenuItem) {
-  if (!searchQuery.value.trim())
-    return menu.title
+  if (!searchQuery.value.trim()) return menu.title
   const query = searchQuery.value.toLowerCase().trim()
   const index = menu.title.toLowerCase().indexOf(query)
-  if (index === -1)
-    return menu.title
+  if (index === -1) return menu.title
   const before = menu.title.substring(0, index)
   const match = menu.title.substring(index, index + query.length)
   const after = menu.title.substring(index + query.length)
@@ -116,8 +107,7 @@ function handleMenuClick(menu: MenuItem) {
 }
 
 function addToHistory(keyword: string) {
-  if (!keyword.trim())
-    return
+  if (!keyword.trim()) return
   const current = [...searchHistory.value]
   const index = current.indexOf(keyword)
   if (index > -1) {
@@ -141,8 +131,7 @@ onMounted(() => {
   if (saved) {
     try {
       searchHistory.value = JSON.parse(saved)
-    }
-    catch {
+    } catch {
       searchHistory.value = []
     }
   }
@@ -160,7 +149,7 @@ onMounted(() => {
             type="text"
             placeholder="搜索菜单、功能..."
             class="ml-2 flex-1 bg-transparent text-base text-slate-800 outline-none placeholder:text-slate-400"
-          >
+          />
           <view
             v-if="searchQuery"
             class="cursor-pointer rounded-full p-1 transition-colors hover:bg-slate-200"
@@ -173,15 +162,10 @@ onMounted(() => {
     </view>
 
     <view class="px-4 pb-4">
-      <SearchHistory
-        v-model="searchHistory"
-        @select="handleSelectHistory"
-      />
+      <SearchHistory v-model="searchHistory" @select="handleSelectHistory" />
 
       <view v-if="filteredMenus.length === 0" class="mt-6">
-        <p class="text-center text-sm text-slate-400">
-          未找到相关菜单
-        </p>
+        <p class="text-center text-sm text-slate-400">未找到相关菜单</p>
       </view>
 
       <view v-else class="mt-4">
@@ -207,10 +191,7 @@ onMounted(() => {
               <wd-icon name="picture" size="22px" color="#FFF" />
             </view>
             <view class="flex-1 text-left">
-              <p
-                class="text-base text-slate-800 font-medium"
-                v-html="highlightedLabel(menu)"
-              />
+              <p class="text-base text-slate-800 font-medium" v-html="highlightedLabel(menu)" />
               <p v-if="menu.tip" class="mt-0.5 text-xs text-slate-400">
                 {{ menu.tip }}
               </p>

package/composables/useMenus.ts

@@ -26,9 +26,7 @@ export interface MenuItem {
 export function useMenus(props?: Props, pagingRef?: Ref<any>) {
   const router = useRouter()
   const toast = useGlobalToast()
-  const {
-    currentThemeColor,
-  } = useManualTheme()
+  const { currentThemeColor } = useManualTheme()
   const colorGenerator = new RainbowColorGenerator()
   const menuList = ref<MenuItem[]>([])
   const title = ref('')
@@ -44,18 +42,16 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
   const actions = ref([])
   // 点击菜单跳转页面
   function gotoPage(item: MenuItem) {
-  // 跳转页面
-    if (goto(item))
-      return
+    // 跳转页面
+    if (goto(item)) return
     // 打开动作面板
     openSheet(item)
   }
 
   // 点击动作面板跳转页面
   function sheetGotoPage(item: MenuItem) {
-  // 跳转页面
-    if (goto(item))
-      return
+    // 跳转页面
+    if (goto(item)) return
     // 打开动作面板
     openSheet(item, 300)
   }
@@ -72,13 +68,12 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
         router.push(`/pages/tree-page/index?sourceId=${item.id}&title=${item.title}`)
         return true
       case '报表':
-      // uni.navigateTo({
-      //   url: `/pages/report-table/report-table?sourceId=${item.id}&title=${item.title}`,
-      // })
+        // uni.navigateTo({
+        //   url: `/pages/report-table/report-table?sourceId=${item.id}&title=${item.title}`,
+        // })
         return true
 
       default:
-
         return false
     }
   }
@@ -113,17 +108,16 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
    * @returns {Array} 过滤后的新树形数据
    */
   function filterHiddenTree(tree: any, childKey = 'children', deepClone = false) {
-  // 深拷贝处理（可选）
+    // 深拷贝处理（可选）
     const clone = (data: any) => {
-      if (!deepClone)
-        return data
+      if (!deepClone) return data
       return JSON.parse(JSON.stringify(data))
     }
 
     return clone(tree)
       .filter((node: any) => !node.disabled) // 过滤当前层隐藏节点
       .map((node: any) => {
-      // 递归处理子节点
+        // 递归处理子节点
         if (Array.isArray(node[childKey])) {
           node[childKey] = filterHiddenTree(node[childKey], childKey, deepClone)
         }
@@ -141,31 +135,30 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
 
   // @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
   function queryList() {
-  // 此处请求仅为演示，请替换为自己项目中的请求
-    menu().then((res: any) => {
-    // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
-      if (!res?.blocks?.length) {
-        toast.warning('暂无权限，请重新登录或联系管理员')
-        setTimeout(() => {
-          router.replaceAll('/pages/login/index')
-        }, 1000)
-      }
-      navTitle.value = res?.programName || ''
-      uni.setNavigationBarTitle({ title: res?.programName || '' })// 设置标题
-      pagingRef?.value.complete(res?.blocks || [])
-    }).catch((res: any) => {
-      console.log(res)
-      // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
-      // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
-      // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
-      pagingRef?.value.complete(false)
-    })
+    // 此处请求仅为演示，请替换为自己项目中的请求
+    menu()
+      .then((res: any) => {
+        // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
+        if (!res?.blocks?.length) {
+          toast.warning('暂无权限，请重新登录或联系管理员')
+        }
+        navTitle.value = res?.programName || ''
+        uni.setNavigationBarTitle({ title: res?.programName || '' }) // 设置标题
+        pagingRef?.value.complete(res?.blocks || [])
+      })
+      .catch((res: any) => {
+        console.log(res)
+        // 如果请求失败写this.$refs.paging.complete(false)，会自动展示错误页面
+        // 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+        // 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+        pagingRef?.value.complete(false)
+      })
   }
 
   // 快速访问菜单
   const sectionmenu = ref<MenuItem[]>([])
   const filersectiomenus = computed(() => {
-  // 截取数组前4项
+    // 截取数组前4项
     return sectionmenu.value.slice(0, 4)
   })
 
@@ -174,12 +167,10 @@ export function useMenus(props?: Props, pagingRef?: Ref<any>) {
       const res = await fastmenu()
       if (res.fastMenu) {
         sectionmenu.value = res.fastMenu.QuickQueryBar || []
-      }
-      else {
+      } else {
         sectionmenu.value = []
       }
-    }
-    catch (error) {
+    } catch (error) {
       console.log(error)
     }
   }

package/package.json

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