@uxda/appkit 4.2.0 → 4.2.4

package/src/user/components/LoginSetting.vue

@@ -1,114 +1,114 @@
-<template>
-  <div class="login-setting" :style="style" v-if="show && showLoginRule">
-    <img
-      class="login-setting-img"
-      src="https://cdn.ddjf.com/static/images/nutshell/empty-permission.png"
-    />
-    <div class="login-setting-text">
-      {{ loginRuleTip }}
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, onMounted } from 'vue'
-import { useHttp } from '../api'
-import { useAppKitOptions } from '../../Appkit'
-import { useSafeArea } from '../../shared/composables'
-import { useDidShow } from '@tarojs/taro'
-import debounce from 'lodash-es/debounce'
-
-const props = withDefaults(
-  defineProps<{
-    app: string
-    withTabbar?: boolean
-    withNavbar?: boolean
-    show?: boolean
-  }>(),
-  {
-    app: '',
-    withTabbar: false,
-    withNavbar: false,
-    show: true,
-  }
-)
-
-const safeArea = useSafeArea()
-const showLoginRule = ref<boolean>(false)
-const loginRuleTip = ref('')
-
-const style = computed(() => {
-  let str = ''
-  if (props.withTabbar) {
-    str += `bottom: ${safeArea.menuRect.bottom + 5}px;`
-  }
-  if (props.withNavbar) {
-    str += `top: ${safeArea.nav + safeArea.status + 5}px;`
-  }
-  return str
-})
-
-onMounted(() => {
-  checkLoginTimeRule()
-})
-useDidShow(() => {
-  checkLoginTimeRule()
-})
-
-// 检验登录时间
-const checkLoginTimeRule = debounce(() => {
-  const appkitOptions = useAppKitOptions()
-
-  const $http = useHttp()
-  $http
-    .post('/cas/sysUser/checkLoginTimeRule', {
-      appCode: props.app || appkitOptions.app(),
-      tenantId: appkitOptions.tenant(),
-      device: 'mini',
-    })
-    .then((result: any) => {
-      if (result === true) {
-        showLoginRule.value = false
-        loginRuleTip.value = ''
-        emits('show', loginRuleTip.value)
-        return
-      } else if (result.status) {
-        showLoginRule.value = true
-        loginRuleTip.value = result.message
-        emits('show', loginRuleTip.value)
-      }
-    })
-}, 100)
-
-// 父组件事件
-const emits = defineEmits(['show'])
-</script>
-
-<style lang="scss">
-.login-setting {
-  position: fixed;
-  z-index: 4;
-  left: 12px;
-  top: 10px;
-  bottom: 10px;
-  align-items: center;
-  width: calc(100% - 24px);
-  background: #ffffff;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-  &-img {
-    margin-top: 50%;
-    height: 111px;
-    width: 198px;
-  }
-  &-text {
-    margin-top: 10px;
-    color: #353535;
-    opacity: 0.4;
-    font-size: 12px;
-    padding: 0 30px;
-    text-align: center;
-  }
-}
-</style>
+<template>
+  <div class="login-setting" :style="style" v-if="show && showLoginRule">
+    <img
+      class="login-setting-img"
+      src="https://cdn.ddjf.com/static/images/nutshell/empty-permission.png"
+    />
+    <div class="login-setting-text">
+      {{ loginRuleTip }}
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted } from 'vue'
+import { useHttp } from '../api'
+import { useAppKitOptions } from '../../Appkit'
+import { useSafeArea } from '../../shared/composables'
+import { useDidShow } from '@tarojs/taro'
+import debounce from 'lodash-es/debounce'
+
+const props = withDefaults(
+  defineProps<{
+    app: string
+    withTabbar?: boolean
+    withNavbar?: boolean
+    show?: boolean
+  }>(),
+  {
+    app: '',
+    withTabbar: false,
+    withNavbar: false,
+    show: true,
+  }
+)
+
+const safeArea = useSafeArea()
+const showLoginRule = ref<boolean>(false)
+const loginRuleTip = ref('')
+
+const style = computed(() => {
+  let str = ''
+  if (props.withTabbar) {
+    str += `bottom: ${safeArea.menuRect.bottom + 5}px;`
+  }
+  if (props.withNavbar) {
+    str += `top: ${safeArea.nav + safeArea.status + 5}px;`
+  }
+  return str
+})
+
+onMounted(() => {
+  checkLoginTimeRule()
+})
+useDidShow(() => {
+  checkLoginTimeRule()
+})
+
+// 检验登录时间
+const checkLoginTimeRule = debounce(() => {
+  const appkitOptions = useAppKitOptions()
+
+  const $http = useHttp()
+  $http
+    .post('/cas/sysUser/checkLoginTimeRule', {
+      appCode: props.app || appkitOptions.app(),
+      tenantId: appkitOptions.tenant(),
+      device: 'mini',
+    })
+    .then((result: any) => {
+      if (result === true) {
+        showLoginRule.value = false
+        loginRuleTip.value = ''
+        emits('show', loginRuleTip.value)
+        return
+      } else if (result.status) {
+        showLoginRule.value = true
+        loginRuleTip.value = result.message
+        emits('show', loginRuleTip.value)
+      }
+    })
+}, 100)
+
+// 父组件事件
+const emits = defineEmits(['show'])
+</script>
+
+<style lang="scss">
+.login-setting {
+  position: fixed;
+  z-index: 4;
+  left: 12px;
+  top: 10px;
+  bottom: 10px;
+  align-items: center;
+  width: calc(100% - 24px);
+  background: #ffffff;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  &-img {
+    margin-top: 50%;
+    height: 111px;
+    width: 198px;
+  }
+  &-text {
+    margin-top: 10px;
+    color: #353535;
+    opacity: 0.4;
+    font-size: 12px;
+    padding: 0 30px;
+    text-align: center;
+  }
+}
+</style>