代码上传
This commit is contained in:
joylink_fanyuhong
commit
9187b6849e
|
|
@ -0,0 +1,9 @@
|
|||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
/dist
|
||||
/src-capacitor
|
||||
/src-cordova
|
||||
/.quasar
|
||||
/node_modules
|
||||
.eslintrc.cjs
|
||||
/quasar.config.*.temporary.compiled*
|
||||
|
|
@ -0,0 +1,89 @@
|
|||
module.exports = {
|
||||
// https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
|
||||
// This option interrupts the configuration hierarchy at this file
|
||||
// Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
|
||||
root: true,
|
||||
|
||||
// https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser
|
||||
// Must use parserOptions instead of "parser" to allow vue-eslint-parser to keep working
|
||||
// `parser: 'vue-eslint-parser'` is already included with any 'plugin:vue/**' config and should be omitted
|
||||
parserOptions: {
|
||||
parser: require.resolve('@typescript-eslint/parser'),
|
||||
extraFileExtensions: [ '.vue' ]
|
||||
},
|
||||
|
||||
env: {
|
||||
browser: true,
|
||||
es2021: true,
|
||||
node: true
|
||||
},
|
||||
|
||||
// Rules order is important, please avoid shuffling them
|
||||
extends: [
|
||||
// Base ESLint recommended rules
|
||||
// 'eslint:recommended',
|
||||
|
||||
// https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#usage
|
||||
// ESLint typescript rules
|
||||
'plugin:@typescript-eslint/recommended',
|
||||
|
||||
// Uncomment any of the lines below to choose desired strictness,
|
||||
// but leave only one uncommented!
|
||||
// See https://eslint.vuejs.org/rules/#available-rules
|
||||
'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
|
||||
// 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
|
||||
// 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
|
||||
|
||||
// https://github.com/prettier/eslint-config-prettier#installation
|
||||
// usage with Prettier, provided by 'eslint-config-prettier'.
|
||||
'prettier'
|
||||
],
|
||||
|
||||
plugins: [
|
||||
// required to apply rules which need type information
|
||||
'@typescript-eslint',
|
||||
|
||||
// https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-files
|
||||
// required to lint *.vue files
|
||||
'vue'
|
||||
|
||||
// https://github.com/typescript-eslint/typescript-eslint/issues/389#issuecomment-509292674
|
||||
// Prettier has not been included as plugin to avoid performance impact
|
||||
// add it as an extension for your IDE
|
||||
|
||||
],
|
||||
|
||||
globals: {
|
||||
ga: 'readonly', // Google Analytics
|
||||
cordova: 'readonly',
|
||||
__statics: 'readonly',
|
||||
__QUASAR_SSR__: 'readonly',
|
||||
__QUASAR_SSR_SERVER__: 'readonly',
|
||||
__QUASAR_SSR_CLIENT__: 'readonly',
|
||||
__QUASAR_SSR_PWA__: 'readonly',
|
||||
process: 'readonly',
|
||||
Capacitor: 'readonly',
|
||||
chrome: 'readonly'
|
||||
},
|
||||
|
||||
// add your custom rules here
|
||||
rules: {
|
||||
|
||||
'prefer-promise-reject-errors': 'off',
|
||||
|
||||
quotes: ['warn', 'single', { avoidEscape: true }],
|
||||
|
||||
// this rule, if on, would require explicit return type on the `render` function
|
||||
'@typescript-eslint/explicit-function-return-type': 'off',
|
||||
|
||||
// in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
|
||||
'@typescript-eslint/no-var-requires': 'off',
|
||||
|
||||
// The core 'no-unused-vars' rules (in the eslint:recommended ruleset)
|
||||
// does not work with type definitions
|
||||
'no-unused-vars': 'off',
|
||||
|
||||
// allow debugger during development only
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
.DS_Store
|
||||
.thumbs.db
|
||||
node_modules
|
||||
|
||||
# Quasar core related directories
|
||||
.quasar
|
||||
/dist
|
||||
/quasar.config.*.temporary.compiled*
|
||||
|
||||
# Cordova related directories and files
|
||||
/src-cordova/node_modules
|
||||
/src-cordova/platforms
|
||||
/src-cordova/plugins
|
||||
/src-cordova/www
|
||||
|
||||
# Capacitor related directories and files
|
||||
/src-capacitor/www
|
||||
/src-capacitor/node_modules
|
||||
|
||||
# BEX related directories and files
|
||||
/src-bex/www
|
||||
/src-bex/js/core
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
|
||||
# local .env files
|
||||
.env.local*
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
# pnpm-related options
|
||||
shamefully-hoist=true
|
||||
strict-peer-dependencies=false
|
||||
# to get the latest compatible packages when creating the project https://github.com/pnpm/pnpm/issues/6463
|
||||
resolution-mode=highest
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"singleQuote": true,
|
||||
"semi": true
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"recommendations": [
|
||||
"dbaeumer.vscode-eslint",
|
||||
"esbenp.prettier-vscode",
|
||||
"editorconfig.editorconfig",
|
||||
"vue.volar",
|
||||
"wayou.vscode-todo-highlight"
|
||||
],
|
||||
"unwantedRecommendations": [
|
||||
"octref.vetur",
|
||||
"hookyqr.beautify",
|
||||
"dbaeumer.jshint",
|
||||
"ms-vscode.vscode-typescript-tslint-plugin"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
{
|
||||
"editor.bracketPairColorization.enabled": true,
|
||||
"editor.guides.bracketPairs": true,
|
||||
"editor.formatOnSave": true,
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"editor.codeActionsOnSave": [
|
||||
"source.fixAll.eslint"
|
||||
],
|
||||
"eslint.validate": [
|
||||
"javascript",
|
||||
"javascriptreact",
|
||||
"typescript",
|
||||
"vue"
|
||||
],
|
||||
"typescript.tsdk": "node_modules/typescript/lib"
|
||||
}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
# Quasar App (official-website)
|
||||
|
||||
北京玖琏官网
|
||||
|
||||
## node 版本 >= 18.20.0
|
||||
|
||||
## Install the dependencies
|
||||
|
||||
```bash
|
||||
yarn
|
||||
# or
|
||||
npm install
|
||||
```
|
||||
|
||||
### Start the app in development mode (hot-code reloading, error reporting, etc.)
|
||||
|
||||
```bash
|
||||
quasar dev
|
||||
```
|
||||
|
||||
### Lint the files
|
||||
|
||||
```bash
|
||||
yarn lint
|
||||
# or
|
||||
npm run lint
|
||||
```
|
||||
|
||||
### Format the files
|
||||
|
||||
```bash
|
||||
yarn format
|
||||
# or
|
||||
npm run format
|
||||
```
|
||||
|
||||
### Build the app for production
|
||||
|
||||
```bash
|
||||
quasar build
|
||||
```
|
||||
|
||||
### Customize the configuration
|
||||
|
||||
See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title><%= productName %></title>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="<%= productDescription %>" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="msapplication-tap-highlight" content="no" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
|
||||
/>
|
||||
|
||||
<link rel="icon" type="image/png" sizes="128x128" href="icons/logo.png" />
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="icons/logo.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/logo.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/logo.png" />
|
||||
<link rel="icon" type="image/ico" href="icons/logo.png" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- quasar:entry-point -->
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,41 @@
|
|||
{
|
||||
"name": "official-website",
|
||||
"version": "0.0.1",
|
||||
"description": "北京玖琏官网",
|
||||
"productName": "北京玖琏",
|
||||
"author": "joylink_fanyuhong <18706759286@163.com>",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"lint": "eslint --ext .js,.ts,.vue ./",
|
||||
"format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
|
||||
"test": "echo \"No test specified\" && exit 0",
|
||||
"dev": "quasar dev",
|
||||
"build": "quasar build"
|
||||
},
|
||||
"dependencies": {
|
||||
"@quasar/extras": "^1.16.4",
|
||||
"pdfjs-dist": "^3.9.179",
|
||||
"quasar": "^2.16.0",
|
||||
"vue": "^3.4.18",
|
||||
"vue-router": "^4.0.12"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@quasar/app-vite": "^1.9.0",
|
||||
"@types/node": "^12.20.21",
|
||||
"@typescript-eslint/eslint-plugin": "^7.16.0",
|
||||
"@typescript-eslint/parser": "^7.16.0",
|
||||
"autoprefixer": "^10.4.2",
|
||||
"eslint": "^8.57.0",
|
||||
"eslint-config-prettier": "^8.1.0",
|
||||
"eslint-plugin-vue": "^9.0.0",
|
||||
"prettier": "^2.5.1",
|
||||
"typescript": "~5.5.4",
|
||||
"vite-plugin-checker": "^0.7.2",
|
||||
"vue-tsc": "2.0.29"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^20 || ^18 || ^16",
|
||||
"npm": ">= 6.13.4",
|
||||
"yarn": ">= 1.21.1"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
/* eslint-disable */
|
||||
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
// https://github.com/postcss/autoprefixer
|
||||
require('autoprefixer')({
|
||||
overrideBrowserslist: [
|
||||
'last 4 Chrome versions',
|
||||
'last 4 Firefox versions',
|
||||
'last 4 Edge versions',
|
||||
'last 4 Safari versions',
|
||||
'last 4 Android versions',
|
||||
'last 4 ChromeAndroid versions',
|
||||
'last 4 FirefoxAndroid versions',
|
||||
'last 4 iOS versions'
|
||||
]
|
||||
})
|
||||
|
||||
// https://github.com/elchininet/postcss-rtlcss
|
||||
// If you want to support RTL css, then
|
||||
// 1. yarn/npm install postcss-rtlcss
|
||||
// 2. optionally set quasar.config.js > framework > lang to an RTL language
|
||||
// 3. uncomment the following line:
|
||||
// require('postcss-rtlcss')
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
|
|
@ -0,0 +1,209 @@
|
|||
/* eslint-env node */
|
||||
|
||||
/*
|
||||
* This file runs in a Node context (it's NOT transpiled by Babel), so use only
|
||||
* the ES6 features that are supported by your Node version. https://node.green/
|
||||
*/
|
||||
|
||||
// Configuration for your app
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js
|
||||
|
||||
|
||||
const { configure } = require('quasar/wrappers');
|
||||
|
||||
|
||||
module.exports = configure(function (/* ctx */) {
|
||||
return {
|
||||
// https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
|
||||
// preFetch: true,
|
||||
|
||||
// app boot file (/src/boot)
|
||||
// --> boot files are part of "main.js"
|
||||
// https://v2.quasar.dev/quasar-cli-vite/boot-files
|
||||
boot: [
|
||||
|
||||
|
||||
],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
|
||||
css: [
|
||||
'app.scss'
|
||||
],
|
||||
|
||||
// https://github.com/quasarframework/quasar/tree/dev/extras
|
||||
extras: [
|
||||
// 'ionicons-v4',
|
||||
// 'mdi-v7',
|
||||
// 'fontawesome-v6',
|
||||
// 'eva-icons',
|
||||
// 'themify',
|
||||
// 'line-awesome',
|
||||
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
||||
|
||||
'roboto-font', // optional, you are not bound to it
|
||||
'material-icons', // optional, you are not bound to it
|
||||
],
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#build
|
||||
build: {
|
||||
target: {
|
||||
browser: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
|
||||
node: 'node20'
|
||||
},
|
||||
|
||||
vueRouterMode: 'hash', // available values: 'hash', 'history'
|
||||
// vueRouterBase,
|
||||
// vueDevtools,
|
||||
// vueOptionsAPI: false,
|
||||
|
||||
// rebuildCache: true, // rebuilds Vite/linter/etc cache on startup
|
||||
|
||||
// publicPath: '/',
|
||||
// analyze: true,
|
||||
// env: {},
|
||||
// rawDefine: {}
|
||||
// ignorePublicFolder: true,
|
||||
// minify: false,
|
||||
// polyfillModulePreload: true,
|
||||
// distDir
|
||||
|
||||
// extendViteConf (viteConf) {},
|
||||
// viteVuePluginOptions: {},
|
||||
|
||||
vitePlugins: [
|
||||
['vite-plugin-checker', {
|
||||
vueTsc: {
|
||||
tsconfigPath: 'tsconfig.vue-tsc.json'
|
||||
},
|
||||
eslint: {
|
||||
lintCommand: 'eslint "./**/*.{js,ts,mjs,cjs,vue}"'
|
||||
}
|
||||
}, { server: false }]
|
||||
]
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
|
||||
devServer: {
|
||||
// https: true
|
||||
open: true // opens browser window automatically
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
|
||||
framework: {
|
||||
config: {},
|
||||
|
||||
// iconSet: 'material-icons', // Quasar icon set
|
||||
// lang: 'en-US', // Quasar language pack
|
||||
|
||||
// For special cases outside of where the auto-import strategy can have an impact
|
||||
// (like functional components as one of the examples),
|
||||
// you can manually specify Quasar components/directives to be available everywhere:
|
||||
//
|
||||
// components: [],
|
||||
// directives: [],
|
||||
|
||||
// Quasar plugins
|
||||
plugins: []
|
||||
},
|
||||
|
||||
// animations: 'all', // --- includes all animations
|
||||
// https://v2.quasar.dev/options/animations
|
||||
animations: [],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#sourcefiles
|
||||
// sourceFiles: {
|
||||
// rootComponent: 'src/App.vue',
|
||||
// router: 'src/router/index',
|
||||
// store: 'src/store/index',
|
||||
// registerServiceWorker: 'src-pwa/register-service-worker',
|
||||
// serviceWorker: 'src-pwa/custom-service-worker',
|
||||
// pwaManifestFile: 'src-pwa/manifest.json',
|
||||
// electronMain: 'src-electron/electron-main',
|
||||
// electronPreload: 'src-electron/electron-preload'
|
||||
// },
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
|
||||
ssr: {
|
||||
// ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
|
||||
// will mess up SSR
|
||||
|
||||
// extendSSRWebserverConf (esbuildConf) {},
|
||||
// extendPackageJson (json) {},
|
||||
|
||||
pwa: false,
|
||||
|
||||
// manualStoreHydration: true,
|
||||
// manualPostHydrationTrigger: true,
|
||||
|
||||
prodPort: 3000, // The default port that the production server should use
|
||||
// (gets superseded if process.env.PORT is specified at runtime)
|
||||
|
||||
middlewares: [
|
||||
'render' // keep this as last one
|
||||
]
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
|
||||
pwa: {
|
||||
workboxMode: 'generateSW', // or 'injectManifest'
|
||||
injectPwaMetaTags: true,
|
||||
swFilename: 'sw.js',
|
||||
manifestFilename: 'manifest.json',
|
||||
useCredentialsForManifestTag: false,
|
||||
// useFilenameHashes: true,
|
||||
// extendGenerateSWOptions (cfg) {}
|
||||
// extendInjectManifestOptions (cfg) {},
|
||||
// extendManifestJson (json) {}
|
||||
// extendPWACustomSWConf (esbuildConf) {}
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
|
||||
cordova: {
|
||||
// noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor
|
||||
capacitor: {
|
||||
hideSplashscreen: true
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron
|
||||
electron: {
|
||||
// extendElectronMainConf (esbuildConf)
|
||||
// extendElectronPreloadConf (esbuildConf)
|
||||
|
||||
inspectPort: 5858,
|
||||
|
||||
bundler: 'packager', // 'packager' or 'builder'
|
||||
|
||||
packager: {
|
||||
// https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
|
||||
|
||||
// OS X / Mac App Store
|
||||
// appBundleId: '',
|
||||
// appCategoryType: '',
|
||||
// osxSign: '',
|
||||
// protocol: 'myapp://path',
|
||||
|
||||
// Windows only
|
||||
// win32metadata: { ... }
|
||||
},
|
||||
|
||||
builder: {
|
||||
// https://www.electron.build/configuration/configuration
|
||||
|
||||
appId: 'official-website'
|
||||
}
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
|
||||
bex: {
|
||||
contentScripts: [
|
||||
'my-content-script'
|
||||
],
|
||||
|
||||
// extendBexScriptsConf (esbuildConf) {}
|
||||
// extendBexManifestJson (json) {}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<template>
|
||||
<router-view />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineOptions({
|
||||
name: 'App'
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
export default [
|
||||
{
|
||||
name: '西铁院',
|
||||
sources: [
|
||||
'1.西铁院/1.jpg',
|
||||
'1.西铁院/2.jpg',
|
||||
'1.西铁院/3.jpg',
|
||||
'1.西铁院/4.jpg',
|
||||
'1.西铁院/5.jpg',
|
||||
'1.西铁院/6.jpg',
|
||||
'1.西铁院/7.jpg',
|
||||
'1.西铁院/8.jpg',
|
||||
'1.西铁院/9.jpg',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '上海轨道交通展',
|
||||
sources: [
|
||||
'2.上海轨道交通展/1.jpg',
|
||||
'2.上海轨道交通展/2.jpg',
|
||||
'2.上海轨道交通展/3.jpg',
|
||||
'2.上海轨道交通展/4.jpg',
|
||||
'2.上海轨道交通展/5.jpg',
|
||||
'2.上海轨道交通展/6.jpg',
|
||||
'2.上海轨道交通展/7.jpg',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '第四届“中国创翼”暨“创业北京”创业创新大赛',
|
||||
sources: [
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg',
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/2.jpg',
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/3.jpg',
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/4.jpg',
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/5.jpg',
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/6.jpg',
|
||||
'3.第四届“中国创翼”暨“创业北京”创业创新大赛/7.jpg',
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '创业宝鸡星耀钛谷中小企业科技创新创业大赛',
|
||||
sources: [
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/2.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/3.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/4.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/5.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/6.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/7.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/8.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/9.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/10.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/11.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/12.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/13.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/14.jpg',
|
||||
'4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/15.jpg',
|
||||
],
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
export default [
|
||||
{
|
||||
src: 'honor/1.jpg',
|
||||
},
|
||||
{
|
||||
src: 'honor/2.jpg',
|
||||
},
|
||||
{
|
||||
src: 'honor/3.jpg',
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
export default [
|
||||
{
|
||||
src: 'knowledge/JL01-中心级综合监控ISCS系统仿真软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL02-车站级综合监控ISCS系统仿真软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL03-ATS行调工作站培训系统软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL04-ATS行调工作站考试系统软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL05-ATS现地工作站培训系统软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL06-ATS现地工作站考试系统软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL07-ATS行调工作站仿真系统软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL02-车站级综合监控ISCS系统仿真软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL09-ATS中心大屏仿真系统软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL10-轨旁仿真软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL11-城市轨道交通综合演练系统［简称：城轨综合演练平台］V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL12-电子沙盘软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL13-车载仿真软件［简称：VOBC仿真软件］V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL14-区域控制器仿真软件［简称：ZC仿真软件］V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL15-虚拟列车仿真软件V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL16-模拟驾驶仿真软件［简称：列车模拟驾驶］V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL17-城市轨道交通运行图时刻表编辑系统V1.0.jpg',
|
||||
},
|
||||
{
|
||||
src: 'knowledge/JL18-联锁机仿真软件［简称：CI仿真软件］V1.0.jpg',
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
export default [
|
||||
{
|
||||
name: '发明专利（一种地铁网络列车时刻表快速编制方法）',
|
||||
src: 'patent/发明专利（一种地铁网络列车时刻表快速编制方法）.png',
|
||||
},
|
||||
];
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
|
|
@ -0,0 +1,23 @@
|
|||
import image1 from './1.jpg';
|
||||
import image2 from './2.jpg';
|
||||
import image3 from './3.jpg';
|
||||
import image4 from './4.jpg';
|
||||
|
||||
export default [
|
||||
{
|
||||
name: '西铁院',
|
||||
src: image1,
|
||||
},
|
||||
{
|
||||
name: '上海轨道交通展',
|
||||
src: image2,
|
||||
},
|
||||
{
|
||||
name: '第四届“中国创翼”暨“创业北京”创业创新大赛',
|
||||
src: image3,
|
||||
},
|
||||
{
|
||||
name: '创业宝鸡星耀钛谷中小企业科技创新创业大赛',
|
||||
src: image4,
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
export default [
|
||||
{
|
||||
name: '西铁院',
|
||||
src: '1.西铁院/1.jpg',
|
||||
},
|
||||
{
|
||||
name: '上海轨道交通展',
|
||||
src: '2.上海轨道交通展/1.jpg',
|
||||
},
|
||||
{
|
||||
name: '第四届“中国创翼”暨“创业北京”创业创新大赛',
|
||||
src: '3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg',
|
||||
},
|
||||
{
|
||||
name: '创业宝鸡星耀钛谷中小企业科技创新创业大赛',
|
||||
src: '4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg',
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
export default [
|
||||
{
|
||||
name: '一种城市轨道交通模拟实训平台',
|
||||
src: 'umPatent/一种城市轨道交通模拟实训平台.jpg',
|
||||
},
|
||||
{
|
||||
name: '一种继电器模拟仿真学习平台',
|
||||
src: 'umPatent/一种继电器模拟仿真学习平台.jpg',
|
||||
},
|
||||
];
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
|
|
@ -0,0 +1,52 @@
|
|||
export default [
|
||||
{
|
||||
name: '北京交通大学',
|
||||
src: 'src/assets/partner/北京交通大学.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '东北电力大学',
|
||||
src: 'src/assets/partner/东北电力大学.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '贵州装备制造职业学院',
|
||||
src: 'src/assets/partner/贵州装备.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '南京铁道职业技术学院',
|
||||
src: 'src/assets/partner/南京铁道.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '西安铁路职业技术学院',
|
||||
src: 'src/assets/partner/西安铁路职业技术学院.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '江苏电子信息职业学院',
|
||||
src: 'src/assets/partner/江苏电子信息职业学院.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '云南红河职业技术学院',
|
||||
src: 'src/assets/partner/云南红河职业技术学院.jpg',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '江苏安全职业技术学院',
|
||||
src: 'src/assets/partner/江苏安全职业技术学院.png',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '北京城市轨道交通咨询有限公司',
|
||||
src: 'src/assets/partner/北京城市轨道交通咨询有限公司.png',
|
||||
href: '',
|
||||
},
|
||||
{
|
||||
name: '长春中车轨道车辆有限公司',
|
||||
src: 'src/assets/partner/长春中车轨道车辆有限公司.png',
|
||||
href: '',
|
||||
},
|
||||
];
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 258 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 267 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
|
|
@ -0,0 +1,15 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 356 360">
|
||||
<path
|
||||
d="M43.4 303.4c0 3.8-2.3 6.3-7.1 6.3h-15v-22h14.4c4.3 0 6.2 2.2 6.2 5.2 0 2.6-1.5 4.4-3.4 5 2.8.4 4.9 2.5 4.9 5.5zm-8-13H24.1v6.9H35c2.1 0 4-1.3 4-3.8 0-2.2-1.3-3.1-3.7-3.1zm5.1 12.6c0-2.3-1.8-3.7-4-3.7H24.2v7.7h11.7c3.4 0 4.6-1.8 4.6-4zm36.3 4v2.7H56v-22h20.6v2.7H58.9v6.8h14.6v2.3H58.9v7.5h17.9zm23-5.8v8.5H97v-8.5l-11-13.4h3.4l8.9 11 8.8-11h3.4l-10.8 13.4zm19.1-1.8V298c0-7.9 5.2-10.7 12.7-10.7 7.5 0 13 2.8 13 10.7v1.4c0 7.9-5.5 10.8-13 10.8s-12.7-3-12.7-10.8zm22.7 0V298c0-5.7-3.9-8-10-8-6 0-9.8 2.3-9.8 8v1.4c0 5.8 3.8 8.1 9.8 8.1 6 0 10-2.3 10-8.1zm37.2-11.6v21.9h-2.9l-15.8-17.9v17.9h-2.8v-22h3l15.6 18v-18h2.9zm37.9 10.2v1.3c0 7.8-5.2 10.4-12.4 10.4H193v-22h11.2c7.2 0 12.4 2.8 12.4 10.3zm-3 0c0-5.3-3.3-7.6-9.4-7.6h-8.4V307h8.4c6 0 9.5-2 9.5-7.7V298zm50.8-7.6h-9.7v19.3h-3v-19.3h-9.7v-2.6h22.4v2.6zm34.4-2.6v21.9h-3v-10.1h-16.8v10h-2.8v-21.8h2.8v9.2H296v-9.2h2.9zm34.9 19.2v2.7h-20.7v-22h20.6v2.7H316v6.8h14.5v2.3H316v7.5h17.8zM24 340.2v7.3h13.9v2.4h-14v9.6H21v-22h20v2.7H24zm41.5 11.4h-9.8v7.9H53v-22h13.3c5.1 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6H66c3.1 0 5.3-1.5 5.3-4.7 0-3.3-2.2-4.1-5.3-4.1H55.7v8.8zm47.9 6.2H89l-2 4.3h-3.2l10.7-22.2H98l10.7 22.2h-3.2l-2-4.3zm-1-2.3l-6.3-13-6 13h12.2zm46.3-15.3v21.9H146v-17.2L135.7 358h-2.1l-10.2-15.6v17h-2.8v-21.8h3l11 16.9 11.3-17h3zm35 19.3v2.6h-20.7v-22h20.6v2.7H166v6.8h14.5v2.3H166v7.6h17.8zm47-19.3l-8.3 22h-3l-7.1-18.6-7 18.6h-3l-8.2-22h3.3L204 356l6.8-18.5h3.4L221 356l6.6-18.5h3.3zm10 11.6v-1.4c0-7.8 5.2-10.7 12.7-10.7 7.6 0 13 2.9 13 10.7v1.4c0 7.9-5.4 10.8-13 10.8-7.5 0-12.7-3-12.7-10.8zm22.8 0v-1.4c0-5.7-4-8-10-8s-9.9 2.3-9.9 8v1.4c0 5.8 3.8 8.2 9.8 8.2 6.1 0 10-2.4 10-8.2zm28.3 2.4h-9.8v7.9h-2.8v-22h13.2c5.2 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6h10.2c3 0 5.2-1.5 5.2-4.7 0-3.3-2.1-4.1-5.2-4.1h-10.2v8.8zm40.3-1.5l-6.8 5.6v6.4h-2.9v-22h2.9v12.3l15.2-12.2h3.7l-9.9 8.1 10.3 13.8h-3.6l-8.9-12z" />
|
||||
<path fill="#050A14"
|
||||
d="M188.4 71.7a10.4 10.4 0 01-20.8 0 10.4 10.4 0 1120.8 0zM224.2 45c-2.2-3.9-5-7.5-8.2-10.7l-12 7c-3.7-3.2-8-5.7-12.6-7.3a49.4 49.4 0 00-9.7 13.9 59 59 0 0140.1 14l7.6-4.4a57 57 0 00-5.2-12.5zM178 125.1c4.5 0 9-.6 13.4-1.7v-14a40 40 0 0012.5-7.2 47.7 47.7 0 00-7.1-15.3 59 59 0 01-32.2 27.7v8.7c4.4 1.2 8.9 1.8 13.4 1.8zM131.8 45c-2.3 4-4 8.1-5.2 12.5l12 7a40 40 0 000 14.4c5.7 1.5 11.3 2 16.9 1.5a59 59 0 01-8-41.7l-7.5-4.3c-3.2 3.2-6 6.7-8.2 10.6z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M224.2 98.4c2.3-3.9 4-8 5.2-12.4l-12-7a40 40 0 000-14.5c-5.7-1.5-11.3-2-16.9-1.5a59 59 0 018 41.7l7.5 4.4c3.2-3.2 6-6.8 8.2-10.7zm-92.4 0c2.2 4 5 7.5 8.2 10.7l12-7a40 40 0 0012.6 7.3c4-4.1 7.3-8.8 9.7-13.8a59 59 0 01-40-14l-7.7 4.4c1.2 4.3 3 8.5 5.2 12.4zm46.2-80c-4.5 0-9 .5-13.4 1.7V34a40 40 0 00-12.5 7.2c1.5 5.7 4 10.8 7.1 15.4a59 59 0 0132.2-27.7V20a53.3 53.3 0 00-13.4-1.8z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M178 9.2a62.6 62.6 0 11-.1 125.2A62.6 62.6 0 01178 9.2m0-9.2a71.7 71.7 0 100 143.5A71.7 71.7 0 00178 0z" />
|
||||
<path fill="#050A14"
|
||||
d="M96.6 212v4.3c-9.2-.8-15.4-5.8-15.4-17.8V180h4.6v18.4c0 8.6 4 12.6 10.8 13.5zm16-31.9v18.4c0 8.9-4.3 12.8-10.9 13.5v4.4c9.2-.7 15.5-5.6 15.5-18v-18.3h-4.7zM62.2 199v-2.2c0-12.7-8.8-17.4-21-17.4-12.1 0-20.7 4.7-20.7 17.4v2.2c0 12.8 8.6 17.6 20.7 17.6 1.5 0 3-.1 4.4-.3l11.8 6.2 2-3.3-8.2-4-6.4-3.1a32 32 0 01-3.6.2c-9.8 0-16-3.9-16-13.3v-2.2c0-9.3 6.2-13.1 16-13.1 9.9 0 16.3 3.8 16.3 13.1v2.2c0 5.3-2.1 8.7-5.6 10.8l4.8 2.4c3.4-2.8 5.5-7 5.5-13.2zM168 215.6h5.1L156 179.7h-4.8l17 36zM143 205l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.8-3.7H143zm133.7 10.7h5.2l-17.3-35.9h-4.8l17 36zm-25-10.7l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.7-3.7h-14.8zm73.8-2.5c6-1.2 9-5.4 9-11.4 0-8-4.5-10.9-12.9-10.9h-21.4v35.5h4.6v-31.3h16.5c5 0 8.5 1.4 8.5 6.7 0 5.2-3.5 7.7-8.5 7.7h-11.4v4.1h10.7l9.3 12.8h5.5l-9.9-13.2zm-117.4 9.9c-9.7 0-14.7-2.5-18.6-6.3l-2.2 3.8c5.1 5 11 6.7 21 6.7 1.6 0 3.1-.1 4.6-.3l-1.9-4h-3zm18.4-7c0-6.4-4.7-8.6-13.8-9.4l-10.1-1c-6.7-.7-9.3-2.2-9.3-5.6 0-2.5 1.4-4 4.6-5l-1.8-3.8c-4.7 1.4-7.5 4.2-7.5 8.9 0 5.2 3.4 8.7 13 9.6l11.3 1.2c6.4.6 8.9 2 8.9 5.4 0 2.7-2.1 4.7-6 5.8l1.8 3.9c5.3-1.6 8.9-4.7 8.9-10zm-20.3-21.9c7.9 0 13.3 1.8 18.1 5.7l1.8-3.9a30 30 0 00-19.6-5.9c-2 0-4 .1-5.7.3l1.9 4 3.5-.2z" />
|
||||
<path fill="#00B4FF"
|
||||
d="M.5 251.9c29.6-.5 59.2-.8 88.8-1l88.7-.3 88.7.3 44.4.4 44.4.6-44.4.6-44.4.4-88.7.3-88.7-.3a7981 7981 0 01-88.8-1z" />
|
||||
<path fill="none" d="M-565.2 324H-252v15.8h-313.2z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
|
|
@ -0,0 +1,39 @@
|
|||
<template>
|
||||
<q-item
|
||||
clickable
|
||||
tag="a"
|
||||
target="_blank"
|
||||
:href="link"
|
||||
>
|
||||
<q-item-section
|
||||
v-if="icon"
|
||||
avatar
|
||||
>
|
||||
<q-icon :name="icon" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label>{{ title }}</q-item-label>
|
||||
<q-item-label caption>{{ caption }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineOptions({
|
||||
name: 'EssentialLink'
|
||||
});
|
||||
|
||||
export interface EssentialLinkProps {
|
||||
title: string;
|
||||
caption?: string;
|
||||
link?: string;
|
||||
icon?: string;
|
||||
};
|
||||
|
||||
withDefaults(defineProps<EssentialLinkProps>(), {
|
||||
caption: '',
|
||||
link: '#',
|
||||
icon: '',
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<template>
|
||||
<div>
|
||||
<p>{{ title }}</p>
|
||||
<ul>
|
||||
<li v-for="todo in todos" :key="todo.id" @click="increment">
|
||||
{{ todo.id }} - {{ todo.content }}
|
||||
</li>
|
||||
</ul>
|
||||
<p>Count: {{ todoCount }} / {{ meta.totalCount }}</p>
|
||||
<p>Active: {{ active ? 'yes' : 'no' }}</p>
|
||||
<p>Clicks on todos: {{ clickCount }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue';
|
||||
import { Todo, Meta } from './models';
|
||||
|
||||
interface Props {
|
||||
title: string;
|
||||
todos?: Todo[];
|
||||
meta: Meta;
|
||||
active: boolean;
|
||||
};
|
||||
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
todos: () => []
|
||||
});
|
||||
|
||||
const clickCount = ref(0);
|
||||
function increment() {
|
||||
clickCount.value += 1;
|
||||
return clickCount.value;
|
||||
}
|
||||
|
||||
const todoCount = computed(() => props.todos.length);
|
||||
</script>
|
||||
|
|
@ -0,0 +1,119 @@
|
|||
<template>
|
||||
<q-list :bordered="false" separator class="row justify-center">
|
||||
<div v-for="(menu, ii) in list" :key="ii" class="q-mx-md">
|
||||
<div v-if="menu.children">
|
||||
<q-expansion-item
|
||||
class="text-grey-10 text-subtitle1"
|
||||
v-model="expanded"
|
||||
:icon="menu.icon"
|
||||
id="specificButton1"
|
||||
:label="menu.label"
|
||||
>
|
||||
<q-card style="position: fixed">
|
||||
<q-list bordered separator>
|
||||
<div v-for="(item, index) in menu.children" :key="index">
|
||||
<q-item
|
||||
clickable
|
||||
:to="menu.path + '/' + item.path"
|
||||
exact
|
||||
@click="closeExpandedMust"
|
||||
>
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
class="text-grey-10 text-subtitle1"
|
||||
style="text-align: left"
|
||||
>{{ item.label }}</q-item-label
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</div>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</q-expansion-item>
|
||||
</div>
|
||||
<div v-else>
|
||||
<q-item clickable :to="menu.path" exact>
|
||||
<q-item-section>
|
||||
<q-item-label class="text-grey-10 text-subtitle1">{{
|
||||
menu.label
|
||||
}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</div>
|
||||
</div>
|
||||
</q-list>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, onUnmounted, ref } from 'vue';
|
||||
import { RouteRecordRaw } from 'vue-router';
|
||||
import routes from 'src/router/routes';
|
||||
|
||||
const expanded = ref(false);
|
||||
|
||||
interface IMenu {
|
||||
path: string;
|
||||
label: string;
|
||||
icon: string;
|
||||
children?: IMenu[];
|
||||
}
|
||||
|
||||
const list = ref<IMenu[]>([]);
|
||||
|
||||
onMounted(() => {
|
||||
getList();
|
||||
document.addEventListener('click', closeExpanded);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
document.removeEventListener('click', closeExpanded);
|
||||
});
|
||||
const specificButton = ref<HTMLElement | null>(null);
|
||||
function closeExpanded(e: Event) {
|
||||
specificButton.value = document.getElementById('specificButton1');
|
||||
if (specificButton.value) {
|
||||
if (!specificButton.value.contains(e.target as Node)) {
|
||||
expanded.value = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
function closeExpandedMust() {
|
||||
expanded.value = false;
|
||||
}
|
||||
|
||||
function getList() {
|
||||
const arr: IMenu[] = [];
|
||||
function getPathItem(item: RouteRecordRaw): IMenu | boolean {
|
||||
if (!item.meta) {
|
||||
return false;
|
||||
}
|
||||
const obj: IMenu = {
|
||||
path: item.path,
|
||||
label: (item.meta?.label as string) || '',
|
||||
icon: (item.meta?.icon as string) || '',
|
||||
};
|
||||
if (item.children) {
|
||||
const child: IMenu[] = [];
|
||||
item.children.forEach((ii) => {
|
||||
const childItem = getPathItem(ii);
|
||||
if (childItem) {
|
||||
child.push(childItem as IMenu);
|
||||
}
|
||||
});
|
||||
if (child.length) {
|
||||
Object.assign(obj, { children: child });
|
||||
}
|
||||
}
|
||||
console.log(obj, 'obj');
|
||||
return obj;
|
||||
}
|
||||
const route1 = routes[0].children as RouteRecordRaw[];
|
||||
route1.forEach((route) => {
|
||||
const pItem: IMenu | boolean = getPathItem(route);
|
||||
if (pItem) {
|
||||
arr.push(pItem as IMenu);
|
||||
}
|
||||
});
|
||||
list.value = arr;
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
export interface Todo {
|
||||
id: number;
|
||||
content: string;
|
||||
}
|
||||
|
||||
export interface Meta {
|
||||
totalCount: number;
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
// app global css in SCSS form
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
// Quasar SCSS (& Sass) Variables
|
||||
// --------------------------------------------------
|
||||
// To customize the look and feel of this app, you can override
|
||||
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
|
||||
|
||||
// Check documentation for full list of Quasar variables
|
||||
|
||||
// Your own variables (that are declared here) and Quasar's own
|
||||
// ones will be available out of the box in your .vue/.scss/.sass files
|
||||
|
||||
// It's highly recommended to change the default colors
|
||||
// to match your app's branding.
|
||||
// Tip: Use the "Theme Builder" on Quasar's documentation website.
|
||||
|
||||
$primary : #1976D2;
|
||||
$secondary : #26A69A;
|
||||
$accent : #9C27B0;
|
||||
|
||||
$dark : #1D1D1D;
|
||||
$dark-page : #121212;
|
||||
|
||||
$positive : #21BA45;
|
||||
$negative : #C10015;
|
||||
$info : #31CCEC;
|
||||
$warning : #F2C037;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
/* eslint-disable */
|
||||
|
||||
declare namespace NodeJS {
|
||||
interface ProcessEnv {
|
||||
NODE_ENV: string;
|
||||
VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
|
||||
VUE_ROUTER_BASE: string | undefined;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
<template>
|
||||
<q-layout view="lHh Lpr lFf">
|
||||
<q-header reveal class="bg-grey-1 q-pa-sm">
|
||||
<q-toolbar>
|
||||
<q-toolbar-title>
|
||||
<q-avatar square>
|
||||
<img :src="logoImg" />
|
||||
</q-avatar>
|
||||
<span class="text-dark">北京玖琏科技有限公司 </span>
|
||||
</q-toolbar-title>
|
||||
<sys-menus
|
||||
style="position: fixed; z-index: 999; width: 100%; text-align: center"
|
||||
></sys-menus>
|
||||
</q-toolbar>
|
||||
</q-header>
|
||||
<q-page-container>
|
||||
<router-view />
|
||||
</q-page-container>
|
||||
<div class="bg-grey-1 q-pt-lg" style="width: 100%">
|
||||
<div class="row justify-center">
|
||||
<div class="row justify-center col-xs-12 col-md-12 col-lg-10 col-xl-7">
|
||||
<div
|
||||
v-for="(ele, i) in fooders"
|
||||
:key="i"
|
||||
class="text-center text-subtitle1 text-grey-10 col-3"
|
||||
>
|
||||
<div class="text-weight-bold">{{ ele.name }}</div>
|
||||
<div
|
||||
v-for="(child, j) in ele.children"
|
||||
:key="j"
|
||||
class="text-center text-subtitle1 text-grey-10"
|
||||
>
|
||||
<div class="to-preview" @click="toHref(child.href)">
|
||||
{{ child.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-center q-mt-xl">
|
||||
<span class="text-grey-10 text-subtitle1 text-weight-bold">合作方</span>
|
||||
</div>
|
||||
<div class="row justify-center">
|
||||
<div v-for="(imgInfo, i) in images" :key="i" class="q-ma-sm">
|
||||
<q-avatar square size="5em">
|
||||
<img :src="imgInfo.src" />
|
||||
</q-avatar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-layout>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// import { ref } from 'vue';
|
||||
import SysMenus from 'src/components/SysMenus.vue';
|
||||
import logo from 'src/assets/logo.png';
|
||||
import images from 'src/assets/partner/index.js';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
defineOptions({
|
||||
name: 'MainLayout',
|
||||
});
|
||||
// const images: {name: string, href: string, src:string}[] = images;
|
||||
const fooders = [
|
||||
{
|
||||
name: '关于玖琏',
|
||||
children: [
|
||||
{
|
||||
name: '公司简介',
|
||||
href: '/jiulian?aim=introduce',
|
||||
},
|
||||
{
|
||||
name: '招商及代理',
|
||||
href: '/jiulian?aim=proxy',
|
||||
},
|
||||
{
|
||||
name: '加入玖琏',
|
||||
href: '/jiulian?aim=join',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '我们的产品',
|
||||
children: [
|
||||
{
|
||||
name: '轨道交通产品',
|
||||
href: '/product',
|
||||
},
|
||||
{
|
||||
name: '化学化工产品',
|
||||
href: '/product',
|
||||
},
|
||||
{
|
||||
name: '电力电厂产品',
|
||||
href: '/product',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '经典案例',
|
||||
children: [
|
||||
{
|
||||
name: '西安铁路职业技术学院',
|
||||
href: '/preview/pdf?src=西安铁路职业技术学院.pdf',
|
||||
},
|
||||
{
|
||||
name: '贵州装备制造职业学院',
|
||||
href: '/preview/pdf?src=贵州装备制造职业学院机电技术专业实训室建设.pdf',
|
||||
},
|
||||
{
|
||||
name: '江苏电子信息职业学院',
|
||||
href: '/preview/pdf?src=江苏电子信息职业学院-城市轨道交通行车组织综合实训室.pdf',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '成果及荣誉',
|
||||
children: [
|
||||
{
|
||||
name: '知识产权',
|
||||
href: '/honor?aim=knowledge',
|
||||
},
|
||||
{
|
||||
name: '荣誉',
|
||||
href: '/honor?aim=honor',
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const logoImg = logo;
|
||||
const router = useRouter();
|
||||
function toHref(href: string) {
|
||||
router.push(href);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.to-preview {
|
||||
cursor: pointer;
|
||||
}
|
||||
.to-preview:hover {
|
||||
color: blueviolet;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<template>
|
||||
<q-page class="bg-grey-3 row justify-center">
|
||||
<div
|
||||
class="col-xs-12 col-md-12 col-lg-10 col-xl-8 bg-grey-1 q-mt-sm text-grey-10"
|
||||
style="padding: 7%"
|
||||
>
|
||||
<div id="introduce" class="text-subtitle1 text-weight-bold">公司简介</div>
|
||||
<div class="text-body1" style="text-indent: 4ch">
|
||||
北京玖琏科技有限公司成立于2017年1月3日，公司总部位于首都北京，在古都西安设有研发中心。公司致力服务于轨道交通行业、化学化工行业、电力电厂行业等，
|
||||
针对各个行业需求及痛点提供一体化培训解决方案。我公司自主研发的行业数字孪生云平台力求站在行业内城市轨道交通的最前沿，集云计算、真实系统逻辑及日常
|
||||
运营规章与一体，应用云计算、人工智能、三维交互、语音识别、物联网、VR/AR等前沿科技对整体环境进行有效融合。目前，已完成围绕内容、教具、环境、技术
|
||||
等方面，集展示、培训、授课、交流于一体的培训平台。先后和北京地铁、西安地铁、福州地铁、成都地铁等多个地铁公司以及北京交通大学、东北电力大学、西安
|
||||
铁路职业技术学院等多所高校，长春中车轨道车辆有限公司和北京城市轨道交通咨询有限公司等轨道交通龙头企业合作，完成相关培训中心和实验室建设等。
|
||||
</div>
|
||||
<div class="row justify-center q-mt-lg">
|
||||
<div v-for="(imgInfo, i) in images" :key="i" class="q-ma-sm">
|
||||
<q-avatar square size="8em">
|
||||
<img :src="imgInfo.src" />
|
||||
</q-avatar>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
id="proxy"
|
||||
class="text-subtitle1 text-weight-bold"
|
||||
style="margin-top: 15%"
|
||||
>
|
||||
招商及代理
|
||||
</div>
|
||||
<div class="text-body1" style="text-indent: 4ch">
|
||||
为进一步加快行业职教互联网化进程，提高职业教育的教学水平，提升个人能力的共享实训平台，我公司长期面向社会寻求代理合作，
|
||||
代理商主要负责市场推广及商务交流、项目招投标等内容，详情咨询
|
||||
<span class="text-weight-bold text-italic">13910989830</span>
|
||||
许经理。
|
||||
</div>
|
||||
<div style="margin-top: 15%">
|
||||
<q-img :src="offerImg" width="100%"></q-img>
|
||||
</div>
|
||||
<div id="join" class="text-subtitle1 text-weight-bold">加入玖琏</div>
|
||||
<div class="text-body1" style="text-indent: 4ch">
|
||||
你的加入可以给我们带来新的活力，我们同样也可以赠你无限的发展空间。世界那么大，你不来，谁知道你牛逼？多一份了解，多一份选择，
|
||||
选择不对努力白费，寻找合伙人寻找最优秀的你，欢迎将你的简历投递至
|
||||
<span class="text-weight-bold text-italic">henry@joylink.club。</span>
|
||||
</div>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import images from 'src/assets/partner/index.js';
|
||||
import offerImg from 'src/assets/offer.png';
|
||||
import { onMounted } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
|
||||
const route = useRoute();
|
||||
|
||||
onMounted(() => {
|
||||
if (route.query.aim) {
|
||||
scrollView();
|
||||
}
|
||||
});
|
||||
|
||||
function scrollView() {
|
||||
let dom = document.getElementById(route.query.aim);
|
||||
if (dom) {
|
||||
setTimeout(() => {
|
||||
window.scrollTo(0, dom.offsetTop - 100);
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<template>
|
||||
<q-page class="row items-center justify-evenly">
|
||||
<div>case</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<template>
|
||||
<q-page class="bg-grey-3 row justify-center">
|
||||
<div
|
||||
class="col-xs-12 col-md-12 col-lg-10 col-xl-8 bg-grey-1 q-mt-sm text-grey-10 q-mb-sm"
|
||||
style="padding: 5% 7%"
|
||||
>
|
||||
<div class="text-grey-10 text-subtitle1">
|
||||
<span v-html="`联系人：`" />许经理
|
||||
</div>
|
||||
<div class="text-grey-10 text-subtitle1">
|
||||
<span v-html="`手  机：`" />13910989830
|
||||
</div>
|
||||
<div class="text-grey-10 text-subtitle1">
|
||||
<span v-html="`邮  箱：`" />henry@joylink.club
|
||||
</div>
|
||||
<div class="text-grey-10 text-subtitle1">
|
||||
<span
|
||||
v-html="`地  址：`"
|
||||
/>北京市石景山区政达路6号院4号楼6层627
|
||||
</div>
|
||||
<div class="text-grey-10 text-subtitle1">
|
||||
<span v-html="`微  信：`" />
|
||||
</div>
|
||||
<div class="row justify-center">
|
||||
<q-avatar square size="30em">
|
||||
<q-img :src="wxcode" />
|
||||
</q-avatar>
|
||||
</div>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import wxcode from 'src/assets/wxcode.png';
|
||||
</script>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<template>
|
||||
<div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
|
||||
<div>
|
||||
<div style="font-size: 30vh">
|
||||
404
|
||||
</div>
|
||||
|
||||
<div class="text-h2" style="opacity:.4">
|
||||
Oops. Nothing here...
|
||||
</div>
|
||||
|
||||
<q-btn
|
||||
class="q-mt-xl"
|
||||
color="white"
|
||||
text-color="blue"
|
||||
unelevated
|
||||
to="/"
|
||||
label="Go Home"
|
||||
no-caps
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineOptions({
|
||||
name: 'ErrorNotFound'
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<template>
|
||||
<q-page class="bg-grey-3 row justify-center">
|
||||
<div class="col-xs-12 col-md-12 col-lg-10 col-xl-8 bg-grey-1 q-mt-sm">
|
||||
<div
|
||||
class="text-h4 text-grey-1 q-mx-md q-mt-lg"
|
||||
id="knowledge"
|
||||
style="
|
||||
text-align: center;
|
||||
height: 1.8em;
|
||||
line-height: 1.8em;
|
||||
background: yellowgreen;
|
||||
"
|
||||
>
|
||||
<span>发明专利</span>
|
||||
</div>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div v-for="(img, i) in patents" :key="i">
|
||||
<a target="_blank" :href="buildUrl(img.src)">
|
||||
<q-img :src="buildUrl(img.src)" width="33em"></q-img>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="text-h4 text-grey-1 q-mx-md q-mt-lg"
|
||||
style="
|
||||
text-align: center;
|
||||
height: 1.8em;
|
||||
line-height: 1.8em;
|
||||
background: yellowgreen;
|
||||
"
|
||||
>
|
||||
<span>实用性专利</span>
|
||||
</div>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div v-for="(img, i) in umPatents" :key="i">
|
||||
<a target="_blank" :href="buildUrl(img.src)">
|
||||
<q-img :src="buildUrl(img.src)" width="33em"></q-img>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="text-h4 text-grey-1 q-mx-md q-mt-lg"
|
||||
style="
|
||||
text-align: center;
|
||||
height: 1.8em;
|
||||
line-height: 1.8em;
|
||||
background: yellowgreen;
|
||||
"
|
||||
>
|
||||
<span>知识产权</span>
|
||||
</div>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div v-for="(img, i) in knowledges" :key="i">
|
||||
<a target="_blank" :href="buildUrl(img.src)">
|
||||
<q-img :src="buildUrl(img.src)" width="33em"></q-img>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="text-h4 text-grey-1 q-mx-md q-mt-lg"
|
||||
id="honor"
|
||||
style="
|
||||
text-align: center;
|
||||
height: 1.8em;
|
||||
line-height: 1.8em;
|
||||
background: crimson;
|
||||
"
|
||||
>
|
||||
<span>荣 誉</span>
|
||||
</div>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div v-for="(img, i) in hrs" :key="i">
|
||||
<a target="_blank" :href="buildUrl(img.src)">
|
||||
<q-img :src="buildUrl(img.src)" width="33em"></q-img>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
<script setup>
|
||||
import knowledges from 'src/assets/images/knowledge.js';
|
||||
import { buildUrl } from 'src/utils/resourceUrl';
|
||||
import hrs from 'src/assets/images/honor.js';
|
||||
import patents from 'src/assets/images/patent.js';
|
||||
import umPatents from 'src/assets/images/umPatent.js';
|
||||
|
||||
import { onMounted } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
|
||||
const route = useRoute();
|
||||
|
||||
onMounted(() => {
|
||||
if (route.query.aim) {
|
||||
scrollView();
|
||||
}
|
||||
});
|
||||
|
||||
function scrollView() {
|
||||
let dom = document.getElementById(route.query.aim);
|
||||
if (dom) {
|
||||
setTimeout(() => {
|
||||
window.scrollTo(0, dom.offsetTop - 100);
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,296 @@
|
|||
<template>
|
||||
<q-page class="bg-grey-3">
|
||||
<div style="width: 100%">
|
||||
<q-carousel
|
||||
animated
|
||||
v-model="slideTop"
|
||||
arrows
|
||||
navigation
|
||||
infinite
|
||||
height="33vw"
|
||||
>
|
||||
<q-carousel-slide :name="1" class="q-pa-none">
|
||||
<q-img :src="HomeImg" width="100%"></q-img>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
</div>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div
|
||||
class="col-xs-12 col-md-12 col-lg-10 col-xl-8"
|
||||
style="background: #fff"
|
||||
>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div class="text-gary-10 text-h5 text-weight-bold title-decoration">
|
||||
推荐信息
|
||||
</div>
|
||||
</div>
|
||||
<q-card flat bordered class="q-ma-xl">
|
||||
<q-item class="bg-grey-4">
|
||||
<q-item-section>
|
||||
<q-item-label>精彩视频</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
<q-card-section horizontal>
|
||||
<q-card-section class="col-6 row justify-center">
|
||||
<iframe
|
||||
class="frame"
|
||||
style="width: 80%; height: 20em"
|
||||
src="https://v.qq.com/txp/iframe/player.html?vid=l31359basv2"
|
||||
scrolling="no"
|
||||
border="0"
|
||||
frameborder="no"
|
||||
framespacing="0"
|
||||
allowfullscreen="true"
|
||||
/>
|
||||
</q-card-section>
|
||||
|
||||
<q-card-section class="col-6 row justify-center">
|
||||
<iframe
|
||||
class="frame"
|
||||
style="width: 80%; height: 20em"
|
||||
src="https://v.qq.com/txp/iframe/player.html?vid=p3150pintp3"
|
||||
scrolling="no"
|
||||
border="0"
|
||||
frameborder="no"
|
||||
framespacing="0"
|
||||
allowfullscreen="true"
|
||||
/>
|
||||
</q-card-section>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<q-card flat bordered class="q-ma-xl">
|
||||
<q-item class="bg-grey-4">
|
||||
<q-item-section>
|
||||
<q-item-label>精彩图集</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
<q-card-section horizontal>
|
||||
<q-card-section class="col-6 column items-center">
|
||||
<div
|
||||
class="text-center text-blue-14 picture-title text-subtitle2"
|
||||
>
|
||||
<span class="to-preview" @click="toPreviewImg(0)">
|
||||
{{ Pictures[0].name }}
|
||||
</span>
|
||||
</div>
|
||||
<q-img :src="Pictures[0].src" width="80%"> </q-img>
|
||||
</q-card-section>
|
||||
|
||||
<q-card-section class="col-6 column items-center">
|
||||
<div
|
||||
class="text-center text-blue-14 picture-title text-subtitle2"
|
||||
>
|
||||
<span class="to-preview" @click="toPreviewImg(1)">
|
||||
{{ Pictures[1].name }}
|
||||
</span>
|
||||
</div>
|
||||
<q-img :src="Pictures[1].src" width="80%"> </q-img>
|
||||
</q-card-section>
|
||||
</q-card-section>
|
||||
<q-card-section horizontal>
|
||||
<q-card-section class="col-6 column items-center">
|
||||
<div
|
||||
class="text-center text-blue-14 picture-title text-subtitle2"
|
||||
>
|
||||
<span class="to-preview" @click="toPreviewImg(2)">
|
||||
{{ Pictures[2].name }}
|
||||
</span>
|
||||
</div>
|
||||
<q-img :src="Pictures[2].src" width="80%"> </q-img>
|
||||
</q-card-section>
|
||||
|
||||
<q-card-section class="col-6 column items-center">
|
||||
<div
|
||||
class="text-center text-blue-14 picture-title text-subtitle2"
|
||||
>
|
||||
<span class="to-preview" @click="toPreviewImg(3)">
|
||||
{{ Pictures[3].name }}
|
||||
</span>
|
||||
</div>
|
||||
<q-img :src="Pictures[3].src" width="80%"> </q-img>
|
||||
</q-card-section>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div
|
||||
class="text-gary-10 text-h5 text-weight-bold title-decoration"
|
||||
style="text-decoration-color: brown"
|
||||
>
|
||||
产品展示
|
||||
</div>
|
||||
</div>
|
||||
<q-card flat bordered class="q-ma-xl">
|
||||
<q-card-section class="row justify-center">
|
||||
<div style="width: 50%; border: 0.1em solid #ccc">
|
||||
<q-img :src="Gdjt"> </q-img>
|
||||
<div class="column items-center product-bg q-py-sm">
|
||||
<div class="text-h6 text-gray-10">轨道交通</div>
|
||||
<div class="text-body2 text-gray-10">
|
||||
轨道交通是指运营车辆需要在特定轨道上行驶的一类交通工具或运输系统。
|
||||
</div>
|
||||
<q-btn color="primary" label="详情" />
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
<div class="row justify-center q-mt-md">
|
||||
<div
|
||||
class="text-gary-10 text-h5 text-weight-bold title-decoration"
|
||||
style="text-decoration-color: red"
|
||||
>
|
||||
成果及荣誉
|
||||
</div>
|
||||
</div>
|
||||
<q-card flat bordered class="q-ma-xl row justify-center">
|
||||
<div style="width: 90%" class="q-ma-xl">
|
||||
<q-carousel
|
||||
animated
|
||||
v-model="slide"
|
||||
navigation
|
||||
infinite
|
||||
:autoplay="autoplay"
|
||||
arrows
|
||||
transition-prev="slide-right"
|
||||
transition-next="slide-left"
|
||||
@mouseenter="autoplay = false"
|
||||
@mouseleave="autoplay = true"
|
||||
>
|
||||
<q-carousel-slide name="1" class="no-scroll">
|
||||
<q-card flat>
|
||||
<div
|
||||
class="no-scroll"
|
||||
style="
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 32em;
|
||||
"
|
||||
>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[2].src)"
|
||||
width="40%"
|
||||
class="p-pt-md"
|
||||
style="position: absolute; right: -20%; top: 10%"
|
||||
/>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[0].src)"
|
||||
width="50%"
|
||||
style="position: absolute; right: 25%"
|
||||
/>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[1].src)"
|
||||
width="40%"
|
||||
class="p-pt-md"
|
||||
style="position: absolute; right: 80%; top: 10%"
|
||||
/>
|
||||
</div>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
<q-carousel-slide name="2" class="no-scroll">
|
||||
<q-card flat>
|
||||
<div
|
||||
style="display: block; width: 100%; height: 32em"
|
||||
class="no-scroll"
|
||||
>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[0].src)"
|
||||
width="40%"
|
||||
class="p-pt-md"
|
||||
style="position: absolute; right: -20%; top: 10%"
|
||||
/>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[1].src)"
|
||||
width="50%"
|
||||
style="position: absolute; right: 25%"
|
||||
/>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[2].src)"
|
||||
width="40%"
|
||||
class="p-pt-md"
|
||||
style="position: absolute; right: 80%; top: 10%"
|
||||
/>
|
||||
</div>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
<q-carousel-slide name="3" class="no-scroll">
|
||||
<q-card flat>
|
||||
<div
|
||||
style="display: block; width: 100%; height: 32em"
|
||||
class="no-scroll"
|
||||
>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[1].src)"
|
||||
width="40%"
|
||||
class="p-pt-md"
|
||||
style="position: absolute; right: -20%; top: 10%"
|
||||
/>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[2].src)"
|
||||
width="50%"
|
||||
style="position: absolute; right: 25%"
|
||||
/>
|
||||
<q-img
|
||||
:src="buildUrl(HonorImgs[0].src)"
|
||||
width="40%"
|
||||
class="p-pt-md"
|
||||
style="position: absolute; right: 80%; top: 10%"
|
||||
/>
|
||||
</div>
|
||||
</q-card>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import HomeImg from 'src/assets/propaganda/image.jpg';
|
||||
import Pictures from 'src/assets/images/picture/index.js';
|
||||
import Gdjt from 'src/assets/product/轨道交通.jpg';
|
||||
import HonorImgs from 'src/assets/images/honor.js';
|
||||
import { buildUrl } from 'src/utils/resourceUrl';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
defineOptions({
|
||||
name: 'IndexPage',
|
||||
});
|
||||
const slide = ref(1);
|
||||
const slideTop = ref(1);
|
||||
const autoplay = ref(true);
|
||||
const router = useRouter();
|
||||
function toPreviewImg(index: number) {
|
||||
router.push(`/preview/img?id=${index}`);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title-decoration {
|
||||
text-decoration: underline solid navy;
|
||||
text-underline-offset: 0.5em;
|
||||
text-decoration-thickness: 0.5em;
|
||||
}
|
||||
.picture-title {
|
||||
background: linear-gradient(45deg, #dc3545, transparent);
|
||||
width: 80%;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
}
|
||||
.product-bg {
|
||||
background: linear-gradient(1deg, #17a2b8, transparent);
|
||||
}
|
||||
.to-preview {
|
||||
cursor: pointer;
|
||||
color: blue;
|
||||
}
|
||||
.to-preview:hover {
|
||||
color: blueviolet;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,346 @@
|
|||
<template>
|
||||
<q-page class="bg-grey-3 row justify-center">
|
||||
<div class="col-xs-12 col-md-12 col-lg-10 col-xl-8">
|
||||
<div class="row justify-start">
|
||||
<q-tabs v-model="tab" class="blue-grey-10">
|
||||
<q-tab name="tab1" label="产品列表" content-class="text-h4" />
|
||||
<q-tab name="tab2" label="项目列表" />
|
||||
</q-tabs>
|
||||
</div>
|
||||
<q-tab-panels
|
||||
v-model="tab"
|
||||
animated
|
||||
swipeable
|
||||
vertical
|
||||
height="1000px"
|
||||
transition-prev="jump-up"
|
||||
transition-next="jump-up"
|
||||
>
|
||||
<q-tab-panel name="tab1">
|
||||
<q-table
|
||||
:rows="rows1"
|
||||
:columns="columns1"
|
||||
row-key="name"
|
||||
hide-bottom
|
||||
separator="cell"
|
||||
table-class="text-body1"
|
||||
:rows-per-page-options="[0]"
|
||||
>
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td key="序号" :props="props">
|
||||
{{ props.row.index }}
|
||||
</q-td>
|
||||
<q-td key="系统名称" :props="props">
|
||||
{{ props.row.name }}
|
||||
</q-td>
|
||||
<q-td key="系统入口" :props="props">
|
||||
<a target="_blank" :href="props.row.href">
|
||||
{{ props.row.href }}
|
||||
</a>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="tab2">
|
||||
<q-table
|
||||
:rows="rows"
|
||||
:columns="columns"
|
||||
row-key="name"
|
||||
hide-bottom
|
||||
separator="cell"
|
||||
table-class="text-body1"
|
||||
:rows-per-page-options="[0]"
|
||||
>
|
||||
</q-table>
|
||||
</q-tab-panel>
|
||||
</q-tab-panels>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import { type QTableColumn } from 'quasar';
|
||||
const tab = ref('tab1');
|
||||
|
||||
const columns1: QTableColumn[] = [
|
||||
{
|
||||
name: '序号',
|
||||
align: 'center',
|
||||
label: '序号',
|
||||
field: 'index',
|
||||
style: 'white-space:pre-wrap; font-size: 1em;',
|
||||
headerStyle: 'font-size: 1em;',
|
||||
classes: (row) => (row.index % 2 == 0 ? 'bg-grey-1' : 'bg-grey-3'),
|
||||
},
|
||||
{
|
||||
name: '系统名称',
|
||||
align: 'center',
|
||||
label: '系统名称',
|
||||
field: 'name',
|
||||
style: 'white-space:pre-wrap; font-size: 1em;',
|
||||
headerStyle: 'font-size: 1em;',
|
||||
classes: (row) => (row.index % 2 == 0 ? 'bg-grey-1' : 'bg-grey-3'),
|
||||
},
|
||||
{
|
||||
name: '系统入口',
|
||||
align: 'center',
|
||||
label: '系统入口',
|
||||
field: 'href',
|
||||
style: 'white-space:pre-wrap; font-size: 1em;border: 0;',
|
||||
headerStyle: 'font-size: 1em;',
|
||||
classes: 'bg-grey-3',
|
||||
},
|
||||
];
|
||||
const rows1 = [
|
||||
{
|
||||
index: '1',
|
||||
name: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '2',
|
||||
name: '线路数据仿真模块',
|
||||
},
|
||||
{
|
||||
index: '3',
|
||||
name: '教学管理模块',
|
||||
},
|
||||
{
|
||||
index: '4',
|
||||
name: '城轨综合演练模块',
|
||||
},
|
||||
{
|
||||
index: '5',
|
||||
name: 'ATS行调工作站仿真模块',
|
||||
},
|
||||
{
|
||||
index: '6',
|
||||
name: 'ATS现地工作站仿真模块',
|
||||
},
|
||||
{
|
||||
index: '7',
|
||||
name: '综合监控仿真模块',
|
||||
},
|
||||
{
|
||||
index: '8',
|
||||
name: '城轨运行图/时刻表编辑模块',
|
||||
},
|
||||
{
|
||||
index: '9',
|
||||
name: '电子沙盘模块',
|
||||
},
|
||||
{
|
||||
index: '10',
|
||||
name: '模拟驾驶仿真模块',
|
||||
},
|
||||
{
|
||||
index: '11',
|
||||
name: 'CCTC仿真模块',
|
||||
href: 'https://joylink.club/cbtc',
|
||||
},
|
||||
{
|
||||
index: '12',
|
||||
name: '教学模块',
|
||||
},
|
||||
{
|
||||
index: '13',
|
||||
name: '考试模块',
|
||||
},
|
||||
{
|
||||
index: '14',
|
||||
name: '城轨站务人员各岗一日作业仿真实训系统',
|
||||
},
|
||||
{
|
||||
index: '15',
|
||||
name: '城市轨道交通大赛智能训练平台',
|
||||
},
|
||||
{
|
||||
index: '16',
|
||||
name: '城轨全自动运行虚拟仿真培训系统',
|
||||
},
|
||||
{
|
||||
index: '17',
|
||||
name: '智能作业调车管理系统',
|
||||
},
|
||||
{
|
||||
index: '18',
|
||||
name: '地铁轨旁半实物智能测试系统',
|
||||
},
|
||||
{
|
||||
index: '19',
|
||||
name: '轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '20',
|
||||
name: '城轨客流预测系统',
|
||||
},
|
||||
{
|
||||
index: '21',
|
||||
name: '城轨智能调图系统',
|
||||
},
|
||||
];
|
||||
|
||||
const columns: QTableColumn[] = [
|
||||
{
|
||||
name: '序号',
|
||||
align: 'center',
|
||||
label: '序号',
|
||||
field: 'index',
|
||||
style: 'white-space:pre-wrap; font-size: 1em;',
|
||||
headerStyle: 'font-size: 1em;',
|
||||
classes: (row) => (row.index % 2 == 0 ? 'bg-grey-1' : 'bg-grey-3'),
|
||||
},
|
||||
{
|
||||
name: '项目名称',
|
||||
align: 'center',
|
||||
label: '项目名称',
|
||||
field: 'name',
|
||||
style: 'white-space:pre-wrap; font-size: 1em;',
|
||||
headerStyle: 'font-size: 1em;',
|
||||
classes: (row) => (row.index % 2 == 0 ? 'bg-grey-1' : 'bg-grey-3'),
|
||||
},
|
||||
{
|
||||
name: '项目内容',
|
||||
align: 'center',
|
||||
label: '项目内容',
|
||||
field: 'content',
|
||||
style: 'white-space:pre-wrap; font-size: 1em;',
|
||||
headerStyle: 'font-size: 1em;',
|
||||
classes: (row) => (row.index % 2 == 0 ? 'bg-grey-1' : 'bg-grey-3'),
|
||||
},
|
||||
];
|
||||
const rows = [
|
||||
{
|
||||
index: '1',
|
||||
name: '城轨线路',
|
||||
content:
|
||||
'西安1，2，3号线\n 北京1号线\n成都1，3号线\n南京2号线\n武汉8号线\n宁波1，3号线\n哈尔滨1号线\n福州1号线\n佛山有轨电车线',
|
||||
},
|
||||
{
|
||||
index: '2',
|
||||
name: '西安市地下铁道有限责任公司',
|
||||
content: '西安地铁城轨客流预测系统\n西安地铁城轨智能调图系统',
|
||||
},
|
||||
{
|
||||
index: '3',
|
||||
name: '北京交通大学',
|
||||
content: '道岔转辙机故障诊断与健康管理半实物仿真平台',
|
||||
},
|
||||
{
|
||||
index: '4',
|
||||
name: '成都工业职业技术学院',
|
||||
content:
|
||||
'城轨运营实训云平台系统\n轨旁设备互联互通实训室\n高铁计算机联锁仿真系统',
|
||||
},
|
||||
{
|
||||
index: '5',
|
||||
name: '南京铁道职业技术学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '6',
|
||||
name: '西安铁路职业技术学院',
|
||||
content: '城轨运营实训云平台系统\n轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '7',
|
||||
name: '长春中车轨道车辆有限公司',
|
||||
content: '智能作业调车管理系统',
|
||||
},
|
||||
{
|
||||
index: '8',
|
||||
name: '北京城市轨道交通咨询有限公司',
|
||||
content: '地铁轨旁半实物智能测试系统',
|
||||
},
|
||||
{
|
||||
index: '9',
|
||||
name: '西安职业技术学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '10',
|
||||
name: '江苏安全技术职业学院',
|
||||
content: '城轨运营实训云平台系统\n轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '11',
|
||||
name: '江苏电子信息职业学院',
|
||||
content: '城轨运营实训云平台系统\n轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '12',
|
||||
name: '广西水利电力职业技术学院',
|
||||
content: '城轨运营实训云平台系统\n轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '13',
|
||||
name: '贵州装备制造职业学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '14',
|
||||
name: '浙江省机电信息学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '15',
|
||||
name: '江西省南昌市工业贸易职业学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '16',
|
||||
name: '江西省上饶市科技中等专业学校',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '17',
|
||||
name: '扬州工业职业技术学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '18',
|
||||
name: '云南红河财经学校',
|
||||
content: '城轨运营实训云平台系统\n轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '19',
|
||||
name: '长兴技师学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '20',
|
||||
name: '甘肃财贸职业学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '21',
|
||||
name: '泰国沙盘城轨高级信号系统',
|
||||
content: '电子沙盘模块',
|
||||
},
|
||||
{
|
||||
index: '22',
|
||||
name: '南昌工学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
{
|
||||
index: '23',
|
||||
name: '天府新区信息职业学校',
|
||||
content: '城轨运营实训云平台系统\n轨旁设备互联互通实训室',
|
||||
},
|
||||
{
|
||||
index: '24',
|
||||
name: '吉林交通职业技术学院',
|
||||
content: '城轨运营实训云平台系统',
|
||||
},
|
||||
];
|
||||
</script>
|
||||
<style scoped>
|
||||
.cell-merge {
|
||||
height: 20em;
|
||||
}
|
||||
.cell-none {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<template>
|
||||
<q-page class="bg-grey-3 row justify-center">
|
||||
<div
|
||||
class="col-xs-12 col-md-12 col-lg-10 col-xl-8 bg-grey-1 q-mt-sm text-grey-10 q-mb-sm"
|
||||
style="padding: 5% 7%"
|
||||
>
|
||||
<q-carousel
|
||||
animated
|
||||
v-model="slideTop"
|
||||
arrows
|
||||
navigation
|
||||
autoplay
|
||||
infinite
|
||||
height="35vw"
|
||||
>
|
||||
<q-carousel-slide
|
||||
v-for="(img, k) in imgs.sources"
|
||||
:key="k"
|
||||
:name="k + 1"
|
||||
class="q-pa-none"
|
||||
>
|
||||
<q-img :src="buildUrl(img)" width="100%" height="34vw"></q-img>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
<div class="row justify-center q-mt-lg items-center">
|
||||
<q-btn
|
||||
:disable="route.query.id !== '0'"
|
||||
square
|
||||
@click="toPreview(parseInt(route.query.id) - 1)"
|
||||
class="q-ma-sm"
|
||||
color="primary"
|
||||
icon="chevron_left"
|
||||
/>
|
||||
<div class="text-center q-ma-sm">{{ imgs.name }}</div>
|
||||
<q-btn
|
||||
:disable="route.query.id !== '3'"
|
||||
@click="toPreview(parseInt(route.query.id) + 1)"
|
||||
square
|
||||
class="q-ma-sm"
|
||||
color="primary"
|
||||
icon="chevron_right"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import atlas from 'src/assets/images/atlas.js';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { ref, watch, onMounted } from 'vue';
|
||||
import { buildUrl } from 'src/utils/resourceUrl';
|
||||
const slideTop = ref(1);
|
||||
const route = useRoute();
|
||||
const imgs = ref({ name: '', sources: [] });
|
||||
|
||||
onMounted(() => {
|
||||
imgs.value = atlas[route.query.id];
|
||||
});
|
||||
|
||||
watch(
|
||||
() => route.query.id,
|
||||
() => {
|
||||
imgs.value = atlas[route.query.id];
|
||||
}
|
||||
);
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
function toPreview(index) {
|
||||
router.push(`/preview/img?id=${index}`);
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<template>
|
||||
<q-page class="row items-center justify-evenly">
|
||||
<div
|
||||
class="col-xs-12 col-md-12 col-lg-10 col-xl-8 bg-grey-1 q-mt-sm text-grey-10 q-mb-sm"
|
||||
>
|
||||
<canvas
|
||||
style="width: 100%"
|
||||
v-for="i in pdfParams.pdfPageTotal"
|
||||
:key="i"
|
||||
:id="'pdf-render' + i"
|
||||
></canvas>
|
||||
<!-- <iframe :src="pdfUrl" width="100%" height="auto"></iframe> -->
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, reactive, watch } from 'vue';
|
||||
import { buildUrl } from 'src/utils/resourceUrl';
|
||||
import { useRoute } from 'vue-router';
|
||||
|
||||
// const props = defineProps({
|
||||
// containerWidth: {
|
||||
// type: Number,
|
||||
// default: 700,
|
||||
// required: true,
|
||||
// },
|
||||
// });
|
||||
|
||||
const pdfParams = reactive({
|
||||
currentPageNumber: 1,
|
||||
pdfScale: 2.0,
|
||||
pdfPageTotal: 0, // 总页数
|
||||
});
|
||||
|
||||
// 不要定义为ref或reactive格式，就定义为普通的变量
|
||||
let pdfDoc = null;
|
||||
onMounted(async () => {
|
||||
await loadFile();
|
||||
});
|
||||
const route = useRoute();
|
||||
|
||||
watch(
|
||||
() => route.query.src,
|
||||
() => {
|
||||
loadFile();
|
||||
}
|
||||
);
|
||||
|
||||
// 这里必须使用异步去引用pdf文件，直接去import会报错，也不知道为什么
|
||||
const loadFile = async () => {
|
||||
let pdfjs = await import('pdfjs-dist/build/pdf');
|
||||
let pdfjsWorker = await import('pdfjs-dist/build/pdf.worker.entry');
|
||||
pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;
|
||||
// 此文件位于public/testPdf.pdf
|
||||
const url = buildUrl(`cases/${route.query.src}`);
|
||||
pdfjs.getDocument(url).promise.then(async (doc) => {
|
||||
pdfDoc = doc;
|
||||
pdfParams.pdfPageTotal = doc.numPages;
|
||||
// // 仅加载第一页 注释 取消页码切换
|
||||
// await getPdfPage(pdfParams.currentPageNumber)
|
||||
// 加载pdf所有页
|
||||
for (let pageNum = 1; pageNum <= doc.numPages; pageNum++) {
|
||||
await getPdfPage(pageNum);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 加载pdf的某一页;
|
||||
const getPdfPage = (number) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
pdfDoc
|
||||
.getPage(number)
|
||||
.then((page) => {
|
||||
const canvas = document.getElementById(`pdf-render${number}`);
|
||||
const context = canvas.getContext('2d');
|
||||
// const scale = 1; // 缩放比例
|
||||
const dpr = window.devicePixelRatio || 1;
|
||||
const bsr =
|
||||
context.webkitBackingStorePixelRatio ||
|
||||
context.mozBackingStorePixelRatio ||
|
||||
context.msBackingStorePixelRatio ||
|
||||
context.oBackingStorePixelRatio ||
|
||||
context.backingStorePixelRatio ||
|
||||
1;
|
||||
const ratio = dpr / bsr;
|
||||
const viewport = page.getViewport({ scale: pdfParams.pdfScale }); // 获取窗口大小
|
||||
|
||||
const canvasWidth = Math.floor(viewport.width * ratio);
|
||||
const canvasHeight = Math.floor(viewport.height * ratio);
|
||||
// const canvasWidth = props.containerWidth;
|
||||
// const canvasHeight = Math.floor(viewport.height * ratio) * (props.containerWidth / Math.floor(viewport.width * ratio));
|
||||
canvas.width = canvasWidth;
|
||||
canvas.height = canvasHeight;
|
||||
// canvas.style.width = Math.floor(viewport.width) + 'px'
|
||||
// canvas.style.height = Math.floor(viewport.height) + 'px'
|
||||
// canvas.style.width = Math.floor(props.containerWidth) + 'px';
|
||||
// canvas.style.height =
|
||||
// Math.floor(
|
||||
// (viewport.height * props.containerWidth) / viewport.width
|
||||
// ) + 'px';
|
||||
|
||||
let renderContext = {
|
||||
canvasContext: context,
|
||||
viewport: viewport,
|
||||
// 这里transform的六个参数，使用的是transform中的Matrix(矩阵)
|
||||
// transform: [1, 0, 0, -1, 0, viewport.height]
|
||||
transform: [ratio, 0, 0, ratio, 0, 0],
|
||||
};
|
||||
|
||||
// 进行渲染
|
||||
page
|
||||
.render(renderContext)
|
||||
.promise.then(() => {
|
||||
resolve();
|
||||
})
|
||||
.catch((error) => {
|
||||
reject(error);
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
/* eslint-disable */
|
||||
|
||||
// Forces TS to apply `@quasar/app-vite` augmentations of `quasar` package
|
||||
// Removing this would break `quasar/wrappers` imports as those typings are declared
|
||||
// into `@quasar/app-vite`
|
||||
// As a side effect, since `@quasar/app-vite` reference `quasar` to augment it,
|
||||
// this declaration also apply `quasar` own
|
||||
// augmentations (eg. adds `$q` into Vue component context)
|
||||
/// <reference types="@quasar/app-vite" />
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
import { route } from 'quasar/wrappers';
|
||||
import {
|
||||
createMemoryHistory,
|
||||
createRouter,
|
||||
createWebHashHistory,
|
||||
createWebHistory,
|
||||
} from 'vue-router';
|
||||
|
||||
import routes from './routes';
|
||||
|
||||
/*
|
||||
* If not building with SSR mode, you can
|
||||
* directly export the Router instantiation;
|
||||
*
|
||||
* The function below can be async too; either use
|
||||
* async/await or return a Promise which resolves
|
||||
* with the Router instance.
|
||||
*/
|
||||
|
||||
export default route(function (/* { store, ssrContext } */) {
|
||||
const createHistory = process.env.SERVER
|
||||
? createMemoryHistory
|
||||
: (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);
|
||||
|
||||
const Router = createRouter({
|
||||
scrollBehavior: () => ({ left: 0, top: 0 }),
|
||||
routes,
|
||||
|
||||
// Leave this as is and make changes in quasar.conf.js instead!
|
||||
// quasar.conf.js -> build -> vueRouterMode
|
||||
// quasar.conf.js -> build -> publicPath
|
||||
history: createHistory(process.env.VUE_ROUTER_BASE),
|
||||
});
|
||||
|
||||
return Router;
|
||||
});
|
||||
|
|
@ -0,0 +1,127 @@
|
|||
import { RouteRecordRaw } from 'vue-router';
|
||||
|
||||
const routes: RouteRecordRaw[] = [
|
||||
{
|
||||
path: '/',
|
||||
component: () => import('layouts/MainLayout.vue'),
|
||||
redirect: '/home',
|
||||
children: [
|
||||
{
|
||||
path: '/home',
|
||||
meta: {
|
||||
label: '首页',
|
||||
},
|
||||
component: () => import('pages/IndexPage.vue'),
|
||||
},
|
||||
{
|
||||
path: '/product',
|
||||
meta: {
|
||||
label: '我们的产品',
|
||||
},
|
||||
component: () => import('pages/OurProduct.vue'),
|
||||
},
|
||||
{
|
||||
path: '/honor',
|
||||
meta: {
|
||||
label: '荣耀及成果',
|
||||
},
|
||||
component: () => import('pages/HonourPage.vue'),
|
||||
},
|
||||
{
|
||||
path: '/case',
|
||||
meta: {
|
||||
label: '经典案例',
|
||||
},
|
||||
component: () => import('pages/ClassicCase.vue'),
|
||||
children: [
|
||||
{
|
||||
path: 'case1',
|
||||
redirect: '/preview/pdf?src=西安铁路职业技术学院.pdf',
|
||||
meta: {
|
||||
label: '西安铁路职业技术学院',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'case2',
|
||||
redirect:
|
||||
'/preview/pdf?src=贵州装备制造职业学院机电技术专业实训室建设.pdf',
|
||||
meta: {
|
||||
label: '贵州装备制造职业学院',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'case3',
|
||||
redirect:
|
||||
'/preview/pdf?src=江苏电子信息职业学院-城市轨道交通行车组织综合实训室.pdf',
|
||||
meta: {
|
||||
label: '江苏电子信息职业学院',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'case4',
|
||||
redirect:
|
||||
'/preview/pdf?src=云南红河职业技术学院城市轨道交通运营管理专业实训室建设.pdf',
|
||||
meta: {
|
||||
label: '云南红河职业技术学院',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'case5',
|
||||
redirect:
|
||||
'/preview/pdf?src=江苏安全职业技术学院城市轨道交通运营管理专业实训室建设.pdf',
|
||||
meta: {
|
||||
label: '江苏安全职业技术学院',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'case6',
|
||||
redirect:
|
||||
'/preview/pdf?src=北京城市轨道交通咨询有限公司面向全自动运行控制系统实验室测试的车辆半实物仿真测试平台开发方案.pdf',
|
||||
meta: {
|
||||
label: '北京城市轨道交通咨询有限公司',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'case7',
|
||||
redirect:
|
||||
'/preview/pdf?src=长春中车轨道车辆有限公司智慧工厂调车系统建设方案.pdf',
|
||||
meta: {
|
||||
label: '长春中车轨道车辆有限公司',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: '/jiulian',
|
||||
meta: {
|
||||
label: ' 关于玖琏 ',
|
||||
},
|
||||
component: () => import('pages/AboutJiuLian.vue'),
|
||||
},
|
||||
{
|
||||
path: '/contact',
|
||||
meta: {
|
||||
label: ' 联系我们（13910989830） ',
|
||||
},
|
||||
component: () => import('pages/ContactUs.vue'),
|
||||
},
|
||||
{
|
||||
path: '/preview/pdf',
|
||||
component: () => import('pages/PreviewPdf.vue'),
|
||||
},
|
||||
{
|
||||
path: '/preview/img',
|
||||
component: () => import('pages/PreviewImage.vue'),
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
// Always leave this as last one,
|
||||
// but you can also remove it
|
||||
{
|
||||
path: '/:catchAll(.*)*',
|
||||
component: () => import('pages/ErrorNotFound.vue'),
|
||||
},
|
||||
];
|
||||
|
||||
export default routes;
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
/* eslint-disable */
|
||||
|
||||
/// <reference types="vite/client" />
|
||||
|
||||
// Mocks all files ending in `.vue` showing them as plain Vue instances
|
||||
declare module '*.vue' {
|
||||
import type { DefineComponent } from 'vue';
|
||||
const component: DefineComponent<{}, {}, any>;
|
||||
export default component;
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
export function buildUrl(url: string): string {
|
||||
return `https://joylink.club/oss/portal/${url}`;
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"extends": "@quasar/app-vite/tsconfig-preset",
|
||||
"compilerOptions": {
|
||||
"baseUrl": "."
|
||||
},
|
||||
"exclude": [
|
||||
"./dist",
|
||||
"./.quasar",
|
||||
"./node_modules",
|
||||
"./src-capacitor",
|
||||
"./src-cordova",
|
||||
"./quasar.config.*.temporary.compiled*"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"extends": "./tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"skipLibCheck": true
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue