wui-components-v2 1.1.69 → 1.1.70

package/components/wui-notify-info/wui-notify-info.vue

@@ -1,280 +1,280 @@
-<script setup lang="ts">
-import { computed, defineOptions, watch } from 'vue'
-import { useRouter } from 'uni-mini-router'
-import { enums, listData, pageConfig, pageKey } from '../../api/page'
-import { useSectionMenus } from '../../composables/useSectionMenus'
-import { formatItemData } from '../../utils'
-import ControlTypeSupportor from '../../utils/control-type-supportor'
-import { useLanguageStore } from '../../store/language'
-import type { Config, Entities, Enums } from '../../type'
-
-defineOptions({
-  name: 'WuiNotifyInfo',
-})
-const languageStore = useLanguageStore()
-const { rightSidebar01, rightSidebar02 } = useSectionMenus()
-// const getIcon = (type: string) => {
-//   switch (type) {
-//     case 'system': return BellIcon
-//     case 'department': return MegaphoneIcon
-//     case 'colleague': return ChatBubbleLeftIcon
-//     default: return BellIcon
-//   }
-// }
-const dtmplConfig = ref<{ [key: string]: Config }>({})
-const enumColumn = ref<{ [key: string]: Enums }>({})
-interface Data {
-  type: 'system'
-  read: boolean
-  id: string
-  primaryColumn: string
-  primaryColumnLabel: string
-  secondColumn: string
-  secondColumnLabel: string
-  primaryColumnLabelConfig: any
-  primaryColumnConfig: any
-  secondColumnConfig: any
-  secondColumnLabelConfig: any
-  sourceid: string
-  data: Entities
-}
-interface Notification {
-  id: string
-  title: string
-  data: Data[]
-}
-const router = useRouter()
-const notifications = ref<Notification[] | null>([])
-const rightSidebars = computed(() => {
-  const data = []
-  if (rightSidebar01.value.length > 0) {
-    data.push(rightSidebar01.value[0])
-  }
-  if (rightSidebar02.value.length > 0) {
-    data.push(rightSidebar02.value[0])
-  }
-  return data
-})
-const sources = computed(() => {
-  return rightSidebars.value.map(item => {
-    return {
-      id: item.id,
-      title: item.title,
-    }
-  })
-})
-// 获取枚举
-async function getEnums(sourceId: string, config: Config) {
-  try {
-    const params: string[] = []
-    const criterias = config?.criterias ?? []
-    const columns = config?.columns ?? []
-    const writes =
-      config?.rowActions?.reduce((acc: any, cur: any) => {
-        return [...acc, ...cur.writes]
-      }, []) || []
-    columns.forEach((item: any) => {
-      if (
-        ControlTypeSupportor.getControlType(item) === 'select' ||
-        ControlTypeSupportor.getControlType(item) === 'multiselect'
-      ) {
-        params.push(`mstrucIds=${item.mstrucId}`)
-      }
-    })
-    criterias.forEach((item: any) => {
-      if (
-        ControlTypeSupportor.getControlType(item) === 'select' ||
-        ControlTypeSupportor.getControlType(item) === 'multiselect'
-      ) {
-        params.push(`mstrucIds=${item.mstrucId}`)
-      }
-    })
-    writes.forEach((item: any) => {
-      if (
-        ControlTypeSupportor.getControlType(item) === 'select' ||
-        ControlTypeSupportor.getControlType(item) === 'multiselect'
-      ) {
-        params.push(`mstrucIds=${item.mstrucId}`)
-      }
-    })
-    if (!params.length) return
-    const res = await enums(params.join('&'))
-    enumColumn.value[sourceId] = res.enumMap || {}
-  } catch (error) {
-    console.log('error:', error)
-  }
-}
-// 获取数据
-async function queryList(source: { id: string; title: string }): Promise<Notification | null> {
-  try {
-    const res = await pageConfig(source.id)
-    dtmplConfig.value[source.id] = res.ltmplConfig
-    getEnums(source.id, res.ltmplConfig)
-    const res1 = await pageKey(source.id, '', '') // 获取key
-    const data = await listData(res1.key, 1, 10) // 获取数据
-    return {
-      id: source.id,
-      title: source.title,
-      data: data.entities.map((item: Entities) => {
-        return {
-          type: 'system',
-          read: false,
-          id: item.code,
-          sourceid: source.id,
-          primaryColumn: item.fieldMap[res.ltmplConfig.primaryColumn?.sourceId] || '',
-          primaryColumnConfig: res.ltmplConfig.primaryColumn,
-          primaryColumnLabel: item.fieldMap[res.ltmplConfig.primaryColumnLabel?.sourceId] || '',
-          primaryColumnLabelConfig: res.ltmplConfig.primaryColumnLabel,
-          secondColumn: item.fieldMap[res.ltmplConfig.secondColumn?.sourceId] || '',
-          secondColumnConfig: res.ltmplConfig.secondColumn,
-          secondColumnLabel: item.fieldMap[res.ltmplConfig.secondColumnLabel?.sourceId] || '',
-          secondColumnLabelConfig: res.ltmplConfig.secondColumnLabel,
-          data: item,
-        }
-      }),
-    }
-  } catch (error) {
-    console.error(error)
-    return null
-  }
-}
-
-// 聚合数据
-async function queryListAll() {
-  for (const source of sources.value) {
-    const data = await queryList(source)
-    if (data) {
-      console.log(data)
-      notifications.value?.push(data)
-    }
-  }
-}
-watch(sources, () => {
-  queryListAll()
-})
-
-function getIconColor(type: string) {
-  switch (type) {
-    case 'system':
-      return 'bg-blue-500'
-    case 'department':
-      return 'bg-amber-500'
-    case 'colleague':
-      return 'bg-purple-500'
-    default:
-      return 'bg-slate-500'
-  }
-}
-
-function handleNotificationClick(notification: any) {
-  if (!notification.read) {
-    notification.read = true
-  }
-  gotoDetailPage(notification)
-}
-
-// 跳转列表页面
-function gotoPage(item: Notification) {
-  router.push(`/pages/list/index?sourceId=${item.id}&title=${item.title}`)
-}
-
-// 跳转详情页面
-function gotoDetailPage(item: Data) {
-  router.push(`/pages/notify-handle/index?sourceId=${item.sourceid}&id=${item.id}&title=`)
-
-  // 延迟发送，确保事件被发送
-  setTimeout(() => {
-    uni.$emit('notify-click', {
-      item: dtmplConfig.value[item.sourceid],
-      sourceId: item.sourceid,
-      data: item.data,
-      rowActions: dtmplConfig.value[item.sourceid]?.rowActions,
-      actions: dtmplConfig.value[item.sourceid]?.actions,
-      ractions: dtmplConfig.value[item.sourceid]?.ractions,
-      primaryColumn: dtmplConfig.value[item.sourceid]?.primaryColumn,
-      enumColumn: enumColumn.value[item.sourceid],
-    })
-  }, 100)
-}
-</script>
-
-<template>
-  <view v-if="notifications && notifications.length > 0" class="mb-6 mt-6">
-    <view class="mb-4 flex items-center justify-between">
-      <text class="text-base text-slate-800 font-semibold dark:text-white">
-        {{ languageStore.t('最新消息') }}
-      </text>
-    </view>
-
-    <view v-for="notification in notifications" :key="notification.id" class="space-y-3">
-      <view class="mt-2 flex justify-between text-size-3 color-gray dark:text-white">
-        <view>{{ languageStore.t(notification.title) }}</view>
-        <view
-          @click="
-            () => {
-              gotoPage(notification)
-            }
-          "
-        >
-          {{ languageStore.t('查看全部') }}
-        </view>
-      </view>
-      <button
-        v-for="item in notification.data"
-        :key="item.id"
-        class="w-full flex cursor-pointer items-start gap-3 rounded-xl bg-white p-4 text-left shadow-[0_4px_16px_rgba(99,102,241,0.1)] transition-all duration-200 dark:bg-black hover:shadow-md"
-        :class="{ 'opacity-60': item.read }"
-        @click="handleNotificationClick(item)"
-      >
-        <view
-          :class="getIconColor(item.type)"
-          class="h-10 w-10 flex flex-shrink-0 items-center justify-center rounded-full"
-        >
-          <wd-icon name="notification" size="40rpx" color="#fff" />
-        </view>
-
-        <view class="min-w-0 flex-1">
-          <view class="flex justify-between gap-1">
-            <span class="text-sm text-slate-800 font-medium dark:text-white">
-              {{ formatItemData(item.primaryColumn, ControlTypeSupportor.getControlType(item.primaryColumnConfig)) }}
-            </span>
-            <span class="whitespace-nowrap text-xs text-slate-400 dark:text-gray-300">
-              {{
-                formatItemData(
-                  item.primaryColumnLabel,
-                  ControlTypeSupportor.getControlType(item.primaryColumnLabelConfig)
-                )
-              }}
-            </span>
-          </view>
-          <p class="line-clamp-2 mt-1 text-sm text-slate-500 dark:text-gray-400">
-            <text class="mr-1">
-              {{
-                formatItemData(item.secondColumn, ControlTypeSupportor.getControlType(item.secondColumnConfig || {}))
-              }}
-            </text>
-            <text>
-              {{
-                formatItemData(
-                  item.secondColumnLabel,
-                  ControlTypeSupportor.getControlType(item.secondColumnLabelConfig || {})
-                )
-              }}
-            </text>
-          </p>
-        </view>
-
-        <view v-if="!item.read" class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-indigo-500" />
-      </button>
-    </view>
-  </view>
-</template>
-
-<style scoped>
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-</style>
+<script setup lang="ts">
+import { computed, defineOptions, watch } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { enums, listData, pageConfig, pageKey } from '../../api/page'
+import { useSectionMenus } from '../../composables/useSectionMenus'
+import { formatItemData } from '../../utils'
+import ControlTypeSupportor from '../../utils/control-type-supportor'
+import { useLanguageStore } from '../../store/language'
+import type { Config, Entities, Enums } from '../../type'
+
+defineOptions({
+  name: 'WuiNotifyInfo',
+})
+const languageStore = useLanguageStore()
+const { rightSidebar01, rightSidebar02 } = useSectionMenus()
+// const getIcon = (type: string) => {
+//   switch (type) {
+//     case 'system': return BellIcon
+//     case 'department': return MegaphoneIcon
+//     case 'colleague': return ChatBubbleLeftIcon
+//     default: return BellIcon
+//   }
+// }
+const dtmplConfig = ref<{ [key: string]: Config }>({})
+const enumColumn = ref<{ [key: string]: Enums }>({})
+interface Data {
+  type: 'system'
+  read: boolean
+  id: string
+  primaryColumn: string
+  primaryColumnLabel: string
+  secondColumn: string
+  secondColumnLabel: string
+  primaryColumnLabelConfig: any
+  primaryColumnConfig: any
+  secondColumnConfig: any
+  secondColumnLabelConfig: any
+  sourceid: string
+  data: Entities
+}
+interface Notification {
+  id: string
+  title: string
+  data: Data[]
+}
+const router = useRouter()
+const notifications = ref<Notification[] | null>([])
+const rightSidebars = computed(() => {
+  const data = []
+  if (rightSidebar01.value.length > 0) {
+    data.push(rightSidebar01.value[0])
+  }
+  if (rightSidebar02.value.length > 0) {
+    data.push(rightSidebar02.value[0])
+  }
+  return data
+})
+const sources = computed(() => {
+  return rightSidebars.value.map(item => {
+    return {
+      id: item.id,
+      title: item.title,
+    }
+  })
+})
+// 获取枚举
+async function getEnums(sourceId: string, config: Config) {
+  try {
+    const params: string[] = []
+    const criteria = config?.criteria ?? []
+    const columns = config?.columns ?? []
+    const writes =
+      config?.rowActions?.reduce((acc: any, cur: any) => {
+        return [...acc, ...cur.writes]
+      }, []) || []
+    columns.forEach((item: any) => {
+      if (
+        ControlTypeSupportor.getControlType(item) === 'select' ||
+        ControlTypeSupportor.getControlType(item) === 'multiselect'
+      ) {
+        params.push(`mstrucIds=${item.mstrucId}`)
+      }
+    })
+    criteria.forEach((item: any) => {
+      if (
+        ControlTypeSupportor.getControlType(item) === 'select' ||
+        ControlTypeSupportor.getControlType(item) === 'multiselect'
+      ) {
+        params.push(`mstrucIds=${item.mstrucId}`)
+      }
+    })
+    writes.forEach((item: any) => {
+      if (
+        ControlTypeSupportor.getControlType(item) === 'select' ||
+        ControlTypeSupportor.getControlType(item) === 'multiselect'
+      ) {
+        params.push(`mstrucIds=${item.mstrucId}`)
+      }
+    })
+    if (!params.length) return
+    const res = await enums(params.join('&'))
+    enumColumn.value[sourceId] = res.enumMap || {}
+  } catch (error) {
+    console.log('error:', error)
+  }
+}
+// 获取数据
+async function queryList(source: { id: string; title: string }): Promise<Notification | null> {
+  try {
+    const res = await pageConfig(source.id)
+    dtmplConfig.value[source.id] = res.ltmplConfig
+    getEnums(source.id, res.ltmplConfig)
+    const res1 = await pageKey(source.id, '', '') // 获取key
+    const data = await listData(res1.key, 1, 10) // 获取数据
+    return {
+      id: source.id,
+      title: source.title,
+      data: data.entities.map((item: Entities) => {
+        return {
+          type: 'system',
+          read: false,
+          id: item.code,
+          sourceid: source.id,
+          primaryColumn: item.fieldMap[res.ltmplConfig.primaryColumn?.sourceId] || '',
+          primaryColumnConfig: res.ltmplConfig.primaryColumn,
+          primaryColumnLabel: item.fieldMap[res.ltmplConfig.primaryColumnLabel?.sourceId] || '',
+          primaryColumnLabelConfig: res.ltmplConfig.primaryColumnLabel,
+          secondColumn: item.fieldMap[res.ltmplConfig.secondColumn?.sourceId] || '',
+          secondColumnConfig: res.ltmplConfig.secondColumn,
+          secondColumnLabel: item.fieldMap[res.ltmplConfig.secondColumnLabel?.sourceId] || '',
+          secondColumnLabelConfig: res.ltmplConfig.secondColumnLabel,
+          data: item,
+        }
+      }),
+    }
+  } catch (error) {
+    console.error(error)
+    return null
+  }
+}
+
+// 聚合数据
+async function queryListAll() {
+  for (const source of sources.value) {
+    const data = await queryList(source)
+    if (data) {
+      console.log(data)
+      notifications.value?.push(data)
+    }
+  }
+}
+watch(sources, () => {
+  queryListAll()
+})
+
+function getIconColor(type: string) {
+  switch (type) {
+    case 'system':
+      return 'bg-blue-500'
+    case 'department':
+      return 'bg-amber-500'
+    case 'colleague':
+      return 'bg-purple-500'
+    default:
+      return 'bg-slate-500'
+  }
+}
+
+function handleNotificationClick(notification: any) {
+  if (!notification.read) {
+    notification.read = true
+  }
+  gotoDetailPage(notification)
+}
+
+// 跳转列表页面
+function gotoPage(item: Notification) {
+  router.push(`/pages/list/index?sourceId=${item.id}&title=${item.title}`)
+}
+
+// 跳转详情页面
+function gotoDetailPage(item: Data) {
+  router.push(`/pages/notify-handle/index?sourceId=${item.sourceid}&id=${item.id}&title=`)
+
+  // 延迟发送，确保事件被发送
+  setTimeout(() => {
+    uni.$emit('notify-click', {
+      item: dtmplConfig.value[item.sourceid],
+      sourceId: item.sourceid,
+      data: item.data,
+      rowActions: dtmplConfig.value[item.sourceid]?.rowActions,
+      actions: dtmplConfig.value[item.sourceid]?.actions,
+      ractions: dtmplConfig.value[item.sourceid]?.ractions,
+      primaryColumn: dtmplConfig.value[item.sourceid]?.primaryColumn,
+      enumColumn: enumColumn.value[item.sourceid],
+    })
+  }, 100)
+}
+</script>
+
+<template>
+  <view v-if="notifications && notifications.length > 0" class="mb-6 mt-6">
+    <view class="mb-4 flex items-center justify-between">
+      <text class="text-base text-slate-800 font-semibold dark:text-white">
+        {{ languageStore.t('最新消息') }}
+      </text>
+    </view>
+
+    <view v-for="notification in notifications" :key="notification.id" class="space-y-3">
+      <view class="mt-2 flex justify-between text-size-3 color-gray dark:text-white">
+        <view>{{ languageStore.t(notification.title) }}</view>
+        <view
+          @click="
+            () => {
+              gotoPage(notification)
+            }
+          "
+        >
+          {{ languageStore.t('查看全部') }}
+        </view>
+      </view>
+      <button
+        v-for="item in notification.data"
+        :key="item.id"
+        class="w-full flex cursor-pointer items-start gap-3 rounded-xl bg-white p-4 text-left shadow-[0_4px_16px_rgba(99,102,241,0.1)] transition-all duration-200 dark:bg-black hover:shadow-md"
+        :class="{ 'opacity-60': item.read }"
+        @click="handleNotificationClick(item)"
+      >
+        <view
+          :class="getIconColor(item.type)"
+          class="h-10 w-10 flex flex-shrink-0 items-center justify-center rounded-full"
+        >
+          <wd-icon name="notification" size="40rpx" color="#fff" />
+        </view>
+
+        <view class="min-w-0 flex-1">
+          <view class="flex justify-between gap-1">
+            <span class="text-sm text-slate-800 font-medium dark:text-white">
+              {{ formatItemData(item.primaryColumn, ControlTypeSupportor.getControlType(item.primaryColumnConfig)) }}
+            </span>
+            <span class="whitespace-nowrap text-xs text-slate-400 dark:text-gray-300">
+              {{
+                formatItemData(
+                  item.primaryColumnLabel,
+                  ControlTypeSupportor.getControlType(item.primaryColumnLabelConfig)
+                )
+              }}
+            </span>
+          </view>
+          <p class="line-clamp-2 mt-1 text-sm text-slate-500 dark:text-gray-400">
+            <text class="mr-1">
+              {{
+                formatItemData(item.secondColumn, ControlTypeSupportor.getControlType(item.secondColumnConfig || {}))
+              }}
+            </text>
+            <text>
+              {{
+                formatItemData(
+                  item.secondColumnLabel,
+                  ControlTypeSupportor.getControlType(item.secondColumnLabelConfig || {})
+                )
+              }}
+            </text>
+          </p>
+        </view>
+
+        <view v-if="!item.read" class="mt-2 h-2 w-2 flex-shrink-0 rounded-full bg-indigo-500" />
+      </button>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+</style>