diff --git a/code/web/car_dealer/vue/Untitled-1.html b/code/web/car_dealer/vue/Untitled-1.html
new file mode 100644
index 0000000..de2725f
--- /dev/null
+++ b/code/web/car_dealer/vue/Untitled-1.html
@@ -0,0 +1,103 @@
+<table align="center" style="width: 215px;">
+    <tbody>
+        <tr class="firstRow">
+            <td align="center" style="-ms-word-break: break-all;" valign="middle" width="60">
+                <p style="text-align:center"><a href="http://newoa.hq.cpic.com/" target="_Blank"><img alt=""
+                            src="/images/portal/1.png" /> </a></p>
+
+                <p><a href="http://newoa.hq.cpic.com/" target="_Blank"><span style="color:#000000;"><span
+                                style="font-size: 12px;">太保e办1.0</span> </span> </a></p>
+            </td>
+            <td align="center" style="width: 89px;" valign="middle" width="60">
+                <p style="text-align:center"><a href="http://mailoa7.hq.cpic.com/mail/empmail.nsf/cxxx?openform"
+                        target="_Blank"><img alt="" src="/images/portal/7.png" /> </a></p>
+
+                <p><a href="http://mailoa7.hq.cpic.com/mail/empmail.nsf/cxxx?openform" target="_Blank"><span
+                            style="color:#000000;"><span style="font-size: 12px;">董事长邮箱</span> </span> </a></p>
+            </td>
+            <td align="center" style="width: 60px;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://xcoa-gp21oa.group.cpic.com/wui/index.html#/main/workflow/add?menuIds=1,12&amp;menuPathIds=1,12&amp;_key=4556on"
+                        target="_Blank"><img alt="" src="/images/portal/1.png" /> </a></p>
+
+                <p><a href="http://xcoa-gp21oa.group.cpic.com/wui/index.html#/main/workflow/add?menuIds=1,12&amp;menuPathIds=1,12&amp;_key=4556on"
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">新建流程</span> </span>
+                    </a></p>
+            </td>
+        </tr>
+        <tr class="firstRow">
+            <td align="center" style="width: 60px;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://xcoa-gp21oa.group.cpic.com/spa/meeting/static/index.html#/main/meeting/RoomPlan?canEdit=1"
+                        target="_Blank"><img alt="" src="/images/portal/8.png" /> </a></p>
+
+                <p><a href="http://xcoa-gp21oa.group.cpic.com/spa/meeting/static/index.html#/main/meeting/RoomPlan?canEdit=1"
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">会议室预定</span> </span>
+                    </a></p>
+            </td>
+            <td align="center" style="width: 89px;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://xcoa-gp21oa.group.cpic.com/spa/hrm/index_mobx.html#/main/hrm/card/cardInfo/99068?_key=z1z8ru"
+                        target="_Blank"><img alt="" src="/images/portal/8.png" /> </a></p>
+
+                <p><a href="http://xcoa-gp21oa.group.cpic.com/spa/hrm/index_mobx.html#/main/hrm/card/cardInfo/99068?_key=z1z8ru"
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">个人名片</span> </span>
+                    </a></p>
+            </td>
+            <td align="center" style="width: 60px;" valign="middle" width="60">
+                <p style="text-align:center"><a href="http://trippc.hq.cpic.com/taibao-pc/users/loginPage.do"
+                        target="_Blank"><img alt="" src="/images/portal/4.png" /> </a></p>
+
+                <p><a href="http://trippc.hq.cpic.com/taibao-pc/users/loginPage.do" target="_Blank"><span
+                            style="color:#000000;"><span style="font-size: 12px;">太保e行</span> </span> </a></p>
+            </td>
+        </tr>
+        <tr class="firstRow">
+            <td align="center" style="-ms-word-break: break-all;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://xcoa-gp21oa.group.cpic.com/spa/document/static/index.html#/main/document/search?eid=1481&amp;tabid=9&amp;redictFrom=more&amp;_key=yw4d6i"
+                        target="_Blank"><img alt="" src="/images/portal/1.png" /> </a></p>
+
+                <p><a href="http://xcoa-gp21oa.group.cpic.com/spa/document/static/index.html#/main/document/search?eid=1481&amp;tabid=9&amp;redictFrom=more&amp;_key=yw4d6i"
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">办事指南</span> </span>
+                    </a></p>
+            </td>
+            <td align="center" style="width: 89px;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://21.10.0.67/caf-cxhg-web/com.cpic.caf.main.view.caseLibrary.caseSearch.d"
+                        target="_Blank"><img alt="" src="/images/portal/16.png" /> </a></p>
+
+                <p><a href="http://21.10.0.67/caf-cxhg-web/com.cpic.caf.main.view.caseLibrary.caseSearch.d"
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">合规e查</span> </span>
+                    </a></p>
+            </td>
+            <td align="center" style="width: 60px;" valign="middle" width="60">
+                <p style="text-align:center"><a href="/spa/portal/static/index.html#/main/portal/portal-1321-1"
+                        target="_Blank"><img alt="" src="/images/portal/7.png" /> </a></p>
+
+                <p><a href="/spa/portal/static/index.html#/main/portal/portal-1321-1" target="_Blank"><span
+                            style="color:#000000;"><span style="font-size: 12px;">IT热线</span> </span> </a></p>
+            </td>
+        </tr>
+        <tr class="firstRow">
+            <td align="center" style="-ms-word-break: break-all;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://10.187.28.129:8080/xm/servlet/SkipJspServlet?cmd=message_all&amp;id=000325&amp;info=QC9bKmwCMOItJatSmkD5EQq46uLDeLJ5nX-qq8xAY4A&amp;idCard=lZsIq4st6PfvratOk5C_rTRiA7X2PdjvrDNZt5kCwlM&amp;mobile=5A07ebGbeA8URvr842Ei8A&amp;name=%E4%BA%8E%E5%BD%AC&amp;cpicuid=yubin-033&amp;unitCode=2030100&amp;sign=9dbb28ed96215ea502875ec1c195d846a93ab796"
+                        target="_Blank"><img alt="" src="/images/portal/1.png" /> </a></p>
+
+                <p><a href="http://10.187.28.129:8080/xm/servlet/SkipJspServlet?cmd=message_all&amp;id=000325&amp;info=QC9bKmwCMOItJatSmkD5EQq46uLDeLJ5nX-qq8xAY4A&amp;idCard=lZsIq4st6PfvratOk5C_rTRiA7X2PdjvrDNZt5kCwlM&amp;mobile=5A07ebGbeA8URvr842Ei8A&amp;name=%E4%BA%8E%E5%BD%AC&amp;cpicuid=yubin-033&amp;unitCode=2030100&amp;sign=9dbb28ed96215ea502875ec1c195d846a93ab796"
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">厦分民意箱</span> </span>
+                    </a></p>
+            </td>
+            <td align="center" style="width: 60px;" valign="middle" width="60">
+                <p style="text-align:center"><a
+                        href="http://10.187.28.129:8080/crm/servlet/Innovateservlet?cmd=innovateMainManager&amp;org_id="
+                        target="_Blank"><img alt="" src="/images/portal/7.png" /> </a></p>
+
+                <p><a href="http://10.187.28.129:8080/crm/servlet/Innovateservlet?cmd=innovateMainManager&amp;org_id="
+                        target="_Blank"><span style="color:#000000;"><span style="font-size: 12px;">创新天地</span> </span>
+                    </a></p>
+            </td>
+        </tr>
+    </tbody>
+</table>
\ No newline at end of file
diff --git a/code/web/car_dealer/vue/keypath.html b/code/web/car_dealer/vue/keypath.html
new file mode 100644
index 0000000..fcd306e
--- /dev/null
+++ b/code/web/car_dealer/vue/keypath.html
@@ -0,0 +1,102 @@
+<!--
+ * @Author: Kane
+ * @Date: 2022-11-02 11:22:37
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-11-02 14:47:32
+ * @FilePath: \car_dealer\vue\keypath.html
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>keypath测试</title>
+</head>
+
+<body></body>
+<script>
+    const keypathReg = /[^\w.$]/;
+
+    let a = {
+        b: {
+            c: {
+                d: 100,
+            },
+        },
+    };
+
+    function parsePath(path) {
+        if (keypathReg.test(path)) {
+            return;
+        }
+
+        const segments = path.split(".");
+
+        return function (obj) {
+            console.log(segments);
+            for (let i = 0; i < segments.length; i++) {
+                // console.log(segments.length);
+
+                if (!obj) {
+                    //如果obj没有值，就返回
+                    return;
+                }
+
+                obj = obj[segments[i]];
+            }
+
+            return obj;
+        };
+    }
+
+    let obj = parsePath("b.c.d");
+
+    console.log(obj.call(a, a));
+</script>
+<script>
+    class Dep {
+        constructor() { }
+
+        depend() { }
+
+        notify() { }
+    }
+
+    /** 
+     * data 要添加响应式的对象
+     * key 要设置为响应式的属性
+     * val 属性的值
+    */
+    function defineReactive(data, key, val) {
+        if (typeof val === "Object ") {
+        }
+
+        let dep = new Dep();
+
+        Object.defineProperty(data, key, {
+            enumerable: true,
+            configurable: true,
+            get: function () {
+                dep.depend();
+
+                return val;
+            },
+            set: function (newVal) {
+                if (val === newVal) {
+                    return;
+                }
+
+                val = newVal;
+
+                dep.notify();
+            },
+        });
+    }
+</script>
+
+</html>
\ No newline at end of file