build: build更新.

5636555f · ziwencao · 8f396e34 · 5636555f · 5636555f · 5636555f
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
 /* eslint-env node */
 require("@rushstack/eslint-patch/modern-module-resolution");
 module.exports = {
  root: true,
  extends: [
    "plugin:vue/vue3-essential",
    "airbnb-base",
    "eslint:recommended",
    "@vue/eslint-config-typescript",
    "@vue/eslint-config-prettier",
    "vue-global-api",
  ],
  overrides: [
    {
      files: ["cypress/e2e/**.{cy,spec}.{js,ts,jsx,tsx}"],
      extends: ["plugin:cypress/recommended"],
    },
  ],
  parserOptions: {
    ecmaVersion: "latest",
    parser: "@typescript-eslint/parser",
    sourceType: "module",
  },
  plugins: ["vue", "@typescript-eslint"],
  rules: {
    // 关闭名称校验
    "vue/multi-word-component-names": "off",
    "import/no-unresolved": "off",
    "import/extensions": "off",
    "import/no-absolute-path": "off",
    "import/no-extraneous-dependencies": "off",
    "vue/no-multiple-template-root": "off",
    "no-param-reassign": [
      "error",
      {
        props: true,
        ignorePropertyModificationsFor: ["state", "config"],
      },
    ],
  },
 };
--- a/.prettierrc.json
+++ b/.prettierrc.json
-{}
+{
\ No newline at end of file
+    "prettier/prettier": [
+        "error",
+        {
+            "endOfLine": "auto"
+        }
+    ]
+}
\ No newline at end of file
--- a/cypress.config.ts
+++ b/cypress.config.ts
 import { defineConfig } from "cypress";
 export default defineConfig({
  e2e: {
    specPattern: "cypress/e2e/**/*.{cy,spec}.{js,jsx,ts,tsx}",
    baseUrl: "http://localhost:4173",
  },
 });
--- a/cypress/e2e/example.cy.ts
+++ b/cypress/e2e/example.cy.ts
 // https://docs.cypress.io/api/introduction/api.html
 describe("My First Test", () => {
  it("visits the app root url", () => {
    cy.visit("/");
    cy.contains("h1", "You did it!");
  });
 });
--- a/cypress/support/commands.ts
+++ b/cypress/support/commands.ts
 /// <reference types="cypress" />
 // ***********************************************
 // This example commands.ts shows you how to
 // create various custom commands and overwrite
 // existing commands.
 //
 // For more comprehensive examples of custom
 // commands please read more here:
 // https://on.cypress.io/custom-commands
 // ***********************************************
 //
 //
 // -- This is a parent command --
 // Cypress.Commands.add('login', (email, password) => { ... })
 //
 //
 // -- This is a child command --
 // Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
 //
 //
 // -- This is a dual command --
 // Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
 //
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
 //
 // declare global {
 //   namespace Cypress {
 //     interface Chainable {
 //       login(email: string, password: string): Chainable<void>
 //       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
 //       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
 // }
 export {};
--- a/cypress/support/e2e.ts
+++ b/cypress/support/e2e.ts
 // ***********************************************************
 // This example support/index.js is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
 // behavior that modifies Cypress.
 //
 // You can change the location of this file or turn off
 // automatically serving support files with the
 // 'supportFile' configuration option.
 //
 // You can read more here:
 // https://on.cypress.io/configuration
 // ***********************************************************
 // Import commands.js using ES2015 syntax:
 import "./commands";
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
--- a/env.d.ts
+++ b/env.d.ts
 /// <reference types="vite/client" />
 declare module "*.vue" {
  import { ComponentOptions } from "vue";
  const componentOptions: ComponentOptions;
  export default componentOptions;
 }
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title></title>
  </head>
  <body>
    <div id="app"></div>

--- a/postcss.config.js
+++ b/postcss.config.js
 // eslint-disable-next-line no-undef
 module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
 };
--- a/src/api/index.ts
+++ b/src/api/index.ts
 import type { AxiosRequestConfig } from "axios";
 import request, { useRequest } from "@/libs/request";
 type ResponseType<T> = {
  code: number;
  data: T;
  msg: string;
  pageNum: number;
  total: number;
 };
 export default function requestAxios() {
  return request<any>({
    method: "get",
    url: "/api",
  });
 }
 class Ajax {
  static get<T>(
    url: string,
    data: { [args: string]: any },
    axiosConfig: AxiosRequestConfig = {}
  ) {
    return useRequest<ResponseType<T>>({
      method: "get",
      url,
      data,
      ...axiosConfig,
    }).content;
  }
  static post<T>(
    url: string,
    data: { [args: string]: any },
    axiosConfig: AxiosRequestConfig = {}
  ) {
    return useRequest<ResponseType<T>>({
      method: "post",
      url,
      data,
      ...axiosConfig,
    }).content;
  }
  static put<T>(
    url: string,
    data: { [args: string]: any },
    axiosConfig: AxiosRequestConfig = {}
  ) {
    return useRequest<ResponseType<T>>({
      method: "put",
      url,
      data,
      ...axiosConfig,
    }).content;
  }
  static delete<T>(
    url: string,
    data: { [args: string]: any },
    axiosConfig: AxiosRequestConfig = {}
  ) {
    return useRequest<ResponseType<T>>({
      method: "delete",
      url,
      data,
      ...axiosConfig,
    }).content;
  }
 }
 export const clxAjax = Ajax;
--- a/src/api/user.ts
+++ b/src/api/user.ts
 import type { UserInfo } from "@/stores/user";
 import { clxAjax } from ".";
 /** 登录接口 */
 export const loginRequset = () => {
  return clxAjax.post<UserInfo>("user-service/owner/user/login", {
    captcha: "11",
    mobile: "12222222222",
    platform: 6,
    pwd: "e10adc3949ba59abbe56e057f20f883e",
  });
 };
 export default {
  loginRequset,
 };
--- a/src/components/index.ts
+++ b/src/components/index.ts
 import SvgIcon from "@/components/sys/SvgIcon.vue";
 export const components = [SvgIcon];
 export const plugins = [];
--- a/src/components/sys/SvgIcon.vue
+++ b/src/components/sys/SvgIcon.vue
 <script setup lang="ts">
 import { computed, withDefaults } from "vue";
 type SvgProps = {
  prefix?: string;
  name?: string;
  color?: string;
 };
 const props = withDefaults(defineProps<SvgProps>(), {
  prefix: "icon",
  name: "",
  color: "#000",
 });
 const symbolId = computed(() => `#${props.prefix}-${props.name}`);
 </script>
 <template>
  <svg aria-hidden="true">
    <use :xlink:href="symbolId" :fill="color" />
  </svg>
 </template>
--- a/src/layouts/default/components/DefaultFooter.vue
+++ b/src/layouts/default/components/DefaultFooter.vue
 <template>
  <footer>底部</footer>
 </template>
 <script lang="ts" setup name="DefaultFooter"></script>
 <style scoped>
 footer {
  background-color: antiquewhite;
 }
 </style>
--- a/src/libs/emitter.ts
+++ b/src/libs/emitter.ts
 import mitt, { type Emitter } from "mitt";
 const emitter: Emitter<any> = mitt();
 export default emitter;
--- a/src/libs/request/index.ts
+++ b/src/libs/request/index.ts
 import { ref, type Ref } from "vue";
 import axios, {
  AxiosError,
  type AxiosResponse,
  type AxiosRequestConfig,
 } from "axios";
 import storage from "store";
 // import { ElMessage } from "element-plus";
 import { useUserStore, USER_INFO, type UserInfo } from "@/stores/user";
 const { VITE_APP_BASE_URL } = import.meta.env;
 const request = axios.create({
  // API 请求的默认前缀
  baseURL: VITE_APP_BASE_URL as string,
  timeout: 10000, // 请求超时时间
 });
 // 异常拦截处理器
 const errorHandler = (error: AxiosError) => {
  const status = error.response?.status;
  const useStore = useUserStore();
  switch (status) {
    /* eslint-disable no-param-reassign */
    case 400:
      error.message = "请求错误";
      break;
    case 401:
      useStore.logout();
      error.message = "未授权，请登录";
      break;
    case 403:
      error.message = "拒绝访问";
      break;
    case 404:
      error.message = `请求地址出错: ${error.response?.config.url}`;
      break;
    case 408:
      error.message = "请求超时";
      break;
    case 500:
      error.message = "服务器内部错误";
      break;
    case 501:
      error.message = "服务未实现";
      break;
    case 502:
      error.message = "网关错误";
      break;
    case 503:
      error.message = "服务不可用";
      break;
    case 504:
      error.message = "网关超时";
      break;
    case 505:
      error.message = "HTTP版本不受支持";
      break;
    default:
      break;
  }
  return Promise.reject(error);
 };
 request.interceptors.request.use((config) => {
  // 如果 token 存在
  // 让每个请求携带自定义 token 请根据实际情况自行修改
  // config.headers.Authorization = `Bearer ${storage.get(ACCESS_TOKEN)}`;
  const userInfo = (storage.get(USER_INFO) as UserInfo) || {};
  config.headers = {
    ...config.headers,
    Authorization: `Bearer ${userInfo?.accessToken}`,
    userId: userInfo?.userId,
    childId: userInfo?.childId,
    userMin: "vip",
    accessToken: userInfo?.accessToken,
  };
  return config;
 }, errorHandler);
 // response interceptor
 request.interceptors.response.use((response: AxiosResponse) => {
  const dataAxios = response.data;
  const useStore = useUserStore();
  // 这个状态码是和后端约定的
  const { code, msg } = dataAxios;
  // 根据 code 进行判断
  if (code === undefined) {
    // 如果没有 code 代表这不是项目后端开发的接口
    return dataAxios;
  }
  // 有 code 代表这是一个后端接口 可以进行进一步的判断
  // if (code) ElMessage.error(msg);
  if (code) alert(msg);
  switch (code) {
    case 0:
      // code === 0 代表没有错误
      return dataAxios;
    case 1:
      // code === 1 代表请求错误
      throw Error(msg);
    case 401:
      useStore.logout();
      throw Error(msg);
    default:
      // 不是正确的 code
      return dataAxios;
  }
 }, errorHandler);
 export default request;
 export interface RequestConfig {
  successMessage?: string;
  errorMessage?: string;
  /** 立即发送请求 */
  immediate?: boolean;
 }
 export function useRequest<T>(
  axiosConfig: AxiosRequestConfig,
  requestConfig?: RequestConfig
 ) {
  // 最终返回的数据
  const data = ref<T>();
  // 请求失败返回的 Error 对象
  const error = ref<Error>();
  // 请求状态
  const loading = ref(false);
  // 立即发送请求
  const immediate = requestConfig?.immediate !== false;
  // 终止请求
  const { CancelToken } = axios;
  const { token, cancel } = CancelToken.source();
  // 合并求情配置
  const config = { ...axiosConfig, cancelToken: token };
  // 请求 Promise
  function run() {
    loading.value = true;
    return new Promise<Ref<T | undefined>>((resolve, reject) => {
      request<T>(config)
        .then((res: T) => {
          data.value = res;
          resolve(data);
        })
        .catch((err: Error) => {
          error.value = err;
          reject(err);
          if (requestConfig?.errorMessage) {
            throw Error(requestConfig.errorMessage);
          }
        })
        .finally(() => {
          loading.value = false;
        });
    });
  }
  const content = new Promise<Ref<T | undefined>>((resolve, reject) => {
    if (immediate) {
      run()
        .then((res) => {
          resolve(res);
        })
        .catch((err) => {
          reject(err);
        });
    }
  });
  return { data, error, loading, content, run, cancel };
 }
--- a/src/libs/request/shims.d.ts
+++ b/src/libs/request/shims.d.ts
 import { AxiosRequestConfig } from "axios";
 declare module "axios" {
  export interface AxiosInstance {
    /* eslint-disable no-unused-vars */
    <T = any>(config: AxiosRequestConfig): Promise<T>;
    request<T = any>(config: AxiosRequestConfig): Promise<T>;
    get<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
    delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
    head<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
    post<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
    put<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
    patch<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
  }
 }
--- a/src/libs/utils/baseApiUrl.ts
+++ b/src/libs/utils/baseApiUrl.ts
 export default function baseApiUrl(port?: number) {
  const { VITE_APP_BASE_URL } = import.meta.env;
  if (port) {
    return `${VITE_APP_BASE_URL}:${port}`;
  }
  return VITE_APP_BASE_URL;
 }
--- a/src/libs/utils/baseStaticUrl.ts
+++ b/src/libs/utils/baseStaticUrl.ts
 // 处理静态资源链接
 export default function baseStaticUrl(src = "") {
  const { VITE_APP_STATIC_URL } = import.meta.env;
  if (src) {
    return `${VITE_APP_STATIC_URL}${src}`;
  }
  return VITE_APP_STATIC_URL as string;
 }
--- a/src/libs/utils/index.ts
+++ b/src/libs/utils/index.ts
 export { default as baseStaticUrl } from "./baseStaticUrl";
 export { default as baseApiUrl } from "./baseApiUrl";
 export { default as setTitle } from "./setTitle";
--- a/src/libs/utils/setTitle.ts
+++ b/src/libs/utils/setTitle.ts
 export default function setTitle(title?: string) {
  const { VITE_APP_TITLE } = import.meta.env;
  const processTitle = VITE_APP_TITLE || "CLX";
  window.document.title = `${title ? `${title} | ` : ""} ${processTitle}`;
 }
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
 <script lang="ts" setup name="404">
 import { ref } from "vue";
 import router from "@/router";
 const countdown = ref(3);
 const countdownInterval = setInterval(() => {
  countdown.value -= 1;
  if (countdown.value === 0) {
    router.push("/");
    clearInterval(countdownInterval);
  }
 }, 1000);
 </script>
 <template>
  <div class="h-screen flex flex-col justify-center items-center">
    <h1 class="text-3xl">404</h1>
    <p>{{ countdown }} seconds after the jump...</p>
  </div>
 </template>
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
 <route lang="yaml">
 name: home
 meta:
  auth: true
 </route>
 <script lang="ts" setup name="PageHome">
 import { useRouter } from "vue-router";
 const router = useRouter();
 function regist() {
  router.push({
    path: "/user/regist",
    query: {
      id: 123,
    },
  });
 }
 </script>
 <template>
  <div>
    <div class="page-example">home</div>
    <router-link to="/user/login"><button>登錄</button></router-link>
    <button type="primary" @click="regist()">注册</button>
    <div
      class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4"
    >
      <div class="flex-shrink-0">
        <svg-icon class="h-12 w-12" name="tooling"></svg-icon>
      </div>
      <div>
        <div class="text-xl font-medium text-black">ChitChat</div>
        <p class="text-gray-500">You have a new message!</p>
      </div>
    </div>
  </div>
 </template>
 <style scoped>
 .login-icon {
  width: 20px;
  height: 20px;
 }
 </style>
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -2,4 +2,4 @@
 redirect:
  name: home
 </route>
-<template></template>
+<!-- <template></template> -->
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
 <route lang="yaml">
 name: user
 meta:
  auth: false
  title: 用户
  layout: BlankLayout
 </route>
--- a/src/pages/user/login/index.vue
+++ b/src/pages/user/login/index.vue
 <route lang="yaml">
 name: login
 meta:
  auth: false
  title: 登录
  layout: BlankLayout
 </route>
 <template>
  <div>
    <div class="page-example">login</div>
    <div
      class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4"
    >
      <div class="flex-shrink-0">
        <svg-icon class="h-12 w-12" name="tooling"></svg-icon>
      </div>
      <div>
        <div class="text-xl font-medium text-black">
          <button type="link" @click="login()">登錄</button>
        </div>
        <p class="text-gray-500">点击登录!</p>
      </div>
    </div>
  </div>
 </template>
 <script lang="ts" setup name="PageLogin">
 import { useRoute, useRouter } from "vue-router";
 // import { ElMessage } from "element-plus";
 import { loginRequset } from "@/api/user";
 import { useUserStore } from "@/stores/user";
 import { baseStaticUrl } from "@/libs/utils";
 const router = useRouter();
 const route = useRoute();
 function GetRequest(urlStr: string) {
  if (!urlStr.includes("?")) return {};
  const url = urlStr.split("?")[1].split("&"); // 获取url中"?"符后的字串
  const query: { [args: string]: any } = {};
  url.forEach((item: string) => {
    query[item.split("=")[0]] = decodeURIComponent(item.split("=")[1]); // 转码
  });
  return query;
 }
 console.log(import.meta.env);
 function login() {
  loginRequset()
    .then((res) => {
      console.log(res);
      const data = res?.value?.data;
      if (!data) return;
      const user = useUserStore();
      user.setUserInfo({
        ...data,
      });
      const queryRedirect = route.query?.redirect as string;
      router.push({
        path: queryRedirect || "/",
        query: GetRequest(queryRedirect || ""),
      });
    })
    .catch((error) => {
      // ElMessage.error(error);
      alert(error);
    });
 }
 </script>
 <style scoped>
 .login-icon {
  width: 20px;
  height: 20px;
 }
 </style>
--- a/src/pages/user/regist/index.vue
+++ b/src/pages/user/regist/index.vue
 <route lang="yaml">
 name: regist
 meta:
  auth: true
  title: 注册
  layout: BlankLayout
 </route>
 <script lang="ts" setup name="PageRegist">
 import { useRoute } from "vue-router";
 const route = useRoute();
 console.log(route.query);
 </script>
 <template>
  <div>
    <div class="page-example">注册</div>
  </div>
 </template>
 <style scoped></style>
--- a/src/router/permission.ts
+++ b/src/router/permission.ts
 import storage from "store";
 import NProgress from "nprogress";
 import router from "@/router";
 import { USER_INFO, useUserStore, type UserInfo } from "@/stores/user";
 import { setTitle } from "@/libs/utils";
 // 进度条
 import "nprogress/nprogress.css";
 const loginRoutePath = "/user/login";
 const defaultRoutePath = "/home";
 /**
 * 路由拦截
 * 权限验证
 */
 router.beforeEach(async (to, from, next) => {
  const userStore = useUserStore();
  const userInfo = (storage.get(USER_INFO) as UserInfo) || {};
  const token = userInfo?.accessToken;
  // 进度条
  NProgress.start();
  // 验证当前路由所有的匹配中是否需要有登录验证的
  if (to.matched.some((r) => r.meta.auth)) {
    // 是否存有token作为验证是否登录的条件
    if (token && token !== "undefined") {
      if (to.path === loginRoutePath) {
        next({ path: defaultRoutePath });
      } else {
        next();
      }
    } else {
      // 没有登录的时候跳转到登录界面
      // 携带上登录成功之后需要跳转的页面完整路径
      next({
        name: "login",
        query: {
          redirect: to.fullPath,
        },
      });
      NProgress.done();
    }
  } else {
    // 不需要身份校验 直接通过
    next();
  }
 });
 router.afterEach((to) => {
  // 进度条
  NProgress.done();
  setTitle(to.meta.title as string);
 });
--- a/src/stores/counter.ts
+++ b/src/stores/counter.ts
 import { ref, computed } from "vue";
 import { defineStore } from "pinia";
 export const useCounterStore = defineStore("counter", () => {
  const count = ref(0);
  const doubleCount = computed(() => count.value * 2);
  function increment() {
    count.value += 1;
  }
  return { count, doubleCount, increment };
 });
 export default {
  useCounterStore,
 };
--- a/src/stores/user.ts
+++ b/src/stores/user.ts
 import { defineStore } from "pinia";
 import storage from "store";
 import UaParser from "ua-parser-js";
 import type { IResult as UaResult } from "ua-parser-js";
 import router from "@/router";
 /**
 * 用户信息-类型
 */
 export interface UserInfo {
  accessToken: string;
  authed: number;
  childId: number;
  company: string;
  domain: string;
  equipmentFlag: number;
  headImg: string;
  logo: string;
  mobile: string;
  name: string;
  openid: string;
  placeId: number;
  placeName: string;
  role: number;
  shortName: string;
  tradeAuth: number;
  truckNo: number;
  userId: number;
  walletCode: number;
 }
 export interface UserState {
  userInfo: UserInfo;
  ua: UaResult;
 }
 /** userInfo 存储信息 字段名 */
 export const USER_INFO: "USER_INFO" = "USER_INFO";
 /** token 字段名 */
 export const ACCESS_TOKEN: "accessToken" = "accessToken";
 /** userId 字段名 */
 export const USER_ID: "userId" = "userId";
 const defaultUserInfo = {
  accessToken: "",
  authed: 0,
  childId: 0,
  company: "",
  domain: "",
  equipmentFlag: 0,
  headImg: "",
  logo: "",
  mobile: "",
  name: "",
  openid: "",
  placeId: 0,
  placeName: "",
  role: 0,
  shortName: "",
  tradeAuth: 0,
  truckNo: 0,
  userId: 0,
  walletCode: 0,
 };
 export const useUserStore = defineStore({
  id: "clxUser",
  state: (): UserState => ({
    userInfo: { ...defaultUserInfo },
    ua: new UaParser().getResult(),
  }),
  actions: {
    setUserInfo(payload: UserInfo) {
      this.userInfo = payload;
      storage.set(USER_INFO, this.userInfo || {});
    },
    resetUserInfo() {
      this.userInfo = { ...defaultUserInfo };
    },
    async getUserInfo() {
      const userInfo = (storage.get(USER_INFO) as UserInfo) || {};
      const userID = userInfo?.userId;
      if (!userID) {
        // 异步调用查询用户信息接口
      }
    },
    async login() {
      // 调用登陆接口
      // this.setUserInfo(payload);
      // router.push({ path: '/' });
    },
    async logout() {
      // 调用退出登陆接口
      this.resetUserInfo();
      router.push({ name: "login" });
    },
    async verification(token: string) {
      // 调用 token 验证接口
      return Promise.resolve(token);
    },
  },
 });