af-mobile-client-vue3 1.3.30 → 1.3.32

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 {
-  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>
+<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/external/index.vue

@@ -0,0 +1,152 @@
+<script setup lang="ts">
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import { getPlatformConfig, getPlatformRoutePrefix } from '@af-mobile-client-vue3/types/platform'
+import {
+  Icon as VanIcon,
+} from 'vant'
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const userStore = useUserStore()
+
+const userInfo = computed(() => userStore.getUserInfo())
+const userName = computed(() => userInfo.value?.name || '外部用户')
+const platformType = computed(() => userStore.getPlatformType())
+const platformConfig = computed(() => getPlatformConfig(platformType.value))
+const userDescription = computed(() =>
+  platformConfig.value?.description || '外部系统访问用户',
+)
+
+function goToProfile() {
+  const routePrefix = getPlatformRoutePrefix(platformType.value)
+  router.push(`${routePrefix}/my`)
+}
+</script>
+
+<template>
+  <main class="external_main">
+    <!-- 顶部导航栏 -->
+    <nav class="header_nav">
+      <div class="header_content">
+        <h1 class="main_title">
+          智慧燃气外部系统
+        </h1>
+        <div class="user_section" @click="goToProfile">
+          <VanIcon name="user-o" class="user-icon" />
+        </div>
+      </div>
+    </nav>
+
+    <!-- 主要内容区域 -->
+    <div class="content">
+      <!-- 用户信息卡片 -->
+      <div class="user-card">
+        <div class="user-content">
+          <div class="user-info">
+            <VanIcon name="user-circle-o" size="64" color="#3b82f6" />
+            <h2 class="user-name">
+              {{ userName }}
+            </h2>
+            <p class="user-desc">
+              {{ userDescription }}
+            </p>
+            <p v-if="platformConfig" class="platform-name">
+              {{ platformConfig.name }}
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<style scoped lang="less">
+.external_main {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+
+  .header_nav {
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    padding: 0 16px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+
+    .header_content {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 56px;
+
+      .main_title {
+        font-size: 1.125rem;
+        font-weight: 600;
+        color: #333;
+        margin: 0;
+      }
+
+      .user_section {
+        padding: 8px;
+        cursor: pointer;
+        border-radius: 50%;
+        background: rgba(59, 130, 246, 0.1);
+        transition: all 0.3s ease;
+
+        &:active {
+          background: rgba(59, 130, 246, 0.2);
+        }
+
+        .user-icon {
+          font-size: 20px;
+          color: #3b82f6;
+        }
+      }
+    }
+  }
+
+  .content {
+    padding: 24px 16px;
+    display: flex;
+    justify-content: center;
+
+    .user-card {
+      width: 100%;
+      max-width: 400px;
+      border-radius: 12px;
+      overflow: hidden;
+      background: rgba(255, 255, 255, 0.95);
+      backdrop-filter: blur(10px);
+
+      :deep(.van-card__content) {
+        padding: 32px 24px;
+      }
+
+      .user-content {
+        .user-info {
+          text-align: center;
+
+          .user-name {
+            font-size: 24px;
+            font-weight: 600;
+            color: #333;
+            margin: 16px 0 8px 0;
+          }
+
+          .user-desc {
+            font-size: 14px;
+            color: #666;
+            margin: 0;
+          }
+
+          .platform-name {
+            font-size: 12px;
+            color: #3b82f6;
+            margin: 4px 0 0 0;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/src/views/invoiceShow/index.vue

@@ -1,61 +1,61 @@
-<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>
+<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>