保存进度！

README.md

@@ -11,7 +11,12 @@
 1. 员工电脑使用 Lively Wallpaper，将壁纸设置为一个web页面。
 2. 前端使用vite + vue3；
 3. 后端使用 Java + springMVC；
+4. 使用webview2组件
 
 # 需求内容
 
 需根据续保部和转保团队开发不同的页面。
+
+# 坐席主机配置
+
+需要安装插件，插件目录 AppData\Local\Programs\Lively Wallpaper\Plugins。

code/web/task_schedule/.env.development

@@ -1,2 +1,3 @@
 NODE_ENV = 'development'
 VITE_URL_VALIDATE_ACCOUNT=http://222.76.244.118:11001/desktop_archievement_backend/account/query_staff_info.do
+VITE_URL_LOGIN = "http://222.76.244.118:11001/admin-system/account/p13_account_check"

code/web/task_schedule/index.html

@@ -19,4 +19,7 @@
         <div id="app"></div>
         <script type="module" src="/src/main.js"></script>
     </body>
+    <script>
+        // alert(window.location.href);
+    </script>
 </html>

code/web/task_schedule/package-lock.json

@@ -16,6 +16,7 @@
                 "babel": "^6.23.0",
                 "element-plus": "^2.2.30",
                 "moment": "^2.29.4",
+                "ts-node": "^10.9.1",
                 "typescript": "^4.9.5",
                 "vue": "^3.2.45",
                 "vue-router": "^4.1.6",
@@ -385,6 +386,26 @@
                 "node": ">=6.9.0"
             }
         },
+        "node_modules/@cspotcode/source-map-support": {
+            "version": "0.8.1",
+            "resolved": "https://registry.npmmirror.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+            "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+            "dependencies": {
+                "@jridgewell/trace-mapping": "0.3.9"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.9",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+            "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.0.3",
+                "@jridgewell/sourcemap-codec": "^1.4.10"
+            }
+        },
         "node_modules/@ctrl/tinycolor": {
             "version": "3.6.0",
             "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.0.tgz",
@@ -546,7 +567,6 @@
             "version": "3.1.0",
             "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
             "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-            "dev": true,
             "engines": {
                 "node": ">=6.0.0"
             }
@@ -587,8 +607,7 @@
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.4.14",
             "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-            "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+            "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
-            "dev": true
         },
         "node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.17",
@@ -800,6 +819,26 @@
                 "node": ">=10.13.0"
             }
         },
+        "node_modules/@tsconfig/node10": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmmirror.com/@tsconfig/node10/-/node10-1.0.9.tgz",
+            "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA=="
+        },
+        "node_modules/@tsconfig/node12": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmmirror.com/@tsconfig/node12/-/node12-1.0.11.tgz",
+            "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag=="
+        },
+        "node_modules/@tsconfig/node14": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/@tsconfig/node14/-/node14-1.0.3.tgz",
+            "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow=="
+        },
+        "node_modules/@tsconfig/node16": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/@tsconfig/node16/-/node16-1.0.3.tgz",
+            "integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ=="
+        },
         "node_modules/@types/body-parser": {
             "version": "1.19.2",
             "resolved": "https://registry.npmmirror.com/@types/body-parser/-/body-parser-1.19.2.tgz",
@@ -951,8 +990,7 @@
         "node_modules/@types/node": {
             "version": "18.14.2",
             "resolved": "https://registry.npmmirror.com/@types/node/-/node-18.14.2.tgz",
-            "integrity": "sha512-1uEQxww3DaghA0RxqHx0O0ppVlo43pJhepY51OxuQIKHpjbnYLA7vcdwioNPzIqmC2u3I/dmylcqjlh0e7AyUA==",
+            "integrity": "sha512-1uEQxww3DaghA0RxqHx0O0ppVlo43pJhepY51OxuQIKHpjbnYLA7vcdwioNPzIqmC2u3I/dmylcqjlh0e7AyUA=="
-            "dev": true
         },
         "node_modules/@types/normalize-package-data": {
             "version": "2.4.1",
@@ -2059,8 +2097,6 @@
             "version": "8.2.0",
             "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-8.2.0.tgz",
             "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
-            "dev": true,
-            "peer": true,
             "engines": {
                 "node": ">=0.4.0"
             }
@@ -2200,6 +2236,11 @@
             "dev": true,
             "peer": true
         },
+        "node_modules/arg": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmmirror.com/arg/-/arg-4.1.3.tgz",
+            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA=="
+        },
         "node_modules/argparse": {
             "version": "2.0.1",
             "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
@@ -3130,6 +3171,11 @@
                 "node": ">=10"
             }
         },
+        "node_modules/create-require": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/create-require/-/create-require-1.1.1.tgz",
+            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ=="
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.3",
             "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -3613,6 +3659,14 @@
             "dev": true,
             "peer": true
         },
+        "node_modules/diff": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmmirror.com/diff/-/diff-4.0.2.tgz",
+            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+            "engines": {
+                "node": ">=0.3.1"
+            }
+        },
         "node_modules/dir-glob": {
             "version": "3.0.1",
             "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -8208,6 +8262,11 @@
                 "sourcemap-codec": "^1.4.8"
             }
         },
+        "node_modules/make-error": {
+            "version": "1.3.6",
+            "resolved": "https://registry.npmmirror.com/make-error/-/make-error-1.3.6.tgz",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw=="
+        },
         "node_modules/mdn-data": {
             "version": "2.0.14",
             "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.14.tgz",
@@ -11256,6 +11315,48 @@
             "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
             "dev": true
         },
+        "node_modules/ts-node": {
+            "version": "10.9.1",
+            "resolved": "https://registry.npmmirror.com/ts-node/-/ts-node-10.9.1.tgz",
+            "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
+            "dependencies": {
+                "@cspotcode/source-map-support": "^0.8.0",
+                "@tsconfig/node10": "^1.0.7",
+                "@tsconfig/node12": "^1.0.7",
+                "@tsconfig/node14": "^1.0.0",
+                "@tsconfig/node16": "^1.0.2",
+                "acorn": "^8.4.1",
+                "acorn-walk": "^8.1.1",
+                "arg": "^4.1.0",
+                "create-require": "^1.1.0",
+                "diff": "^4.0.1",
+                "make-error": "^1.1.1",
+                "v8-compile-cache-lib": "^3.0.1",
+                "yn": "3.1.1"
+            },
+            "bin": {
+                "ts-node": "dist/bin.js",
+                "ts-node-cwd": "dist/bin-cwd.js",
+                "ts-node-esm": "dist/bin-esm.js",
+                "ts-node-script": "dist/bin-script.js",
+                "ts-node-transpile-only": "dist/bin-transpile.js",
+                "ts-script": "dist/bin-script-deprecated.js"
+            },
+            "peerDependencies": {
+                "@swc/core": ">=1.2.50",
+                "@swc/wasm": ">=1.2.50",
+                "@types/node": "*",
+                "typescript": ">=2.7"
+            },
+            "peerDependenciesMeta": {
+                "@swc/core": {
+                    "optional": true
+                },
+                "@swc/wasm": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/tsconfig-paths": {
             "version": "3.14.2",
             "resolved": "https://registry.npmmirror.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
@@ -11458,6 +11559,11 @@
             "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
             "dev": true
         },
+        "node_modules/v8-compile-cache-lib": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmmirror.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+            "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg=="
+        },
         "node_modules/validate-npm-package-license": {
             "version": "3.0.4",
             "resolved": "https://registry.npmmirror.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -12460,6 +12566,14 @@
                 "node": ">=10"
             }
         },
+        "node_modules/yn": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmmirror.com/yn/-/yn-3.1.1.tgz",
+            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/yocto-queue": {
             "version": "0.1.0",
             "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",

code/web/task_schedule/package.json

@@ -2,6 +2,7 @@
     "name": "task_schedule",
     "private": true,
     "version": "0.0.0",
+    "type": "module",
     "scripts": {
         "dev": "vite",
         "build": "vite build",

code/web/task_schedule/src/utils/account.ts

@@ -0,0 +1,30 @@
+/*
+ * @Author: Kane
+ * @Date: 2023-03-02 14:48:35
+ * @LastEditors: Kane
+ * @FilePath: /task_schedule/src/utils/account.ts
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+
+import { service as instance } from "@/utils/api/request";
+import { API_URL } from "@/utils/api/config";
+interface LoginInfo
+{
+    account: string;
+    password: string;
+}
+
+function login(data: LoginInfo)
+{
+    return instance.request(
+        {
+            method: "post",
+            url: API_URL.URL_LOGIN,
+            data: data,
+        }
+    );
+}
+
+export { LoginInfo, login };

code/web/task_schedule/src/utils/api/config.ts

@@ -0,0 +1,12 @@
+/*
+ * @Author: Kane
+ * @Date: 2023-03-02 15:35:43
+ * @LastEditors: Kane
+ * @FilePath: /deskop_task_schedule/code/web/task_schedule/src/utils/api/config.js
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+export const API_URL = {
+    URL_LOGIN: import.meta.env.VITE_URL_LOGIN,
+};

code/web/task_schedule/src/utils/api/localStorage.ts

@@ -19,7 +19,7 @@ function loadStaffInfo(): StuffInfo
 
     try
     {
-        obj = JSON.parse(window.localStorage.getItem(STUFF_ITEM));
+        obj = JSON.parse(window.localStorage.getItem(STUFF_ITEM) || "{}");
     }
     catch (error)
     {

code/web/task_schedule/src/views/Login.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-02-28 00:57:21
  * @LastEditors: Kane
- * @FilePath: /task_schedule/src/views/Login.vue
+ * @FilePath: /deskop_task_schedule/code/web/task_schedule/src/views/Login.vue
  * @Description: 
  * 登录页面，路由默认指向这个页面
  * 1、判断url中的参数，取得用户信息，根据用户的部门改变路由
@@ -10,9 +10,28 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-    <div class="page-wrap">
+    <div class="page-wrapper">
-        <span v-show="ui.showNeedAccountTip">请在链接中提供用户的P13账号或P09工号。</span>
+        <div class="login-wrapper">
-        <span v-show="ui.showAccountErrorTip">P13账号或P09工号错误，请核实！</span>
+            <h1>登录</h1>
+            <el-form ref="loginForm">
+                <el-form-item>
+                    <label class="form-label">用户名</label>
+                    <el-input type="text" v-model.trim.lazy="ui.account" placeholder="请输入P13账号或P09工号"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <label class="form-label">密码</label>
+                    <el-input type="text" v-model.trim.lazy="ui.savedP13uid" placeholder="请输入P13密码"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" class="el-button-block" @click="savedP13uid">
+                        登录
+                    </el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div>
+            <span>{{ ui.savedP13uid }}</span>
+        </div>
     </div>
 </template>
 
@@ -20,6 +39,7 @@
 import { reactive } from "vue";
 import { service as instance } from "@/utils/api/request";
 import { getParamsFromURL } from "@/utils/api/url";
+import { loadStaffInfo, saveStuffInfo } from "@/utils/api/localStorage";
 
 
 const URL = "http://222.76.244.118:11001/admin-system/account/p13_account_check";
@@ -29,31 +49,35 @@ export default {
     setup()
     {
         const ui = reactive({
-            p13uid: "",
+            account: "",
             savedP13uid: "",
             showNeedAccountTip: false,
             showAccountErrorTip: false,
         });
 
-        //根据url获取用户账号
+        const savedP13uid = () =>
-        const urlParams = getParamsFromURL(window.location.href);
-
-        if (urlParams.account != undefined)
         {
-            //根据账号查询员工信息
+            window.localStorage.setItem("stuff_account", ui.account);
-        }
-        else
-        {
-            ui.showNeedAccountTip = true;
-        }
 
-        return { ui, };
+            ui.savedP13uid = window.localStorage.getItem("stuff_account") || "";
+
+            alert(ui.savedP13uid);
+        };
+
+        ui.savedP13uid = window.localStorage.getItem("stuff_account") || "";
+
+        // setInterval(() =>
+        // {
+        //     window.location.reload();
+        // }, 5000);
+
+        return { ui, savedP13uid, };
     },
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
-.page-wrap {
+.page-wrapper {
     box-sizing: border-box;
     height: calc(100vh - 10mm);
     width: calc(100vw - 10mm);
@@ -61,11 +85,39 @@ export default {
     border: 1px solid red;
     display: flex;
     justify-content: center;
-    align-items: center;
+    align-items: start;
-}
+    padding-top: calc(100vh * 0.1);
 
-span {
+    span {
         font-size: 30px;
         color: red;
+    }
+}
+
+.login-wrapper {
+    width: 320px;
+    // margin-top: 5cm auto auto auto;
+    padding: 5mm;
+    background-color: #cac2c27f;
+    backdrop-filter: blur(10px);
+    border-radius: 5px;
+    // backdrop-filter: ;
+}
+
+.form-label {
+    display: block;
+    /* color: #fff; */
+    color: #344a5fef;
+    font-size: 14px;
+    // border: 1px solid red;
+}
+
+.el-input {
+    color: #344a5fef;
+}
+
+.el-button-block {
+    width: 100%;
+    margin-top: 20px;
 }
 </style>

code/web/task_schedule/tsconfig.json

@@ -9,9 +9,9 @@
  */
 {
     "compilerOptions": {
-        "target": "es2015",
+        "target": "ES6",
         "useDefineForClassFields": true,
-        "module": "CommonJS",
+        "module": "ES2015",
         "moduleResolution": "node",
         "strict": true,
         "jsx": "preserve",