初始化

+# port
+VITE_PORT = 8208
+
+# 反向代理服务器地址
+VITE_PROXY_TARGET = https://oa.onwall.cn
+
+# API请求前缀
+VITE_PROXY_PREFIX = /srv/
+
+# 打包输出文件夹名称
+VITE_OUTDIR = xysBooking
+
+# 是否开启调试
+VITE_CONSOLE = 0
+
+# appID相关
+VITE_APPID=微信appID

+# 资源公共路径
+VITE_BASE = /
+
+# 测试open-id
+VITE_OPENID = api-test-openid
+# VITE_OPENID = o8BRf1gLDWieH3Y3JvbrI_4IjaME
+# VITE_OPENID = oJLZq5t9PIKLW9tm1oSUNAuPwssA
+# VITE_OPENID = oJLZq5uT_6GwIh2tQWh1F9IoHZ3U
+# VITE_OPENID =
+
+# B端账号
+VITE_ID = 13761653761
+
+# 验证码
+VITE_PIN =
+
+# 反向代理服务器地址
+VITE_PROXY_TARGET = https://oa-dev.onwall.cn
+# VITE_PROXY_TARGET = http://oa.onwall.cn
+
+# PC端地址
+VITE_MOBILE_URL = http://localhost:5173/

+###
+ # @Date: 2023-08-24 15:30:45
+ # @LastEditors: hookehuyr hookehuyr@gmail.com
+ # @LastEditTime: 2023-08-24 16:02:52
+ # @FilePath: /xysBooking/.env.production
+ # @Description: 文件描述
+###
+# 资源公共路径
+VITE_BASE = /f/xysBooking/
+
+# 测试open-id
+VITE_APP_OPENID =
+
+# B端账号
+VITE_APP_ID =
+
+# 验证码
+VITE_APP_PIN =
+
+# 反向代理服务器地址
+VITE_PROXY_TARGET = https://oa.onwall.cn
+
+# PC端地址
+# VITE_MOBILE_URL = http://oa.onwall.cn/f/guanzong/web/
+# VITE_MOBILE_URL = http://guanzong.onwall.cn/f/guanzong/web/

+{
+  "globals": {
+    "EffectScope": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
\ No newline at end of file

+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+.history
+doc
+.vscode
+src/views/test/*
+src/store/test.js
+cypress
+src/test/mocha/test.js
+cypress.json
+src/test
+.idea
+xysBooking

+{
+  "esversion": 11,
+  "asi": true
+}
\ No newline at end of file

+西园寺预约
+
+编译产物放到master上面，nsi到oa上面更新

+export function createProxy(prefix, target) {
+  const ret = {};
+  ret[prefix] = {
+    target,
+    changeOrigin: true,
+    ws: true,
+    // rewrite: (path) => path.replace(/^\/api/, '')
+    // rewrite: (path) => path.replace(new RegExp(`^${prefix}`), ''),
+  }
+  return ret
+}

+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    VanButton: typeof import('vant/es')['Button']
+    VanCalendar: typeof import('vant/es')['Calendar']
+    VanCol: typeof import('vant/es')['Col']
+    VanDialog: typeof import('vant/es')['Dialog']
+    VanField: typeof import('vant/es')['Field']
+    VanForm: typeof import('vant/es')['Form']
+    VanIcon: typeof import('vant/es')['Icon']
+    VanRadio: typeof import('vant/es')['Radio']
+    VanRadioGroup: typeof import('vant/es')['RadioGroup']
+    VanRow: typeof import('vant/es')['Row']
+  }
+}

+<!--
+ * @Date: 2023-06-13 13:26:46
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-10-25 17:30:49
+ * @FilePath: /xysBooking/index.html
+ * @Description: 文件描述
+-->
+<!DOCTYPE html>
+<html lang='zh'>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
+  <!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> -->
+  <title></title>
+  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.css" /> -->
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>

+{
+  "name": "xysBooking",
+  "description": "项目, 编译上传直接执行publish, 不需要其他额外操作。",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "vite",
+    "start": "vite --host 0.0.0.0",
+    "build": "vite build",
+    "build-watch": "vite build --watch",
+    "build-ts": "vue-tsc --noEmit && vite build",
+    "serve": "vite preview",
+    "cypress:open": "cypress open"
+  },
+  "dependencies": {
+    "@vant/area-data": "^1.3.1",
+    "@vant/touch-emulator": "^1.4.0",
+    "@vitejs/plugin-legacy": "^1.8.2",
+    "@vueuse/core": "^8.5.0",
+    "animate.css": "^4.1.1",
+    "browser-md5-file": "^1.1.1",
+    "dayjs": "^1.11.3",
+    "default-passive-events": "^2.0.0",
+    "global": "^4.4.0",
+    "html2canvas": "^1.4.1",
+    "jquery": "^3.6.0",
+    "js-cookie": "^3.0.1",
+    "js-sha1": "^0.6.0",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.3",
+    "mui-player": "^1.7.0",
+    "sha1": "^1.1.1",
+    "typescript": "^4.7.3",
+    "uuid": "^8.3.2",
+    "vant": "^4.8.2",
+    "vconsole": "^3.14.6",
+    "vite-plugin-dynamic-import": "^0.9.6",
+    "vite-plugin-mp": "^1.6.1",
+    "vue": "^3.2.36",
+    "weixin-js-sdk": "^1.6.0",
+    "xijs": "^1.2.6"
+  },
+  "devDependencies": {
+    "@types/jquery": "^3.5.14",
+    "@types/lodash": "^4.14.182",
+    "@types/moment": "^2.13.0",
+    "@typescript-eslint/parser": "^5.27.1",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "@vue/compiler-sfc": "^3.2.36",
+    "axios": "^0.27.2",
+    "chai": "^4.3.6",
+    "cypress": "^9.7.0",
+    "eslint-plugin-vue": "^9.0.1",
+    "less": "^4.1.2",
+    "mocha": "^10.0.0",
+    "pinia": "^2.0.14",
+    "postcss-px-to-viewport": "^1.1.1",
+    "qs": "^6.10.3",
+    "tslint": "^6.1.3",
+    "unplugin-auto-import": "^0.8.8",
+    "unplugin-vue-components": "^0.23.0",
+    "unplugin-vue-define-options": "^0.6.1",
+    "vite": "^2.9.9",
+    "vite-plugin-style-import": "1.4.1",
+    "vue-esign": "^1.1.4",
+    "vue-router": "^4.0.15"
+  }
+}

+module.exports = {
+  printWidth: 100, // 代码行的宽度，通用建议每行最大长度建议为100/120，但最好不超过这两个数。
+  tabWidth: 2, // 指定每次缩进的空格数。
+  semi: true, // 是否在代码语句结尾添加分号。
+  vueIndentScriptAndStyle: true,
+  singleQuote: true, // 是否使用单引号，JSX单独设置。
+  trailingComma: 'all', // 在多行以逗号分割的句法中尽可能补充尾行逗号。
+  bracketSpacing: true, // 是否在对象属性与大括号之间填充空格。
+  bracketSameLine: false, // 开始标签的右尖括号是否跟随在最后一行属性末尾。
+  proseWrap: 'never',
+  htmlWhitespaceSensitivity: 'strict',
+  endOfLine: 'auto', // 设置换行风格，避免不同操作系统造成的大量代码diff。
+  singleAttributePerLine: false // 在Html，Vue，JSX中是否强制每条属性占用一行。
+};

+#!/usr/bin/env sh
+# -----------------------------------------------
+# Filename:    publish.sh
+# Revision:    1.0
+# Date:        2022年5月20日
+# Author:      Hooke
+# Description: **** 根据php项目相应特征书写项目发布流程
+# -----------------------------------------------
+
+# 当发生错误时中止脚本
+set -e
+
+# 本地Git服务器目录路径
+path=/Users/huyirui/program/itomix/git/isp/f
+
+# 编译输出文件夹
+output=xysBooking
+
+# 打包
+npm run build
+
+# 移除Git服务器目录下项目文件夹
+rm -r $path"/${output:?}/images"
+rm -r $path"/${output:?}/index.html"
+rm -r $path"/${output:?}/static"
+
+# 把本地编译输出文件夹添加到服务器目录
+mv "${output:?}/images" $path"/${output:?}"
+mv "${output:?}/index.html" $path"/${output:?}"
+mv "${output:?}/static" $path"/${output:?}"
+
+# 提交到Git服务器
+cd $path"/${output:?}"
+git pull
+git add -A
+git commit -m '别院预约前端网页更新'
+git push
+
+# 更新SSH服务器上文件
+ssh -p 22 itomix@ipadbiz.cn 'cd /opt/space-dev/ && git pull origin develop'

+export interface commentListType {
+  id: string;
+  avatar: string;
+  name: string;
+  kg_name: string;
+  comment_time: string;
+  note: string;
+  c_action: string;
+  c_name: string;
+  cover: string;
+  prod_id: string;
+  perf_id: string;
+  book_id: string;
+  perf_name: string;
+  book_name: string;
+  localism_type: string;
+  is_new: number;
+}

+<!--
+ * @Date: 2023-06-13 13:26:46
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-15 10:04:45
+ * @FilePath: /xysBooking/src/App.vue
+ * @Description: 启动页
+-->
+<template>
+  <div class="bg-wrapper">
+    <div class="box-wrapper">
+      <div class="box-top"></div>
+      <router-view></router-view>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { mainStore, useTitle } from '@/utils/generatePackage'
+import { computed, watchEffect, onMounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router'
+import { setToastDefaultOptions } from 'vant';
+// 会根据配置判断是否显示调试控件
+// eslint-disable-next-line no-unused-vars
+import vConsole from '@/utils/vconsole'
+/*// 初始化WX环境
+import wx from 'weixin-js-sdk'
+import { wxJsAPI } from '@/api/wx/config'
+import { apiList } from '@/api/wx/jsApiList.js'*/
+
+import { orderInfoAPI } from '@/api/index'
+
+// 使用 include + pinia 状态管理动态缓存页面
+const store = mainStore()
+const keepPages = computed(() => store.getKeepPages)
+
+// TAG: 全局设置页面标题
+const $route = useRoute();
+const $router = useRouter();
+watchEffect(
+  () => useTitle($route.meta.title)
+)
+
+// TAG: 全局配置Toast
+setToastDefaultOptions({
+  duration: 2000,
+  className: 'zIndex'
+});
+
+onMounted(async () => {
+  /*const { data } = await wxJsAPI();
+  data.jsApiList = apiList;
+  wx.config(data);
+  wx.ready(() => {
+    wx.showAllNonBaseMenuItem();
+  });
+  wx.error((err) => {
+    console.warn(err);
+  });*/
+  // 进入后先查询有没有订单，有订单直接跳转最终页面
+  const { data } = await orderInfoAPI();
+  if (data?.id) {
+    $router.replace({
+      path: '/result',
+      query: {
+        id: data.id
+      }
+    })
+  }
+})
+</script>
+
+<style lang="less">
+@prefix: ~'@{namespace}-x';
+
+// html,
+// body {
+// width: 100%;
+// height: 100%;
+// }
+
+body {
+  position: relative;
+  // --van-white: #fff;
+  // --van-blue: #1989fa;
+  // --van-button-primary-color: var(--van-white);
+  // --van-button-primary-background: var(--van-primary-color);
+  /* 全局修改主色调 */
+  // --van-blue: #F9D95C;
+
+  background-color: #F7EFEB;
+
+  p {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.@{prefix} {
+  color: red;
+}
+
+.global-center {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.zIndex {
+  z-index: 4500 !important;
+}
+
+.bg-wrapper {
+  padding: 1rem;
+  padding-bottom: 0;
+  background-image: url('https://cdn.ipadbiz.cn/bieyuan/bg@2x~1.png');
+  background-repeat: no-repeat;
+}
+
+.box-wrapper {
+  background: #FFFFFF;
+  box-shadow: 0px 0px 13px 0px rgba(95, 69, 54, 0.25);
+  border-radius: 10px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  min-height: calc(100vh - 1rem);
+
+  .box-top {
+    padding: 0 1rem 1rem;
+    height: 1rem;
+    background-image: url('https://cdn.ipadbiz.cn/bieyuan/top@2x~1.png');
+    background-repeat: no-repeat;
+    background-size: calc(100% - 2rem);
+    background-position: 1rem 0;
+    /* 向右位移 1rem */
+  }
+}
+</style>

+/*
+ * @Date: 2022-06-17 14:54:29
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-06-25 09:33:28
+ * @FilePath: /huizhu/src/api/common.js
+ * @Description: 通用接口
+ */
+import { fn, fetch, uploadFn } from '@/api/fn';
+
+const Api = {
+  SMS: '/srv/?a=sms',
+  TOKEN: '/srv/?a=upload',
+  SAVE_FILE: '/srv/?a=upload&t=save_file',
+}
+
+/**
+ * @description: 发送验证码
+ * @param {*} phone 手机号码
+ * @returns
+ */
+export const smsAPI = (params) => fn(fetch.post(Api.SMS, params));
+
+/**
+ * @description: 获取七牛token
+ * @param {*} filename 文件名
+ * @param {*} file 图片base64
+ * @returns
+ */
+export const qiniuTokenAPI = (params) => fn(fetch.stringifyPost(Api.TOKEN, params));
+
+/**
+ * @description: 上传七牛
+ * @param {*}
+ * @returns
+ */
+export const qiniuUploadAPI = (url, data, config) => uploadFn(fetch.basePost(url, data, config));
+
+/**
+ * @description: 保存图片
+ * @param {*} format
+ * @param {*} hash
+ * @param {*} height
+ * @param {*} width
+ * @param {*} filekey
+ * @returns
+ */
+export const saveFileAPI = (params) => fn(fetch.stringifyPost(Api.SAVE_FILE, params));

+/*
+ * @Date: 2022-05-18 22:56:08
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-24 10:56:44
+ * @FilePath: /front/src/api/fn.js
+ * @Description: 文件描述
+ */
+import axios from '@/utils/axios';
+import { showSuccessToast, showFailToast } from 'vant';
+import qs from 'Qs'
+
+/**
+ * 网络请求功能函数
+ * @param {*} api 请求axios接口
+ * @returns 请求成功后，获取数据
+ */
+export const fn = (api) => {
+  return api
+    .then(res => {
+      if (res.data.code === 1) {
+        return res.data || true;
+      } else {
+        // tslint:disable-next-line: no-console
+        console.warn(res);
+        if (!res.data.show) return false;
+        showFailToast(res.data.msg);
+        return false;
+      }
+    })
+    .catch(err => {
+      // tslint:disable-next-line: no-console
+      console.error(err);
+      return false;
+    })
+    .finally(() => { // 最终执行
+    })
+}
+
+/**
+ * 七牛返回格式
+ * @param {*} api
+ * @returns
+ */
+export const uploadFn = (api) => {
+  return api
+    .then(res => {
+      if (res.statusText === 'OK') {
+        return res.data || true;
+      } else {
+        // tslint:disable-next-line: no-console
+        console.warn(res);
+        if (!res.data.show) return false;
+        showFailToast(res.data.msg);
+        return false;
+      }
+    })
+    .catch(err => {
+      // tslint:disable-next-line: no-console
+      console.error(err);
+      return false;
+    })
+}
+
+/**
+ * 统一 GET/POST 不同传参形式
+ */
+export const fetch = {
+  get: function (api, params) {
+    return axios.get(api, { params })
+  },
+  post: function (api, params) {
+    return axios.post(api, params)
+  },
+  stringifyPost: function (api, params) {
+    return axios.post(api, qs.stringify(params))
+  },
+  basePost: function (url, data, config) {
+    return axios.post(url, data, config)
+  }
+}

+/*
+ * @Date: 2023-08-24 09:42:27
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-24 12:52:26
+ * @FilePath: /front/src/api/index.js
+ * @Description: 文件描述
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  ORDER_REST_COUNT: '/srv/?a=order_rest_count',
+  ORDER_INFO: '/srv/?a=order_info',
+  ORDER_DETAIL_MY_LAST: '/srv/?a=order_detail_my_last',
+  ORDER_ADD: '/srv/?a=order_add',
+  ORDER_CANCEL: '/srv/?a=order_cancel',
+};
+
+/**
+ * @description: 剩余预约数量列表
+ * @param {Array} dates 查询日期
+ * @returns
+ */
+export const orderRestCountAPI = (params) => fn(fetch.get(Api.ORDER_REST_COUNT, params));
+
+/**
+ * @description: 查询预约信息
+ * @param {String} id 预约订单ID
+ * @returns
+ */
+export const orderInfoAPI = (params) => fn(fetch.get(Api.ORDER_INFO, params));
+
+/**
+ * @description: 我的预约信息
+ * @returns
+ */
+export const orderDetailMyLastAPI = (params) => fn(fetch.get(Api.ORDER_DETAIL_MY_LAST, params));
+
+/**
+ * @description: 保存预约信息
+ * @param {Array} dates 日期列表
+ * @param {Array} details
+ * @returns
+ */
+export const orderAddAPI = (params) => fn(fetch.post(Api.ORDER_ADD, params));
+
+/**
+ * @description: 取消预约
+ * @param {String} id 预约订单的ID
+ * @returns
+ */
+export const orderCancelAPI = (params) => fn(fetch.post(Api.ORDER_CANCEL, params));

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-09 13:32:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-14 14:47:01
+ * @FilePath: /tswj/src/api/wx/config.js
+ * @Description:
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  WX_JSAPI: '/srv/?a=wx_share',
+}
+
+/**
+ * @description 获取微信CONFIG配置文件
+ * @param {*} url
+ * @returns {*} cfg
+ */
+export const wxJsAPI = (params) => fn(fetch.get(Api.WX_JSAPI, params));

+/*
+ * @Date: 2022-06-13 14:18:57
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 14:27:21
+ * @FilePath: /tswj/src/api/wx/jsApiList.js
+ * @Description: 文件描述
+ */
+export const apiList = [
+  "updateAppMessageShareData",
+  "updateTimelineShareData",
+  "onMenuShareTimeline",
+  "onMenuShareAppMessage",
+  "onMenuShareQQ",
+  "onMenuShareWeibo",
+  "onMenuShareQZone",
+  "startRecord",
+  "stopRecord",
+  "onVoiceRecordEnd",
+  "playVoice",
+  "pauseVoice",
+  "stopVoice",
+  "onVoicePlayEnd",
+  "uploadVoice",
+  "downloadVoice",
+  "chooseImage",
+  "previewImage",
+  "uploadImage",
+  "downloadImage",
+  "translateVoice",
+  "getNetworkType",
+  "openLocation",
+  "getLocation",
+  "hideOptionMenu",
+  "showOptionMenu",
+  "hideMenuItems",
+  "showMenuItems",
+  "hideAllNonBaseMenuItem",
+  "showAllNonBaseMenuItem",
+  "closeWindow",
+  "scanQRCode",
+  "chooseWXPay",
+  "openProductSpecificView",
+  "addCard",
+  "chooseCard",
+  "openCard"
+]

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-09 13:32:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-09 13:42:06
+ * @FilePath: /tswj/src/api/wx/config.js
+ * @Description:
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  WX_PAY: 'c/bill_paymentForBill.do',
+}
+
+/**
+ * @description 微信支付接口
+ * @param {*}
+ * @returns {*}
+ */
+export const wxPayAPI = (params) => fn(fetch.get(Api.WX_PAY, params));

+
+.modify-top {
+  z-index: 36;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 10px;
+  background-image: url('http://gyzs.onwall.cn/top-xian%402x.png');
+  background-size: contain;
+}
+.content-bg {
+  /**
+  * background-color and background-image 共存，不能使用渐变色
+  * 图片铺平当时精度提高看看效果
+  * 直接用渐变色
+  * 不使用渐变色背景
+  */
+  height: 100%;
+  min-height: 100vh;
+  // background-image: url('@images/bg-yellow-duan@2x.png');
+  background-image: url('http://gyzs.onwall.cn/bg-yellow-duan%402x.png');
+  // background-size: cover;
+  // background: linear-gradient(360deg, #FDD347 0%, #FFED6D 100%) ;
+}

+@namespace: 'tswj';
+
+/* ============ 颜色 ============ */
+
+// 主色调
+@base-color: #11D2B1;
+// 文字颜色
+@base-font-color: #FFFFFF;
+
+// 定义一个映射
+#colors() {
+  base-color: @base-color;
+  base-font-color: @base-font-color;
+}
+
+// 混合
+.width100 {
+  width: 100%;
+}

+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}

+import axios from 'axios';
+import { Toast } from 'vant';
+
+export default {
+  // 初始化设置
+  init: {
+    mounted () {
+      document.title = this.$route.meta.title;
+    }
+  },
+  likeFn: {
+    methods: {
+      /**
+       * 用户相关操作
+       * @param {String} type 动作类型：like, favor, play
+       * @param {String} id 作品 ID
+       */
+      handleAction (type, id) { // 用户操作
+        axios.post('/srv/?a=prod_action', {
+          action_type: type,
+          prod_id: id
+        })
+        .then(res => {
+          if (res.data.code === 1) {
+            if (res.data.msg === `${type}-add-OK`) { // 动作操作成功
+              this.getProductDetail(type, id);
+              if (type === 'favor') {
+                Toast('收藏成功');
+              }
+              if (type === 'like') {
+                Toast('点赞成功');
+              }
+            } else { // 取消操作
+              this.getProductDetail(type, id);
+              if (type !== 'play') {
+                Toast('取消成功');
+              }
+            }
+          } else {
+            // tslint:disable-next-line: no-console
+            console.warn(res);
+            if (!res.data.show) return false;
+            Toast({
+              icon: 'close',
+              message: res.data.msg
+            });
+          }
+        })
+        .catch(err => {
+          // tslint:disable-next-line: no-console
+          console.error(err); 
+        });
+      },
+      getProductDetail (type, id) { // 查询更新作品详情
+        axios.get('/srv/?a=prod_info', {
+          params: {
+            prod_id: id
+          }
+        })
+        .then(res => {
+          if (res.data.code === 1) {
+            this.detail[`is_${type}`] = res.data.data[`is_${type}`];
+            this.detail[`${type}_num`] = res.data.data[`${type}_num`];
+          } else {
+            // tslint:disable-next-line: no-console
+            console.warn(res);
+            if (!res.data.show) return false;
+            Toast({
+              icon: 'close',
+              message: res.data.msg
+            });
+          }
+        })
+        .catch(err => {
+          // tslint:disable-next-line: no-console
+          console.error(err); 
+        });
+      }
+    }
+  }
+};

+/**
+ * 判断多行省略文本
+ * @param {*} id 目标dom标签
+ * @returns 
+ */
+const hasEllipsis = (id) => {
+  let oDiv = document.getElementById(id);
+  let flag = false
+  if (oDiv.scrollHeight > oDiv.clientHeight) {
+    flag = true
+  }
+  return flag
+}
+
+export default {
+  hasEllipsis
+}
\ No newline at end of file

+import { ref } from 'vue'
+import { useBrowserLocation, useEventListener, useTitle, useUrlSearchParams, useWindowScroll, logicAnd } from '@vueuse/core'
+export const fn = () => {
+  // const location = useBrowserLocation()
+  // console.warn(location.value);
+
+  // useEventListener(window, 'scroll', (evt) => { 
+  //   const { x, y } = useWindowScroll()
+  //   // console.warn(x.value);
+  //   console.warn(y.value);
+  // })
+
+  // useTitle('New Title')
+
+  const a = ref(true)
+  const b = ref(true)
+  const flag = a.value && b.value
+  console.warn(flag);
+  
+}

+/*
+ * @Date: 2022-06-22 00:07:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-06-21 15:58:52
+ * @FilePath: /huizhu/src/composables/useLogin.js
+ * @Description: 文件描述
+ */
+import { bLoginAPI } from '@/api/B/login'
+import { useRouter } from 'vue-router'
+import { wxInfo } from '@/utils/tools';
+import { ref } from 'vue'
+import { useCountDown } from '@vant/use';
+import { smsAPI } from '@/api/common'
+import { showSuccessToast, showFailToast } from 'vant';
+
+export const useLogin = () => {
+  const phone = ref('');
+  const code = ref('')
+
+  const refForm = ref(null);
+  const validateForm = () => {
+    const valid = refForm.value.validate();
+    valid
+      .then(() => {
+        refForm.value.submit();
+      })
+      .catch(error => {
+        console.error(error);
+        showFailToast('请检查后再次提交');
+      })
+  }
+
+  /**
+   * 判断微信环境看是否弹出控件框
+   * 桌面微信直接输入
+   * 其他环境弹出输入框
+   */
+  let use_widget = ref(true);
+  use_widget.value = !!(wxInfo().isiOS || wxInfo().isAndroid);
+
+  /**
+   * 手机号码校验
+   * 函数返回 true 表示校验通过，false 表示不通过
+   * @param {*} val
+   */
+  const sms_disabled = ref(false);
+  const phoneValidator = (val) => {
+    let flag = false;
+    // 简单判断手机号位数
+    if (/1\d{10}/.test(val) && phone.value.length === 11) {
+      sms_disabled.value = false;
+      flag = true;
+    } else {
+      sms_disabled.value = true;
+      flag = false;
+    }
+    return flag
+  };
+
+  /**
+   * 手机号数字弹框
+   */
+  const keyboard_show = ref(false);
+  const refPhone = ref(null)
+  const showKeyboard = () => { // 弹出数字弹框
+    keyboard_show.value = true;
+  };
+  const keyboardBlur = () => { // 数字键盘失焦回调
+    keyboard_show.value = false;
+    refPhone.value.validate();
+  };
+
+  // 设置发送短信倒计时
+  // TAG: vant 自带倒计时函数
+  const limitSeconds = ref(60000); // 配置倒计时秒数
+  const countDown = useCountDown({ // 配置倒计时
+    time: limitSeconds.value,
+    onFinish: () => {
+      countDown.reset();
+    }
+  });
+
+  const sendCode = async () => { // 发送验证码
+    countDown.start();
+    // 验证码接口
+    const { code } = await smsAPI({ phone: phone.value });
+    if (code) {
+      showSuccessToast('发送成功');
+    }
+  };
+
+  // 过滤输入的数字 只能四位
+  const smsFormatter = (value) => value.substring(0, 4);
+
+  /**
+   * 用户登录
+   * @param {*} phone
+   * @param {*} pin
+   */
+  const $router = useRouter();
+  const onSubmit = async (values) => {
+    const { code } = await bLoginAPI({ phone: values.phone, pin: values.code })
+    if (code) {
+      $router.push({
+        path: '/business/index'
+      });
+    }
+  };
+
+  return {
+    phone,
+    code,
+    onSubmit,
+    use_widget,
+    sms_disabled,
+    phoneValidator,
+    keyboardBlur,
+    keyboard_show,
+    showKeyboard,
+    refPhone,
+    refForm,
+    validateForm,
+    smsFormatter,
+    limitSeconds,
+    countDown,
+    sendCode,
+  }
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-25 18:34:17
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-06-14 09:55:42
+ * @FilePath: /huizhu/src/constant.js
+ * @Description:
+ */
+
+// 颜色变量
+export const styleColor = {
+  baseColor: '#11D2B1',
+  baseFontColor: '#FFFFFF'
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-14 23:28:39
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-07 22:49:56
+ * @FilePath: /tswj/src/env.d.ts
+ * @Description:
+ */
+interface ImportMetaEnv extends Readonly<Record<string, string>> {
+  readonly VITE_OPENID: string;
+  readonly VITE_ID: string;
+  readonly VITE_PIN: string;
+  readonly VITE_APPID: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

+/**
+ * 依赖注入命名集合
+ */
+export const myInjectionKey = Symbol()
+export const fooInjectionKey = Symbol()

+import { provide, inject } from "vue";
+
+// const key = Symbol();
+
+/**
+ * 创建全局变量
+ * @param {*} context 
+ * @param {*} key 
+ */
+export function createContext(context, key) {
+  provide(key, context)
+}
+/**
+ * 使用全局变量
+ * @param {*} key 
+ * @returns 
+ */
+export function useContext(key) {
+  return inject(key)
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-28 22:31:25
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-05-30 10:18:09
+ * @FilePath: /tswj/src/hooks/useDebounce.js
+ * @Description: 
+ */
+import _ from 'lodash';
+/**
+ * 封装lodash防抖
+ * @param {*} fn 执行函数
+ * @param {*} timestamp 执行间隔
+ * @param {*} options 函数配置 - 在延迟开始前调用，在延迟结束后不调用
+ * @returns 返回新的 debounced（防抖动）函数。
+ */
+export const useDebounce = (fn, timestamp = 500, options = { leading: true, trailing: false }) => {
+  return _.debounce(fn, timestamp, options);
+}

+
+/**
+ * @description 封装简化滚动查询列表执行流程
+ * @param {*} data 接口返回列表数据
+ * @param {*} list 自定义列表
+ * @param {*} offset 
+ * @param {*} loading 
+ * @param {*} finished 
+ * @param {*} finishedTextStatus 
+ * @param {*} emptyStatus 
+ */
+import _ from 'lodash'
+
+export const flowFn = (data, list, offset, loading, finished, finishedTextStatus, emptyStatus) => {
+  list.value = _.concat(list.value, data);
+  list.value = _.uniqBy(list.value, 'id');
+  offset.value = list.value.length;
+  loading.value = false;
+  // 数据全部加载完成
+  if (!data.length) {
+    // 加载状态结束
+    finished.value = true;
+  }
+  // 空数据提示
+  if (!list.value.length) {
+    finishedTextStatus.value = false;
+  }
+  emptyStatus.value = Object.is(list.value.length, 0);
+}

+import { useRouter } from 'vue-router';
+
+/**
+ * 封装路由跳转方便行内调用
+ * @returns 
+ */
+export function useGo () {
+  let router = useRouter()
+  function go (path, query) {
+    router.push({
+      path: path,
+      query: query
+    })
+  }
+  return go
+}
+
+export function useReplace () {
+  let router = useRouter()
+  function replace (path, query) {
+    router.replace({
+      path: path,
+      query: query
+    })
+  }
+  return replace
+}

+import { mainStore } from '@/utils/generatePackage.js'
+
+// 删除 keep-alive 缓存
+export const store = mainStore();
+
+export const killPages = () => {
+  store.changeKeepPages();
+}
+
+export const addPages = () => {
+  store.keepThisPage();
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-31 12:06:19
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-22 10:42:53
+ * @FilePath: /front/src/main.js
+ * @Description:
+ */
+import { createApp } from 'vue';
+import {
+  Button,
+  Image as VanImage,
+  Col,
+  Row,
+  Icon,
+  Form,
+  Field,
+  CellGroup,
+  ConfigProvider,
+  Toast,
+  Uploader,
+  Empty,
+  Tab,
+  Tabs,
+  Overlay,
+  NumberKeyboard,
+  Lazyload,
+  List,
+  PullRefresh,
+  Popup,
+  Picker,
+  Sticky,
+  Stepper,
+  Tag,
+  Swipe,
+  SwipeItem,
+  Dialog,
+  ActionSheet,
+  Loading,
+  Checkbox,
+  CheckboxGroup,
+  Search,
+  Signature,
+  Calendar,
+} from 'vant';
+import router from './router';
+import App from './App.vue';
+// import axios from './utils/axios';
+import axios from '@/utils/axios';
+// import 'default-passive-events'; // 解决Chrome控制台non-passive event listener输出问题
+import { createPinia } from 'pinia';
+import 'vant/lib/index.css';
+import vueEsign from 'vue-esign';
+
+const pinia = createPinia();
+const app = createApp(App);
+
+app.config.globalProperties.$http = axios; // 关键语句
+
+app
+  .use(pinia)
+  .use(router)
+  .use(Button)
+  .use(VanImage)
+  .use(Col)
+  .use(Row)
+  .use(Icon)
+  .use(Form)
+  .use(Field)
+  .use(CellGroup)
+  .use(Toast)
+  .use(Uploader)
+  .use(Empty)
+  .use(Tab)
+  .use(Tabs)
+  .use(Overlay)
+  .use(NumberKeyboard)
+  .use(Lazyload)
+  .use(List)
+  .use(PullRefresh)
+  .use(Popup)
+  .use(Picker)
+  .use(Sticky)
+  .use(Stepper)
+  .use(Tag)
+  .use(Swipe)
+  .use(SwipeItem)
+  .use(Dialog)
+  .use(ActionSheet)
+  .use(Loading)
+  .use(Checkbox)
+  .use(CheckboxGroup)
+  .use(Search)
+  .use(ConfigProvider)
+  .use(Signature)
+  .use(Calendar);
+
+app.use(vueEsign);
+
+app.mount('#app');

+const routes = [{
+  path: '/image',
+  redirect: '',
+  name: 'html转图片',
+  component: 'html2canvas',
+  keepAlive: '',
+  meta: {
+    title: 'html转图片',
+    name: ''
+  },
+  children: [{
+    path: 'children',
+    redirect: '',
+    name: 'html转图片',
+    component: 'children-test',
+    keepAlive: '',
+    meta: {
+      title: 'html转图片',
+      name: ''
+    }
+  }]
+}]
+// const routes = []
+
+export default routes

+/*
+ * @Date: 2023-06-13 13:26:46
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-23 14:47:37
+ * @FilePath: /front/src/route.js
+ * @Description: 文件描述
+ */
+export default [
+  {
+    path: '/',
+    component: () => import('@/views/index.vue'),
+    meta: {
+      title: '别院预约',
+    },
+  },
+  {
+    path: '/auth',
+    component: () => import('@/views/auth.vue'),
+    meta: {
+      title: '授权页面',
+    },
+  },
+];

+/*
+ * @Date: 2022-05-26 13:57:28
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 21:36:59
+ * @FilePath: /tswj/src/router.js
+ * @Description: 文件描述
+ */
+import { createRouter, createWebHashHistory } from 'vue-router';
+import RootRoute from './route.js';
+import asyncRoutesArr from "./mock/routes"
+import generateRoutes from './utils/generateRoute'
+
+// TAG: 路由配置表
+/**
+ * 把项目独有的路由配置到相应的路径，默认路由文件只放公用部分
+ * 但是 vue 文件内容还是要事先准备好
+ */
+const modules = import.meta.globEager('@/router/routes/modules/**/*.js'); // Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块
+const routeModuleList = [];
+
+Object.keys(modules).forEach((key) => {
+  const mod = modules[key].default || {};
+  const modList = Array.isArray(mod) ? [...mod] : [mod];
+  routeModuleList.push(...modList);
+});
+
+// 创建路由实例并传递 `routes` 配置
+const router = createRouter({
+  history: createWebHashHistory('/index.html'),
+  routes: [...RootRoute, ...routeModuleList]
+});
+
+// TAG: 动态生成路由
+/**
+ * generateRoute 负责把后台返回数据拼接成项目需要的路由结构，动态添加到路由表里面
+ */
+router.beforeEach((to, from, next) => {
+  // 使用404为中转页面，避免动态路由没有渲染出来，控制台报警告问题
+  if (to.path == '/404' && to.redirectedFrom != undefined) {
+    // 模拟异步操作
+    setTimeout(() => {
+      if (!asyncRoutesArr.length) return; // 没有动态路由避免报错
+      const arr = generateRoutes(asyncRoutesArr); // 在路由守卫处生成，避免有子路由时刷新白屏问题。
+      arr.forEach(item => {
+        router.addRoute(item) // 新增路由
+      })
+      // 重写被404覆盖路由信息
+      next({ ...to.redirectedFrom, replace: true });
+    }, 1000);
+  } else {
+    next()
+  }
+})
+
+router.afterEach(() => {
+  // console.warn(to);
+  // console.warn(wx);
+  // share(to)
+})
+
+export default router;

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-07 22:46:46
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-08 05:34:56
+ * @FilePath: /tswj/src/shims-vue.d.ts
+ * @Description:
+ */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent;
+  export default component;
+}

+/*
+ * @Date: 2022-04-18 15:59:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-22 17:36:03
+ * @FilePath: /front/src/store/index.js
+ * @Description: 文件描述
+ */
+import { defineStore } from 'pinia';
+// import { testStore } from './test'; // 另一个store
+import _ from 'lodash';
+import { useRouter } from 'vue-router'
+
+export const mainStore = defineStore('main', {
+  state: () => {
+    return {
+      msg: 'Hello world',
+      count: 0,
+      auth: false,
+      keepPages: ['default'], // 很坑爹，空值全部都缓存
+      appUserInfo: [], // 缓存预约人信息
+    };
+  },
+  getters: {
+    getKeepPages () {
+      return this.keepPages
+    },
+    // getTestStoreList () {
+    //   return testStore().list // 返回另一个store的值
+    // }
+  },
+  actions: {
+    changeState (state) {
+      this.auth = state;
+    },
+    changeKeepPages () { // 清空所有缓存，用一个不存在的值覆盖
+      this.keepPages = ['default'];
+    },
+    keepThisPage () { // 新增缓存页
+      const $router = useRouter();
+      const page = $router.currentRoute.value.meta.name;
+      this.keepPages.push(page);
+    },
+    removeThisPage () { // 删除缓存页
+      const $router = useRouter();
+      const page = $router.currentRoute.value.meta.name;
+      _.remove(this.keepPages, item => item === page)
+    },
+    changeUserInfo (info) {
+      this.appUserInfo = info;
+    }
+  },
+});

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-25 18:34:17
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-22 01:35:44
+ * @FilePath: /tswj/src/theme-vars.js
+ * @Description: 修改vant默认表单样式
+ */
+import { styleColor } from '@/constant.js';
+
+export const loginTheme = {
+  buttonPrimaryBackground: styleColor.baseColor,
+  buttonPrimaryBorderColor: styleColor.baseColor,
+  buttonPrimaryColor: styleColor.baseFontColor,
+  CellVerticalPadding: '14px'
+};

+/*
+ * @Date: 2022-06-20 01:22:50
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-20 01:23:18
+ * @FilePath: /tswj/src/composables/useMonitorKeyboard.js
+ * @Description: 文件描述
+ */
+/**
+ * @class 监听虚拟键盘
+ * @classdesc 监听虚拟键盘弹出隐藏
+ * @public onEnd 结束监听虚拟键盘
+ * @public onShow 传递一个回调 监听虚拟键盘弹出
+ * @public onHidden 传递一个回调 监听虚拟键盘隐藏
+ */
+class MonitorKeyboard {
+  constructor() {
+    this.type = this.IsIA();
+    this.originalHeight = window.innerHeight;
+  }
+
+  /**
+   *  @function IsIA 获取设备类型
+   *  @param  1 Android 2 iOS  
+   */
+  IsIA = () => {
+    const userAgent = typeof window === 'object' ? window.navigator.userAgent : '';
+    if (/android/i.test(userAgent)) {
+      return 1;
+    } else if (/iPhone|iPod|iPad/i.test(userAgent)) {
+      return 2;
+    }
+  }
+
+  // Android系统
+  onResize = () => {
+    //键盘弹起与隐藏都会引起窗口的高度发生变化
+    const resizeHeight = window.innerHeight;
+
+    if (this.originalHeight - resizeHeight > 50) {
+      this.show('Android系统: 软键盘弹出');
+    } else {
+      this.hidden('Android系统: 软键盘收起');
+    }
+  }
+
+  // iOS获取焦点
+  onFocusin = () => {
+    this.show('iOS系统:软键盘弹出');
+  }
+
+  // iOS失去焦点
+  onFocusout = () => {
+    this.hidden('iOS系统:软键盘收起');
+  }
+
+  /**  
+   * @function onStart 开始监听虚拟键盘  
+   */
+  onStart = () => {
+    if (this.type == 1) {
+      // 获取窗口的高度
+      window.addEventListener('resize', this.onResize);
+    }
+    if (this.type == 2) {
+      // iOS系统
+      window.addEventListener('focusin', this.onFocusin);
+      window.addEventListener('focusout', this.onFocusout);
+    }
+  }
+
+  /** 
+   * @function onEnd 结束监听虚拟键盘  
+   */
+  onEnd = () => {
+    if (this.type == 1) {
+      //获取窗口的高度
+      window.removeEventListener('resize', this.onResize);
+    }
+    if (this.type == 2) {
+      window.removeEventListener('focusin', this.onFocusin);
+      window.removeEventListener('focusout', this.onFocusout);
+    }
+  }
+
+  /**
+   * @function  onShow 传递一个回调函数
+   * @param  虚拟键盘弹出时触发
+   */
+  onShow = (fn) => {
+    this.show = fn;
+  }
+
+  /**
+    * @function  onHidden 传递一个回调函数
+    * @param  虚拟键盘隐藏时触发
+    */
+  onHidden = (fn) => {
+    this.hidden = fn;
+  }
+}
+
+export default MonitorKeyboard

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-28 10:17:40
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-24 10:56:20
+ * @FilePath: /front/src/utils/axios.js
+ * @Description:
+ */
+import axios from 'axios';
+import router from '@/router';
+import qs from 'Qs'
+import { strExist } from '@/utils/tools'
+// import { parseQueryString } from '@/utils/tools'
+
+axios.defaults.params = {
+  f: 'xysBooking',
+};
+
+/**
+ * @description 请求拦截器
+ */
+axios.interceptors.request.use(
+  config => {
+    // const url_params = parseQueryString(location.href);
+    // GET请求默认打上时间戳，避免从缓存中拿数据。
+    const timestamp = config.method === 'get' ? (new Date()).valueOf() : '';
+    /**
+     * POST PHP需要修改数据格式
+     * 序列化POST请求时需要屏蔽上传相关接口，上传相关接口序列化后报错
+     */
+    // config.data = config.method === 'post' && !strExist(['a=upload', 'upload.qiniup.com'], config.url) ? qs.stringify(config.data) : config.data;
+    // 绑定默认请求头
+    config.params = { ...config.params, timestamp }
+    return config;
+  },
+  error => {
+    // 请求错误处理
+    return Promise.reject(error);
+  });
+
+/**
+ * @description 响应拦截器
+ */
+axios.interceptors.response.use(
+  response => {
+    // // 默认显示错误提示
+    // response.data.show = true;
+    // // 判断微信授权状态，进入页面时未授权需要授权跳转
+    // // C/B 授权拼接头特殊标识，openid_x
+    // let prefixAPI = router?.currentRoute.value.href?.indexOf('business') > 0 ? 'b' : 'c';
+    if (response.data.code === 401) {
+      // 特殊标识-带此标识报错不显示
+      response.data.show = false;
+      /**
+       * 未授权跳转登录页
+       * 带着上一个页面的信息, 授权完成后 返回当前页面
+       */
+      router.replace({ path: '/auth', query: { href: location.hash } });
+    }
+    if (['预约ID不存在'].includes(response.data.msg)) {
+      response.data.show = false;
+    }
+    // // 拦截B端未登录情况
+    // if (['老师请先登录！', '老师不存在！'].includes(response.data.msg)) { router.replace({ path: '/business/login' }); }
+    return response;
+  },
+  error => {
+    return Promise.reject(error);
+  });
+
+export default axios;

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-17 11:34:35
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-20 16:31:28
+ * @FilePath: /tswj/src/utils/generateIcons.js
+ * @Description: 图标集合
+ */
+import icon_video from '@images/video.png'
+import icon_up from '@images/icon-guanbi@2x.png'
+import icon_down from '@images/icon-zhankai@2x.png'
+import icon_subscribed from '@images/icon-dingyue01@2x.png'
+import icon_unsubscribe from '@images/icon-dingyue02@2x.png'
+import no_image from '@images/que-shuju@2x.png'
+import icon_avatar from '@images/que-touxiang@2x.png'
+import icon_logo from '@images/que-logo@2x.png'
+import icon_dianzan1 from '@images/icon-dianzan01@2x.png'
+import icon_dianzan2 from '@images/icon-dianzan02@2x.png'
+import icon_shoucang1 from '@images/icon-shoucang01@2x.png'
+import icon_shoucang2 from '@images/icon-shoucang02@2x.png'
+import icon_liuyan from '@images/icon-liuyan@2x.png'
+import icon_book from '@images/shu@2x.png'
+import icon_me from '@images/icon-my@2x.png'
+import icon_home from '@images/icon-home@2x.png'
+import icon_rank from '@images/icon-paihang@2x.png'
+import icon_ranking1 from '@images/1@2x.png'
+import icon_ranking2 from '@images/2@2x.png'
+import icon_ranking3 from '@images/3@2x.png'
+import icon_flower from '@images/xiaohua@2x.png'
+import icon_refuse from '@images/icon-jujue@2x.png'
+import icon_apply from '@images/icon-shenhe@2x.png'
+import icon_enable from '@images/icon-tongguo@2x.png'
+
+export {
+  icon_video,
+  icon_up,
+  icon_down,
+  icon_subscribed,
+  icon_unsubscribe,
+  no_image,
+  icon_avatar,
+  icon_logo,
+  icon_dianzan1,
+  icon_dianzan2,
+  icon_liuyan,
+  icon_shoucang1,
+  icon_shoucang2,
+  icon_book,
+  icon_me,
+  icon_home,
+  icon_rank,
+  icon_ranking1,
+  icon_ranking2,
+  icon_ranking3,
+  icon_flower,
+  icon_refuse,
+  icon_apply,
+  icon_enable,
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-17 11:17:58
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-07-01 14:55:12
+ * @FilePath: /tswj/src/utils/generateModules.js
+ * @Description: 
+ */
+import MyButton from '@/components/MyButton/index.vue'
+import VideoCard from '@/components/VideoCard/index.vue'
+import NoticeOverlay from '@/components/NoticeOverlay/index.vue'
+import NoticeOverlayModule from '@/components/NoticeOverlayModule/index.vue'
+import DonateBook from '@/components/DonateBook/index.vue'
+import ShortcutFixed from '@/components/ShortcutFixed/index.vue'
+import BookCard from '@/components/BookCard/index.vue'
+import VideoDetail from '@/components/VideoDetail/index.vue'
+import DonateBar from '@/components/DonateBar/index.vue'
+import DonateFlower from '@/components/DonateFlower/index.vue'
+
+export {
+  MyButton,
+  VideoCard,
+  NoticeOverlay,
+  NoticeOverlayModule,
+  DonateBook,
+  ShortcutFixed,
+  BookCard,
+  VideoDetail,
+  DonateBar,
+  DonateFlower,
+}

+/*
+ * @Date: 2022-05-17 11:26:03
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-20 14:00:13
+ * @FilePath: /tswj/src/utils/generatePackage.js
+ * @Description: 文件描述
+ */
+import Cookies from 'js-cookie'
+import $ from 'jquery'
+import _ from 'lodash'
+import axios from '@/utils/axios';
+import { storeToRefs } from 'pinia'
+import { mainStore } from '@/store'
+import { Toast, Dialog } from 'vant';
+import { wxInfo, hasEllipsis } from '@/utils/tools';
+import { useTitle } from '@vueuse/core'
+
+export {
+  Cookies,
+  $,
+  _,
+  axios,
+  storeToRefs,
+  mainStore,
+  Toast,
+  Dialog,
+  wxInfo,
+  hasEllipsis,
+  useTitle
+}

+/*
+ * @Date: 2022-05-16 17:21:45
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-29 17:00:15
+ * @FilePath: /tswj/src/utils/generateRoute.js
+ * @Description: 文件描述
+ */
+
+/**
+ * 根据后台返回的路径，生成页面的组件模版
+ * @param {*} component 
+ * @returns 模版地址
+ */
+function loadView(component) {
+  return () => import(`../views/${component}.vue`)
+}
+
+/**
+ * 生成路由结构
+ * @param {*} routes
+ */
+const generateRoutes = (routes) => {
+  const arr = []
+  routes.forEach(route => {
+    const router = {}
+    const {
+      path,
+      redirect,
+      name,
+      component,
+      keepAlive,
+      meta,
+      children
+    } = route
+
+    router.path = path
+    redirect && (router.redirect = redirect)
+    name && (router.name = name)
+    router.component = loadView(component)
+    keepAlive && (router.keepAlive = keepAlive)
+    meta && (router.meta = meta)
+    router.children = !Array.isArray(children) || generateRoutes(children);
+    arr.push(router)
+  })
+  return arr
+}
+
+export default generateRoutes;

+import sha1 from "js-sha1";
+
+function getEtag(buffer, callback) {
+  // sha1算法
+  var shA1 = sha1.digest;
+
+  // 以4M为单位分割
+  var blockSize = 4 * 1024 * 1024;
+  var sha1String = [];
+  var prefix = 0x16;
+  var blockCount = 0;
+
+  var bufferSize = buffer.size || buffer.length || buffer.byteLength;
+  blockCount = Math.ceil(bufferSize / blockSize);
+
+  for (var i = 0; i < blockCount; i++) {
+    sha1String.push(shA1(buffer.slice(i * blockSize, (i + 1) * blockSize)));
+  }
+  function concatArr2Uint8(s) {//Array 2 Uint8Array
+    var tmp = [];
+    for (var i of s) tmp = tmp.concat(i);
+    return new Uint8Array(tmp);
+  }
+  function Uint8ToBase64(u8Arr, urisafe) {//Uint8Array 2 Base64
+    var CHUNK_SIZE = 0x8000; //arbitrary number
+    var index = 0;
+    var length = u8Arr.length;
+    var result = '';
+    var slice;
+    while (index < length) {
+      slice = u8Arr.subarray(index, Math.min(index + CHUNK_SIZE, length));
+      result += String.fromCharCode.apply(null, slice);
+      index += CHUNK_SIZE;
+    }
+    return urisafe ? btoa(result).replace(/\//g, '_').replace(/\+/g, '-') : btoa(result);
+  }
+  function calcEtag() {
+    if (!sha1String.length) return 'Fto5o-5ea0sNMlW_75VgGJCv2AcJ';
+    var sha1Buffer = concatArr2Uint8(sha1String);
+    // 如果大于4M，则对各个块的sha1结果再次sha1
+    if (blockCount > 1) {
+      prefix = 0x96;
+      sha1Buffer = shA1(sha1Buffer.buffer);
+    } else {
+      sha1Buffer = Array.apply([], sha1Buffer);
+    }
+    sha1Buffer = concatArr2Uint8([[prefix], sha1Buffer]);
+    return Uint8ToBase64(sha1Buffer, true);
+  }
+  return (calcEtag());
+}
+
+export { getEtag }

+import wx from 'weixin-js-sdk'
+import axios from '@/utils/axios';
+
+const fn = (to) => {
+  // 路由名
+  let ruleName = location.href.split('#/')[1].split('?')[0];
+  
+  const icon = 'https://cdn.lifeat.cn/webappgroup/betterLifelogo.png'
+  
+  const shareInfoMap = {
+    'client/index': {
+      title: '童声无界',
+      desc: '引导页',
+      icon
+    },
+    'client/chooseSchool': {
+      title: '选择幼儿园',
+      desc: '引导页',
+      icon
+    },
+    default: {
+      title: to.name,
+      desc: window.location.href,
+      icon
+    },
+  }
+  let infoMap = shareInfoMap[ruleName] ? shareInfoMap[ruleName] : shareInfoMap['default'];
+  // console.warn(ruleName);
+  console.warn(infoMap);
+  console.warn(wx);
+  console.warn(axios);
+}
+export default fn
+// 这个判断后加的为了减少请求次数，据后端说有次数限制，当需要分享的页面才去请求接口。
+// if (shareInfoMap[ruleName]) {
+//   // request 是封装的请求
+//   request.post('/wxmp/sign/jsSdk', {
+//     url: location.href,
+//   }).then(res => {
+//     let { timestamp, nonceStr, signature, appId } = res;
+//     wx.config({
+//       debug: false,
+//       appId,
+//       timestamp,
+//       nonceStr,
+//       signature,
+//       jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']
+//     });
+//     wx.error(function (errres) {
+//       console.info(errres)
+//     })
+//     wx.ready(() => {   //需在用户可能点击分享按钮前就先调用
+//       console.info('ready')
+//       //分享朋友
+//       wx.updateAppMessageShareData({
+//         title: infoMap.title, // 分享标题
+//         desc: infoMap.desc, // 分享描述
+//         link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+//         imgUrl: infoMap.icon, // 分享图标
+//         success: function () {
+//           console.info("成功")
+//           // 设置成功
+//         },
+//         fail: function (erres) {
+//           console.info('失败：', erres)
+//         }
+//       })
+//       //分享到 朋友圈
+//       wx.updateTimelineShareData({
+//         title: infoMap.title, // 分享标题
+//         link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+//         imgUrl: infoMap.icon, // 分享图标
+//         success: function () {
+//           console.info("成功")
+//           // 设置成功
+//         },
+//         fail: function (erres) {
+//           console.info('失败：', erres)
+//         }
+//       })
+//     });
+//   }).catch(err => {
+//     console.info('err:', err)
+//   })
+// }
\ No newline at end of file

+/*
+ * @Date: 2022-04-18 15:59:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-30 13:54:32
+ * @FilePath: /tswj/src/utils/tools.js
+ * @Description: 文件描述
+ */
+import dayjs from 'dayjs';
+
+// 格式化时间
+const formatDate = (date) => {
+  return dayjs(date).format('YYYY-MM-DD HH:mm');
+};
+
+/**
+ * @description 判断浏览器属于平台
+ * @returns 
+ */
+const wxInfo = () => {
+  let u = navigator.userAgent;
+  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
+  let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+  let uAgent = navigator.userAgent.toLowerCase();
+  let isTable = (uAgent.match(/MicroMessenger/i) == 'micromessenger') ? true : false;
+  return {
+    isAndroid,
+    isiOS,
+    isTable
+  };
+};
+
+/**
+ * @description 判断多行省略文本
+ * @param {*} id 目标dom标签
+ * @returns 
+ */
+const hasEllipsis = (id) => {
+  let oDiv = document.getElementById(id);
+  let flag = false;
+  if (oDiv.scrollHeight > oDiv.clientHeight) {
+    flag = true
+  }
+  return flag
+}
+
+/**
+ * @description 解析URL参数
+ * @param {*} url 
+ * @returns 
+ */
+const parseQueryString = url => {
+  var json = {};
+  var arr = url.indexOf('?') >= 0 ? url.substr(url.indexOf('?') + 1).split('&') : [];
+  arr.forEach(item => {
+    var tmp = item.split('=');
+    json[tmp[0]] = tmp[1];
+  });
+  return json;
+}
+
+/**
+ * 字符串包含字符数组中字符的状态
+ * @param {*} array 字符数组
+ * @param {*} str 字符串
+ * @returns 包含状态
+ */
+const strExist = (array, str) => {
+  const exist = array.filter(arr => {
+    if (str.indexOf(arr) >= 0) return str;
+  })
+  return exist.length > 0
+}
+
+export { formatDate, wxInfo, hasEllipsis, parseQueryString, strExist };

+import VConsole from 'vconsole';
+
+// const vConsole = new VConsole();
+let vConsole = '';
+// 或者使用配置参数来初始化，详情见文档
+if (+import.meta.env.VITE_CONSOLE) {
+  vConsole = new VConsole({ theme: 'dark' });
+}
+
+export default vConsole

+<!--
+ * @Date: 2022-08-29 13:55:31
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-24 10:52:35
+ * @FilePath: /front/src/views/auth.vue
+ * @Description: 授权模块
+-->
+<template>
+  <div />
+</template>
+
+<script setup>
+import { onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+
+const $route = useRoute();
+
+onMounted(() => {
+  // php需要先跳转链接获取openid
+  /**
+   * encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
+   * 该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。
+   * 其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。
+   */
+  let raw_url = encodeURIComponent(location.origin + location.pathname + $route.query.href); // 未授权的地址
+  // TAG: 开发环境测试数据
+  const short_url = `/srv/?a=openid&res=${raw_url}`;
+  location.href = import.meta.env.DEV
+    ? `${short_url}&test_openid=${import.meta.env.VITE_OPENID}`
+    : `${short_url}`;
+})
+</script>

+<!--
+ * @Date: 2023-06-21 10:23:09
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-15 10:07:06
+ * @FilePath: /xysBooking/src/views/index.vue
+ * @Description: 预约页首页
+-->
+<template>
+  <div class="index-page">
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import dayjs from 'dayjs'
+import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+//import { } from '@/utils/generateModules.js'
+//import { } from '@/utils/generateIcons.js'
+//import { } from '@/composables'
+import { showSuccessToast, showFailToast } from 'vant';
+import { orderRestCountAPI } from '@/api/index'
+const $route = useRoute();
+const $router = useRouter();
+useTitle($route.meta.title);
+
+onMounted(async () => {
+});
+
+</script>
+
+<style lang="less" scoped>
+.index-page {
+  padding: 1rem 1rem 0;
+}
+</style>

+{
+  "compilerOptions": {
+    /* 基本选项 */
+    "target": "esnext", // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'
+    "module": "CommonJS", // 指定使用模块: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
+    "lib": [ // 指定要包含在编译中的库文件
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ],
+    "allowJs": true, // 允许编译 javascript 文件
+    // "checkJs": true, // 报告 javascript 文件中的错误
+    "jsx": "preserve", // 指定 jsx 代码的生成: 'preserve', 'react-native', or 'react'
+    // "declaration": true, // 生成相应的 '.d.ts' 文件
+    // "sourceMap": true, // 生成相应的 '.map' 文件
+    // "outFile": "./", // 将输出文件合并为一个文件
+    "outDir": "./", // 指定输出目录
+    // "rootDir": "./", // 用来控制输出目录结构 --outDir.
+    "removeComments": true, // 删除编译后的所有的注释
+    // "noEmit": true, // 不生成输出文件
+    "importHelpers": true, // 从 tslib 导入辅助工具函数
+    "isolatedModules": false, // 将每个文件做为单独的模块 （与 'ts.transpileModule' 类似）
+
+    /* 严格的类型检查选项 */
+    "strict": true, // 启用所有严格类型检查选项
+    // "noImplicitAny": true, // 在表达式和声明上有隐含的 any类型时报错
+    // "strictNullChecks": true,  // 启用严格的 null 检查
+    // "noImplicitThis": true, // 当 this 表达式值为 any 类型的时候，生成一个错误
+    // "alwaysStrict": true, // 以严格模式检查每个模块，并在每个文件里加入 'use strict'
+
+    /* 额外的检查 */
+    "noUnusedLocals": true, // 有未使用的变量时，抛出错误
+    "noUnusedParameters": true, // 有未使用的参数时，抛出错误
+    "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误
+    "noFallthroughCasesInSwitch": true, // 报告 switch 语句的 fallthrough 错误。（即，不允许 switch 的 case 语句贯穿）
+    
+    /* 模块解析选项 */
+    "moduleResolution": "node", // 选择模块解析策略： 'node' (Node.js) or 'classic' (TypeScript pre-1.6)
+    "baseUrl": ".", // 用于解析非相对模块名称的基目录
+    "paths": { // 模块名到基于 baseUrl 的路径映射的列表
+      "@/*": [
+        "src/*"
+      ]
+    },
+    // "rootDirs": [], // 根文件夹列表，其组合内容表示项目运行时的结构内容
+    // "typeRoots": [], // 包含类型声明的文件列表
+    "types": [ // 需要包含的类型声明文件名列表
+      // "webpack-env",
+      "vite/client",
+      "lodash",
+      "moment",
+      "node",
+      "jquery",
+    ],
+    "allowSyntheticDefaultImports": true, // 允许从没有设置默认导出的模块中默认导入。
+
+    /* Source Map Options */
+    // "sourceRoot": "./", // 指定调试器应该找到 TypeScript 文件而不是源文件的位置
+    // "mapRoot": "./", // 指定调试器应该找到映射文件而不是生成文件的位置
+    // "inlineSourceMap": true, // 生成单个 sourcemaps 文件，而不是将 sourcemaps 生成不同的文件
+    // "inlineSources": true, // 将代码与 sourcemaps 生成到一个文件中，要求同时设置了 --inlineSourceMap 或 --sourceMap 属性
+
+    /* 其他选项 */
+    // "experimentalDecorators": true, // 启用装饰器
+    // "emitDecoratorMetadata": true, // 为装饰器提供元数据的支持
+
+    "esModuleInterop": true, // 可以在es6中导入commonjs
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ],
+  "vueCompilerOptions": {
+    "target": 2,
+    "experimentalSuppressInvalidJsxElementTypeErrors": true
+  }
+}

+{
+  "defaultSeverity": "warning",
+  "extends": [
+    "tslint:recommended"
+  ],
+  "linterOptions": {
+    "exclude": [
+      "node_modules/**"
+    ]
+  },
+  "rules": {
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "indent": [
+      true,
+      "spaces",
+      2
+    ],
+    "interface-name": false,
+    "ordered-imports": false,
+    "object-literal-sort-keys": false,
+    "no-consecutive-blank-lines": false,
+    "no-console": true
+  }
+}

+/*
+ * @Date: 2022-06-13 10:39:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 10:41:43
+ * @FilePath: /tswj/typings/index.d.ts
+ * @Description: 文件描述
+ */
+export {};
+
+// => 全局类型声明
+declare global {
+  interface Window {
+    _hmt: any;
+    wx: any;
+    AlipayJSBridge: any;
+  }
+  namespace GD {
+    interface BaseResponse<T = any> {
+      code: number;
+      data: T;
+      msg: string;
+      page: {
+        pageNo: number;
+        pageSize: number;
+        pages: number;
+        total: number;
+      };
+    }
+  }
+}
+
+// const response = GD.BaseResponse<{name: string}>

+/*
+ * @Date: 2023-06-13 13:26:46
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-08-25 14:14:26
+ * @FilePath: /xysBooking/vite.config.js
+ * @Description: 文件描述
+ */
+import vue from '@vitejs/plugin-vue';
+import dynamicImport from 'vite-plugin-dynamic-import';
+// import legacy from '@vitejs/plugin-legacy';
+// import styleImport, { VantResolve } from 'vite-plugin-style-import';
+import Components from 'unplugin-vue-components/vite';
+import { VantResolver } from 'unplugin-vue-components/resolvers';
+import { defineConfig, loadEnv } from 'vite';
+import { createProxy } from './build/proxy'
+import DefineOptions from 'unplugin-vue-define-options/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import postcsspxtoviewport from 'postcss-px-to-viewport'
+
+var path = require('path');
+
+export default ({ command, mode }) => {
+  const root = process.cwd();
+
+  const viteEnv = loadEnv(mode, root);
+  // let isProd = (command === 'serve'); // 情景配置是否为开发模式 serve 或 build
+
+  return defineConfig({
+    // root: '',
+    // root: './src/packages', // 多页面应用配置入口根目录
+    base: viteEnv.VITE_BASE, // 开发或生产环境服务的公共基础路径。
+    // base: isProd ? '/' : '/f/voice/', // 开发或生产环境服务的公共基础路径。
+    // mode: '', // 在配置中指明将会把 serve 和 build 时的模式 都 覆盖掉。也可以通过命令行 --mode 选项来重写。
+    // define: '', // 定义全局常量替换方式。其中每项在开发环境下会被定义在全局，而在构建时被静态替换。
+    plugins: [ // 将要用到的插件数组。Falsy 虚值的插件将被忽略，插件数组将被扁平化（flatten）。查看 插件 API 获取 Vite 插件的更多细节。
+      vue(),
+      Components({
+        resolvers: [VantResolver()],
+      }),
+      // styleImport({
+        // resolves: [VantResolve()],
+        // libs: [
+        //   {
+        //     libraryName: 'vant',
+        //     esModule: true,
+        //     resolveStyle: name => `../es/${name}/style`
+        //   }
+        // ]
+      // }), // 按需引入 vant 位置报错问题
+      dynamicImport(), // 增强 Vite 内置的 dynamic import, 支持在 import() 中使用别名
+      // legacy({
+      //   targets: ['defaults', 'not IE 11']
+      // }), // Vite 的默认旧版浏览器支持时提供此插件本机ESM的支持。
+      DefineOptions(), // TAG: 插件来对组件名进行注册的, 解决setup没法写name的问题
+      AutoImport({ // API 自动导入
+         // 可以自定义文件生成的位置，默认是根目录下，使用ts的建议放src目录下
+        dts: 'src/auto-imports.d.ts',
+        imports: ['vue', 'vue-router'],
+        // 解决eslint报错问题
+        eslintrc: {
+          enabled: true
+        }
+      }),
+    ],
+    publicDir: 'public', // 作为静态资源服务的文件夹。这个目录中的文件会在开发中被服务于 /，在开发模式时，会被拷贝到 outDir 的根目录，并没有转换，永远只是复制到这里。该值可以是文件系统的绝对路径，也可以是相对于项目的根目录路径。
+    // cacheDir: '', // 存储缓存文件的目录。此目录下会存储预打包的依赖项或 vite 生成的某些缓存文件，使用缓存可以提高性能。如需重新生成缓存文件，你可以使用 --force 命令行选项或手动删除目录。此选项的值可以是文件的绝对路径，也可以是以项目根目录为基准的相对路径。
+    resolve: {
+      alias: { // 将会被传递到 @rollup/plugin-alias 作为 entries 的选项。也可以是一个对象，或一个 { find, replacement } 的数组. 当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会被原封不动地使用，因此无法被正常解析。 更高级的自定义解析方法可以通过 插件 实现。
+        "@": path.resolve(__dirname, "src"),
+        "@components": path.resolve(__dirname, "src/components"),
+        "@composables": path.resolve(__dirname, "src/composables"),
+        "@utils": path.resolve(__dirname, "src/utils"),
+        "@images": path.resolve(__dirname, "src/assets/images"),
+        "@css": path.resolve(__dirname, "src/assets/css"),
+        "@mock": path.resolve(__dirname, "src/assets/mock"),
+        "common": path.resolve(__dirname, "src/common"),
+      },
+      dedupe: ['vue'], // 如果你在你的应用程序中有相同依赖的副本（比如 monorepos），使用这个选项来强制 Vite 总是将列出的依赖关系解析到相同的副本（从项目根目录)。
+      // conditions: [''], // 在解析包的 情景导出 时允许的附加条件。
+      // mainFields: [''], // package.json 中，在解析包的入口点时尝试的字段列表。注意，这比从 exports 字段解析的情景导出优先级低：如果一个入口点从 exports 成功解析，主字段将被忽略。
+      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'], // 导入时想要省略的扩展名列表。注意，不 建议忽略自定义导入类型的扩展名（例如：.vue），因为它会干扰 IDE 和类型支持。
+    },
+    css: {
+      modules: '', // 配置 CSS modules 的行为。选项将被传递给 postcss-modules。
+      postcss: { // 内联的 PostCSS 配置（格式同 postcss.config.js），或者一个（默认基于项目根目录的）自定义的 PostCSS 配置路径。其路径搜索是通过 postcss-load-config 实现的。 注意，如果提供了该内联配置，Vite 将不会搜索其他 PostCSS 配置源。
+        plugins: [
+          // postcsspxtoviewport({
+          //   unitToConvert: 'px', // 要转化的单位
+          //   viewportWidth: 375, // UI设计稿的宽度
+          //   unitPrecision: 6, // 转换后的精度，即小数点位数
+          //   propList: ['*'], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
+          //   viewportUnit: 'vw', // 指定需要转换成的视窗单位，默认vw
+          //   fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位，默认vw
+          //   selectorBlackList: ['ignore-'], // 指定不转换为视窗单位的类名，
+          //   minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
+          //   mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
+          //   replace: true, // 是否转换后直接更换属性值
+          //   // exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
+          //   exclude: [],
+          //   landscape: false // 是否处理横屏情况
+          // })
+        ]
+      },
+      preprocessorOptions: {
+        less: {
+          javascriptEnabled: true,
+          additionalData: `@import "${path.resolve(__dirname, 'src/assets/styles/base.less')}";`
+        }
+      } // 指定传递给 CSS 预处理器的选项。
+    },
+    // json: {
+    //   namedExports: true, // 是否支持从 .json 文件中进行按名导入。
+    //   stringify: false, // 若设置为 true，导入的 JSON 会被转换为 export default JSON.parse("...") 会比转译成对象字面量性能更好，尤其是当 JSON 文件较大的时候。 开启此项，则会禁用按名导入。
+    // },
+    // esbuild: false, //
+    // assetsInclude: '', // 指定其他文件类型作为静态资源处理
+    logLevel: 'info', // 调整控制台输出的级别，默认为 'info'。
+    // clearScreen: true, // 设为 false 可以避免 Vite 清屏而错过在终端中打印某些关键信息。命令行模式下请通过 --clearScreen false 设置。
+    server: {
+      host: '0.0.0.0',
+      port: viteEnv.VITE_PORT, // 本地服务端口
+      // strictPort: true, // 设为true时若端口已被占用则会直接退出, 而不是尝试下一个可用端口
+      // https: '',
+      // open: false, // 在服务器启动时自动在浏览器中打开应用程序. 当此值为字符串时, 会被当作URL的路径名.
+      // proxy: { // 代理
+      //   '/srv/': {
+      //     // target: 'http://voice.onwall.cn',
+      //     target: viteEnv.VITE_PROXY_TARGET,
+      //     changeOrigin: true,
+      //     // rewrite: (path) => path.replace(/^\/api/, '')
+      //   },
+      // },
+      proxy: createProxy(viteEnv.VITE_PROXY_PREFIX, viteEnv.VITE_PROXY_TARGET),
+      // cors: '', // 为开发服务器配置 CORS。默认启用并允许任何源，传递一个 选项对象 来调整行为或设为 false 表示禁用。
+      // force: '', // 设置为 true 强制使依赖预构建。
+      // hmr: '', // 禁用或配置 HMR 连接（用于 HMR websocket 必须使用不同的 http 服务器地址的情况）。 设置 server.hmr.overlay 为 false 可以禁用服务器错误遮罩层。
+      // watch: '', // 传递给 chokidar 的文件系统监视器选项。
+    },
+    build: {
+      // outDir: 'voice', // 指定输出路径(相对于项目根目录).
+      outDir: viteEnv.VITE_OUTDIR, // 指定输出路径(相对于项目根目录).
+      assetsDir: 'static',
+      rollupOptions: {
+        output: {
+          chunkFileNames: 'static/js/[name]-[hash].js',
+          entryFileNames: 'static/js/[name]-[hash].js',
+          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
+        },
+        input: { // 多页面应用模式, 打包时配置，运行配置要处理root
+          main: path.resolve(__dirname, 'index.html'),
+          // mono1: path.resolve(__dirname, 'src/packages/mono1/index.html'),
+          // mono2: path.resolve(__dirname, 'src/packages/mono2/index.html'),
+        }
+      },
+    },
+    optimizeDeps: {
+      // entries: '',
+      // exclude: [],
+      include: ['jquery', 'lodash', 'moment', 'axios', 'pinia', 'vue-router', 'vant'], // 默认情况下，不在 node_modules 中的，链接的包不会被预构建。使用此选项可强制预构建链接的包。
+      // keepNames: false, // 打包器有时需要重命名符号以避免冲突。 设置此项为 true 可以在函数和类上保留 name 属性。 若想获取更多详情，请参阅 keepNames
+    }
+  });
+};