main
commit
242f834edb
@ -0,0 +1,26 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
.history
|
||||
vite.config.ts.timestamp*
|
||||
@ -0,0 +1,7 @@
|
||||
# Vue 3 + Vite
|
||||
|
||||
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||
|
||||
## Recommended IDE Setup
|
||||
|
||||
- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
|
||||
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" type="image/x-icon" href="/fav.ico" />
|
||||
<title>东方保险经纪</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,33 @@
|
||||
{
|
||||
"name": "my-vue-app",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite dev",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.26.1",
|
||||
"element-plus": "2.2.15",
|
||||
"html2canvas": "^1.4.1",
|
||||
"jspdf": "^2.5.1",
|
||||
"lodash-es": "^4.17.21",
|
||||
"pinia": "^2.0.12",
|
||||
"qs": "^6.10.3",
|
||||
"vue": "^3.2.34",
|
||||
"vue-router": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/lodash-es": "^4.17.12",
|
||||
"@types/node": "^20.14.2",
|
||||
"@types/qs": "^6.9.15",
|
||||
"@vitejs/plugin-vue": "^2.2.0",
|
||||
"prettier": "^2.6.0",
|
||||
"sass": "^1.49.9",
|
||||
"typescript": "^5.4.5",
|
||||
"vite": "^2.8.0",
|
||||
"vite-plugin-html": "^3.2.0"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,12 @@
|
||||
module.exports = {
|
||||
semi: true,
|
||||
useTabs: false,
|
||||
tabWidth: 2,
|
||||
printWidth: 120,
|
||||
singleQuote: true,
|
||||
arrowParens: 'always',
|
||||
trailingComma: 'all',
|
||||
bracketSpacing: true,
|
||||
jsxBracketSameLine: true,
|
||||
htmlWhitespaceSensitivity: 'css',
|
||||
};
|
||||
@ -0,0 +1,19 @@
|
||||
declare namespace Common {
|
||||
export type Option<V = string> = {
|
||||
key: V;
|
||||
label: string;
|
||||
[key: string]: unknown;
|
||||
};
|
||||
|
||||
export type VoidFunc = () => void;
|
||||
|
||||
export type SearchFunc<T = void> = (page?: number) => Promise<T>;
|
||||
|
||||
export type PromiseVoidFunc = () => Promise<void>;
|
||||
|
||||
export type TimeRange = null | [string, string];
|
||||
|
||||
export type HTMLElementWithDirective<K, V> = HTMLElement & {
|
||||
[key in K]: import('vue').DirectiveBinding<V>;
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,56 @@
|
||||
/**
|
||||
* Extracting the value type of T
|
||||
*/
|
||||
declare type ValueOf<T> = T extends object ? T[keyof T] : never;
|
||||
|
||||
/**
|
||||
* Type T may be null or undefined
|
||||
*/
|
||||
declare type MaybeNil<T> = T | null | undefined;
|
||||
|
||||
/**
|
||||
* Make all properties in T optional, In-depth
|
||||
*/
|
||||
declare type DeepPartial<T> = T extends object
|
||||
? {
|
||||
-readonly [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
||||
}
|
||||
: never;
|
||||
|
||||
/**
|
||||
* Make all properties in T writable, In-depth
|
||||
*/
|
||||
declare type DeepWritable<T> = T extends object | undefined
|
||||
? {
|
||||
-readonly [P in keyof T]: T[P] extends object | undefined ? DeepWritable<T[P]> : T[P];
|
||||
}
|
||||
: never;
|
||||
|
||||
/**
|
||||
* Make all properties in T readonly, In-depth
|
||||
*/
|
||||
declare type DeepReadonly<T> = import('vue').DeepReadonly<T>;
|
||||
|
||||
/**
|
||||
* Add prefix
|
||||
*/
|
||||
declare type AddPrefix<T extends string, P extends string> = T extends '' ? '' : `${T}${P}`;
|
||||
|
||||
/**
|
||||
* Add suffix
|
||||
*/
|
||||
declare type AddSuffix<T extends string, P extends string> = T extends '' ? '' : `${P}${T}`;
|
||||
|
||||
/**
|
||||
* Get the last character
|
||||
*/
|
||||
declare type GetLastChar<T extends string> = T extends `${infer F}${infer REST}`
|
||||
? REST extends ''
|
||||
? F
|
||||
: GetLastChar<REST>
|
||||
: T;
|
||||
|
||||
/**
|
||||
* Get the first character
|
||||
*/
|
||||
declare type GetFirstChar<T extends string> = T extends `${infer F}${infer REST}` ? F : T;
|
||||
@ -0,0 +1,26 @@
|
||||
declare type App = import('vue').App;
|
||||
declare type Component = import('vue').Component;
|
||||
declare type CSSProperties = import('vue').CSSProperties;
|
||||
|
||||
declare type VNode = import('vue').VNode;
|
||||
declare type VNodeProps = import('vue').VNodeProps;
|
||||
|
||||
declare type InjectionKey<T> = import('vue').InjectionKey<T>;
|
||||
declare type WatchStopHandle = import('vue').WatchStopHandle;
|
||||
|
||||
declare type Ref<T> = import('vue').Ref<T>;
|
||||
declare type UnwrapNestedRefs<T> = import('vue').UnwrapNestedRefs<T>;
|
||||
|
||||
declare type ComputedRef<T> = import('vue').ComputedRef<T>;
|
||||
declare type WritableComputedRef<T> = import('vue').WritableComputedRef<T>;
|
||||
|
||||
declare type Directive<T, V = any> = import('vue').Directive<T, V>;
|
||||
declare type DirectiveBinding<V> = import('vue').DirectiveBinding<V>;
|
||||
|
||||
declare module '*.vue' {
|
||||
import type { DefineComponent } from 'vue';
|
||||
|
||||
const vueComponent: DefineComponent;
|
||||
|
||||
export default vueComponent;
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<router-view />
|
||||
</template>
|
||||
@ -0,0 +1,253 @@
|
||||
// good
|
||||
import request from '@/utils/request';
|
||||
import { REQUEST_CONTENT_TYPE } from '@/constant/request';
|
||||
|
||||
export interface Invoice {
|
||||
Header: string;
|
||||
TaxNumber: string;
|
||||
}
|
||||
export interface Order {
|
||||
CreatedAt: string;
|
||||
UpdatedAt: string;
|
||||
ID: string;
|
||||
RequestID: string;
|
||||
OrderSn: string;
|
||||
Token: string;
|
||||
User: OrderUser;
|
||||
Project: OrderProject;
|
||||
Assured: OrderAssured;
|
||||
Applicant: OrderApplicant;
|
||||
Invoice: null | Invoice;
|
||||
}
|
||||
export interface OrderUser {
|
||||
CreatedAt: string;
|
||||
ID: string;
|
||||
OrderSn: string;
|
||||
Mobile: string;
|
||||
Username: string;
|
||||
UserID: string;
|
||||
UnitID: string;
|
||||
UnitName: string;
|
||||
BeiandiquCode: string;
|
||||
BankName: string;
|
||||
BankCardNum: string;
|
||||
BankUserName: string;
|
||||
Order: string;
|
||||
}
|
||||
export interface OrderProject {
|
||||
CreatedAt: string;
|
||||
UpdatedAt: string;
|
||||
ID: string;
|
||||
OrderSn: string;
|
||||
Name: string;
|
||||
TpID: string;
|
||||
BdID: string;
|
||||
BdName: string;
|
||||
StartDate: string;
|
||||
Amount: string;
|
||||
Province: string;
|
||||
City: string;
|
||||
District: string;
|
||||
BzjEtime: string;
|
||||
CreateTime: string;
|
||||
PlanDate: string;
|
||||
BuildPrice: string;
|
||||
BuildPlace: string;
|
||||
TenderProjectType: string;
|
||||
ValidPeriod: string;
|
||||
TenderNoticeUrl: string;
|
||||
TenderFileUrl: string;
|
||||
TenderFileUrlMd5: string;
|
||||
ProjectApprovalNo: string;
|
||||
Order: string;
|
||||
}
|
||||
export interface OrderAssured {
|
||||
CreatedAt: string;
|
||||
UpdatedAt: string;
|
||||
ID: string;
|
||||
OrderSn: string;
|
||||
AssuredName: string;
|
||||
ComTelArea: string;
|
||||
CreditCode: string;
|
||||
CreditVld: string;
|
||||
ContactName: string;
|
||||
ContactMobile: string;
|
||||
TenderBankAccount: string;
|
||||
TenderBankOpenbank: string;
|
||||
TenderAccountName: string;
|
||||
Province: string;
|
||||
City: string;
|
||||
District: string;
|
||||
Address: string;
|
||||
ComTelNum: string;
|
||||
Agency: string;
|
||||
Order: string;
|
||||
}
|
||||
export interface OrderApplicant {
|
||||
CreatedAt: string;
|
||||
UpdatedAt: string;
|
||||
ID: string;
|
||||
OrderSn: string;
|
||||
ApplicantName: string;
|
||||
CreditVld: string;
|
||||
CreditCode: string;
|
||||
ContactName: string;
|
||||
ContactMobile: string;
|
||||
ComTelArea: string;
|
||||
Province: string;
|
||||
City: string;
|
||||
District: string;
|
||||
Address: string;
|
||||
Email: string;
|
||||
LegalName: string;
|
||||
LegalNum: string;
|
||||
ComTelNum: string;
|
||||
LicenseFiles: string;
|
||||
SignUrl: string;
|
||||
Order: string;
|
||||
InvoiceAcceptEmail: string;
|
||||
InvoiceType: string;
|
||||
}
|
||||
export interface GetOrderRes {
|
||||
order: Order;
|
||||
}
|
||||
export interface GetOrderParams {
|
||||
token: string;
|
||||
}
|
||||
export function getOrder(params: GetOrderParams) {
|
||||
return request.get<GetOrderRes>('/web/get-order', { params });
|
||||
}
|
||||
|
||||
export interface GetSignUrlRes {
|
||||
signUrl: string;
|
||||
}
|
||||
export interface GetSignUrlParams {
|
||||
token: string;
|
||||
}
|
||||
export function getSignUrl(params: GetSignUrlParams) {
|
||||
return request.get<GetSignUrlRes>('/web/get-sign-url', { params });
|
||||
}
|
||||
|
||||
export interface OrderResult {
|
||||
CreatedAt: string;
|
||||
UpdatedAt: string;
|
||||
ID: number;
|
||||
OrderSn: string;
|
||||
PolicyNo: string;
|
||||
MinPremium: string;
|
||||
Rate: string;
|
||||
Status: string;
|
||||
ServiceAmount: string;
|
||||
GuranteeLink: string;
|
||||
GuranteeLinkMd5: string;
|
||||
GuranteeOfdLink: string;
|
||||
GuranteeOfdLinkMd5: string;
|
||||
InvoiceLink: string;
|
||||
InvoiceLinkMd5: string;
|
||||
ConfirmReceiptLink: string;
|
||||
ConfirmReceiptLinkMd5: string;
|
||||
Remark: string;
|
||||
Order: null;
|
||||
}
|
||||
export interface GetOrderResultRes {
|
||||
orderResult: OrderResult;
|
||||
}
|
||||
export interface GetOrderResultParams {
|
||||
token: string;
|
||||
}
|
||||
export function getOrderResult(params: GetOrderResultParams) {
|
||||
return request.get<GetOrderResultRes>('/web/get-order-result', { params });
|
||||
}
|
||||
|
||||
export interface UploadSignedFileParams {
|
||||
pdf: File;
|
||||
token: string;
|
||||
}
|
||||
export function uploadSignedFile(data: UploadSignedFileParams) {
|
||||
const formData = new FormData();
|
||||
|
||||
Object.entries(data).forEach(([key, value]) => {
|
||||
formData.append(key, value);
|
||||
});
|
||||
|
||||
return request.post('/web/upload-sign-file', formData, {
|
||||
headers: { 'Content-Type': REQUEST_CONTENT_TYPE.FORM_DATA },
|
||||
});
|
||||
}
|
||||
|
||||
export interface GetOrderStatusRes {
|
||||
status: 'signed' | 'submitted' | 'generated';
|
||||
}
|
||||
export interface GetOrderStatusParams {
|
||||
token: string;
|
||||
}
|
||||
export function getOrderStatus(params: GetOrderStatusParams) {
|
||||
return request.get<GetOrderStatusRes>('/web/get-order-status', { params });
|
||||
}
|
||||
|
||||
export interface GetOrderPayUrlRes {
|
||||
payUrl: string;
|
||||
status: 'signed' | 'submitted' | 'generated';
|
||||
}
|
||||
export interface GetOrderPayUrlParams {
|
||||
token: string;
|
||||
}
|
||||
export function getOrderPayUrl(params: GetOrderPayUrlParams) {
|
||||
return request.get<GetOrderPayUrlRes>('/web/get-order-pay-url', { params });
|
||||
}
|
||||
|
||||
export interface UpdateApplicantParams {
|
||||
token: string;
|
||||
applicantName: string;
|
||||
creditCode: string;
|
||||
contactName: string;
|
||||
contactMobile: string;
|
||||
bankName: string;
|
||||
bankCardNum: string;
|
||||
invoiceAcceptEmail: string;
|
||||
invoiceType: string;
|
||||
}
|
||||
export function updateApplicant(data: UpdateApplicantParams) {
|
||||
return request.post('/web/update-applicant', data);
|
||||
}
|
||||
|
||||
export interface UpdateInvoiceParams {
|
||||
token: string;
|
||||
header: string;
|
||||
taxNumber: string;
|
||||
}
|
||||
export function updateInvoice(data: UpdateInvoiceParams) {
|
||||
return request.post('/web/update-invoice', data);
|
||||
}
|
||||
|
||||
export interface GenerateSignFileParams {
|
||||
token: string;
|
||||
}
|
||||
export function generateSignFile(data: GenerateSignFileParams) {
|
||||
return request.post('/web/generate-sign-file', data);
|
||||
}
|
||||
|
||||
export interface PayInfo {
|
||||
TpID: string;
|
||||
OrderSn: string;
|
||||
OrderCreateTime: string;
|
||||
PayAmount: string;
|
||||
ProductName: string;
|
||||
Remark: string;
|
||||
Payee: Payee;
|
||||
Payer: Payee;
|
||||
}
|
||||
export interface Payee {
|
||||
BankName: string;
|
||||
BankCardNum: string;
|
||||
BankUserName: string;
|
||||
}
|
||||
export interface GetPayInfoRes {
|
||||
PayInfo: PayInfo;
|
||||
}
|
||||
export interface GetPayInfoParams {
|
||||
token: string;
|
||||
}
|
||||
export function getPayInfo(params: GetPayInfoParams) {
|
||||
return request.get<GetPayInfoRes>('/web/get-pay-info', { params });
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,40 @@
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
|
||||
defineProps({
|
||||
msg: String,
|
||||
})
|
||||
|
||||
const count = ref(0)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h1>{{ msg }}</h1>
|
||||
|
||||
<div class="card">
|
||||
<button type="button" @click="count++">count is {{ count }}</button>
|
||||
<p>
|
||||
Edit
|
||||
<code>components/HelloWorld.vue</code> to test HMR
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
Check out
|
||||
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
|
||||
>create-vue</a
|
||||
>, the official Vue + Vite starter
|
||||
</p>
|
||||
<p>
|
||||
Install
|
||||
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
|
||||
in your IDE for a better DX
|
||||
</p>
|
||||
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.read-the-docs {
|
||||
color: #888;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,49 @@
|
||||
// good
|
||||
import { defineConstants } from '@/utils/constant';
|
||||
|
||||
export const { TOGGLE, TOGGLE_MAP, TOGGLE_LIST } = defineConstants(
|
||||
[
|
||||
{ key: '1', keyAlias: 'yes', label: '是' },
|
||||
{ key: '0', keyAlias: 'no', label: '否' },
|
||||
] as const,
|
||||
'TOGGLE',
|
||||
'key',
|
||||
'keyAlias',
|
||||
);
|
||||
export const TOGGLE_SWITCH_LIST = [
|
||||
{ ...TOGGLE_LIST[0], label: '开启' },
|
||||
{ ...TOGGLE_LIST[1], label: '关闭' },
|
||||
] as const;
|
||||
export type ToggleEnum = ValueOf<typeof TOGGLE>;
|
||||
export type ToggleEnumWithNone = ToggleEnum | '';
|
||||
|
||||
export const { TOGGLE_EN, TOGGLE_EN_MAP, TOGGLE_EN_LIST } = defineConstants(
|
||||
[
|
||||
{ key: 'yes', label: '是' },
|
||||
{ key: 'no', label: '否' },
|
||||
] as const,
|
||||
'TOGGLE_EN',
|
||||
);
|
||||
export type ToggleEnEnum = ValueOf<typeof TOGGLE_EN>;
|
||||
export type ToggleEnEnumWithNone = ToggleEnEnum | '';
|
||||
|
||||
export const { TOGGLE_NUM, TOGGLE_NUM_MAP, TOGGLE_NUM_LIST } = defineConstants(
|
||||
[
|
||||
{ key: 1, keyAlias: 'yes', label: '是' },
|
||||
{ key: 0, keyAlias: 'no', label: '否' },
|
||||
] as const,
|
||||
'TOGGLE_NUM',
|
||||
'key',
|
||||
'keyAlias',
|
||||
);
|
||||
export type ToggleNumEnum = ValueOf<typeof TOGGLE_NUM>;
|
||||
|
||||
export const { RESULT, RESULT_MAP, RESULT_LIST } = defineConstants(
|
||||
[
|
||||
{ key: 'fail', label: '失败' },
|
||||
{ key: 'success', label: '成功' },
|
||||
] as const,
|
||||
'RESULT',
|
||||
);
|
||||
export type ResultEnum = ValueOf<typeof RESULT>;
|
||||
export type ResultEnumWithNone = ResultEnum | '';
|
||||
@ -0,0 +1,28 @@
|
||||
// good
|
||||
import { defineConstants } from '../utils/constant';
|
||||
|
||||
export const REQUEST_BASE_URL = '/api';
|
||||
|
||||
export const { REQUEST_CODE, REQUEST_CODE_MAP, REQUEST_CODE_LIST } = defineConstants(
|
||||
[
|
||||
{ key: '0000', label: '成功', keyAlias: 'success' },
|
||||
{ key: '1000', label: '登录过期', keyAlias: 'expired' },
|
||||
],
|
||||
'REQUEST_CODE',
|
||||
'key',
|
||||
'keyAlias',
|
||||
);
|
||||
export type RequestCodeEnum = ValueOf<typeof REQUEST_CODE>;
|
||||
|
||||
export const { REQUEST_CONTENT_TYPE, REQUEST_CONTENT_TYPE_MAP, REQUEST_CONTENT_TYPE_LIST } = defineConstants(
|
||||
[
|
||||
{ key: 'text/html', keyAlias: 'html' },
|
||||
{ key: 'application/json', keyAlias: 'json' },
|
||||
{ key: 'application/x-www-form-urlencoded', keyAlias: 'formUrl' },
|
||||
{ key: 'multipart/form-data', keyAlias: 'formData' },
|
||||
{ key: 'application/vnd.ms-excel', keyAlias: 'excel' },
|
||||
] as const,
|
||||
'REQUEST_CONTENT_TYPE',
|
||||
'key',
|
||||
'keyAlias',
|
||||
);
|
||||
@ -0,0 +1 @@
|
||||
export * from './useLoading';
|
||||
@ -0,0 +1,48 @@
|
||||
import { ElLoading } from 'element-plus';
|
||||
import { ref, isRef, nextTick } from 'vue';
|
||||
import type { LoadingOptions } from 'element-plus';
|
||||
|
||||
type OverwriteLoadingOptions = Omit<LoadingOptions, 'target'> & {
|
||||
isSync?: boolean;
|
||||
target?: Ref<HTMLElement> | HTMLElement | string;
|
||||
};
|
||||
|
||||
const defaultOptions: LoadingOptions = {
|
||||
text: '',
|
||||
background: 'rgba(0, 0, 0, 0.5)',
|
||||
};
|
||||
|
||||
export function useLoading(options: OverwriteLoadingOptions = { isSync: false }) {
|
||||
const config = { ...defaultOptions, ...options };
|
||||
const loading = ref(false);
|
||||
const loadingInstance = ref<ReturnType<typeof ElLoading.service>>();
|
||||
|
||||
// 支持 Ref<HTMLElement>
|
||||
const { target } = config;
|
||||
if (target && isRef(target)) {
|
||||
nextTick(() => {
|
||||
config.target = target.value;
|
||||
});
|
||||
}
|
||||
|
||||
const openLoading = () => {
|
||||
if (loading.value) return;
|
||||
|
||||
loading.value = true;
|
||||
loadingInstance.value = ElLoading.service(config as LoadingOptions);
|
||||
};
|
||||
|
||||
const closeLoading = (isSync = false) => {
|
||||
if (!loading.value) return;
|
||||
|
||||
loading.value = false;
|
||||
loadingInstance.value?.close();
|
||||
(isSync || options.isSync) && loadingInstance.value?.removeElLoadingChild();
|
||||
};
|
||||
|
||||
return {
|
||||
loading,
|
||||
openLoading,
|
||||
closeLoading,
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
import { createApp } from 'vue';
|
||||
import ElementPlus from 'element-plus';
|
||||
|
||||
import App from './App.vue';
|
||||
import router from '@/router';
|
||||
import './style.scss';
|
||||
import 'element-plus/theme-chalk/src/index.scss';
|
||||
|
||||
const mainApp = createApp(App);
|
||||
|
||||
mainApp.use(ElementPlus);
|
||||
mainApp.use(router);
|
||||
|
||||
mainApp.mount('#app');
|
||||
@ -0,0 +1,27 @@
|
||||
// good
|
||||
export default [
|
||||
{
|
||||
path: '/',
|
||||
component: () => import('@/views/404/index.vue'),
|
||||
},
|
||||
{
|
||||
name: 'Sign',
|
||||
path: '/sign',
|
||||
component: () => import('@/views/sign/index.vue'),
|
||||
},
|
||||
{
|
||||
name: 'Tender',
|
||||
path: '/tender',
|
||||
component: () => import('@/views/tender/index.vue'),
|
||||
},
|
||||
{
|
||||
name: 'Callback',
|
||||
path: '/callback',
|
||||
component: () => import('@/views/callback/index.vue'),
|
||||
},
|
||||
{
|
||||
name: 'NotFound',
|
||||
path: '/:pathMatch(.*)*',
|
||||
component: () => import('@/views/404/index.vue'),
|
||||
},
|
||||
];
|
||||
@ -0,0 +1,11 @@
|
||||
import { createRouter, createWebHistory } from 'vue-router';
|
||||
|
||||
import routes from './constantRoutes';
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(),
|
||||
scrollBehavior: () => ({ top: 0 }),
|
||||
routes,
|
||||
});
|
||||
|
||||
export default router;
|
||||
@ -0,0 +1,347 @@
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100vh;
|
||||
overflow: auto;
|
||||
background-color: #eff2f9;
|
||||
}
|
||||
|
||||
.color-warn {
|
||||
color: #ff8834;
|
||||
}
|
||||
|
||||
.color-danger {
|
||||
color: #f45057;
|
||||
}
|
||||
|
||||
.color-placeholder {
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.select-none {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.position-center {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.single-ellipsis {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.multiple-ellipsis {
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.white-space-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.visibility-hidden {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@for $i from 0 through 100 {
|
||||
.m-#{$i} {
|
||||
margin: $i + px !important;
|
||||
}
|
||||
|
||||
.m-t-#{$i} {
|
||||
margin-top: $i + px !important;
|
||||
}
|
||||
|
||||
.m-b-#{$i} {
|
||||
margin-bottom: $i + px !important;
|
||||
}
|
||||
|
||||
.m-l-#{$i} {
|
||||
margin-left: $i + px !important;
|
||||
}
|
||||
|
||||
.m-r-#{$i} {
|
||||
margin-right: $i + px !important;
|
||||
}
|
||||
|
||||
.m-x-#{$i} {
|
||||
margin-left: $i + px !important;
|
||||
margin-right: $i + px !important;
|
||||
}
|
||||
|
||||
.m-y-#{$i} {
|
||||
margin-top: $i + px !important;
|
||||
margin-bottom: $i + px !important;
|
||||
}
|
||||
|
||||
.p-#{$i} {
|
||||
padding: $i + px !important;
|
||||
}
|
||||
|
||||
.p-t-#{$i} {
|
||||
padding-top: $i + px !important;
|
||||
}
|
||||
|
||||
.p-b-#{$i} {
|
||||
padding-bottom: $i + px !important;
|
||||
}
|
||||
|
||||
.p-l-#{$i} {
|
||||
padding-left: $i + px !important;
|
||||
}
|
||||
|
||||
.p-r-#{$i} {
|
||||
padding-right: $i + px !important;
|
||||
}
|
||||
|
||||
.p-x-#{$i} {
|
||||
padding-left: $i + px !important;
|
||||
padding-right: $i + px !important;
|
||||
}
|
||||
|
||||
.p-y-#{$i} {
|
||||
padding-top: $i + px !important;
|
||||
padding-bottom: $i + px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 12 through 40 {
|
||||
.ft-#{$i} {
|
||||
font-size: $i + px !important;
|
||||
}
|
||||
|
||||
.line-height-#{$i} {
|
||||
line-height: $i + px !important;
|
||||
}
|
||||
}
|
||||
|
||||
$positionMap: (
|
||||
fixed: fixed,
|
||||
static: static,
|
||||
sticky: sticky,
|
||||
relative: relative,
|
||||
absolute: absolute,
|
||||
);
|
||||
@each $key, $val in $positionMap {
|
||||
.pos-#{$key} {
|
||||
position: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$displayMap: (
|
||||
none: none,
|
||||
flex: flex,
|
||||
inline-flex: inline-flex,
|
||||
inline: inline,
|
||||
block: block,
|
||||
inline-block: inline-block,
|
||||
);
|
||||
@each $key, $val in $displayMap {
|
||||
.d-#{$key} {
|
||||
display: $val;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
$flexScaleAttrList: grow, shrink;
|
||||
@each $scaleAttr in $flexScaleAttrList {
|
||||
.flex-#{$scaleAttr}-0 {
|
||||
flex-#{$scaleAttr}: 0;
|
||||
}
|
||||
|
||||
.flex-#{$scaleAttr}-1 {
|
||||
flex-#{$scaleAttr}: 1;
|
||||
}
|
||||
}
|
||||
|
||||
$flexAlignMap: (
|
||||
end: flex-end,
|
||||
start: flex-start,
|
||||
center: center,
|
||||
);
|
||||
@each $key, $val in $flexAlignMap {
|
||||
.align-self-#{$key} {
|
||||
align-self: $val !important;
|
||||
}
|
||||
|
||||
.align-items-#{$key} {
|
||||
align-items: $val !important;
|
||||
}
|
||||
}
|
||||
|
||||
$flexJustifyMap: (
|
||||
end: flex-end,
|
||||
start: flex-start,
|
||||
center: center,
|
||||
around: space-around,
|
||||
between: space-between,
|
||||
);
|
||||
@each $key, $val in $flexJustifyMap {
|
||||
.justify-self-#{$key} {
|
||||
justify-self: $val !important;
|
||||
}
|
||||
|
||||
.justify-content-#{$key} {
|
||||
justify-content: $val !important;
|
||||
}
|
||||
}
|
||||
|
||||
$flexWrapMap: (
|
||||
wrap: wrap,
|
||||
nowrap: nowrap,
|
||||
);
|
||||
@each $key, $val in $flexWrapMap {
|
||||
.flex-#{$key} {
|
||||
flex-wrap: $val !important;
|
||||
}
|
||||
}
|
||||
|
||||
$flexDirectionMap: (
|
||||
row: row,
|
||||
column: column,
|
||||
);
|
||||
@each $key, $val in $flexDirectionMap {
|
||||
.flex-direction-#{$key} {
|
||||
flex-direction: $val !important;
|
||||
}
|
||||
}
|
||||
|
||||
$flexGapList: 4, 8, 12, 16, 20, 24;
|
||||
@each $flexGap in $flexGapList {
|
||||
.flex-gap-#{$flexGap} {
|
||||
gap: $flexGap + px;
|
||||
}
|
||||
}
|
||||
|
||||
$boxSizeAttrMap: (
|
||||
m: margin,
|
||||
p: padding,
|
||||
w: width,
|
||||
h: height,
|
||||
);
|
||||
@each $key, $val in $boxSizeAttrMap {
|
||||
.#{$key}-auto {
|
||||
#{$val}: auto !important;
|
||||
}
|
||||
|
||||
.#{$key}-full {
|
||||
#{$val}: 100% !important;
|
||||
}
|
||||
|
||||
@if $key == 'm' {
|
||||
.#{$key}-l-auto {
|
||||
#{$val}-left: auto !important;
|
||||
}
|
||||
.#{$key}-r-auto {
|
||||
#{$val}-right: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$textAlignMap: (
|
||||
l: left,
|
||||
r: right,
|
||||
c: center,
|
||||
);
|
||||
@each $key, $val in $textAlignMap {
|
||||
.text-align-#{$key} {
|
||||
text-align: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$fontWeightMap: (
|
||||
bold: bold,
|
||||
normal: normal,
|
||||
);
|
||||
@each $key, $val in $fontWeightMap {
|
||||
.font-weight-#{$key} {
|
||||
font-weight: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$wordBreakMap: (
|
||||
all: break-all,
|
||||
normal: normal,
|
||||
);
|
||||
@each $key, $val in $wordBreakMap {
|
||||
.word-break-#{$key} {
|
||||
word-break: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$verticalAlignMap: (
|
||||
top: top,
|
||||
sub: sub,
|
||||
middle: middle,
|
||||
bottom: bottom,
|
||||
);
|
||||
@each $key, $val in $verticalAlignMap {
|
||||
.vertical-align-#{$key} {
|
||||
vertical-align: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$decorationMap: (
|
||||
none: none,
|
||||
under: underline,
|
||||
);
|
||||
@each $key, $val in $decorationMap {
|
||||
.text-decoration-#{$key} {
|
||||
text-decoration: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$overflowMap: (
|
||||
auto: auto,
|
||||
hidden: hidden,
|
||||
);
|
||||
@each $key, $val in $overflowMap {
|
||||
.overflow-#{$key} {
|
||||
overflow: $val;
|
||||
}
|
||||
|
||||
.overflow-x-#{$key} {
|
||||
overflow-x: $val;
|
||||
}
|
||||
|
||||
.overflow-y-#{$key} {
|
||||
overflow-y: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$cursorMap: (
|
||||
move: move,
|
||||
default: default,
|
||||
pointer: pointer,
|
||||
no-drop: no-drop,
|
||||
disable: not-allowed,
|
||||
);
|
||||
@each $key, $val in $cursorMap {
|
||||
.cursor-#{$key} {
|
||||
cursor: $val;
|
||||
}
|
||||
}
|
||||
|
||||
$eventsMap: (
|
||||
all: all,
|
||||
none: none,
|
||||
);
|
||||
@each $key, $val in $eventsMap {
|
||||
.events-#{$key} {
|
||||
pointer-events: $val;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,26 @@
|
||||
// good
|
||||
import { ElMessage } from 'element-plus';
|
||||
|
||||
import type { Message } from 'element-plus';
|
||||
|
||||
type AlertTypeEnum = Exclude<keyof Message, 'closeAll'>;
|
||||
|
||||
const baseAlert = (type: AlertTypeEnum, message: string) => {
|
||||
ElMessage[type]({ message, grouping: true, dangerouslyUseHTMLString: true });
|
||||
};
|
||||
|
||||
export function infoAlert(message: string) {
|
||||
baseAlert('info', message);
|
||||
}
|
||||
|
||||
export function errorAlert(message: string) {
|
||||
baseAlert('error', message);
|
||||
}
|
||||
|
||||
export function warningAlert(message: string) {
|
||||
baseAlert('warning', message);
|
||||
}
|
||||
|
||||
export function successAlert(message: string) {
|
||||
baseAlert('success', message);
|
||||
}
|
||||
@ -0,0 +1,112 @@
|
||||
import { snakeCase } from 'lodash-es';
|
||||
|
||||
// helper
|
||||
type Map = Record<PropertyKey, any>;
|
||||
type MapList = ReadonlyArray<Map>;
|
||||
type Underline = '_';
|
||||
type NumString = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
|
||||
type MergeMap<A> = A extends infer T ? { [Key in keyof T]: T[Key] } : never;
|
||||
// list to map
|
||||
type ListToMap<T extends MapList, K extends keyof T[number], ACC extends Map = object> = T['length'] extends 0
|
||||
? ACC
|
||||
: T extends readonly [infer F extends Map, ...infer REST extends MapList]
|
||||
? ListToMap<
|
||||
REST,
|
||||
K,
|
||||
ACC & {
|
||||
readonly [Key in F[K]]: F;
|
||||
}
|
||||
>
|
||||
: never;
|
||||
type ListToKeyMap<
|
||||
T extends MapList,
|
||||
K extends keyof T[number],
|
||||
KA extends keyof T[number],
|
||||
ACC extends Map = object,
|
||||
> = T['length'] extends 0
|
||||
? ACC
|
||||
: T extends readonly [infer F extends Map, ...infer REST extends MapList]
|
||||
? ListToKeyMap<
|
||||
REST,
|
||||
K,
|
||||
KA,
|
||||
ACC & {
|
||||
readonly [Key in Uppercase<SnakeCaseList<SnakeCaseString<`${F[KA]}`>>>]: F[K];
|
||||
}
|
||||
>
|
||||
: never;
|
||||
// snakeCase
|
||||
type SnakeCaseList<T extends string[], ACC extends string = ''> = T['length'] extends 0
|
||||
? ACC
|
||||
: T extends [infer F extends string, ...infer REST extends string[]]
|
||||
? F extends ''
|
||||
? SnakeCaseList<REST, ACC>
|
||||
: ACC extends ''
|
||||
? SnakeCaseList<REST, F>
|
||||
: SnakeCaseList<REST, `${ACC}${Underline}${F}`>
|
||||
: never;
|
||||
type SnakeCaseString<T extends string, ACC extends string = '', LIST extends Array<any> = []> = LIST extends [
|
||||
...infer REST_LIST,
|
||||
]
|
||||
? T extends ''
|
||||
? ACC extends ''
|
||||
? LIST
|
||||
: [...REST_LIST, ACC]
|
||||
: T extends `${infer F}${infer REST}`
|
||||
? F extends Underline
|
||||
? ACC extends ''
|
||||
? SnakeCaseString<REST, '', LIST>
|
||||
: SnakeCaseString<REST, '', [...REST_LIST, ACC]>
|
||||
: F extends NumString
|
||||
? ACC extends ''
|
||||
? SnakeCaseString<REST, F, LIST>
|
||||
: GetFirstChar<ACC> extends NumString
|
||||
? SnakeCaseString<REST, `${ACC}${F}`, LIST>
|
||||
: SnakeCaseString<REST, F, [...REST_LIST, ACC]>
|
||||
: ACC extends ''
|
||||
? SnakeCaseString<REST, F, LIST>
|
||||
: GetFirstChar<ACC> extends NumString
|
||||
? SnakeCaseString<REST, F, [...REST_LIST, ACC]>
|
||||
: F extends Uppercase<F>
|
||||
? GetLastChar<ACC> extends Uppercase<GetLastChar<ACC>>
|
||||
? SnakeCaseString<REST, `${ACC}${F}`, LIST>
|
||||
: SnakeCaseString<REST, F, [...REST_LIST, ACC]>
|
||||
: SnakeCaseString<REST, `${ACC}${F}`, LIST>
|
||||
: never
|
||||
: never;
|
||||
|
||||
export function defineConstants<
|
||||
T extends MapList,
|
||||
N extends string,
|
||||
K extends keyof T[number] = 'key',
|
||||
KA extends keyof T[number] = K,
|
||||
>(list: T, namespace: N, key: K = 'key' as K, keyAlias: KA = 'key' as KA) {
|
||||
keyAlias = keyAlias || (key as unknown as KA);
|
||||
|
||||
return {
|
||||
[namespace]: list.reduce((keyMap, item) => {
|
||||
const keyAliasVal = snakeCase(item[keyAlias]).toUpperCase();
|
||||
|
||||
keyMap[keyAliasVal] = item[key];
|
||||
|
||||
return keyMap;
|
||||
}, {}),
|
||||
|
||||
[namespace + '_MAP']: list.reduce((itemMap, item) => {
|
||||
itemMap[item[key]] = item;
|
||||
itemMap[item[keyAlias]] = item;
|
||||
|
||||
return itemMap;
|
||||
}, {}),
|
||||
|
||||
[namespace + '_LIST']: list,
|
||||
} as MergeMap<
|
||||
{
|
||||
[Key in N]: MergeMap<ListToKeyMap<T, K, KA>>;
|
||||
} & {
|
||||
[Key in AddPrefix<N, '_MAP'>]: MergeMap<ListToMap<T, K> & ListToMap<T, KA>>;
|
||||
} & {
|
||||
[Key in AddPrefix<N, '_LIST'>]: T;
|
||||
}
|
||||
>;
|
||||
}
|
||||
@ -0,0 +1,104 @@
|
||||
// good
|
||||
import axios from 'axios';
|
||||
import { stringify } from 'qs';
|
||||
import { isNil, isEmpty, isObject } from 'lodash-es';
|
||||
|
||||
import { isQuery } from '@/utils/validate';
|
||||
import { errorAlert } from '@/utils/alert';
|
||||
|
||||
import { REQUEST_CODE, REQUEST_BASE_URL, REQUEST_CONTENT_TYPE } from '@/constant/request';
|
||||
|
||||
import type { RequestCodeEnum } from '@/constant/request';
|
||||
import type { AxiosResponse, AxiosRequestConfig } from 'axios';
|
||||
|
||||
const service = axios.create({
|
||||
baseURL: REQUEST_BASE_URL,
|
||||
timeout: 5 * 60 * 1000,
|
||||
headers: { 'Content-Type': REQUEST_CONTENT_TYPE.FORM_URL },
|
||||
withCredentials: true,
|
||||
});
|
||||
service.interceptors.request.use(dealRequest, dealRejected);
|
||||
service.interceptors.response.use(dealResponse, dealRejected);
|
||||
|
||||
function dealRequest(config: AxiosRequestConfig) {
|
||||
const { data, method, headers } = config;
|
||||
|
||||
switch (method?.toUpperCase()) {
|
||||
case 'GET': {
|
||||
if (config.params) {
|
||||
config.url = getUrlWithQuery(config.url!, config.params);
|
||||
config.params = undefined;
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
case 'POST': {
|
||||
if (headers?.['Content-Type'] === REQUEST_CONTENT_TYPE.FORM_URL) {
|
||||
config.data = stringify(data);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return config;
|
||||
}
|
||||
|
||||
interface ResponseDataType {
|
||||
data: { [key: string]: unknown };
|
||||
code: RequestCodeEnum;
|
||||
message: string;
|
||||
}
|
||||
async function dealResponse(response: AxiosResponse<ResponseDataType>) {
|
||||
const { data } = response;
|
||||
const { code, message } = data;
|
||||
|
||||
switch (code) {
|
||||
case REQUEST_CODE.SUCCESS: {
|
||||
return data;
|
||||
}
|
||||
|
||||
default: {
|
||||
errorAlert(message);
|
||||
return Promise.reject(data);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function dealRejected(err: Error) {
|
||||
errorAlert(err.message);
|
||||
return Promise.reject(err);
|
||||
}
|
||||
|
||||
export function getUrlWithQuery(url: string, params?: any) {
|
||||
if (params && !isEmpty(params)) {
|
||||
const querySymbol = isQuery(url) ? '&' : '?';
|
||||
|
||||
url = url + querySymbol + stringify(params);
|
||||
}
|
||||
|
||||
return url;
|
||||
}
|
||||
|
||||
export function generateFormUrl(data: object, lastKey = ''): string {
|
||||
let str = '';
|
||||
const list = Object.entries(data);
|
||||
|
||||
if (list.length) {
|
||||
list.forEach(([key, value]) => {
|
||||
const keyStr = lastKey ? lastKey + encodeURI('[' + key + ']') : encodeURI(key);
|
||||
|
||||
if (isObject(value)) {
|
||||
str += generateFormUrl(value, keyStr);
|
||||
} else {
|
||||
const valStr = isNil(value) ? '' : encodeURIComponent(value);
|
||||
str += `&${keyStr}=${valStr}`;
|
||||
}
|
||||
});
|
||||
|
||||
return lastKey ? str : str.substring(1);
|
||||
} else {
|
||||
return lastKey ? `&${lastKey}=` : '';
|
||||
}
|
||||
}
|
||||
|
||||
export default service;
|
||||
@ -0,0 +1,31 @@
|
||||
import jsPDF from 'jspdf';
|
||||
import html2canvas from 'html2canvas';
|
||||
|
||||
export async function generatePDFAndUpload(elementId: string) {
|
||||
const element = document.getElementById(elementId);
|
||||
|
||||
if (!element) throw new Error('元素不存在');
|
||||
element.style.display = 'block';
|
||||
document.body.style.overflow = 'hidden';
|
||||
const canvas = await html2canvas(element);
|
||||
element.style.display = 'none';
|
||||
document.body.style.overflow = 'auto';
|
||||
const imgData = canvas.toDataURL('image/png');
|
||||
const pdf = new jsPDF({
|
||||
unit: 'px',
|
||||
format: [canvas.width, canvas.height],
|
||||
orientation: 'p',
|
||||
});
|
||||
|
||||
// 添加图片到PDF
|
||||
pdf.addImage(imgData, 'JPEG', 0, 0, canvas.width, canvas.height, void 0, 'FAST');
|
||||
|
||||
// 将PDF转换为Blob对象
|
||||
const pdfBlob = await pdf.output('blob');
|
||||
const file = new File([pdfBlob], '123.pdf', { type: 'application/pdf' });
|
||||
|
||||
const test = URL.createObjectURL(file);
|
||||
console.log(test, file);
|
||||
|
||||
return file;
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
import { isEmpty } from 'lodash-es';
|
||||
import { stringify } from 'qs';
|
||||
|
||||
export function replaceState(replaceQuery = {}, url = '', stateObj = window.history.state, title = '') {
|
||||
let address = url || window.location.pathname;
|
||||
|
||||
if (!isEmpty(replaceQuery)) {
|
||||
address += `?${stringify(replaceQuery)}`;
|
||||
}
|
||||
|
||||
window.history.replaceState(stateObj, title, address);
|
||||
}
|
||||
@ -0,0 +1,51 @@
|
||||
export const isDateRegExp = /[12]\d{3}[-/]((0[1-9])|(1[0-2]))[-/]((0[1-9])|([12][0-9])|(3[0-1]))/;
|
||||
export const isQueryRegExp = /\/.*\?.*=/;
|
||||
export const isMobileRegExp = /^1[3456789]\d{9}$/;
|
||||
export const is1688UrlRegExp = /(.*\.1688\.com\/)/;
|
||||
export const isExternalRegExp = /^(http(s)?|mailto|tel|\/\/)/;
|
||||
export const matchMoneyRegExp = /(0(\.[\d]{0,2})?)|([1-9]{1}[\d]*(\.)?[\d]{0,2})/gi;
|
||||
export const isTelePhoneRegExp = /^(\+\d{2}-)?0\d{2,3}-?\d{7,8}$/;
|
||||
export const isFixedPhoneRegExp = /^(\d{3}-\d{7,8}|\d{4}-\d{7,8})$/;
|
||||
export const isVirtualPhoneRegExp = /^1[3456789]\d{9}-(\d{4})?$/;
|
||||
export const is400TelePhoneRegExp = /^(\+86-)?400(-?\d{3,4}){2,3}$/;
|
||||
export const isRelativeRootRegExp = /^\/[^/]+/;
|
||||
|
||||
export function isDate(str: string) {
|
||||
return isDateRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isQuery(str: string) {
|
||||
return isQueryRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isMobile(str: string) {
|
||||
return isMobileRegExp.test(str);
|
||||
}
|
||||
|
||||
export function is1688Url(str: string) {
|
||||
return is1688UrlRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isExternal(str: string) {
|
||||
return isExternalRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isTelePhone(str: string) {
|
||||
return isTelePhoneRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isFixedPhone(str: string) {
|
||||
return isFixedPhoneRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isVirtualPhone(str: string) {
|
||||
return isVirtualPhoneRegExp.test(str);
|
||||
}
|
||||
|
||||
export function is400Phone(str: string) {
|
||||
return is400TelePhoneRegExp.test(str);
|
||||
}
|
||||
|
||||
export function isRelativeRoot(str: string) {
|
||||
return isRelativeRootRegExp.test(str);
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<div class="not-found-container">
|
||||
<div>
|
||||
<div class="not-found-text">
|
||||
页面不存在
|
||||
<!-- <a href="/" class="jx-trigger-primary text-decoration-none">点击返回></a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,5 @@
|
||||
export { default as PdfBox } from './PdfBox/index.vue';
|
||||
export { default as ModifyDialog } from './ModifyDialog/index.vue';
|
||||
export { default as ModifyInvoiceDialog } from './ModifyInvoiceDialog/index.vue';
|
||||
export { default as CustomerNotificationDialog } from './CustomerNotificationDialog/index.vue';
|
||||
export { default as CustomerNotificationDialog2 } from './CustomerNotificationDialog2/index.vue';
|
||||
@ -0,0 +1,20 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"baseUrl": "./",
|
||||
"target": "esnext",
|
||||
"module": "esnext",
|
||||
"strict": true,
|
||||
"moduleResolution": "node",
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"types": ["node", "element-plus/global", "vite/client"],
|
||||
"jsx": "preserve",
|
||||
"allowJs": true,
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
},
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"skipLibCheck": true
|
||||
},
|
||||
"include": ["src/**/*.vue", "src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
// good
|
||||
import vue from '@vitejs/plugin-vue';
|
||||
import { resolve } from 'path';
|
||||
import { createHtmlPlugin } from 'vite-plugin-html';
|
||||
|
||||
import { REQUEST_BASE_URL } from './src/constant/request';
|
||||
|
||||
import type { UserConfigExport } from 'vite';
|
||||
|
||||
export default () => {
|
||||
const target = 'http://fjtb.bj-eib.com/api';
|
||||
const baseConfig: UserConfigExport = {
|
||||
server: {
|
||||
port: 80,
|
||||
open: true,
|
||||
proxy: {
|
||||
[REQUEST_BASE_URL]: {
|
||||
target,
|
||||
changeOrigin: true,
|
||||
rewrite: path => path.replace(REQUEST_BASE_URL, ''),
|
||||
},
|
||||
},
|
||||
},
|
||||
resolve: { alias: { '@': resolve(process.cwd(), './src') } },
|
||||
plugins: [vue(), createHtmlPlugin({ entry: '/src/main.ts', minify: true })],
|
||||
};
|
||||
|
||||
return baseConfig;
|
||||
};
|
||||
Loading…
Reference in New Issue