update

.eslintrc-auto-import.json

@@ -81,6 +81,8 @@
     "refThrottled": true,
     "refWithControl": true,
     "resolveComponent": true,
+    "resolveRef": true,
+    "resolveUnref": true,
     "shallowReactive": true,
     "shallowReadonly": true,
     "shallowRef": true,
@@ -108,6 +110,7 @@
     "useAttrs": true,
     "useBase64": true,
     "useBattery": true,
+    "useBluetooth": true,
     "useBreakpoints": true,
     "useBroadcastChannel": true,
     "useBrowserLocation": true,
@@ -146,6 +149,7 @@
     "useEyeDropper": true,
     "useFavicon": true,
     "useFetch": true,
+    "useFileDialog": true,
     "useFileSystemAccess": true,
     "useFocus": true,
     "useFocusWithin": true,
@@ -154,6 +158,7 @@
     "useGamepad": true,
     "useGeolocation": true,
     "useIdle": true,
+    "useImage": true,
     "useInfiniteScroll": true,
     "useIntersectionObserver": true,
     "useInterval": true,
@@ -175,6 +180,7 @@
     "useNavigatorLanguage": true,
     "useNetwork": true,
     "useNow": true,
+    "useObjectUrl": true,
     "useOffsetPagination": true,
     "useOnline": true,
     "usePageLeave": true,
@@ -200,12 +206,14 @@
     "useSlots": true,
     "useSpeechRecognition": true,
     "useSpeechSynthesis": true,
+    "useStepper": true,
     "useStorage": true,
     "useStorageAsync": true,
     "useStyleTag": true,
     "useSwipe": true,
     "useTemplateRefsList": true,
     "useTextSelection": true,
+    "useTextareaAutosize": true,
     "useThrottle": true,
     "useThrottleFn": true,
     "useThrottledRefHistory": true,
@@ -232,6 +240,7 @@
     "useWindowScroll": true,
     "useWindowSize": true,
     "watch": true,
+    "watchArray": true,
     "watchAtMost": true,
     "watchDebounced": true,
     "watchEffect": true,
@@ -241,6 +250,7 @@
     "watchPostEffect": true,
     "watchSyncEffect": true,
     "watchThrottled": true,
+    "watchTriggerable": true,
     "watchWithFilter": true,
     "whenever": true
   }

auto-imports.d.ts

@@ -82,6 +82,8 @@ declare global {
   const refThrottled: typeof import('@vueuse/core')['refThrottled']
   const refWithControl: typeof import('@vueuse/core')['refWithControl']
   const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveRef: typeof import('@vueuse/core')['resolveRef']
+  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
@@ -109,6 +111,7 @@ declare global {
   const useAttrs: typeof import('vue')['useAttrs']
   const useBase64: typeof import('@vueuse/core')['useBase64']
   const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
   const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
   const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
@@ -147,6 +150,7 @@ declare global {
   const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
   const useFavicon: typeof import('@vueuse/core')['useFavicon']
   const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
   const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
   const useFocus: typeof import('@vueuse/core')['useFocus']
   const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
@@ -155,6 +159,7 @@ declare global {
   const useGamepad: typeof import('@vueuse/core')['useGamepad']
   const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
   const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useImage: typeof import('@vueuse/core')['useImage']
   const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
   const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
   const useInterval: typeof import('@vueuse/core')['useInterval']
@@ -176,6 +181,7 @@ declare global {
   const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
   const useNetwork: typeof import('@vueuse/core')['useNetwork']
   const useNow: typeof import('@vueuse/core')['useNow']
+  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
   const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
   const useOnline: typeof import('@vueuse/core')['useOnline']
   const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
@@ -201,12 +207,14 @@ declare global {
   const useSlots: typeof import('vue')['useSlots']
   const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
   const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStepper: typeof import('@vueuse/core')['useStepper']
   const useStorage: typeof import('@vueuse/core')['useStorage']
   const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
   const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
   const useSwipe: typeof import('@vueuse/core')['useSwipe']
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
   const useThrottle: typeof import('@vueuse/core')['useThrottle']
   const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
   const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
@@ -233,6 +241,7 @@ declare global {
   const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
   const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
   const watch: typeof import('vue')['watch']
+  const watchArray: typeof import('@vueuse/core')['watchArray']
   const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
   const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
   const watchEffect: typeof import('vue')['watchEffect']
@@ -242,6 +251,7 @@ declare global {
   const watchPostEffect: typeof import('vue')['watchPostEffect']
   const watchSyncEffect: typeof import('vue')['watchSyncEffect']
   const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
   const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
   const whenever: typeof import('@vueuse/core')['whenever']
 }

src/modules/query/components/LicenseeView.vue

@@ -12,9 +12,11 @@ interface licenseeList {
 const dataset = reactive<licenseeList>({ loading: false, page: 1, total: 0, list: [] })
 const hasMore = ref(false)
 
+const props = defineProps<{ type: string }>()
+
 // 获取持证人列表
 const handleLicenseList = () => {
-  const params = { page_size: 10, page: dataset.page }
+  const params = { page_size: 10, page: dataset.page, type: props.type }
   dataset.loading = true
   api
     .getLicenseList(params)
@@ -58,7 +60,7 @@ onMounted(() => {
         <div class="img_top">
           <img class="img" :src="item.avatar" />
         </div>
-        <div class="img_bottom">
+        <div :class="props.type === 'paa' ? 'img_bottom bg' : 'img_bottom'">
           <div class="img_bottom_people">{{ item.batch_name }}</div>
           <div class="img_bottom_name">{{ item.name }}</div>
           <div class="img_bottom_cardnum">证书编号</div>
@@ -71,9 +73,9 @@ onMounted(() => {
 </template>
 <style lang="scss" scoped>
 .main_content {
-  padding: 0.45rem 0.2rem 0 0.31rem;
+  padding: 0.2rem 0.2rem 0 0.31rem;
   background: #ffffff;
-  border-radius: 0.2rem;
+  border-radius: 0 0 0.2rem;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
@@ -105,7 +107,10 @@ onMounted(() => {
       padding-top: 0.15rem;
       background: url(https://webapp-pub.ezijing.com/prp_h5/license_bg.png) no-repeat;
       background-size: contain;
-
+      &.bg {
+        background: url(https://webapp-pub.ezijing.com/prp_h5/license_bg2.png) no-repeat;
+        background-size: contain;
+      }
       .img_bottom_people {
         font-size: 0.24rem;
         font-weight: 400;

src/modules/query/views/Index.vue

@@ -17,23 +17,36 @@ onMounted(() => {
     active.value = 2
   }
 })
+
+const activeChild: any = ref(0)
 </script>
 
 <template>
   <AppContainer title="权益查看">
-    <van-tabs
-      v-model:active="active"
-      shrink
-      background="transparent"
-      title-active-color="#033974"
-      title-inactive-color="#4E4E4E"
-      line-height="0"
-    >
-      <van-tab title="名片查询&nbsp;&nbsp;&nbsp;｜"><BusinessCardQuery /> </van-tab>
-      <van-tab title="证书查询&nbsp;&nbsp;&nbsp;｜"> <CertificateQuery /></van-tab>
+    <div class="query-box">
+      <van-tabs
+        v-model:active="active"
+        shrink
+        background="transparent"
+        title-active-color="#033974"
+        title-inactive-color="#4E4E4E"
+        line-height="0"
+      >
+        <van-tab title="名片查询&nbsp;&nbsp;&nbsp;｜"><BusinessCardQuery /> </van-tab>
+        <van-tab title="证书查询&nbsp;&nbsp;&nbsp;｜"> <CertificateQuery /></van-tab>
 
-      <van-tab title="&nbsp;持证人查看"><LicenseeView /> </van-tab>
-    </van-tabs>
+        <van-tab title="&nbsp;持证人查看">
+          <van-tabs v-model="activeChild" swipeable>
+            <van-tab title="PRP">
+              <LicenseeView type="prp" />
+            </van-tab>
+            <van-tab title="PAA">
+              <LicenseeView type="paa"/>
+            </van-tab>
+          </van-tabs>
+        </van-tab>
+      </van-tabs>
+    </div>
   </AppContainer>
 </template>
 <style lang="scss" scoped>
@@ -42,4 +55,9 @@ onMounted(() => {
   font-weight: 400;
   color: #868686;
 }
+// .query-box {
+// }
+:deep(.van-tabs__line) {
+  background-color: rgb(3, 57, 116) !important;
+}
 </style>