af-mobile-client-vue3 1.4.54 → 1.4.56

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/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>

package/src/views/user/login/index.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts">
-import ForgetPasswordForm from './ForgetPasswordForm.vue'
-import LoginForm from './LoginForm.vue'
-import LoginTitle from './LoginTitle.vue'
-</script>
-
-<template>
-  <div class="login_container">
-    <LoginTitle />
-    <LoginForm />
-    <ForgetPasswordForm />
-  </div>
-</template>
-
-<style scoped lang="less">
-.login_container {
-  height: 100vh;
-  padding-top: 10px;
-  background: var(--van-background-2);
-  position: relative;
-}
-</style>
+<script setup lang="ts">
+import ForgetPasswordForm from './ForgetPasswordForm.vue'
+import LoginForm from './LoginForm.vue'
+import LoginTitle from './LoginTitle.vue'
+</script>
+
+<template>
+  <div class="login_container">
+    <LoginTitle />
+    <LoginForm />
+    <ForgetPasswordForm />
+  </div>
+</template>
+
+<style scoped lang="less">
+.login_container {
+  height: 100vh;
+  padding-top: 10px;
+  background: var(--van-background-2);
+  position: relative;
+}
+</style>

package/vite.config.ts

@@ -65,7 +65,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
           rewrite: path => path.replace(/^\/linepatrol\/geoserver/, '/geoserver'),
         },
         // MateChat 聊天 API 代理
-        '/api/v1/chat/completions': {
+        '/api/fastApi': {
+          rewrite: (path: string) => path.replace(/^\/api\/fastApi/, '/api'),
           target: 'http://k8s.aofengcloud.com:32202',
           ws: false,
           changeOrigin: true,

package/src/components/common/MateChat/MateChat.vue

@@ -1,248 +0,0 @@
-<script setup lang="ts">
-import liuliLogo from '@af-mobile-client-vue3/assets/img/component/liuli.png'
-import userAvatarImg from '@af-mobile-client-vue3/components/common/MateChat/assets/035-avatar-13.svg'
-import MateChatHeader from '@af-mobile-client-vue3/components/common/MateChat/components/MateChatHeader.vue'
-import { PromptList } from '@af-mobile-client-vue3/components/common/MateChat/components/PromptList'
-// MateChat ai 对话相关
-import { Button as VanButton } from 'vant'
-import { defineProps, toRefs, withDefaults } from 'vue'
-import { useMateChat } from './useMateChat'
-import 'vant/es/image-preview/style'
-
-interface MateChatPromptItem {
-  value: string
-  label: string
-  iconConfig?: {
-    name: string
-    color?: string
-  }
-  desc?: string
-}
-
-interface MateChatProps {
-  /**
-   * 介绍文案，不传或为空数组时不展示 McIntroduction
-   */
-  description?: string[]
-  /**
-   * 首屏推荐问题列表
-   */
-  introPrompt?: MateChatPromptItem[]
-  /**
-   * 底部快捷问题列表
-   */
-  simplePrompt?: MateChatPromptItem[]
-  /**
-   * 客服名称，默认：智能能客服
-   */
-  serviceName?: string
-  /**
-   * 是否使用流式对话
-   */
-  useStream?: boolean
-}
-
-const props = withDefaults(defineProps<MateChatProps>(), {
-  description: () => [],
-  introPrompt: () => [],
-  simplePrompt: () => [],
-  serviceName: '智能客服',
-  useStream: false,
-})
-
-const { description, introPrompt, simplePrompt, serviceName, useStream } = toRefs(props)
-
-const {
-  startPage,
-  inputValue,
-  messages,
-  newConversation,
-  onSubmit,
-} = useMateChat({
-  useStream: useStream.value,
-})
-</script>
-
-<template>
-  <div id="mate-chat-view">
-    <McLayout class="chat-card">
-      <MateChatHeader
-        v-if="!startPage"
-        :logo-image="liuliLogo"
-        :title="serviceName"
-      />
-      <McLayoutContent
-        v-if="startPage"
-        style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px"
-      >
-        <McIntroduction
-          v-if="description && description.length"
-          :logo-img="liuliLogo"
-          :title="serviceName"
-          :sub-title="`Hi，我是${serviceName}`"
-          :description="description"
-          class="McIntroduction"
-        />
-        <PromptList
-          v-if="introPrompt && introPrompt.length"
-          :list="introPrompt"
-          @item-click="onSubmit($event.label)"
-        />
-      </McLayoutContent>
-      <McLayoutContent v-else class="content-container">
-        <template v-for="(msg, idx) in messages" :key="idx">
-          <McBubble
-            v-if="msg.from === 'user'"
-            :content="msg.content"
-            align="right"
-            :avatar-config="{ imgSrc: userAvatarImg }"
-          />
-          <McBubble
-            v-else-if="msg.from === 'service'"
-            :content="msg.content"
-            :avatar-config="{ imgSrc: userAvatarImg }"
-          />
-          <McBubble v-else :content="msg.content" :avatar-config="{ imgSrc: liuliLogo }" :loading="msg.loading">
-            <McMarkdownCard
-              :content="msg.content"
-              :typing="!useStream"
-            />
-          </McBubble>
-        </template>
-      </McLayoutContent>
-      <div class="shortcut" style="display: flex; align-items: center; gap: 8px">
-        <PromptList
-          v-if="!startPage && simplePrompt && simplePrompt.length"
-          :list="simplePrompt"
-          direction="horizontal"
-          class="shortcut-prompt"
-          style="flex: 1"
-          @item-click="onSubmit($event.label)"
-        />
-        <VanButton
-          style="margin-left: auto"
-          icon="add"
-          title="新建对话"
-          size="small"
-          round
-          @click="newConversation"
-        />
-      </div>
-      <McLayoutSender>
-        <McInput
-          :value="inputValue"
-          placeholder="请输入您的问题，我会为您解答"
-          :max-length="2000"
-          @change="(e) => (inputValue = e)"
-          @submit="onSubmit"
-        />
-      </McLayoutSender>
-    </McLayout>
-  </div>
-</template>
-
-<style scoped lang="less">
-#mate-chat-view {
-  /* 外层渐变背景容器 */
-  width: 100%;
-  min-height: 100vh;
-  background: linear-gradient(to bottom, #a8f0ed 0%, #a8e6cf 8%, #c5b3ff 12%, #e0b3ff 40%, #fff4b8 60%, #ffb8d1 90%);
-  /* background: linear-gradient(to bottom, #d0c9ff 0%, #e6d6f0 8%, #f1dbea 12%, #c8dcfb 40%, #abc6f6 60%, #87aefe 90%); */
-  padding: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  box-sizing: border-box;
-
-  /* 中间白色圆角卡片 */
-  .chat-card {
-    width: 100%;
-    max-width: 1200px;
-    height: calc(100vh - 40px);
-    background: #ffffff;
-    border-radius: 24px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    transition: all 0.3s ease;
-    padding: 20px;
-    gap: 8px;
-  }
-
-  .chat-card:hover {
-    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.2);
-  }
-
-  /* 移动端适配 */
-  @media (max-width: 768px) {
-    padding: 8px;
-    .chat-card {
-      height: calc(100vh - 16px);
-      border-radius: 16px;
-      padding: 8px;
-    }
-  }
-
-  .content-container {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    overflow: auto;
-  }
-
-  .input-foot-wrapper {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    margin-right: 8px;
-
-    .input-foot-left {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-
-      span {
-        font-size: 14px;
-        line-height: 18px;
-        color: #252b3a;
-        cursor: pointer;
-      }
-
-      .input-foot-dividing-line {
-        width: 1px;
-        height: 14px;
-        background-color: #d7d8da;
-      }
-
-      .input-foot-maxlength {
-        font-size: 14px;
-        color: #71757f;
-      }
-    }
-
-    .input-foot-right {
-      .demo-button-content {
-        font-size: 14px;
-      }
-
-      & > *:not(:first-child) {
-        margin-left: 8px;
-      }
-    }
-  }
-  :deep(.mc-header-logo-container img) {
-    width: 32px;
-    height: 32px;
-  }
-
-  .McIntroduction {
-    :deep(.mc-introduction-logo-container img) {
-      width: 64px;
-      height: 64px;
-    }
-  }
-}
-</style>