af-mobile-client-vue3 1.0.94 → 1.0.96

package/src/views/component/XSignatureView/index.vue

@@ -1,50 +1,50 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { Image as VanImage, showToast } from 'vant'
-import XSignature from '@af-mobile-client-vue3/components/data/XSignature/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-
-const signatureImage = ref('')
-
-function handleSave() {
-  showToast('签名已保存')
-}
-
-function handleClear() {
-  showToast('签名已清除')
-}
-</script>
-
-<template>
-  <NormalDataLayout title="签名组件">
-    <template #layout_content>
-      基础使用
-      <div class="signature-demo">
-        <XSignature v-model="signatureImage" @save="handleSave" @clear="handleClear" />
-        <div v-if="signatureImage" class="preview">
-          <h3>预览签名</h3>
-          <VanImage v-if="signatureImage" :src="signatureImage" />
-        </div>
-      </div>
-    </template>
-  </NormalDataLayout>
-</template>
-
-<style scoped lang="less">
-.signature-demo {
-  padding: 16px;
-  .preview {
-    margin-top: 20px;
-    h3 {
-      margin: 0 0 10px;
-      font-size: 16px;
-      color: #323233;
-    }
-    img {
-      max-width: 100%;
-      border: 1px solid #ebedf0;
-      border-radius: 8px;
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+import XSignature from '@af-mobile-client-vue3/components/data/XSignature/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+import { showToast, Image as VanImage } from 'vant'
+import { ref } from 'vue'
+
+const signatureImage = ref('')
+
+function handleSave() {
+  showToast('签名已保存')
+}
+
+function handleClear() {
+  showToast('签名已清除')
+}
+</script>
+
+<template>
+  <NormalDataLayout title="签名组件">
+    <template #layout_content>
+      基础使用
+      <div class="signature-demo">
+        <XSignature v-model="signatureImage" @save="handleSave" @clear="handleClear" />
+        <div v-if="signatureImage" class="preview">
+          <h3>预览签名</h3>
+          <VanImage v-if="signatureImage" :src="signatureImage" />
+        </div>
+      </div>
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+.signature-demo {
+  padding: 16px;
+  .preview {
+    margin-top: 20px;
+    h3 {
+      margin: 0 0 10px;
+      font-size: 16px;
+      color: #323233;
+    }
+    img {
+      max-width: 100%;
+      border: 1px solid #ebedf0;
+      border-radius: 8px;
+    }
+  }
+}
+</style>

package/src/views/component/index.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
+import { indexedDB } from '@af-mobile-client-vue3/utils/indexedDB'
 import {
+  showToast,
   Cell as VanCell,
   List as VanList,
-  showToast,
 } from 'vant'
-import { indexedDB } from '@af-mobile-client-vue3/utils/indexedDB'
-import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
+import { ref } from 'vue'
 
 // 列表详情页的路由  '/Component/XCellDetailView/:id'
 const list = ref([

package/src/views/component/menu.vue

@@ -1,117 +1,117 @@
-<script setup lang="ts">
-import { getImageUrl } from '@af-mobile-client-vue3/utils/common'
-import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
-import {
-  Grid as VanGrid,
-  GridItem as VanGridItem,
-  Swipe as VanSwipe,
-  SwipeItem as VanSwipeItem,
-} from 'vant/es'
-
-const apps = {
-  测试图标1: {
-    remark: '测试图标1',
-    icon: 'assets/img/apps/safe-check-web.png',
-  },
-  测试图标2: {
-    remark: '报装',
-    icon: 'assets/img/apps/apply-web.png',
-  },
-  测试图标3: {
-    remark: '营收',
-    icon: 'assets/img/apps/revenue-web.png',
-  },
-  测试图标4: {
-    remark: '物联网表',
-    icon: 'assets/img/apps/iot-web.png',
-  },
-}
-
-const images = [
-  '../assets/img/home/banner1.png',
-  '../assets/img/home/banner2.png',
-  '../assets/img/home/banner3.png',
-  '../assets/img/home/banner4.png',
-]
-
-interface Func {
-  link: string
-  navigate?: string
-  module: any
-  name: string
-  children?: Array<Func>
-}
-
-interface App {
-  module: Func
-  icon: string
-}
-
-function initAppMenu(func: Array<Func> | undefined) {
-  const functions = []
-  if (func && func.length > 0) {
-    for (let index = 0; index < func.length; index++) {
-      const module = func[index]
-      const app = apps[module.link]
-      if (app) {
-        functions.push({
-          module,
-          icon: app.icon,
-        })
-      }
-    }
-    return functions
-  }
-  return []
-}
-
-const appList: Array<App> = initAppMenu(useUserStore().getUserInfo().functions)
-console.warn(appList)
-</script>
-
-<template>
-  <div class="menu_main">
-    <VanSwipe class="my-swipe" :autoplay="3000" lazy-render>
-      <VanSwipeItem v-for="image in images" :key="image">
-        <img :src="getImageUrl(image)" width="100%" height="100%">
-      </VanSwipeItem>
-    </VanSwipe>
-    <VanGrid :border="false">
-      <VanGridItem v-for="app in appList" :key="app.module.link" :to="`app/${app.module.link}`">
-        <img class="app_icon" :src="getImageUrl(app.icon, '../')">
-        <span class="app_title">{{ app.module.name }}</span>
-      </VanGridItem>
-    </VanGrid>
-  </div>
-</template>
-
-<style scoped lang="less">
-.menu_main {
-  margin-bottom: var(--base-interval-2)
-}
-
-.my-swipe {
-  margin-bottom: 4px;
-
-  img {
-    border-radius: 4px;
-  }
-}
-
-:deep(.van-swipe__indicator--active) {
-  width: 16px;
-  background: #fff;
-  border-radius: 16px;
-}
-
-.app_icon {
-  width: 42px;
-  height: 42px;
-  margin-bottom: 6px;
-}
-
-.app_title {
-  font-size: 12px;
-  color: #000;
-}
-</style>
+<script setup lang="ts">
+import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
+import { getImageUrl } from '@af-mobile-client-vue3/utils/common'
+import {
+  Grid as VanGrid,
+  GridItem as VanGridItem,
+  Swipe as VanSwipe,
+  SwipeItem as VanSwipeItem,
+} from 'vant/es'
+
+const apps = {
+  测试图标1: {
+    remark: '测试图标1',
+    icon: 'assets/img/apps/safe-check-web.png',
+  },
+  测试图标2: {
+    remark: '报装',
+    icon: 'assets/img/apps/apply-web.png',
+  },
+  测试图标3: {
+    remark: '营收',
+    icon: 'assets/img/apps/revenue-web.png',
+  },
+  测试图标4: {
+    remark: '物联网表',
+    icon: 'assets/img/apps/iot-web.png',
+  },
+}
+
+const images = [
+  '../assets/img/home/banner1.png',
+  '../assets/img/home/banner2.png',
+  '../assets/img/home/banner3.png',
+  '../assets/img/home/banner4.png',
+]
+
+interface Func {
+  link: string
+  navigate?: string
+  module: any
+  name: string
+  children?: Array<Func>
+}
+
+interface App {
+  module: Func
+  icon: string
+}
+
+function initAppMenu(func: Array<Func> | undefined) {
+  const functions = []
+  if (func && func.length > 0) {
+    for (let index = 0; index < func.length; index++) {
+      const module = func[index]
+      const app = apps[module.link]
+      if (app) {
+        functions.push({
+          module,
+          icon: app.icon,
+        })
+      }
+    }
+    return functions
+  }
+  return []
+}
+
+const appList: Array<App> = initAppMenu(useUserStore().getUserInfo().functions)
+console.warn(appList)
+</script>
+
+<template>
+  <div class="menu_main">
+    <VanSwipe class="my-swipe" :autoplay="3000" lazy-render>
+      <VanSwipeItem v-for="image in images" :key="image">
+        <img :src="getImageUrl(image)" width="100%" height="100%">
+      </VanSwipeItem>
+    </VanSwipe>
+    <VanGrid :border="false">
+      <VanGridItem v-for="app in appList" :key="app.module.link" :to="`app/${app.module.link}`">
+        <img class="app_icon" :src="getImageUrl(app.icon, '../')">
+        <span class="app_title">{{ app.module.name }}</span>
+      </VanGridItem>
+    </VanGrid>
+  </div>
+</template>
+
+<style scoped lang="less">
+.menu_main {
+  margin-bottom: var(--base-interval-2)
+}
+
+.my-swipe {
+  margin-bottom: 4px;
+
+  img {
+    border-radius: 4px;
+  }
+}
+
+:deep(.van-swipe__indicator--active) {
+  width: 16px;
+  background: #fff;
+  border-radius: 16px;
+}
+
+.app_icon {
+  width: 42px;
+  height: 42px;
+  margin-bottom: 6px;
+}
+
+.app_title {
+  font-size: 12px;
+  color: #000;
+}
+</style>

package/src/views/component/notice.vue

@@ -1,46 +1,46 @@
-<script setup lang="ts">
-import { getImageUrl } from '@af-mobile-client-vue3/utils/common'
-import {
-  Divider as VanDivider,
-  NoticeBar as VanNoticeBar,
-} from 'vant/es'
-</script>
-
-<template>
-  <div>
-    <VanNoticeBar class="notice" color="#1989fa" background="#ebf2fb" mode="link">
-      <img class="notice_icon" :src="getImageUrl('../assets/img/home/notice/icon.png')">
-      <span class="notice_title">
-        消息中心<VanDivider vertical :style="{ borderColor: '#1989fa' }" />
-      </span>
-      <span class="notice_content">
-        您有0条未读消息
-      </span>
-    </VanNoticeBar>
-  </div>
-</template>
-
-<style scoped lang="less">
-.notice {
-  font-size: 14px;
-  margin-bottom: var(--base-interval-1);
-  .notice_icon {
-    width: 30px;
-    height: 30px;
-    vertical-align: middle;
-    position: relative;
-    bottom: 2px;
-  }
-  .notice_title {
-    padding-left: 4px;
-    line-height: 50px;
-  }
-  .notice_content {
-    color: #000;
-  }
-}
-:deep(.van-notice-bar) {
-  height: 50px;
-  padding: 0 8px;
-}
-</style>
+<script setup lang="ts">
+import { getImageUrl } from '@af-mobile-client-vue3/utils/common'
+import {
+  Divider as VanDivider,
+  NoticeBar as VanNoticeBar,
+} from 'vant/es'
+</script>
+
+<template>
+  <div>
+    <VanNoticeBar class="notice" color="#1989fa" background="#ebf2fb" mode="link">
+      <img class="notice_icon" :src="getImageUrl('../assets/img/home/notice/icon.png')">
+      <span class="notice_title">
+        消息中心<VanDivider vertical :style="{ borderColor: '#1989fa' }" />
+      </span>
+      <span class="notice_content">
+        您有0条未读消息
+      </span>
+    </VanNoticeBar>
+  </div>
+</template>
+
+<style scoped lang="less">
+.notice {
+  font-size: 14px;
+  margin-bottom: var(--base-interval-1);
+  .notice_icon {
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+    position: relative;
+    bottom: 2px;
+  }
+  .notice_title {
+    padding-left: 4px;
+    line-height: 50px;
+  }
+  .notice_content {
+    color: #000;
+  }
+}
+:deep(.van-notice-bar) {
+  height: 50px;
+  padding: 0 8px;
+}
+</style>

package/src/views/component/topNav.vue

@@ -1,36 +1,36 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import {
-  Col as VanCol,
-  Row as VanRow,
-  Search as VanSearch,
-} from 'vant/es'
-
-const value = ref('')
-</script>
-
-<template>
-  <div class="top_nav_main">
-    <VanRow gutter="54" align="center">
-      <VanCol span="2">
-        <img alt="default-user-profile" class="default_user_profile" src="../../assets/common/default-user-profile.png">
-      </VanCol>
-      <VanCol span="22">
-        <VanSearch v-model="value" placeholder="请输入搜索关键词" />
-      </VanCol>
-    </VanRow>
-  </div>
-</template>
-
-<style scoped lang="less">
-.top_nav_main {
-  padding-bottom: var(--base-interval-1);
-}
-.default_user_profile {
-  border-radius: 50%;
-  width: 33px;
-  height: 33px;
-  position: relative;
-  top: 2px;
-}
-</style>
+<script setup lang="ts">
+import {
+  Col as VanCol,
+  Row as VanRow,
+  Search as VanSearch,
+} from 'vant/es'
+import { ref } from 'vue'
+
+const value = ref('')
+</script>
+
+<template>
+  <div class="top_nav_main">
+    <VanRow gutter="54" align="center">
+      <VanCol span="2">
+        <img alt="default-user-profile" class="default_user_profile" src="../../assets/common/default-user-profile.png">
+      </VanCol>
+      <VanCol span="22">
+        <VanSearch v-model="value" placeholder="请输入搜索关键词" />
+      </VanCol>
+    </VanRow>
+  </div>
+</template>
+
+<style scoped lang="less">
+.top_nav_main {
+  padding-bottom: var(--base-interval-1);
+}
+.default_user_profile {
+  border-radius: 50%;
+  width: 33px;
+  height: 33px;
+  position: relative;
+  top: 2px;
+}
+</style>

package/src/views/invoiceShow/index.vue

@@ -1,62 +1,61 @@
-<script setup lang="ts">
-import { Loading as VanLoading, showDialog } from 'vant'
-import { useRoute } from 'vue-router'
-import { onMounted, ref } from 'vue'
-import { http } from '@af-mobile-client-vue3/utils/http'
-
-// 获取url中的sellid参数
-const route = useRoute()
-const sellid = route.query.sellid
-const showLoading = ref(true)
-
-onMounted(async () => {
-  if (sellid) {
-    http.request({
-      url: '/invoice/rs/logic/getInvoiceBySellId',
-      method: 'post',
-      data: {
-        sellid,
-      }
-      ,
-    }).then((_res: any) => {
-      showLoading.value = false
-      if (_res.type === 'success') {
-        if (_res.url)
-          window.open(_res.url)
-      }
-      else {
-        showDialog({
-          message: _res.msg,
-          theme: 'round-button',
-          showConfirmButton: false,
-        }).then(() => {
-          // on close
-        })
-      }
-    })
-  }
-})
-</script>
-
-<template>
-  <div class="invoiceShow">
-    <VanLoading v-if="showLoading" type="spinner" color="#1989fa" vertical>
-      正在努力获取发票信息，请稍后。。。
-    </VanLoading>
-  </div>
-</template>
-
-<style scoped lang="less">
-.invoiceShow {
-  width: 100vw !important;
-  height: 100vh !important;
-  overflow-y: hidden;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.invoiceShow > * {
-  transform: scale(1.5);
-}
-</style>
+<script setup lang="ts">
+import { http } from '@af-mobile-client-vue3/utils/http'
+import { showDialog, Loading as VanLoading } from 'vant'
+import { onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+// 获取url中的sellid参数
+const route = useRoute()
+const sellid = route.query.sellid
+const showLoading = ref(true)
+
+onMounted(async () => {
+  if (sellid) {
+    http.request({
+      url: '/invoice/rs/logic/getInvoiceBySellId',
+      method: 'post',
+      data: {
+        sellid,
+      },
+    }).then((_res: any) => {
+      showLoading.value = false
+      if (_res.type === 'success') {
+        if (_res.url)
+          window.open(_res.url)
+      }
+      else {
+        showDialog({
+          message: _res.msg,
+          theme: 'round-button',
+          showConfirmButton: false,
+        }).then(() => {
+          // on close
+        })
+      }
+    })
+  }
+})
+</script>
+
+<template>
+  <div class="invoiceShow">
+    <VanLoading v-if="showLoading" type="spinner" color="#1989fa" vertical>
+      正在努力获取发票信息，请稍后。。。
+    </VanLoading>
+  </div>
+</template>
+
+<style scoped lang="less">
+.invoiceShow {
+  width: 100vw !important;
+  height: 100vh !important;
+  overflow-y: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.invoiceShow > * {
+  transform: scale(1.5);
+}
+</style>