@uxda/appkit 4.3.1 → 4.3.3

package/src/notice/components/NoticeEntry.vue

@@ -1,99 +1,99 @@
-<template>
-  <div class="notice-entry">
-    <img
-      class="notice-entry-img"
-      src="https://cdn.ddjf.com/static/images/loan-manage/notice-icon.png"
-      alt=""
-    />
-    <span>通知</span>
-    <div v-if="noticeShow" class="notice-entry-icon"></div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-import { useHttp } from '../api'
-import { useAppKitOptions } from '../../Appkit'
-import Taro, { useDidShow, showToast } from '@tarojs/taro'
-import debounce from 'lodash-es/debounce'
-
-const props = withDefaults(
-  defineProps<{
-    app: string
-    userId: string
-  }>(),
-  {
-    app: '',
-    userId: '',
-  }
-)
-
-const init = debounce(() => {
-  if (!props.app) {
-    return showToast({
-      title: 'NoticeEntry组件缺少appcode',
-      icon: 'none',
-    })
-  }
-  getNotice()
-}, 300)
-
-init()
-useDidShow(() => {
-  init()
-})
-
-// 通知红点
-const noticeShow = ref(false)
-async function getNotice() {
-  const appkitOptions = useAppKitOptions()
-  const $http = useHttp()
-
-  $http
-    .get('/cas/msg/count-unread', {
-      deviceType: 2,
-      appCode: props.app,
-      tenantId: appkitOptions.tenant(),
-      userId: props.userId,
-    })
-    .then((result: any) => {
-      if (typeof result === 'object') return
-
-      noticeShow.value = result > 0
-    })
-}
-</script>
-
-<style lang="scss">
-.notice-entry {
-  position: absolute;
-  right: 0;
-  top: 120px;
-  min-width: 66px;
-  padding: 0 12px 0 15px;
-  text-align: center;
-  box-sizing: border-box;
-  height: 25px;
-  line-height: 11px;
-  color: #855f0b;
-  font-size: 13px;
-  background: #ffdf68;
-  border-radius: 50px 0 0 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  &-img {
-    width: 20px;
-    height: 20px;
-  }
-  &-icon {
-    position: absolute;
-    background-color: red;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    top: 1px;
-    left: 27px;
-  }
-}
-</style>
+<template>
+  <div class="notice-entry">
+    <img
+      class="notice-entry-img"
+      src="https://cdn.ddjf.com/static/images/loan-manage/notice-icon.png"
+      alt=""
+    />
+    <span>通知</span>
+    <div v-if="noticeShow" class="notice-entry-icon"></div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useHttp } from '../api'
+import { useAppKitOptions } from '../../Appkit'
+import Taro, { useDidShow, showToast } from '@tarojs/taro'
+import debounce from 'lodash-es/debounce'
+
+const props = withDefaults(
+  defineProps<{
+    app: string
+    userId: string
+  }>(),
+  {
+    app: '',
+    userId: '',
+  }
+)
+
+const init = debounce(() => {
+  if (!props.app) {
+    return showToast({
+      title: 'NoticeEntry组件缺少appcode',
+      icon: 'none',
+    })
+  }
+  getNotice()
+}, 300)
+
+init()
+useDidShow(() => {
+  init()
+})
+
+// 通知红点
+const noticeShow = ref(false)
+async function getNotice() {
+  const appkitOptions = useAppKitOptions()
+  const $http = useHttp()
+
+  $http
+    .get('/cas/msg/count-unread', {
+      deviceType: 2,
+      appCode: props.app,
+      tenantId: appkitOptions.tenant(),
+      userId: props.userId,
+    })
+    .then((result: any) => {
+      if (typeof result === 'object') return
+
+      noticeShow.value = result > 0
+    })
+}
+</script>
+
+<style lang="scss">
+.notice-entry {
+  position: absolute;
+  right: 0;
+  top: 120px;
+  min-width: 66px;
+  padding: 0 12px 0 15px;
+  text-align: center;
+  box-sizing: border-box;
+  height: 25px;
+  line-height: 11px;
+  color: #855f0b;
+  font-size: 13px;
+  background: #ffdf68;
+  border-radius: 50px 0 0 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &-img {
+    width: 20px;
+    height: 20px;
+  }
+  &-icon {
+    position: absolute;
+    background-color: red;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    top: 1px;
+    left: 27px;
+  }
+}
+</style>