update

.eslintignore

@@ -0,0 +1,15 @@
+
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.husky
+.local
+/bin
+Dockerfile

.eslintrc.js

@@ -0,0 +1,78 @@
+// @ts-check
+const { defineConfig } = require('eslint-define-config');
+module.exports = defineConfig({
+    root: true,
+    env: {
+        browser: true,
+        node: true,
+        es6: true,
+    },
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+        parser: '@typescript-eslint/parser',
+        ecmaVersion: 2020,
+        sourceType: 'module',
+        jsxPragma: 'React',
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+    extends: [
+        'plugin:vue/vue3-recommended',
+        'plugin:@typescript-eslint/recommended',
+        'prettier',
+        'plugin:prettier/recommended',
+        'plugin:jest/recommended',
+    ],
+    rules: {
+        'vue/script-setup-uses-vars': 'error',
+        '@typescript-eslint/ban-ts-ignore': 'off',
+        '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        '@typescript-eslint/no-empty-function': 'off',
+        'vue/custom-event-name-casing': 'off',
+        'no-use-before-define': 'off',
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/ban-types': 'off',
+        '@typescript-eslint/no-non-null-assertion': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
+        '@typescript-eslint/no-unused-vars': [
+            'error',
+            {
+                argsIgnorePattern: '^_',
+                varsIgnorePattern: '^_',
+            },
+        ],
+        'no-unused-vars': [
+            'error',
+            {
+                argsIgnorePattern: '^_',
+                varsIgnorePattern: '^_',
+            },
+        ],
+        'space-before-function-paren': 'off',
+
+        'vue/attributes-order': 'off',
+        'vue/one-component-per-file': 'off',
+        'vue/html-closing-bracket-newline': 'off',
+        'vue/max-attributes-per-line': 'off',
+        'vue/multiline-html-element-content-newline': 'off',
+        'vue/singleline-html-element-content-newline': 'off',
+        'vue/attribute-hyphenation': 'off',
+        'vue/require-default-prop': 'off',
+        'vue/html-self-closing': [
+            'error',
+            {
+                html: {
+                    void: 'always',
+                    normal: 'never',
+                    component: 'always',
+                },
+                svg: 'always',
+                math: 'always',
+            },
+        ],
+    },
+});

package.json

@@ -6,11 +6,13 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""
   },
   "dependencies": {
     "dayjs": "^1.11.10",
     "path": "^0.12.7",
+    "prettier": "^3.1.0",
     "vue": "^3.3.4",
     "vue3-seamless-scroll": "^2.0.1"
   },
@@ -23,6 +25,12 @@
     "less": "^4.2.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
-    "vue-tsc": "^1.8.5"
+    "vue-tsc": "^1.8.5",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-define-config": "^1.24.1",
+    "eslint-plugin-jest": "^27.4.2",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.17.0"
   }
 }

src/assets/ts/antd.ts

@@ -3,10 +3,12 @@ import {
     Form,
     Input,
     Button,
+    Radio,
 } from 'ant-design-vue';
 
 export default function registerGlobComp(app: App) {
     app.use(Button)
         .use(Form)
         .use(Input)
+        .use(Radio)
 }

src/components/chinaMap/chinaMap.vue

@@ -9,14 +9,15 @@
             <div v-show="currentIndex==list.length-1" class="route-navigation">
                 <a-form
                     :model="formState"
-					layout="horizontal"
+                    layout="inline"
+                >
+                    <a-form-item class="form-item-self" label="起点"
                     >
-					<a-form-item class="form-item-self" label="起点" name="user">
                         <a-input v-model:value="formState.user">
                         </a-input>
                     </a-form-item>
-					<a-form-item class="form-item-self" label="终点" name="user">
+                    <a-form-item class="form-item-self" label="终点">
-						<a-input v-model:value="formState.user">
+                        <a-input v-model:value="formState.password">
                         </a-input>
                     </a-form-item>
                     <a-form-item>
@@ -85,7 +86,7 @@ import mapJson from '/@/components/chinaMap/json/new'
 
 const formState = ref({
     user: '',
-	password: '',
+    password: "",
 });
 const list = ref([
     {
@@ -121,7 +122,7 @@ const list = ref([
         isChecked: false
     }
 ])
-const currentIndex = ref(7);
+const currentIndex = ref(0);
 
 function changeTab(i) {
     list.value = list.value.map(item => {
@@ -133,7 +134,7 @@ function changeTab(i) {
 }
 
 onMounted(() => {
-	// initMap();
+    initMap();
 })
 
 function initMap() {
@@ -145,20 +146,20 @@ function initMap() {
             show: false,
             formatter: "{b0}: {c0}"
         },
-		grid: {
+        // grid: {
-			left: 20,
+        //     left: 20,
-			right: 20,
+        //     right: 20,
-			top: 20,
+        //     top: 20,
-			bottom: 20
+        //     bottom: 20
-		},
+        // },
         geo: [
             {
                 map: 'china',
                 zlevel: 3,
-				aspectScale: .8, //长宽比
+                aspectScale: .75, //长宽比
-				zoom: 1.1,
+                zoom: 1.5,
                 roam: false,
-				top: '80',
+                top: '165',
                 left: 'center',
                 itemStyle: {
                     areaColor: "#173a58",
@@ -172,10 +173,10 @@ function initMap() {
             {
                 map: 'china',
                 zlevel: 2,
-				aspectScale: .8, //长宽比
+                aspectScale: .75, //长宽比
-				zoom: 1.1,
+                zoom: 1.5,
                 roam: false,
-				top: '80',
+                top: '165',
                 left: 'center',
                 itemStyle: {
                     areaColor: "#1e2c38",
@@ -193,11 +194,11 @@ function initMap() {
                 name: '中国地图',
                 type: 'map',
                 zlevel: 9,
-				zoom: 1.1,
+                zoom: 1.5,
-				aspectScale: .8, //长宽比
+                aspectScale: .75, //长宽比
                 hoverAnimation: false,
                 silent: false,
-				top: '80',
+                top: '165',
                 left: 'center',
                 label: {
                     show: true,
@@ -303,7 +304,7 @@ function initMap() {
 
     .route-navigation {
         margin: 12px 0;
-		//height: 46px;
+        height: 46px;
         display: flex;
         align-items: center;
         justify-content: center;

src/main.ts

@@ -3,6 +3,7 @@ import App from './App.vue';
 import './assets/less/index.less';
 import('ant-design-vue/dist/antd.less');
 import registerGlobComp from './assets/ts/antd.ts'
+
 const app = createApp(App)
 registerGlobComp(app);
 app.mount('#app')