+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/HelloWorld.vue b/code/vue/vue3.2.2/src/components/HelloWorld.vue
new file mode 100644
index 000000000..eff59f13c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/HelloWorld.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/SidebarCom.vue b/code/vue/vue3.2.2/src/components/SidebarCom.vue
new file mode 100644
index 000000000..c7043bb6a
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/SidebarCom.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/StatisticChart.vue b/code/vue/vue3.2.2/src/components/StatisticChart.vue
new file mode 100644
index 000000000..e77f512f5
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/StatisticChart.vue
@@ -0,0 +1,40 @@
+
+ 员工管理平台
+ 今天是 {{fullyear}} 年 {{month}} 月 {{datet}} 日 星期{{weekstr}}
+
+
+
+
+
+
+ {{ userName }}
+
+
+
+
+ 退出登录
+
+
+
+
+
+ 
+
+
+
+ + + More instructions are available in +
README.md.
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/icons/IconCommunity.vue b/code/vue/vue3.2.2/src/components/icons/IconCommunity.vue
new file mode 100644
index 000000000..2dc8b0552
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/icons/IconDocumentation.vue b/code/vue/vue3.2.2/src/components/icons/IconDocumentation.vue
new file mode 100644
index 000000000..6d4791cfb
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/icons/IconEcosystem.vue b/code/vue/vue3.2.2/src/components/icons/IconEcosystem.vue
new file mode 100644
index 000000000..c3a4f078c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/icons/IconSupport.vue b/code/vue/vue3.2.2/src/components/icons/IconSupport.vue
new file mode 100644
index 000000000..7452834d3
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/code/vue/vue3.2.2/src/components/icons/IconTooling.vue b/code/vue/vue3.2.2/src/components/icons/IconTooling.vue
new file mode 100644
index 000000000..660598d7c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/css/apply.css b/code/vue/vue3.2.2/src/css/apply.css
new file mode 100644
index 000000000..ce0fdfdcb
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/apply.css
@@ -0,0 +1,260 @@
+input{
+ border: 1px solid #817f8d;
+ width: clamp(200px,4vw,400px);
+ height: clamp(30px,0.6vw,60px);
+ vertical-align: middle;
+}
+p{
+ color: #52505a;
+ font-family: "Alibaba PuHuiTi";
+ font-size: clamp(1rem, 1.5vw, 2rem);
+ font-style: normal;
+ color: #52505a;
+}
+select{
+ width: clamp(207px,4.14vw,414px);
+ height: clamp(32px,0.64vw,64px);
+}
+input{
+ padding-left: 5px;
+}
+textarea{
+ resize: none;
+}
+button:active{
+ background-color: #817f8d;
+}
+button:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+
+
+/* 上盒子开始 */
+.main>.main-box>.control .main-top>form{
+ display: flex;
+}
+.main>.main-box>.control .main-top div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-top .check1{
+ justify-content: end;
+}
+.main>.main-box>.control .main-top .check2{
+ justify-content: center;
+}
+.main>.main-box>.control .main-top .check3{
+ justify-content: start;
+ align-items: center;
+}
+.main>.main-box>.control .main-top div>button{
+ width: clamp(70px,1.4vw,140px);
+ height: clamp(32px,1.14vw,64px);
+ border: 1px solid #817f8d;
+}
+
+/* 上盒子结束 */
+
+/* 下盒子开始 */
+/* 1 */
+.main>.main-box>.control .main-bottom>form>.box1{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box1>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box1>.b1{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box1>.b2{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box1>.b3{
+ justify-content: start;
+}
+/* 1 */
+/* 2 */
+.main>.main-box>.control .main-bottom>form>.box2{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box2>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box2>.b4{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box2>.b5{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box2>.b6{
+ justify-content: start;
+}
+/* 2 */
+/* 3 */
+.main>.main-box>.control .main-bottom>form>.box3{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box3>div{
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box3>.b7{
+ justify-content: center;
+ flex: 2;
+}
+.main>.main-box>.control .main-bottom .box3>.b7 textarea{
+ vertical-align: middle;
+ font-size: 20px;
+}
+.main>.main-box>.control .main-bottom .box3>.b7-2{
+ flex: 1;
+ justify-content: start;
+}
+/* 3 */
+/* 4 */
+.main>.main-box>.control .main-bottom>form>.box4{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box4>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box4>.b8{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box4>.b9{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box4>.b10{
+ justify-content: start;
+}
+/* 4 */
+/* 5 */
+.main>.main-box>.control .main-bottom>form>.box5{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box5>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box5>.b11{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box5>.b12{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box5>.b113{
+ justify-content: start;
+}
+/* 5 */
+/* 6 */
+.main>.main-box>.control .main-bottom .box6{
+ text-align: center;
+}
+.main>.main-box>.control .main-bottom .box6 button{
+ width: clamp(130px,2.6vw,260px);
+ height: clamp(60px,1.2vw,120px);
+ font-size: clamp(25px,0.5vw,50px);
+ border: 1px solid #817f8d;
+ color: #434244;
+}
+/* 6 */
+
+
+/* 弹窗样式 */
+.popup {
+ display: none;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: rgb(175, 242, 202);
+ /* 增大内边距，让内容与边框距离更远 */
+ padding: 30px;
+ /* 增大宽度 */
+ width: 450px;
+ border: 2px solid #ccc;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+ z-index: 1000;
+}
+
+.popup-content {
+ max-height: 400px;
+ overflow-y: auto;
+ text-align: left; /* 文本水平左对齐 */
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start; /* 元素在主轴（垂直方向）上从起始位置开始排列 */
+ align-items: flex-start; /* 元素在交叉轴（水平方向）上从起始位置开始排列 */
+ font-size: 30px;
+ /* font-weight: bold; */
+}
+
+.popup-close {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ cursor: pointer;
+ /* 设置关闭按钮的字体大小 */
+ font-size: 24px;
+}
+
+/* 按钮容器样式 */
+.popup-buttons {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+}
+
+/* 提交按钮样式 */
+.popup-submit {
+ padding: 10px 20px;
+ background-color: #4CAF50;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ margin-left: 10px;
+}
+
+/* 取消按钮样式 */
+.popup-cancel {
+ padding: 10px 20px;
+ background-color: #f44336;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+/* 提交成功弹窗样式 */
+.success-popup {
+ display: none;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: rgb(202, 248, 192);
+ /* 增大内边距，让内容与边框距离更远 */
+ padding: 70px;
+ /* 增大宽度 */
+ width: 650px;
+ border: 1px solid #ccc;
+ box-shadow: 0 0 10px rgba(10, 10, 10, 0.97);
+ z-index: 1100;
+ /* font-weight: bold; */
+
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/css/enterprise-approval.css b/code/vue/vue3.2.2/src/css/enterprise-approval.css
new file mode 100644
index 000000000..19646e797
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/enterprise-approval.css
@@ -0,0 +1,160 @@
+input{
+ border: 1px solid #817f8d;
+ width: clamp(200px,4vw,400px);
+ height: clamp(30px,0.6vw,60px);
+ vertical-align: middle;
+}
+p{
+ color: #52505a;
+ font-family: "Alibaba PuHuiTi";
+ font-size: clamp(1rem, 1.5vw, 2rem);
+ font-style: normal;
+ color: #52505a;
+}
+select{
+ width: clamp(207px,4.14vw,414px);
+ height: clamp(32px,0.64vw,64px);
+}
+input{
+ padding-left: 5px;
+}
+textarea{
+ resize: none;
+}
+button:active{
+ background-color: #817f8d;
+}
+button:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+/* 第一部分 */
+.main>.main-box>.control .a-check>form{
+ display: flex;
+}
+.main>.main-box>.control .a-check div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-check .check1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-check .check2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-check .check3{
+ justify-content: start;
+ align-items: center;
+}
+.main>.main-box>.control .a-check div>button{
+ width: clamp(70px,1.4vw,140px);
+ height: clamp(32px,1.14vw,64px);
+ border: 1px solid #817f8d;
+}
+/* 第二部分 */
+/* 2-1 */
+.main>.main-box>.control .a-result>form>.box1{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box1>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box1>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box1>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box1>.item3{
+ justify-content: start;
+}
+/* 2-2 */
+.main>.main-box>.control .a-result>form>.box2{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box2>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box2>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box2>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box2>.item3{
+ justify-content: start;
+}
+/* 2-3 */
+.main>.main-box>.control .a-result>form>.box3{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box3>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box3>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box3>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box3>.item3{
+ justify-content: start;
+}
+/* 2-4 */
+.main>.main-box>.control .a-result>form>.box4{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box4>div{
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box4>.item1{
+ justify-content: center;
+ flex: 2;
+}
+.main>.main-box>.control .a-result .box4>.item1 textarea{
+ vertical-align: middle;
+ font-size: 20px;
+}
+.main>.main-box>.control .a-result .box4>.item2{
+ flex: 1;
+ justify-content: start;
+}
+/* 2-5 */
+.main>.main-box>.control .a-result>form>.box5{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box5>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box5>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box5>.item2{
+ justify-content: center;
+}
+/* 2-6 */
+.main>.main-box>.control .a-result .box6{
+ text-align: center;
+}
+.main>.main-box>.control .a-result .box6>button{
+ width: clamp(130px,2.6vw,260px);
+ height: clamp(60px,1.2vw,120px);
+ font-size: clamp(25px,0.5vw,50px);
+ border: 1px solid #817f8d;
+ color: #434244;
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/css/frame.css b/code/vue/vue3.2.2/src/css/frame.css
new file mode 100644
index 000000000..22fb26886
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/frame.css
@@ -0,0 +1,180 @@
+/* 框架 */
+/* 全局样式 */
+#app{
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ height: 100%;
+}
+
+.fra-head{
+ border-bottom: 2px solid #dee1e3;
+ background-color: #f8fbfb;
+ display: flex;
+ height: clamp(100px,2vw,200px);
+}
+
+.fra-head>.fra-head-left{
+ flex: 1;
+ border-right: 1px solid rgb(226, 224, 224);
+ /* background-image: url(../image/组\ 2\(4\).png); */
+ background-image: url(../image/top.png);
+ background-size: cover;
+ background-repeat: no-repeat;
+ filter: brightness(0.8) contrast(1.5) saturate(1.2);
+ display: flex;
+}
+.fra-head>.fra-head-left>.left-box{
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-bottom: 2px solid #ececec;
+}
+.fra-head>.fra-head-left>.left-box>.box-img{
+ width: clamp(50px,1vw,100px);
+ height: clamp(50px,1vw,100px);
+ background-color: #4874cb;
+ border-radius:clamp(25px,0.5vw,50px);
+ margin-right: clamp(20px,0.4vw,40px);
+}
+.fra-head>.fra-head-left>.left-box>.box-word{
+ vertical-align: middle;
+}
+.fra-head>.fra-head-left>.left-box span{
+ font-size: clamp(30px,0.6vw,60px);
+}
+
+.fra-head-right{
+ flex: 7;
+ background-color: #f8fbfb;
+}
+.fra-head-right>.right-box{
+ float: right;
+ height: 100%;
+ display: flex;
+ justify-content: end;
+ align-items: center;
+}
+.fra-head-right span{
+ font-size: clamp(17px,0.35vw,34px);
+ vertical-align: middle;
+ float: left;
+}
+.fra-head-right .box-img{
+ width: clamp(40px,0.8vw,80px);
+ height: clamp(40px,0.8vw,80px);
+ border-radius:clamp(20px,0.4vw,40px);
+ background-color: #4874cb;
+ margin-left: clamp(20px,0.4vw,40px);
+ background-image: url("../image/zfb_tab_me.svg");
+ background-size: clamp(30px,0.6vw,60px);
+ background-repeat: no-repeat;
+ background-position: center;
+ float: left;
+}
+.fra-head-right button{
+ width: clamp(65px,1.3vw,130px);
+ height: clamp(33px,0.66vw,66px);
+ vertical-align: middle;
+ margin-right: clamp(20px,0.4vw,40px);
+ background-image: url(../image/图层退出.png);
+ background-color: #f8fbfb;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.main{
+ display: flex;
+ width: 100%;
+ flex-grow: 1;
+}
+.main>.information{
+ flex: 1;
+ border-right: 1px solid rgb(226, 224, 224);
+ background-image: url(../image/组left.png);
+ background-size: cover;
+ background-repeat: no-repeat;
+ filter: brightness(0.8) contrast(1.5) saturate(1.2);
+ padding-top: clamp(30px,0.6vw,60px);
+}
+.main>.information>ul{
+ width: clamp(165px,3.3vw,330px);
+ height: clamp(90px,1.8vw,180px);
+ background-color: #fcffff;
+ border-radius: clamp(15px,0.3vw,30px);
+ padding-left: clamp(10px,0.2vw,20px);
+ padding-top: clamp(10px,0.2vw,20px);
+ padding-right: clamp(10px,0.2vw,20px);
+ margin: 0 auto;
+ box-shadow: 0px 0px 2px 1px #817f8d;
+}
+.main>.information>ul>.infor-right{
+ float: right;
+}
+.main>.information>ul>li{
+ color: #817f8d;
+ margin-bottom: clamp(10px,0.2vw,20px);
+}
+
+
+.main>.main-box{
+ flex: 7;
+ flex-direction: column;
+ display: flex;
+}
+.main>.main-box>.control{
+ flex: 20;
+ display: flex;
+ flex-direction: column;
+ background-color: #f5f8fa;
+}
+.main>.main-box>.bottom-time{
+ flex: 1;
+ background-color: #f8f7f7;
+ border-top: 1px solid #817f8d;
+}
+#time{
+ float: right;
+ height: clamp(30px,0.6vw,60px);
+ margin: clamp(5px,0.1vw,10px);
+ font-size: clamp(14px,0.3vw,30px);
+ line-height: clamp(30px,0.6vw,60px);
+ color: #817f8d;
+}
+.main .control-top img{
+ width: clamp(30px,0.6vw,60px);
+ height: clamp(30px,0.6vw,60px);
+ float: left;
+}
+.main .control-top a{
+ font-size: clamp(20px,0.4vw,40px);
+}
+.main .control-top span{
+ font-size: clamp(50px,1vw,100px);
+}
+.main .control-top{
+ display: flex;
+}
+.main .control-top>.top1{
+ flex: 1;
+ padding: clamp(10px,0.2vw,20px);
+}
+.main .control-top>.top1 img{
+ filter: brightness(1.2) contrast(0.95);
+}
+.main .control-top>.top2{
+ flex: 1;
+ text-align: center;
+}
+.main .control-top>.top3{
+ flex: 1;
+}
+.main .control-bottom{
+ flex-grow: 1;
+ background: linear-gradient(to bottom, #f5f8fa 0%, #b1dbfd 50%, #cdddfc 100%);
+ overflow: auto;
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/css/lending.css b/code/vue/vue3.2.2/src/css/lending.css
new file mode 100644
index 000000000..e7dda65d3
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/lending.css
@@ -0,0 +1,295 @@
+input{
+ border: 1px solid #817f8d;
+ width: clamp(200px,4vw,400px);
+ height: clamp(30px,0.6vw,60px);
+ vertical-align: middle;
+}
+p{
+ color: #52505a;
+ font-family: "Alibaba PuHuiTi";
+ font-size: clamp(1rem, 1.5vw, 2rem);
+ font-style: normal;
+ color: #52505a;
+}
+select{
+ width: clamp(207px,4.14vw,414px);
+ height: clamp(32px,0.64vw,64px);
+}
+input{
+ padding-left: 5px;
+}
+textarea{
+ resize: none;
+}
+button:active{
+ background-color: #817f8d;
+}
+button:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+
+
+/* 上盒子开始 */
+.main>.main-box>.control .main-top>form{
+ display: flex;
+}
+.main>.main-box>.control .main-top div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-top .check1{
+ justify-content: end;
+}
+.main>.main-box>.control .main-top .check2{
+ justify-content: center;
+}
+.main>.main-box>.control .main-top .check3{
+ justify-content: start;
+ align-items: center;
+}
+.main>.main-box>.control .main-top div>button{
+ width: clamp(70px,1.4vw,140px);
+ height: clamp(32px,1.14vw,64px);
+ border: 1px solid #817f8d;
+}
+
+/* 上盒子结束 */
+
+/* 下盒子开始 */
+/* 1 */
+.main>.main-box>.control .main-bottom>form>.box1{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box1>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box1>.b1{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box1>.b2{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box1>.b3{
+ justify-content: start;
+}
+/* 1 */
+/* 2 */
+.main>.main-box>.control .main-bottom>form>.box2{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box2>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box2>.b4{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box2>.b5{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box2>.b6{
+ justify-content: start;
+}
+/* 2 */
+/* 3 */
+.main>.main-box>.control .main-bottom>form>.box3{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box3>div{
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box3>.b7{
+ justify-content: center;
+ flex: 2;
+}
+.main>.main-box>.control .main-bottom .box3>.b7 textarea{
+ vertical-align: middle;
+ font-size: 20px;
+}
+.main>.main-box>.control .main-bottom .box3>.b7-2{
+ flex: 1;
+ justify-content: start;
+}
+/* 3 */
+/* 4 */
+.main>.main-box>.control .main-bottom>form>.box4{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box4>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box4>.b8{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box4>.b9{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box4>.b10{
+ justify-content: start;
+}
+/* 4 */
+/* 5 */
+.main>.main-box>.control .main-bottom>form>.box5{
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box5>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .main-bottom .box5>.b11{
+ justify-content: end;
+}
+.main>.main-box>.control .main-bottom .box5>.b12{
+ justify-content: center;
+}
+.main>.main-box>.control .main-bottom .box5>.b113{
+ justify-content: start;
+}
+/* 5 */
+/* 盒子六---按钮提交 */
+.apply-button {
+ padding: 15px 25px;
+ /* 按钮的内边距可以稍大一些，以便更容易点击 */
+ background-color: #6d6a6a;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ /* 按钮圆角 */
+ cursor: pointer;
+ /* 光标指针 */
+ transition: background-color 0.3s ease;
+ /* 添加过渡效果，使按钮点击时颜色变化更平滑 */
+}
+.apply-button1{
+ padding: 15px 25px;
+ /* 按钮的内边距可以稍大一些，以便更容易点击 */
+ background-color: #c10e1a;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ /* 按钮圆角 */
+ cursor: pointer;
+ /* 光标指针 */
+ transition: background-color 0.3s ease;
+ /* 添加过渡效果，使按钮点击时颜色变化更平滑 */
+}
+.box6 {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-top: 10px;
+}
+.b14{
+ padding-right: 50px;
+}
+.b15{
+ padding-left: 50px;
+}
+.apply-button:hover {
+ background-color: #5a5959;
+ /* 鼠标悬停时改变按钮的背景色 */
+}
+.apply-button1:hover {
+ background-color: #850909;
+ /* 鼠标悬停时改变按钮的背景色 */
+}
+
+
+/* 弹窗样式 */
+.popup {
+ display: none;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: rgb(175, 242, 202);
+ /* 增大内边距，让内容与边框距离更远 */
+ padding: 30px;
+ /* 增大宽度 */
+ width: 450px;
+ border: 2px solid #ccc;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+ z-index: 1000;
+}
+
+.popup-content {
+ max-height: 400px;
+ overflow-y: auto;
+ text-align: left; /* 文本水平左对齐 */
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start; /* 元素在主轴（垂直方向）上从起始位置开始排列 */
+ align-items: flex-start; /* 元素在交叉轴（水平方向）上从起始位置开始排列 */
+ font-size: 30px;
+ /* font-weight: bold; */
+}
+
+.popup-close {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ cursor: pointer;
+ /* 设置关闭按钮的字体大小 */
+ font-size: 24px;
+}
+
+/* 按钮容器样式 */
+.popup-buttons {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+}
+
+/* 提交按钮样式 */
+.popup-submit {
+ padding: 10px 20px;
+ background-color: #4CAF50;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ margin-left: 10px;
+}
+
+/* 取消按钮样式 */
+.popup-cancel {
+ padding: 10px 20px;
+ background-color: #f44336;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+/* 提交成功弹窗样式 */
+.success-popup {
+ display: none;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: rgb(202, 248, 192);
+ /* 增大内边距，让内容与边框距离更远 */
+ padding: 70px;
+ /* 增大宽度 */
+ width: 650px;
+ border: 1px solid #ccc;
+ box-shadow: 0 0 10px rgba(10, 10, 10, 0.97);
+ z-index: 1100;
+ /* font-weight: bold; */
+
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/css/loan-system.css b/code/vue/vue3.2.2/src/css/loan-system.css
new file mode 100644
index 000000000..7dcd7ad3c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/loan-system.css
@@ -0,0 +1,54 @@
+.main>.main-box>.control>.loan-four{
+ display: flex;
+ width: 100%;
+ overflow: auto;
+}
+.main>.main-box>.control>.loan-four>div{
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.main>.main-box>.control>.loan-four>div button{
+ width: clamp(200px,4vw,400px);
+ height: clamp(200px,4vw,400px);
+ background-color: rgb(177, 247, 247);
+ border-radius: clamp(100px,2vw,200px);
+}
+.main>.main-box>.control>.loan-four>div button:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+.main>.main-box>.control>.loan-four .item{
+ text-align: center;
+}
+.main>.main-box>.control>.loan-four .box1{
+ background-image: url(../image/zfb_head_search.svg);
+ background-size: clamp(180px,3.6vw,360px) clamp(180px,3.6vw,360px);
+ background-repeat: no-repeat;
+ background-position: center;
+ opacity: 0.6;
+}
+.main>.main-box>.control>.loan-four .box2{
+ background-image: url(../image/zfb_tab_me.svg);
+ background-size: clamp(180px,3.6vw,360px) clamp(180px,3.6vw,360px);
+ background-repeat: no-repeat;
+ background-position: center;
+ opacity: 0.8;
+}
+.main>.main-box>.control>.loan-four .box3{
+ background-image: url(../image/ic_dianpu.svg);
+ background-size: clamp(180px,3.6vw,360px) clamp(180px,3.6vw,360px);
+ background-repeat: no-repeat;
+ background-position: center;
+ opacity: 1;
+}
+.main>.main-box>.control>.loan-four .box4{
+ background-image: url(../image/zfb_tab_money.svg);
+ background-size: clamp(180px,3.6vw,360px) clamp(180px,3.6vw,360px);
+ background-repeat: no-repeat;
+ background-position: center;
+ opacity: 0.8;
+}
+.main>.main-box>.control>.loan-four .item>p{
+ font-size: clamp(30px,0.6vw,60px);
+}
diff --git a/code/vue/vue3.2.2/src/css/pay-back.css b/code/vue/vue3.2.2/src/css/pay-back.css
new file mode 100644
index 000000000..0f8a9727f
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/pay-back.css
@@ -0,0 +1,170 @@
+input{
+ border: 1px solid #817f8d;
+ width: clamp(200px,4vw,400px);
+ height: clamp(30px,0.6vw,60px);
+ vertical-align: middle;
+}
+p{
+ color: #52505a;
+ font-family: "Alibaba PuHuiTi";
+ font-size: clamp(1rem, 1.5vw, 2rem);
+ font-style: normal;
+ color: #52505a;
+}
+select{
+ width: clamp(207px,4.14vw,414px);
+ height: clamp(32px,0.64vw,64px);
+}
+input{
+ padding-left: 5px;
+}
+textarea{
+ resize: none;
+}
+button:active{
+ background-color: #817f8d;
+}
+button:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+/* 第一部分 */
+.main>.main-box>.control .a-check>form{
+ display: flex;
+}
+.main>.main-box>.control .a-check div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-check .check1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-check .check2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-check .check3{
+ justify-content: start;
+ align-items: center;
+}
+.main>.main-box>.control .a-check div>button{
+ width: clamp(70px,1.4vw,140px);
+ height: clamp(32px,1.14vw,64px);
+ border: 1px solid #817f8d;
+}
+/* 第二部分 */
+/* 2-1 */
+.main>.main-box>.control .a-result>form>.box1{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box1>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box1>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box1>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box1>.item3{
+ justify-content: start;
+}
+/* 2-2 */
+.main>.main-box>.control .a-result>form>.box2{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box2>div{
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box2>.item1{
+ justify-content: end;
+ flex: 1;
+}
+.main>.main-box>.control .a-result .box2>.item2{
+ flex: 2;
+}
+/* 第三部分 */
+/* 2-3 */
+.main>.main-box>.control .b-check>form>.box3{
+ display: flex;
+}
+.main>.main-box>.control .b-check .box3>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .b-check .box3>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .b-check .box3>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .b-check .box3>.item3{
+ justify-content: start;
+}
+/* 2-4 */
+.main>.main-box>.control .b-check .box4{
+ text-align: center;
+}
+.main>.main-box>.control .b-check .box4>button{
+ width: clamp(100px,2vw,200px);
+ height: clamp(40px,0.8vw,80px);
+ font-size: clamp(15px,0.3vw,30px);
+ border: 1px solid #817f8d;
+}
+/* 第四部分 */
+/* 2-5 */
+.main>.main-box>.control .b-pay>form>.box5{
+ display: flex;
+}
+.main>.main-box>.control .b-pay .box5>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .b-pay .box5>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .b-pay .box5>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .b-pay .box5>.item3{
+ justify-content: start;
+}
+/* 2-6 */
+.main>.main-box>.control .b-pay>form>.box6{
+ display: flex;
+}
+.main>.main-box>.control .b-pay .box6>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .b-pay .box6>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .b-pay .box6>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .b-pay .box6>.item3{
+ justify-content: start;
+}
+/* 2-7 */
+.main>.main-box>.control .b-pay .box7{
+ text-align: center;
+}
+.main>.main-box>.control .b-pay .box7>button{
+ width: clamp(130px,2.6vw,260px);
+ height: clamp(60px,1.2vw,120px);
+ font-size: clamp(25px,0.5vw,50px);
+ border: 1px solid #817f8d;
+ color: #434244;
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/css/personal-approval.css b/code/vue/vue3.2.2/src/css/personal-approval.css
new file mode 100644
index 000000000..19646e797
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/personal-approval.css
@@ -0,0 +1,160 @@
+input{
+ border: 1px solid #817f8d;
+ width: clamp(200px,4vw,400px);
+ height: clamp(30px,0.6vw,60px);
+ vertical-align: middle;
+}
+p{
+ color: #52505a;
+ font-family: "Alibaba PuHuiTi";
+ font-size: clamp(1rem, 1.5vw, 2rem);
+ font-style: normal;
+ color: #52505a;
+}
+select{
+ width: clamp(207px,4.14vw,414px);
+ height: clamp(32px,0.64vw,64px);
+}
+input{
+ padding-left: 5px;
+}
+textarea{
+ resize: none;
+}
+button:active{
+ background-color: #817f8d;
+}
+button:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+/* 第一部分 */
+.main>.main-box>.control .a-check>form{
+ display: flex;
+}
+.main>.main-box>.control .a-check div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-check .check1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-check .check2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-check .check3{
+ justify-content: start;
+ align-items: center;
+}
+.main>.main-box>.control .a-check div>button{
+ width: clamp(70px,1.4vw,140px);
+ height: clamp(32px,1.14vw,64px);
+ border: 1px solid #817f8d;
+}
+/* 第二部分 */
+/* 2-1 */
+.main>.main-box>.control .a-result>form>.box1{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box1>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box1>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box1>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box1>.item3{
+ justify-content: start;
+}
+/* 2-2 */
+.main>.main-box>.control .a-result>form>.box2{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box2>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box2>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box2>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box2>.item3{
+ justify-content: start;
+}
+/* 2-3 */
+.main>.main-box>.control .a-result>form>.box3{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box3>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box3>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box3>.item2{
+ justify-content: center;
+}
+.main>.main-box>.control .a-result .box3>.item3{
+ justify-content: start;
+}
+/* 2-4 */
+.main>.main-box>.control .a-result>form>.box4{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box4>div{
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box4>.item1{
+ justify-content: center;
+ flex: 2;
+}
+.main>.main-box>.control .a-result .box4>.item1 textarea{
+ vertical-align: middle;
+ font-size: 20px;
+}
+.main>.main-box>.control .a-result .box4>.item2{
+ flex: 1;
+ justify-content: start;
+}
+/* 2-5 */
+.main>.main-box>.control .a-result>form>.box5{
+ display: flex;
+}
+.main>.main-box>.control .a-result .box5>div{
+ flex: 1;
+ padding-top: clamp(20px,0.4vw,40px);
+ padding-bottom: clamp(20px,0.4vw,40px);
+ display: flex;
+}
+.main>.main-box>.control .a-result .box5>.item1{
+ justify-content: end;
+}
+.main>.main-box>.control .a-result .box5>.item2{
+ justify-content: center;
+}
+/* 2-6 */
+.main>.main-box>.control .a-result .box6{
+ text-align: center;
+}
+.main>.main-box>.control .a-result .box6>button{
+ width: clamp(130px,2.6vw,260px);
+ height: clamp(60px,1.2vw,120px);
+ font-size: clamp(25px,0.5vw,50px);
+ border: 1px solid #817f8d;
+ color: #434244;
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/css/reset.css b/code/vue/vue3.2.2/src/css/reset.css
new file mode 100644
index 000000000..69304e164
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/reset.css
@@ -0,0 +1,84 @@
+/* 基础设置 */
+body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{
+ margin: 0;
+ padding: 0;
+}
+
+ul,ol {
+ list-style: none;
+}
+
+img {
+ /* 底部留白 */
+ display: block;
+ border:0;
+}
+
+b,strong {
+ font-weight: 400;
+}
+
+h1,h2,h3,h4,h5,h6 {
+ /* 父元素字号的百分比 */
+ font-size: 100%;
+ font-weight: normal;
+}
+
+i,em {
+ /* 不倾斜 */
+ font-style: normal;
+}
+
+u,ins,s,del {
+ /* 去掉中划线和下划线 */
+ text-decoration: none;
+}
+
+table {
+ border: 1px solid #999;
+ /* 相当于是cellspacing */
+ border-spacing: 0;
+ /* 1px边框 */
+ border-collapse: collapse;
+}
+
+td,th {
+ border: 1px solid #999;
+}
+
+input,button {
+ /* 去掉轮廓线 */
+ outline: none;
+ border:none;
+}
+
+/* 风格设置 */
+body {
+ font: 12px/1.5 "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
+ color: #333;
+}
+
+a {
+ text-decoration: none;
+ color: #666;
+}
+
+a:hover {
+ color:#DD302D;
+ text-decoration: none;
+}
+
+.leftfix {
+ float: left;
+}
+
+.rightfix {
+ float: right;
+}
+
+.clearfix::after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
diff --git a/code/vue/vue3.2.2/src/css/three-bt.css b/code/vue/vue3.2.2/src/css/three-bt.css
new file mode 100644
index 000000000..9d6b613f8
--- /dev/null
+++ b/code/vue/vue3.2.2/src/css/three-bt.css
@@ -0,0 +1,67 @@
+.main>.main-box>.control>.main-content{
+ display: flex;
+ width: 100%;
+ overflow: auto;
+}
+.main>.main-box>.control>.main-content>div{
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+.main>.main-box>.control>.main-content>div>img{
+ width: clamp(200px,4vw,400px);
+ height: clamp(200px,4vw,400px);
+ border-radius: clamp(100px,2vw,200px);
+ /* 图片和按钮之间添加间距 */
+ margin-bottom: 50px;
+}
+.main>.main-box>.control>.main-content .apply-img{
+ width: clamp(200px,4vw,400px);
+ height: clamp(200px,4vw,400px);
+ border-radius: clamp(100px,2vw,200px);
+ /* 图片和按钮之间添加间距 */
+ margin-bottom: 50px;
+ background-image: url(../image/zfb_nav15_more.svg);
+ background-size: clamp(225px,4.5vw,450px) clamp(150px,3vw,300px);
+ background-position: center;
+ background-repeat: no-repeat;
+}
+/* .main>.main-box>.control>.main-content .apply-img>img{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: clamp(225px,4.5vw,450px);
+ height: clamp(150px,3vw,300px);
+} */
+/* .main>.main-box>.control>.main-content>div:first-child>img{
+ width: clamp(225px,4.5vw,450px);
+ height: clamp(150px,3vw,300px);
+ border-radius: clamp(50px,1vw,100px);
+}
+.main>.main-box>.control>.main-content>div:first-child>button{
+
+} */
+.content-block-1 button {
+ /* 按钮内边距 */
+ padding: 12px 20px;
+ /* 按钮背景颜色 */
+ background-color: #4CAF50;
+ /* 按钮文字颜色 */
+ color: white;
+ /* 去除按钮边框 */
+ border: none;
+ /* 按钮圆角 */
+ border-radius: 4px;
+ /* 鼠标悬停时显示指针样式 */
+ cursor: pointer;
+ /* 让按钮宽度充满内容块 */
+ width: 50%;
+ /* 按钮过渡效果 */
+ transition: background-color 0.3s ease;
+}
+/* 按钮悬停效果 */
+.content-block-1 button:hover {
+ background-color: #45a049;
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/3.png b/code/vue/vue3.2.2/src/image/3.png
new file mode 100644
index 000000000..00041a849
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/3.png differ
diff --git a/code/vue/vue3.2.2/src/image/apply.png b/code/vue/vue3.2.2/src/image/apply.png
new file mode 100644
index 000000000..55cdf39a2
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/apply.png differ
diff --git a/code/vue/vue3.2.2/src/image/avatar.jpg b/code/vue/vue3.2.2/src/image/avatar.jpg
new file mode 100644
index 000000000..0d7f7f95f
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/avatar.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/background.jpg b/code/vue/vue3.2.2/src/image/background.jpg
new file mode 100644
index 000000000..2d8c5815e
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/background.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/bg_00.png b/code/vue/vue3.2.2/src/image/bg_00.png
new file mode 100644
index 000000000..b0194d636
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bg_00.png differ
diff --git a/code/vue/vue3.2.2/src/image/bg_01.png b/code/vue/vue3.2.2/src/image/bg_01.png
new file mode 100644
index 000000000..8927916fb
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bg_01.png differ
diff --git a/code/vue/vue3.2.2/src/image/bg_02.png b/code/vue/vue3.2.2/src/image/bg_02.png
new file mode 100644
index 000000000..0f9dfd100
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bg_02.png differ
diff --git a/code/vue/vue3.2.2/src/image/bg_03.png b/code/vue/vue3.2.2/src/image/bg_03.png
new file mode 100644
index 000000000..0f1d73044
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bg_03.png differ
diff --git a/code/vue/vue3.2.2/src/image/bg_04.png b/code/vue/vue3.2.2/src/image/bg_04.png
new file mode 100644
index 000000000..d09ae0550
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bg_04.png differ
diff --git a/code/vue/vue3.2.2/src/image/bg_05.png b/code/vue/vue3.2.2/src/image/bg_05.png
new file mode 100644
index 000000000..44c527800
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bg_05.png differ
diff --git a/code/vue/vue3.2.2/src/image/bz_img.jpg b/code/vue/vue3.2.2/src/image/bz_img.jpg
new file mode 100644
index 000000000..73636aefa
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/bz_img.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/bz_more.svg b/code/vue/vue3.2.2/src/image/bz_more.svg
new file mode 100644
index 000000000..109752234
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/bz_more.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/bz_msg.svg b/code/vue/vue3.2.2/src/image/bz_msg.svg
new file mode 100644
index 000000000..1d134f2b8
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/bz_msg.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/bz_play.svg b/code/vue/vue3.2.2/src/image/bz_play.svg
new file mode 100644
index 000000000..26fc24ff2
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/bz_play.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/cat.jpeg b/code/vue/vue3.2.2/src/image/cat.jpeg
new file mode 100644
index 000000000..ad615b4f4
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/cat.jpeg differ
diff --git a/code/vue/vue3.2.2/src/image/eyes.jpg b/code/vue/vue3.2.2/src/image/eyes.jpg
new file mode 100644
index 000000000..5b356b397
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/eyes.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/flower.png b/code/vue/vue3.2.2/src/image/flower.png
new file mode 100644
index 000000000..3f3422d96
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/flower.png differ
diff --git a/code/vue/vue3.2.2/src/image/freeBudsPro3.png b/code/vue/vue3.2.2/src/image/freeBudsPro3.png
new file mode 100644
index 000000000..ea0ad7a1d
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/freeBudsPro3.png differ
diff --git a/code/vue/vue3.2.2/src/image/gailun.jpg b/code/vue/vue3.2.2/src/image/gailun.jpg
new file mode 100644
index 000000000..cbc5ca5a6
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/gailun.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/gailuntouxiang.jpg b/code/vue/vue3.2.2/src/image/gailuntouxiang.jpg
new file mode 100644
index 000000000..0a508e02f
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/gailuntouxiang.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/home.png b/code/vue/vue3.2.2/src/image/home.png
new file mode 100644
index 000000000..3d42278a8
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/home.png differ
diff --git a/code/vue/vue3.2.2/src/image/huawei.svg b/code/vue/vue3.2.2/src/image/huawei.svg
new file mode 100644
index 000000000..333724758
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/huawei.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/hw.png b/code/vue/vue3.2.2/src/image/hw.png
new file mode 100644
index 000000000..bc10ae59c
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/hw.png differ
diff --git a/code/vue/vue3.2.2/src/image/ic_360.svg b/code/vue/vue3.2.2/src/image/ic_360.svg
new file mode 100644
index 000000000..9d94858d3
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_360.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_arrow_left.svg b/code/vue/vue3.2.2/src/image/ic_arrow_left.svg
new file mode 100644
index 000000000..4ae070864
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_arrow_left.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_arrow_right.svg b/code/vue/vue3.2.2/src/image/ic_arrow_right.svg
new file mode 100644
index 000000000..c30aa6d4c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_arrow_right.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_cart2.svg b/code/vue/vue3.2.2/src/image/ic_cart2.svg
new file mode 100644
index 000000000..e2debc536
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_cart2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_dianpu.svg b/code/vue/vue3.2.2/src/image/ic_dianpu.svg
new file mode 100644
index 000000000..c01fd1f0e
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_dianpu.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_fly.svg b/code/vue/vue3.2.2/src/image/ic_fly.svg
new file mode 100644
index 000000000..0a2889184
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_fly.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_kefu.svg b/code/vue/vue3.2.2/src/image/ic_kefu.svg
new file mode 100644
index 000000000..a232a681f
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_kefu.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_late.svg b/code/vue/vue3.2.2/src/image/ic_late.svg
new file mode 100644
index 000000000..eb2388e79
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_late.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_like.svg b/code/vue/vue3.2.2/src/image/ic_like.svg
new file mode 100644
index 000000000..aeae17efb
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_like.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_lingdang.svg b/code/vue/vue3.2.2/src/image/ic_lingdang.svg
new file mode 100644
index 000000000..076cb2746
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_lingdang.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_love.svg b/code/vue/vue3.2.2/src/image/ic_love.svg
new file mode 100644
index 000000000..78bdfbf69
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_love.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_more.svg b/code/vue/vue3.2.2/src/image/ic_more.svg
new file mode 100644
index 000000000..8495a9f19
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_more.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_pay.svg b/code/vue/vue3.2.2/src/image/ic_pay.svg
new file mode 100644
index 000000000..9b4c2b3f8
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_pay.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_public_back.png b/code/vue/vue3.2.2/src/image/ic_public_back.png
new file mode 100644
index 000000000..6e2fb8707
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/ic_public_back.png differ
diff --git a/code/vue/vue3.2.2/src/image/ic_public_refresh.png b/code/vue/vue3.2.2/src/image/ic_public_refresh.png
new file mode 100644
index 000000000..be1f7dc31
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/ic_public_refresh.png differ
diff --git a/code/vue/vue3.2.2/src/image/ic_secure.svg b/code/vue/vue3.2.2/src/image/ic_secure.svg
new file mode 100644
index 000000000..66ee9f660
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_secure.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_shangjiantou.svg b/code/vue/vue3.2.2/src/image/ic_shangjiantou.svg
new file mode 100644
index 000000000..a44a598ca
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_shangjiantou.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/ic_ticket.svg b/code/vue/vue3.2.2/src/image/ic_ticket.svg
new file mode 100644
index 000000000..d8708b6de
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/ic_ticket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/icon.png b/code/vue/vue3.2.2/src/image/icon.png
new file mode 100644
index 000000000..cd45accb1
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/icon.png differ
diff --git a/code/vue/vue3.2.2/src/image/img_00.png b/code/vue/vue3.2.2/src/image/img_00.png
new file mode 100644
index 000000000..e0c351cd2
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/img_00.png differ
diff --git a/code/vue/vue3.2.2/src/image/img_01.png b/code/vue/vue3.2.2/src/image/img_01.png
new file mode 100644
index 000000000..2e970b5d0
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/img_01.png differ
diff --git a/code/vue/vue3.2.2/src/image/img_02.png b/code/vue/vue3.2.2/src/image/img_02.png
new file mode 100644
index 000000000..144149053
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/img_02.png differ
diff --git a/code/vue/vue3.2.2/src/image/img_03.png b/code/vue/vue3.2.2/src/image/img_03.png
new file mode 100644
index 000000000..1c71d6723
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/img_03.png differ
diff --git a/code/vue/vue3.2.2/src/image/img_04.png b/code/vue/vue3.2.2/src/image/img_04.png
new file mode 100644
index 000000000..7677b86de
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/img_04.png differ
diff --git a/code/vue/vue3.2.2/src/image/img_05.png b/code/vue/vue3.2.2/src/image/img_05.png
new file mode 100644
index 000000000..fc83bd48b
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/img_05.png differ
diff --git a/code/vue/vue3.2.2/src/image/jd_QQ.svg b/code/vue/vue3.2.2/src/image/jd_QQ.svg
new file mode 100644
index 000000000..663491dec
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/jd_QQ.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/jd_bg.jpg b/code/vue/vue3.2.2/src/image/jd_bg.jpg
new file mode 100644
index 000000000..145c627f6
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/jd_bg.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/jd_cancel.svg b/code/vue/vue3.2.2/src/image/jd_cancel.svg
new file mode 100644
index 000000000..872a3b337
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/jd_cancel.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/jd_huawei.svg b/code/vue/vue3.2.2/src/image/jd_huawei.svg
new file mode 100644
index 000000000..333724758
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/jd_huawei.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/jd_login_bg.png b/code/vue/vue3.2.2/src/image/jd_login_bg.png
new file mode 100644
index 000000000..30c2cea4a
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/jd_login_bg.png differ
diff --git a/code/vue/vue3.2.2/src/image/jd_logo.png b/code/vue/vue3.2.2/src/image/jd_logo.png
new file mode 100644
index 000000000..2861ab408
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/jd_logo.png differ
diff --git a/code/vue/vue3.2.2/src/image/jd_right.svg b/code/vue/vue3.2.2/src/image/jd_right.svg
new file mode 100644
index 000000000..858aff445
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/jd_right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/jd_wechat.svg b/code/vue/vue3.2.2/src/image/jd_wechat.svg
new file mode 100644
index 000000000..725952727
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/jd_wechat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/jd_weibo.svg b/code/vue/vue3.2.2/src/image/jd_weibo.svg
new file mode 100644
index 000000000..67f8ce8ec
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/jd_weibo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/m_user.png b/code/vue/vue3.2.2/src/image/m_user.png
new file mode 100644
index 000000000..ea6d71e6e
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/m_user.png differ
diff --git a/code/vue/vue3.2.2/src/image/mate60.png b/code/vue/vue3.2.2/src/image/mate60.png
new file mode 100644
index 000000000..c53be5f45
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/mate60.png differ
diff --git a/code/vue/vue3.2.2/src/image/mateBookProX.png b/code/vue/vue3.2.2/src/image/mateBookProX.png
new file mode 100644
index 000000000..d878ab221
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/mateBookProX.png differ
diff --git a/code/vue/vue3.2.2/src/image/mateX5.png b/code/vue/vue3.2.2/src/image/mateX5.png
new file mode 100644
index 000000000..f03640c2e
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/mateX5.png differ
diff --git a/code/vue/vue3.2.2/src/image/media.zip b/code/vue/vue3.2.2/src/image/media.zip
new file mode 100644
index 000000000..09e47b3ec
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/media.zip differ
diff --git a/code/vue/vue3.2.2/src/image/money.png b/code/vue/vue3.2.2/src/image/money.png
new file mode 100644
index 000000000..2e996f475
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/money.png differ
diff --git a/code/vue/vue3.2.2/src/image/nick.jpg b/code/vue/vue3.2.2/src/image/nick.jpg
new file mode 100644
index 000000000..463240d39
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/nick.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/people.png b/code/vue/vue3.2.2/src/image/people.png
new file mode 100644
index 000000000..74ed0b007
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/people.png differ
diff --git a/code/vue/vue3.2.2/src/image/pg.png b/code/vue/vue3.2.2/src/image/pg.png
new file mode 100644
index 000000000..d9f5df4fb
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/pg.png differ
diff --git a/code/vue/vue3.2.2/src/image/position_earphone.svg b/code/vue/vue3.2.2/src/image/position_earphone.svg
new file mode 100644
index 000000000..530c0ff4c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/position_earphone.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/position_moco.webp b/code/vue/vue3.2.2/src/image/position_moco.webp
new file mode 100644
index 000000000..78c82c3cd
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/position_moco.webp differ
diff --git a/code/vue/vue3.2.2/src/image/product.png b/code/vue/vue3.2.2/src/image/product.png
new file mode 100644
index 000000000..65fe044f0
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/product.png differ
diff --git a/code/vue/vue3.2.2/src/image/product1.jpg b/code/vue/vue3.2.2/src/image/product1.jpg
new file mode 100644
index 000000000..cc0687674
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/product1.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/sea.jpg b/code/vue/vue3.2.2/src/image/sea.jpg
new file mode 100644
index 000000000..c89df647a
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/sea.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/startIcon.png b/code/vue/vue3.2.2/src/image/startIcon.png
new file mode 100644
index 000000000..366f76459
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/startIcon.png differ
diff --git a/code/vue/vue3.2.2/src/image/sunwukong.jpeg b/code/vue/vue3.2.2/src/image/sunwukong.jpeg
new file mode 100644
index 000000000..97f3d9fd6
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/sunwukong.jpeg differ
diff --git a/code/vue/vue3.2.2/src/image/sunwukong2.png b/code/vue/vue3.2.2/src/image/sunwukong2.png
new file mode 100644
index 000000000..d19536cd3
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/sunwukong2.png differ
diff --git a/code/vue/vue3.2.2/src/image/sunwukong3.jpg b/code/vue/vue3.2.2/src/image/sunwukong3.jpg
new file mode 100644
index 000000000..daf3592f5
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/sunwukong3.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/sunwukong4.jpeg b/code/vue/vue3.2.2/src/image/sunwukong4.jpeg
new file mode 100644
index 000000000..3b1f63660
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/sunwukong4.jpeg differ
diff --git a/code/vue/vue3.2.2/src/image/top.png b/code/vue/vue3.2.2/src/image/top.png
new file mode 100644
index 000000000..73a9bb4fc
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/top.png differ
diff --git a/code/vue/vue3.2.2/src/image/tree.png b/code/vue/vue3.2.2/src/image/tree.png
new file mode 100644
index 000000000..cd85ee5f1
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/tree.png differ
diff --git a/code/vue/vue3.2.2/src/image/user.jpg b/code/vue/vue3.2.2/src/image/user.jpg
new file mode 100644
index 000000000..86b0d1c7b
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/user.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/watchGT4.png b/code/vue/vue3.2.2/src/image/watchGT4.png
new file mode 100644
index 000000000..7b37aa936
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/watchGT4.png differ
diff --git a/code/vue/vue3.2.2/src/image/weibo.svg b/code/vue/vue3.2.2/src/image/weibo.svg
new file mode 100644
index 000000000..67f8ce8ec
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/weibo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/wukongtouxiang.jpg b/code/vue/vue3.2.2/src/image/wukongtouxiang.jpg
new file mode 100644
index 000000000..2f2c35bfc
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/wukongtouxiang.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/xm.png b/code/vue/vue3.2.2/src/image/xm.png
new file mode 100644
index 000000000..c659093ea
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/xm.png differ
diff --git a/code/vue/vue3.2.2/src/image/zfb_head_down.svg b/code/vue/vue3.2.2/src/image/zfb_head_down.svg
new file mode 100644
index 000000000..b2203b857
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_head_down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_head_plus.svg b/code/vue/vue3.2.2/src/image/zfb_head_plus.svg
new file mode 100644
index 000000000..96bceb727
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_head_plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_head_search.svg b/code/vue/vue3.2.2/src/image/zfb_head_search.svg
new file mode 100644
index 000000000..21875eb82
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_head_search.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav1.svg b/code/vue/vue3.2.2/src/image/zfb_nav1.svg
new file mode 100644
index 000000000..9878c8b5b
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav10.svg b/code/vue/vue3.2.2/src/image/zfb_nav10.svg
new file mode 100644
index 000000000..1183b8f4c
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav10.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav11.svg b/code/vue/vue3.2.2/src/image/zfb_nav11.svg
new file mode 100644
index 000000000..3f56e737d
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav11.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav12.svg b/code/vue/vue3.2.2/src/image/zfb_nav12.svg
new file mode 100644
index 000000000..d3ebaa394
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav12.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav13.svg b/code/vue/vue3.2.2/src/image/zfb_nav13.svg
new file mode 100644
index 000000000..4696eebe5
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav13.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav14.svg b/code/vue/vue3.2.2/src/image/zfb_nav14.svg
new file mode 100644
index 000000000..f6db30605
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav14.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav15_more.svg b/code/vue/vue3.2.2/src/image/zfb_nav15_more.svg
new file mode 100644
index 000000000..20f13e4fc
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav15_more.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav2.svg b/code/vue/vue3.2.2/src/image/zfb_nav2.svg
new file mode 100644
index 000000000..35c39fded
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav3.svg b/code/vue/vue3.2.2/src/image/zfb_nav3.svg
new file mode 100644
index 000000000..77b1267f0
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav4.svg b/code/vue/vue3.2.2/src/image/zfb_nav4.svg
new file mode 100644
index 000000000..02e335ca8
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav4.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav5.svg b/code/vue/vue3.2.2/src/image/zfb_nav5.svg
new file mode 100644
index 000000000..a4a379d16
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav5.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav6.svg b/code/vue/vue3.2.2/src/image/zfb_nav6.svg
new file mode 100644
index 000000000..adba670be
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav6.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav7.svg b/code/vue/vue3.2.2/src/image/zfb_nav7.svg
new file mode 100644
index 000000000..cf29949ed
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav7.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav8.svg b/code/vue/vue3.2.2/src/image/zfb_nav8.svg
new file mode 100644
index 000000000..f856ce7c9
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav8.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_nav9.svg b/code/vue/vue3.2.2/src/image/zfb_nav9.svg
new file mode 100644
index 000000000..5a52fd489
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_nav9.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_pro_list1.jpg b/code/vue/vue3.2.2/src/image/zfb_pro_list1.jpg
new file mode 100644
index 000000000..2334a986b
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/zfb_pro_list1.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/zfb_pro_list2.jpg b/code/vue/vue3.2.2/src/image/zfb_pro_list2.jpg
new file mode 100644
index 000000000..a5482dd3a
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/zfb_pro_list2.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/zfb_pro_pic1.png b/code/vue/vue3.2.2/src/image/zfb_pro_pic1.png
new file mode 100644
index 000000000..0fab5ca66
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/zfb_pro_pic1.png differ
diff --git a/code/vue/vue3.2.2/src/image/zfb_pro_pic2.jpg b/code/vue/vue3.2.2/src/image/zfb_pro_pic2.jpg
new file mode 100644
index 000000000..456e82e58
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/zfb_pro_pic2.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/zfb_pro_pic3.jpg b/code/vue/vue3.2.2/src/image/zfb_pro_pic3.jpg
new file mode 100644
index 000000000..e467739e7
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/zfb_pro_pic3.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/zfb_tab_chat.svg b/code/vue/vue3.2.2/src/image/zfb_tab_chat.svg
new file mode 100644
index 000000000..3b267abac
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_tab_chat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_tab_home.svg b/code/vue/vue3.2.2/src/image/zfb_tab_home.svg
new file mode 100644
index 000000000..46e988d7b
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_tab_home.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_tab_life.svg b/code/vue/vue3.2.2/src/image/zfb_tab_life.svg
new file mode 100644
index 000000000..08e56a160
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_tab_life.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_tab_me.svg b/code/vue/vue3.2.2/src/image/zfb_tab_me.svg
new file mode 100644
index 000000000..bb0ff95f4
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_tab_me.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_tab_money.svg b/code/vue/vue3.2.2/src/image/zfb_tab_money.svg
new file mode 100644
index 000000000..4864c5168
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_tab_money.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_top_card.svg b/code/vue/vue3.2.2/src/image/zfb_top_card.svg
new file mode 100644
index 000000000..01621006e
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_top_card.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_top_pay.svg b/code/vue/vue3.2.2/src/image/zfb_top_pay.svg
new file mode 100644
index 000000000..4d54b131f
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_top_pay.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_top_scan.svg b/code/vue/vue3.2.2/src/image/zfb_top_scan.svg
new file mode 100644
index 000000000..5d14730f9
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_top_scan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/zfb_top_travel.svg b/code/vue/vue3.2.2/src/image/zfb_top_travel.svg
new file mode 100644
index 000000000..bf6ea1e61
--- /dev/null
+++ b/code/vue/vue3.2.2/src/image/zfb_top_travel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/image/人勾.jpg b/code/vue/vue3.2.2/src/image/人勾.jpg
new file mode 100644
index 000000000..17b5f49dd
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/人勾.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/图层 11.png b/code/vue/vue3.2.2/src/image/图层 11.png
new file mode 100644
index 000000000..6d7b118f2
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 11.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 11@2x.png b/code/vue/vue3.2.2/src/image/图层 11@2x.png
new file mode 100644
index 000000000..79c10647d
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 11@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 5@2x.png b/code/vue/vue3.2.2/src/image/图层 5@2x.png
new file mode 100644
index 000000000..afa3cd31e
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 5@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 6.png b/code/vue/vue3.2.2/src/image/图层 6.png
new file mode 100644
index 000000000..f67070ff2
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 6.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 6@2x.png b/code/vue/vue3.2.2/src/image/图层 6@2x.png
new file mode 100644
index 000000000..ca0315c76
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 6@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 7.png b/code/vue/vue3.2.2/src/image/图层 7.png
new file mode 100644
index 000000000..2fced0738
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 7.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 7@2x.png b/code/vue/vue3.2.2/src/image/图层 7@2x.png
new file mode 100644
index 000000000..a89cb00b9
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 7@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 8.png b/code/vue/vue3.2.2/src/image/图层 8.png
new file mode 100644
index 000000000..71396ec1d
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 8.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 8@2x.png b/code/vue/vue3.2.2/src/image/图层 8@2x.png
new file mode 100644
index 000000000..c7f347639
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 8@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 9.png b/code/vue/vue3.2.2/src/image/图层 9.png
new file mode 100644
index 000000000..f5eb9b5ad
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 9.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层 9@2x.png b/code/vue/vue3.2.2/src/image/图层 9@2x.png
new file mode 100644
index 000000000..a1b8c940c
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层 9@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/图层退出.png b/code/vue/vue3.2.2/src/image/图层退出.png
new file mode 100644
index 000000000..c179d86e0
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/图层退出.png differ
diff --git a/code/vue/vue3.2.2/src/image/查询.jpg b/code/vue/vue3.2.2/src/image/查询.jpg
new file mode 100644
index 000000000..f9cb73344
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/查询.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(1).png b/code/vue/vue3.2.2/src/image/组 2(1).png
new file mode 100644
index 000000000..0dac4d3d5
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(1).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(10).png b/code/vue/vue3.2.2/src/image/组 2(10).png
new file mode 100644
index 000000000..68a55d18f
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(10).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(11).png b/code/vue/vue3.2.2/src/image/组 2(11).png
new file mode 100644
index 000000000..b8761aa5e
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(11).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(12).png b/code/vue/vue3.2.2/src/image/组 2(12).png
new file mode 100644
index 000000000..f4b4364e8
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(12).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(2).png b/code/vue/vue3.2.2/src/image/组 2(2).png
new file mode 100644
index 000000000..c1df04110
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(2).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(3).png b/code/vue/vue3.2.2/src/image/组 2(3).png
new file mode 100644
index 000000000..9f1588f12
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(3).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(5).png b/code/vue/vue3.2.2/src/image/组 2(5).png
new file mode 100644
index 000000000..71f442884
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(5).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(6).png b/code/vue/vue3.2.2/src/image/组 2(6).png
new file mode 100644
index 000000000..073aeca2b
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(6).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(7).png b/code/vue/vue3.2.2/src/image/组 2(7).png
new file mode 100644
index 000000000..6e0e1c7f5
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(7).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(8).png b/code/vue/vue3.2.2/src/image/组 2(8).png
new file mode 100644
index 000000000..d72eb4ac7
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(8).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2(9).png b/code/vue/vue3.2.2/src/image/组 2(9).png
new file mode 100644
index 000000000..2aadabf6c
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2(9).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2.png b/code/vue/vue3.2.2/src/image/组 2.png
new file mode 100644
index 000000000..62109c214
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2.png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(1).png b/code/vue/vue3.2.2/src/image/组 2@2x(1).png
new file mode 100644
index 000000000..40bb90340
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(1).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(10).png b/code/vue/vue3.2.2/src/image/组 2@2x(10).png
new file mode 100644
index 000000000..7a8c7f3e2
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(10).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(11).png b/code/vue/vue3.2.2/src/image/组 2@2x(11).png
new file mode 100644
index 000000000..6d0bf48dc
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(11).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(12).png b/code/vue/vue3.2.2/src/image/组 2@2x(12).png
new file mode 100644
index 000000000..1ddf4e1b3
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(12).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(2).png b/code/vue/vue3.2.2/src/image/组 2@2x(2).png
new file mode 100644
index 000000000..8f94e79f7
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(2).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(3).png b/code/vue/vue3.2.2/src/image/组 2@2x(3).png
new file mode 100644
index 000000000..81332d7c1
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(3).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(4).png b/code/vue/vue3.2.2/src/image/组 2@2x(4).png
new file mode 100644
index 000000000..4f9d18c4d
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(4).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(5).png b/code/vue/vue3.2.2/src/image/组 2@2x(5).png
new file mode 100644
index 000000000..71399b3e1
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(5).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(6).png b/code/vue/vue3.2.2/src/image/组 2@2x(6).png
new file mode 100644
index 000000000..4b2fd1c0c
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(6).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(7).png b/code/vue/vue3.2.2/src/image/组 2@2x(7).png
new file mode 100644
index 000000000..a9343462c
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(7).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(8).png b/code/vue/vue3.2.2/src/image/组 2@2x(8).png
new file mode 100644
index 000000000..4e8c764d6
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(8).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x(9).png b/code/vue/vue3.2.2/src/image/组 2@2x(9).png
new file mode 100644
index 000000000..134d501f3
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x(9).png differ
diff --git a/code/vue/vue3.2.2/src/image/组 2@2x.png b/code/vue/vue3.2.2/src/image/组 2@2x.png
new file mode 100644
index 000000000..4421375f5
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组 2@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/组left.png b/code/vue/vue3.2.2/src/image/组left.png
new file mode 100644
index 000000000..e75b84c83
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/组left.png differ
diff --git a/code/vue/vue3.2.2/src/image/路径(1).png b/code/vue/vue3.2.2/src/image/路径(1).png
new file mode 100644
index 000000000..da83d2bb7
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/路径(1).png differ
diff --git a/code/vue/vue3.2.2/src/image/路径.png b/code/vue/vue3.2.2/src/image/路径.png
new file mode 100644
index 000000000..6f989f9fc
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/路径.png differ
diff --git a/code/vue/vue3.2.2/src/image/路径@2x(1).png b/code/vue/vue3.2.2/src/image/路径@2x(1).png
new file mode 100644
index 000000000..01556e874
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/路径@2x(1).png differ
diff --git a/code/vue/vue3.2.2/src/image/路径@2x.png b/code/vue/vue3.2.2/src/image/路径@2x.png
new file mode 100644
index 000000000..005871950
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/路径@2x.png differ
diff --git a/code/vue/vue3.2.2/src/image/返回.jpg b/code/vue/vue3.2.2/src/image/返回.jpg
new file mode 100644
index 000000000..5e603da23
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/返回.jpg differ
diff --git a/code/vue/vue3.2.2/src/image/返回2.png b/code/vue/vue3.2.2/src/image/返回2.png
new file mode 100644
index 000000000..1c1d2cdcc
Binary files /dev/null and b/code/vue/vue3.2.2/src/image/返回2.png differ
diff --git a/code/vue/vue3.2.2/src/js/one.js b/code/vue/vue3.2.2/src/js/one.js
new file mode 100644
index 000000000..3a408b21e
--- /dev/null
+++ b/code/vue/vue3.2.2/src/js/one.js
@@ -0,0 +1,13 @@
+// 处理按钮点击跳转页面的函数
+function navigateTo(page) {
+ window.location.href = page;
+}
+
+// 处理退出按钮点击事件
+document.getElementById('exit-button').addEventListener('click', function () {
+ // 这里可以添加退出的具体逻辑，例如清除登录信息等
+ alert('你已退出系统');
+});
+
+
+
diff --git a/code/vue/vue3.2.2/src/main.js b/code/vue/vue3.2.2/src/main.js
new file mode 100644
index 000000000..b9f591603
--- /dev/null
+++ b/code/vue/vue3.2.2/src/main.js
@@ -0,0 +1,38 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
+
+import ElementPlus from "element-plus";
+import "element-plus/dist/index.css";
+
+import "./assets/index.css";
+import"./css/reset.css"
+import"./css/frame.css"
+//引入图标
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+const app = createApp(App);
+//注册所有图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component);
+}
+app.use(ElementPlus).use(store).use(router).mount("#app");
+
+
+// // eslint-disable-next-line no-unused-vars
+// router.beforeEach((to, from) => {
+// //提示未使用，ESlint规则no-unused vars关闭为eslint-disable-next-line
+// //如果路由器需要验证
+// if (to.meta.auth) {
+// //对路由进行验证
+// if (window.sessionStorage.getItem("uname") == null) {
+// alert("您没有登录，无权访问！");
+// /*未登录则跳转到登陆界面，
+// query:{ redirect: to.fullPath}表示把当前路由信息传递过去方便登录后跳转回来*/
+// return {
+// path: "/",
+// query: { redirect: to.fullPath },
+// };
+// }
+// }
+// });
diff --git a/code/vue/vue3.2.2/src/pengbaohao/staff.vue b/code/vue/vue3.2.2/src/pengbaohao/staff.vue
new file mode 100644
index 000000000..eb4d3bf54
--- /dev/null
+++ b/code/vue/vue3.2.2/src/pengbaohao/staff.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/request/config.js b/code/vue/vue3.2.2/src/request/config.js
new file mode 100644
index 000000000..791c8d91f
--- /dev/null
+++ b/code/vue/vue3.2.2/src/request/config.js
@@ -0,0 +1,12 @@
+// axios配置
+
+export default {
+ method:'get',
+ // 基础url地址
+ baseURL:"http://localhost:8001",
+ headers:{
+ 'Content-Type':'application/json;charset=UTF-8'
+ },
+ timeout:10000,
+ responseType:'json'
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/request/index.js b/code/vue/vue3.2.2/src/request/index.js
new file mode 100644
index 000000000..a981dd807
--- /dev/null
+++ b/code/vue/vue3.2.2/src/request/index.js
@@ -0,0 +1,97 @@
+import axios from "axios";
+import config from "./config";
+import router from "@/router";
+
+// 创建实例化axios的请求方法
+
+// 1. 请求拦截器
+// 1.1 在header上加token
+// 1.2 如果没有登录态，主动跳转到登录页
+// 1.3 有报错，主动抛出
+// 2. 响应拦截器
+// 2.1 对后端返回的数据进行筛选
+// 2.2 有报错，主动抛出
+// 3. 处理正确返回的逻辑
+// 3.1 判断是否业务上逻辑正确
+// 3.2 有报错，主动抛出
+
+
+export default function request(options) {
+ return new Promise((resolve, reject) => {
+ const instance = axios.create({
+ ...config
+ })
+ // 请求拦截器
+ instance.interceptors.request.use(
+ (config) => {
+ let token = localStorage.getItem("pm_token")
+ if (token) {
+ config.headers.token = token
+ } else {
+ router.push("/login")
+ }
+ return config
+ },
+ (error) => {
+ if (error.message.indexOf('timeout') !== -1) {
+ ElMessage({
+ message: "请求超时",
+ type: 'error',
+ showClose: true
+ })
+ }
+ return Promise.reject(error)
+ }
+ )
+
+ // 响应拦截器
+ instance.interceptors.response.use(
+ (response) => {
+ console.log('response', response);
+ return response.data
+ },
+ (err) => {
+ if (err && err.response) {
+ switch (err.response.status) {
+ case 400:
+ err.message = '请求错误'
+ break;
+ // 401 403 404.....
+ default:
+ break;
+ }
+ }
+ if (err.message) {
+ ElMessage({
+ message: err.message,
+ type: 'error',
+ showClose: true
+ })
+ }
+ return Promise.reject(err)
+ }
+ )
+
+ instance(options)
+ .then((res) => {
+
+ if (res.code === 200) {
+ resolve(res)
+ } else {
+ // 1. 未登录
+ if (res.code === -2) {
+ router.push('/login')
+ }
+ ElMessage({
+ message: res.msg || '操作失败',
+ type: 'error',
+ showClose: true
+ })
+ reject(res)
+ }
+ })
+ .catch((error) => {
+ reject(error)
+ })
+ })
+}
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/router/index.js b/code/vue/vue3.2.2/src/router/index.js
new file mode 100644
index 000000000..38af1b145
--- /dev/null
+++ b/code/vue/vue3.2.2/src/router/index.js
@@ -0,0 +1,214 @@
+import { createRouter, createWebHistory ,createWebHashHistory} from "vue-router";
+import axios from "axios";
+
+import Home from '../views/Home.vue';
+import Login from "../views/Login.vue";
+import HomeView from "../views/HomeView.vue";
+import TypeManage from "../views/TypeManageView.vue";
+import GoodsManage from "../views/GoodsManageView.vue";
+// import OrderManage from "../views/OrderManageView.vue";
+import LoginView from "../views/LoginView.vue";
+import SalesStatistics from "../views/SalesStatisticsView.vue";
+// import OrderStatistics from "../views/OrderStatisticsView.vue";
+import HomeData from "../views/HomeData.vue";
+import TeamManage from "../views/TeamManage.vue";
+import SavingsBusiness from '../views/savingsBusiness/index.vue'
+// import StudentManage from "../views/StudentManage.vue";
+// import TeacherManage from "../views/TeacherManage.vue";
+import ListStatus from '../views/ListStatus.vue';//列表详细
+import UserAvatarVue from '../views/UserAvatar.vue'
+import UserInfoVue from '../views/UserInfo.vue'
+import UserResetPasswordVue from '../views/UserResetPasswordVue.vue'
+
+import CustomerVue from '../views/Customer.vue'//客户
+import StaffVue from '../views/Staff.vue'//员工
+import CreditVue from '../views/loan-system.vue'//信贷
+import SaveVue from '../views/Save.vue'//储蓄
+const routes = [
+ // {
+ // //斜杠重定向到借贷首页
+ // path: "/",
+ // redirect: "/loan-system"
+ // },
+ // {
+ // //员工首页
+ // path: "/",
+ // component: LoginView,
+ // },
+ {
+ path: '/login',
+ name: 'Login',
+ component: Login,
+ },
+ {
+ path: '/',
+ name: 'Home',
+ component: Home,
+ meta: { requiresAuth: true },
+ redirect: '/list/status',
+ //子路由
+ children: [
+ // { path: '/article/category', component: ArticleCategoryVue },
+ { path: '/list/status', component: ListStatus },
+ { path: '/user/info', component: UserInfoVue },
+ { path: '/user/avatar', component: UserAvatarVue },
+ { path: '/user/password', component: UserResetPasswordVue },
+
+ { path: '/customer', component: CustomerVue },//客户
+ // { path: '/save', component: SaveVue },//储蓄
+ { path: '/staff', component: StaffVue },//员工
+ { path: '/credit', component: CreditVue }//信贷
+
+
+ ,{
+ //查询页
+ path: "/chaxun",
+ name: "chaxun",
+ component: () => import('../views/chaxun.vue')
+ },
+ {
+ //个人页
+ path: "/three-bt-people",
+ name: "three-bt-people",
+ component: () => import('../views/three-bt-people.vue')
+ },
+ {
+ //企业页
+ path: "/three-bt-enterprise",
+ name: "three-bt-enterprise",
+ component: () => import('../views/three-bt-enterprise.vue')
+ },
+ {
+ //还款页
+ path: "/pay-back",
+ name: "pay-back",
+ component: () => import('../views/pay-back.vue')
+ },
+ {
+ //个人申请页
+ path: "/apply",
+ name: "apply",
+ component: () => import('../views/apply.vue')
+ },
+ {
+ //个人审批页
+ path: "/personal-approval",
+ name: "personal-approval",
+ component: () => import('../views/personal-approval.vue')
+ },
+ {
+ //个人放款页
+ path: "/lending",
+ name: "lending",
+ component: () => import('../views/lending.vue')
+ },
+ {
+ //企业申请页
+ path: "/business",
+ name: "business",
+ component: () => import('../views/business.vue')
+ },
+ {
+ //企业审批页
+ path: "/enterprise-approval",
+ name: "enterprise-approval",
+ component: () => import('../views/enterprise-approval.vue')
+ },
+ {
+ //企业放款页
+ path: "/corporate-lending",
+ name: "corporate-lending",
+ component: () => import('../views/corporate-lending.vue')
+ }
+ ]
+ },
+ // {//借贷首页
+ // path: "/loan-system",
+ // name: "loan-system",
+ // component: () => import('../views/loan-system.vue')
+ // },
+ // {
+ // //查询页
+ // path: "/chaxun",
+ // name: "chaxun",
+ // component: () => import('../views/chaxun.vue')
+ // },
+ ,
+ {//储蓄首页
+ path: '/businessProcess',
+ name: 'businessProcess',
+ component: SavingsBusiness,
+ },
+ {//员工首页登录
+ path: "/login",
+ component: LoginView,
+ },
+ {
+ path: "/home",
+ name: "home",
+ component: HomeView,
+ redirect: "/home/homeshou",
+ meta: { auth: true }, //需要验证登录权限
+ children: [
+ {
+ path: "/home/typemanage",
+ component: TypeManage,
+ },
+ {
+ path: "/home/goodsmanage",
+ component: GoodsManage,
+ },
+ // {
+ // path: "/home/ordermanage",
+ // component: OrderManage,
+ // },
+ {
+ path: "/home/salesstatistics",
+ component: SalesStatistics,
+ },
+ // {
+ // path: "/home/orderstatistics",
+ // component: OrderStatistics,
+ // },
+ {
+ path: "/home/homeshou",
+ component: HomeData,
+ },
+ {
+ path: "/home/teammanage",
+ component: TeamManage,
+ },
+ {
+ path: "*",
+ component: () => import('../views/404.vue')
+ }
+
+ // ,
+ // {
+ // path: "/home/studentmanage",
+ // component: StudentManage,
+ // },
+ // {
+ // path: "/home/teachermanage",
+ // component: TeacherManage,
+ // }
+ ],
+ },
+];
+
+const router = createRouter({
+ //推荐使用HTML 5模式
+ history: createWebHashHistory(process.env.BASE_URL),
+ routes,
+});
+
+// 路由拦截守卫
+router.beforeEach((to, from, next) => {
+ if (to.meta.auth && !localStorage.getItem("token")) {
+ next("/login");
+ } else {
+ next();
+ }
+});
+
+export default router;
diff --git a/code/vue/vue3.2.2/src/store/bankAccount.ts b/code/vue/vue3.2.2/src/store/bankAccount.ts
new file mode 100644
index 000000000..7382497c0
--- /dev/null
+++ b/code/vue/vue3.2.2/src/store/bankAccount.ts
@@ -0,0 +1,39 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useBankAccountStore = defineStore('bankAccount', () => {
+ const loggedInCard = ref<{
+ cardNo: string
+ timestamp: number
+ } | null>(null)
+
+ // 设置登录状态，包含过期时间（例如30分钟）
+ const setLoggedInCard = (cardNo: string) => {
+ loggedInCard.value = {
+ cardNo,
+ timestamp: Date.now(),
+ }
+ }
+
+ // 清除登录状态
+ const clearLoggedInCard = () => {
+ loggedInCard.value = null
+ }
+
+ // 检查是否已登录且未过期
+ const isCardLoggedIn = (cardNo: string) => {
+ if (!loggedInCard.value || loggedInCard.value.cardNo !== cardNo) {
+ return false
+ }
+ // 检查是否在30分钟内
+ const thirtyMinutes = 30 * 60 * 1000
+ return Date.now() - loggedInCard.value.timestamp < thirtyMinutes
+ }
+
+ return {
+ loggedInCard,
+ setLoggedInCard,
+ clearLoggedInCard,
+ isCardLoggedIn,
+ }
+})
diff --git a/code/vue/vue3.2.2/src/store/counter.ts b/code/vue/vue3.2.2/src/store/counter.ts
new file mode 100644
index 000000000..b6757ba57
--- /dev/null
+++ b/code/vue/vue3.2.2/src/store/counter.ts
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/code/vue/vue3.2.2/src/store/index.js b/code/vue/vue3.2.2/src/store/index.js
new file mode 100644
index 000000000..904c12643
--- /dev/null
+++ b/code/vue/vue3.2.2/src/store/index.js
@@ -0,0 +1,37 @@
+import { createStore } from "vuex";
+
+const store = createStore({
+ state: {
+ isAuthenticated: localStorage.getItem('isAuthenticated') === 'true' || false,
+ user: JSON.parse(localStorage.getItem('user')) || null,
+ },
+ mutations: {
+ login(state, user) {
+ state.isAuthenticated = true;
+ state.user = user;
+ localStorage.setItem('isAuthenticated', true);
+ localStorage.setItem('user', JSON.stringify(user));
+ },
+ logout(state) {
+ state.isAuthenticated = false;
+ state.user = null;
+ localStorage.removeItem('isAuthenticated');
+ localStorage.removeItem('user');
+ },
+ clearUser(state) {
+ state.user = null;
+ localStorage.removeItem('user');
+ }
+ },
+ actions: {
+ login({ commit }, user) {
+ commit('login', user);
+ },
+ logout({ commit }) {
+ commit('logout');
+ },
+ },
+});
+
+export default store;
+
diff --git a/code/vue/vue3.2.2/src/util/request.ts b/code/vue/vue3.2.2/src/util/request.ts
new file mode 100644
index 000000000..e6b319627
--- /dev/null
+++ b/code/vue/vue3.2.2/src/util/request.ts
@@ -0,0 +1,57 @@
+import type { AxiosInstance, AxiosRequestConfig } from 'axios'
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+
+const instance: AxiosInstance = axios.create({
+ baseURL: import.meta.env.VITE_API_URL,
+ timeout: 10000,
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+})
+
+// 添加请求拦截器，打印请求信息便于调试
+instance.interceptors.request.use(
+ (config) => {
+ console.log('Request:', {
+ method: config.method?.toUpperCase(),
+ url: config.url,
+ data: config.data,
+ })
+ return config
+ },
+ (error) => {
+ return Promise.reject(error)
+ },
+)
+
+// 响应拦截器
+instance.interceptors.response.use(
+ (response) => {
+ const res = response.data
+ if (!res.success) {
+ return Promise.reject(new Error(res.message || '请求失败'))
+ }
+ return res
+ },
+ (error) => {
+ const errorMsg = error.response?.data?.message || error.message || '网络错误'
+ ElMessage.error(errorMsg)
+ return Promise.reject(error)
+ },
+)
+
+export default {
+ get: (url: string, config?: AxiosRequestConfig) => {
+ return instance.get(url, config)
+ },
+ post: (url: string, data?: unknown, config?: AxiosRequestConfig) => {
+ return instance.post(url, data, config)
+ },
+ put: (url: string, data?: unknown, config?: AxiosRequestConfig) => {
+ return instance.put(url, data, config)
+ },
+ delete: (url: string, config?: AxiosRequestConfig) => {
+ return instance.delete(url, config)
+ },
+}
diff --git a/code/vue/vue3.2.2/src/views/404.vue b/code/vue/vue3.2.2/src/views/404.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/code/vue/vue3.2.2/src/views/AboutView.vue b/code/vue/vue3.2.2/src/views/AboutView.vue
new file mode 100644
index 000000000..756ad2a17
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+ 员工信息
+加载中...
+
+
+ 员工编号：{{ staffInfo.staffNo }}
+员工姓名：{{ staffInfo.staffName }}
+性别：{{ staffInfo.gender }}
+生日：{{ staffInfo.birthday }}
+身份证号码：{{ staffInfo.id }}
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/Credit.vue b/code/vue/vue3.2.2/src/views/Credit.vue
new file mode 100644
index 000000000..b17ee8bea
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/Credit.vue
@@ -0,0 +1,579 @@
+
+
+ This is an about page
+
+
+
+
+
+
+
+
+
+
+
+
+ X X 银行
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/Customer.vue b/code/vue/vue3.2.2/src/views/Customer.vue
new file mode 100644
index 000000000..fbd75ff92
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/Customer.vue
@@ -0,0 +1,320 @@
+
+
+
+ xx银行
+
+
+ 工号
+ {{ userNo }}
+
+
+ 姓名
+ {{ username }}
+
+
+ 权限
+ {{ }}
+
+
+
+
+
+
+
+
+
+
+ {{ username }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/HomeView.vue b/code/vue/vue3.2.2/src/views/HomeView.vue
new file mode 100644
index 000000000..c54ce2bba
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/HomeView.vue
@@ -0,0 +1,43 @@
+
+
+ 在职员工总数
+
+
+ 568
+
+
+ 本月新入职
+
+
+ 12
+
+
+ 本月离职
+
+
+ 3
+
+
+ 部门数量
+
+
+ 8
+
+
+ 部门人员分布
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/ListStatus.vue b/code/vue/vue3.2.2/src/views/ListStatus.vue
new file mode 100644
index 000000000..d6ea4d8a6
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/ListStatus.vue
@@ -0,0 +1,184 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/Login.vue b/code/vue/vue3.2.2/src/views/Login.vue
new file mode 100644
index 000000000..e047bf704
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/Login.vue
@@ -0,0 +1,205 @@
+
+
+
+
+
+ 进入
+
+
+ 员工管理
+
+
+ 进入
+
+
+ 客户需求
+
+
+ 进入
+
+
+ 信贷业务
+
+
+ 进入
+
+
+
+ 储蓄业务
+
+ xx银行分部
+注册
+登录
+
+ 记住我
+ 忘记密码？
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ loadingbuttext }}
+
+ 重置
+ 注册
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ captchaCode }}
+
+ 注册
+ 取消
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+ 新增赛题
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ loadingbuttext }}
+
+ 重置
+ 注册
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ captchaCode }}
+
+ 注册
+ 取消
+
+
+ ×
+
+
+
+
+
+
+ 客户编号：{{ formData.customerId }}
+证件类型：{{ formData.idType }}
+ +
+
+
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/TeamManage.vue b/code/vue/vue3.2.2/src/views/TeamManage.vue
new file mode 100644
index 000000000..3a936db59
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/TeamManage.vue
@@ -0,0 +1,561 @@
+
+ {{ successMessage }}
+
+
+
+
+
+ 添加员工
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+ {{ scope.row.role }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ viewForm.name }}
+ {{ viewForm.department }}
+ {{ viewForm.role }}
+ {{ viewForm.email }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/TypeManageView.vue b/code/vue/vue3.2.2/src/views/TypeManageView.vue
new file mode 100644
index 000000000..cf326a2b5
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/TypeManageView.vue
@@ -0,0 +1,402 @@
+
+
+ 员工权限管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+ 重置
+
+
+
+
+
+
+
+
+
+
+ {{ getCompanyName(scope.row.company) }}
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/UserAvatar.vue b/code/vue/vue3.2.2/src/views/UserAvatar.vue
new file mode 100644
index 000000000..650a6e480
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/UserAvatar.vue
@@ -0,0 +1 @@
+更换头像
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/UserInfo.vue b/code/vue/vue3.2.2/src/views/UserInfo.vue
new file mode 100644
index 000000000..d275d3a44
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/UserInfo.vue
@@ -0,0 +1 @@
+基本资料
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/UserResetPasswordVue.vue b/code/vue/vue3.2.2/src/views/UserResetPasswordVue.vue
new file mode 100644
index 000000000..2909cf579
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/UserResetPasswordVue.vue
@@ -0,0 +1,3 @@
+
+ 更换密码
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/apply.vue b/code/vue/vue3.2.2/src/views/apply.vue
new file mode 100644
index 000000000..1aff8c09d
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/apply.vue
@@ -0,0 +1,1089 @@
+
+
+
+
+
+
+
+
+
+
+ 员工列表
+ 新增员工
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/business.vue b/code/vue/vue3.2.2/src/views/business.vue
new file mode 100644
index 000000000..1b3697915
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/business.vue
@@ -0,0 +1,1109 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 个人申请
+
+
+
+
+
+ 客户查询
+ + + + +客户信息
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/chaxun.vue b/code/vue/vue3.2.2/src/views/chaxun.vue
new file mode 100644
index 000000000..97f08ac9a
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/chaxun.vue
@@ -0,0 +1,730 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 企业申请
+
+
+
+
+
+ 企业查询
+ + + + +企业信息
+ +
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/corporate-lending.vue b/code/vue/vue3.2.2/src/views/corporate-lending.vue
new file mode 100644
index 000000000..332d718ae
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/corporate-lending.vue
@@ -0,0 +1,837 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 贷款查询
+
+
+
+
+
+
+
+
+
+
+ 客户信息
+ +
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/enterprise-approval.vue b/code/vue/vue3.2.2/src/views/enterprise-approval.vue
new file mode 100644
index 000000000..ac0081a1b
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/enterprise-approval.vue
@@ -0,0 +1,1089 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 企业放款
+
+
+
+
+
+ 企业查询
+ + + + +企业信息
+ + + + +贷款信息
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/lending.vue b/code/vue/vue3.2.2/src/views/lending.vue
new file mode 100644
index 000000000..469d1ef48
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/lending.vue
@@ -0,0 +1,820 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 企业审批
+
+
+
+
+
+ 企业查询
+ + + + +贷款信息
+ +
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/loan-system.vue b/code/vue/vue3.2.2/src/views/loan-system.vue
new file mode 100644
index 000000000..fb6570f74
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/loan-system.vue
@@ -0,0 +1,579 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 个人放款
+
+
+
+
+
+ 客户查询
+ + + + +客户信息
+ + + + +贷款信息
+ +
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code/vue/vue3.2.2/src/views/pay-back.vue b/code/vue/vue3.2.2/src/views/pay-back.vue
new file mode 100644
index 000000000..55475f300
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/pay-back.vue
@@ -0,0 +1,795 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 贷款系统
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/personal-approval.vue b/code/vue/vue3.2.2/src/views/personal-approval.vue
new file mode 100644
index 000000000..57b2bfd19
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/personal-approval.vue
@@ -0,0 +1,1078 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 还款
+
+
+
+
+
+
+
+
+ 贷款查询
+ + + + +贷款信息
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/savingsBusiness/components/accountOpen/index.vue b/code/vue/vue3.2.2/src/views/savingsBusiness/components/accountOpen/index.vue
new file mode 100644
index 000000000..f92042a52
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/savingsBusiness/components/accountOpen/index.vue
@@ -0,0 +1,306 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 个人审批
+
+
+
+
+
+ 客户查询
+ + + + +贷款信息
+ +
+
+
+
+
+
+
+
+
+ 尊敬的客户：
+1. 请您务必妥善保管账户密码，不要将密码告知他人。
+2. 为保障您的账户安全，请定期更换密码。
+3. 如发现账户异常，请立即联系银行客服。
+4. 开户成功后，请及时查看您的账号信息。
+5. 本行保留对账户的最终解释权。
+
+
+
+
+ 当前余额：{{ balance }} 元
+
+ 密码错误次数：{{ passwordErrorCount }}/3
+
+
+
+
+
+
+
+
+
+ 账户信息
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+当前余额：{{ accountInfo?.balance }} 元
+
+
+
+
+ 销户成功
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+销户时间：{{ closeTime }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 账户信息
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+当前余额：{{ accountInfo?.balance }} 元
+剩余时间：{{ timer }}s
+
+
+
+
+ 请确认存款信息
+存款类型：{{ depositForm.depositType === '1' ? '活期' : '定期' }}
+存款金额：{{ depositForm.money }} 元
+交易流水号：{{ transactionId }}
+确认倒计时：{{ confirmTimer }}s
+
+
+
+
+ 交易成功
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+交易金额：{{ depositForm.money }} 元
+当前余额：{{ balance }} 元
+交易时间：{{ transactionTime }}
+交易流水号：{{ transactionId }}
+
+ 密码错误次数：{{ passwordErrorCount }}/3
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 转出账户信息
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+当前余额：{{ accountInfo?.balance }} 元
+
+
+
+
+
+
+
+
+
+
+ 转账信息
+收款人：{{ transferForm.toName }}
+收款卡号：{{ transferForm.toCardNo }}
+剩余时间：{{ timer }}s
+
+
+
+
+ 请确认转账信息
+收款人：{{ transferForm.toName }}
+收款卡号：{{ transferForm.toCardNo }}
+转账金额：{{ transferForm.money }} 元
+交易流水号：{{ transactionId }}
+确认倒计时：{{ confirmTimer }}s
+
+
+
+
+ 交易成功
+付款人：{{ accountInfo?.customNo }}
+收款人：{{ transferForm.toName }}
+转账金额：{{ transferForm.money }} 元
+转账后余额：{{ balance }} 元
+交易时间：{{ transactionTime }}
+交易流水号：{{ transactionId }}
+
+ 密码错误次数：{{ passwordErrorCount }}/3
+
+
+
+
+
+
+
+
+
+
+
+ 账户信息
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+当前余额：{{ accountInfo?.balance }} 元
+剩余时间：{{ timer }}s
+
+
+
+
+ 请确认取款信息
+取款金额：{{ withdrawForm.money }} 元
+交易流水号：{{ transactionId }}
+确认倒计时：{{ confirmTimer }}s
+
+
+
+
+ 交易成功
+姓名：{{ accountInfo?.customNo }}
+卡号：{{ accountInfo?.cardNo }}
+交易金额：{{ withdrawForm.money }} 元
+当前余额：{{ balance }} 元
+交易时间：{{ transactionTime }}
+交易流水号：{{ transactionId }}
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/three-bt-enterprise.vue b/code/vue/vue3.2.2/src/views/three-bt-enterprise.vue
new file mode 100644
index 000000000..93f919b9a
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/three-bt-enterprise.vue
@@ -0,0 +1,556 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 银行业务管理系统
+
+
+ 开户业务
+
+
+
+
+
+
+ 开户
+
+
+ 储蓄业务
+
+
+
+
+
+
+ 查询余额
+
+
+
+
+ 存款
+
+
+
+
+ 取款
+
+
+
+
+ 转账
+
+
+
+
+ 销户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/views/three-bt-people.vue b/code/vue/vue3.2.2/src/views/three-bt-people.vue
new file mode 100644
index 000000000..89df7943d
--- /dev/null
+++ b/code/vue/vue3.2.2/src/views/three-bt-people.vue
@@ -0,0 +1,560 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 企业贷款
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/vue/vue3.2.2/src/vite.co b/code/vue/vue3.2.2/src/vite.co
new file mode 100644
index 000000000..e69de29bb
diff --git a/code/vue/vue3.2.2/vite.config.js b/code/vue/vue3.2.2/vite.config.js
new file mode 100644
index 000000000..8d0e15f54
--- /dev/null
+++ b/code/vue/vue3.2.2/vite.config.js
@@ -0,0 +1,24 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ vueDevTools(),
+ ],
+ server: {
+ port: 12715,
+ },
+ define: {
+ 'process.env': {}
+ },
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ },
+ },
+})
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+