三个基本页面开发完成

cert/6353984_jpcj-h5.zzxcx.net.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAwQN22+JQZKz74mBHdqsJOJuOP3ClSudYhEpw+rWKNHGZg4lz
+ZAMQCYqQQyd5uXVMGup6Pr0wKWLAdT835ADOKzInTme2X9NqRRWvprn1pBPnNuJ3
+vz233oHpe1At2rjHjj+yU9X+RqGxY37DDBJ6O2wNxUsF3av1fowVmboh1EkmwQH2
+gbMBPgIAF7Z/ka0Bv52K3LLV9DRit1lNJLxzFP2QLOomMKGP1YztVImx8M5eLTbI
+uoM3GlJruxNECOe+f4jQQF6QiTwjCFLJbWrj4S76wWfDA350J3WmpqsFwZ1g38p+
+cuiN/0JLMjmFyGuQeIxRE5/BnmCdhumIO38P2wIDAQABAoIBAB3HKgxMgzi1E3te
+fUgKpTaNkUmqWGYRATAPyBR186eZqySHDT1t14iRTyZ9LaN2PFKewFNznr2T1buB
+EF9l3Gj/qN7I03M/S9LywJHJeONiiraGBBGGNRroEhyLRzfKcEc6/ok+p6dABP0j
+rnXrV95ZElrQ80u63voyJJb+B4AXsIDCObl9ZsZ2rcOSRFa+4XeUlFJVi/Crl3DP
+1bBq5Evvz9MhufdrjHojMG8kqG19JtkqnsRImcvGvAef4H54TKZInUkZOad6AstN
+hPGyB1pqgNAZRUcifpXUhRRkxIrFFLFJPsGW8ao80LneDQuNIaH6M9+ky/rJZnM2
+BgNiNqECgYEA4eBQvGE6TqohIr5gWNGZ8t7hoQvMcgw5GO5+SoyCTSv6o99WzVmW
+/c3l3ALKWOIwaDq8wcR9nizAblNcGI1q7dWU6cptYtf8TG6KlxisymGLLg/pE0Pk
+L59Lpj+LZaHSvjDS6HJL4LE3/nMsAEZaIYXIfGG7py2LkI3QFDqDsYsCgYEA2sEt
+VA+Hp4RFOSYxAr8U2bJFxw4mXURh4LncFg770e56QeHuQ9JRpLKqUb9mywOWr4bv
+aFcV4B2JSPkf6VCtrXsoF/D0ORftHUiGic12zNjKohD4dg/EqKKEuMCax03oK8a+
+Q0OjjqoP/1qxsR4NwepwbxgCv67NrUb381KURPECgYAX60Uhbbpa8jEoGLjjLu76
+hRenkjRIL3ssZLUC9/Ykbe/QwqnSfRY8Mj2RGsqKtwkhQHcUndYfleWayUELaI5W
+OTPXvhPvT6fsABi0/2vs0n+GlTC9VYcoc9ny9O+yB3zlnw32h4P5e0rOqyuRq+GH
+gz9DzKWugmgxGpNaUQf5GQKBgGgbw8zbzz3ET4WRTYX3Fp88nsTLUSrWHpbrHXlK
+DEKu8nRkaBbTA5QUi8Z4Bx3bSV2kJFBOEdUleW7HUY6inOWRVVV/kVuSrYBgQddX
+d5CqJFXZKcZWXsu6/NtInuD3jOU4otg0WqTM/uwSZ7rZiMafIn9cuAIt2Sj8O4kL
+5hChAoGBAJQ/VM1kcMIhfpTSJhf40QaPA77caXOTaxKDY9RJh6VW48u/R3E3JgRQ
+FWuqa05+RnPQPSBPOCsD9uPoQDKzJ0BvH26RAJ4Fiqqbu26dFHRVqVA1bD87FL2G
+QnYZkQYOLMIbGJpIPh4hgDOZlLJdPCZJ4/Lqc4wRl6t+/gS1W1RS
+-----END RSA PRIVATE KEY-----

cert/6353984_jpcj-h5.zzxcx.net.pem

@@ -0,0 +1,61 @@
+-----BEGIN CERTIFICATE-----
+MIIF9jCCBN6gAwIBAgIQDnko4eDQ3FiCq4TD5KitVzANBgkqhkiG9w0BAQsFADBu
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
+RFYgVExTIENBIC0gRzEwHhcNMjEwOTI3MDAwMDAwWhcNMjIwOTI3MjM1OTU5WjAc
+MRowGAYDVQQDExFqcGNqLWg1Lnp6eGN4Lm5ldDCCASIwDQYJKoZIhvcNAQEBBQAD
+ggEPADCCAQoCggEBAMEDdtviUGSs++JgR3arCTibjj9wpUrnWIRKcPq1ijRxmYOJ
+c2QDEAmKkEMnebl1TBrqej69MCliwHU/N+QAzisyJ05ntl/TakUVr6a59aQT5zbi
+d789t96B6XtQLdq4x44/slPV/kahsWN+wwwSejtsDcVLBd2r9X6MFZm6IdRJJsEB
+9oGzAT4CABe2f5GtAb+dityy1fQ0YrdZTSS8cxT9kCzqJjChj9WM7VSJsfDOXi02
+yLqDNxpSa7sTRAjnvn+I0EBekIk8IwhSyW1q4+Eu+sFnwwN+dCd1pqarBcGdYN/K
+fnLojf9CSzI5hchrkHiMUROfwZ5gnYbpiDt/D9sCAwEAAaOCAuAwggLcMB8GA1Ud
+IwQYMBaAFFV0T7JyT/VgulDR1+ZRXJoBhxrXMB0GA1UdDgQWBBQ1RnSvbnnBGp7l
+4ukPv4R5KbtAIDAcBgNVHREEFTATghFqcGNqLWg1Lnp6eGN4Lm5ldDAOBgNVHQ8B
+Af8EBAMCBaAwHQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMD4GA1UdIAQ3
+MDUwMwYGZ4EMAQIBMCkwJwYIKwYBBQUHAgEWG2h0dHA6Ly93d3cuZGlnaWNlcnQu
+Y29tL0NQUzCBgAYIKwYBBQUHAQEEdDByMCQGCCsGAQUFBzABhhhodHRwOi8vb2Nz
+cC5kaWdpY2VydC5jb20wSgYIKwYBBQUHMAKGPmh0dHA6Ly9jYWNlcnRzLmRpZ2lj
+ZXJ0LmNvbS9FbmNyeXB0aW9uRXZlcnl3aGVyZURWVExTQ0EtRzEuY3J0MAkGA1Ud
+EwQCMAAwggF9BgorBgEEAdZ5AgQCBIIBbQSCAWkBZwB2ACl5vvCeOTkh8FZzn2Ol
+d+W+V32cYAr4+U1dJlwlXceEAAABfCaJUJwAAAQDAEcwRQIhAInRm9HVbRmpqVS9
+hAForE4jV6FkncVt/7dOh8EDs0dxAiAlj/LzSu0BB9mpo59PzRYb4YqJ1QMbq9Ei
+AhRkZL5kLgB2AFGjsPX9AXmcVm24N3iPDKR6zBsny/eeiEKaDf7UiwXlAAABfCaJ
+UHkAAAQDAEcwRQIhALjTxVpf6aLydhshlgXUE40fU0bJ2NOiQj7RhyH1bowiAiBr
+CWC5Kbv8NGSF0y44tuqTaSsrY/K8r63/XgRlMC+t8wB1AEHIyrHfIkZKEMahOglC
+h15OMYsbA+vrS8do8JBilgb2AAABfCaJUEAAAAQDAEYwRAIgGw3wFwpeC5UVC4OV
+jUP6yYi1XMmlWiqx8MnKfA1bLDUCIG2jgXAGdLtZ+a+agkULO4Q+/TVGHzUq3ew6
+bNnVaLl3MA0GCSqGSIb3DQEBCwUAA4IBAQCyEv6Q2N2SjEs8fKiM5FEeXIwG1an8
+UcS/r0+M7q839kHtiA2iZig0ia7Sa7eY3OQX6dGhdfX9QhSob7WxbTNAbjTJCKdt
+SO3Oh1xF04+NeaBTS3aGiKSUduUh2WtVR3sHWeIttd9BqR89OkkEUbFS9/Xaa3II
+7xVsVrtkXEW4fFzmDkYifJNhNG0VOGNf6Gi1RB1coralyXTsGc9ivxhrTB7PSixw
+O2Sp8X3XBwlMt3fRKa5zHTpcBcU7/RuwyCvGOTXyUiWO8AbXnLOEG1wOhSM/+ONB
+FkbOyKyYJdvlOJGMlNwP5JMaTLlvkf0SxkGUVTR+Pbd8DwZUAHUXyzBE
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEqjCCA5KgAwIBAgIQAnmsRYvBskWr+YBTzSybsTANBgkqhkiG9w0BAQsFADBh
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBD
+QTAeFw0xNzExMjcxMjQ2MTBaFw0yNzExMjcxMjQ2MTBaMG4xCzAJBgNVBAYTAlVT
+MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
+b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
+MTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBALPeP6wkab41dyQh6mKc
+oHqt3jRIxW5MDvf9QyiOR7VfFwK656es0UFiIb74N9pRntzF1UgYzDGu3ppZVMdo
+lbxhm6dWS9OK/lFehKNT0OYI9aqk6F+U7cA6jxSC+iDBPXwdF4rs3KRyp3aQn6pj
+pp1yr7IB6Y4zv72Ee/PlZ/6rK6InC6WpK0nPVOYR7n9iDuPe1E4IxUMBH/T33+3h
+yuH3dvfgiWUOUkjdpMbyxX+XNle5uEIiyBsi4IvbcTCh8ruifCIi5mDXkZrnMT8n
+wfYCV6v6kDdXkbgGRLKsR4pucbJtbKqIkUGxuZI2t7pfewKRc5nWecvDBZf3+p1M
+pA8CAwEAAaOCAU8wggFLMB0GA1UdDgQWBBRVdE+yck/1YLpQ0dfmUVyaAYca1zAf
+BgNVHSMEGDAWgBQD3lA1VtFMu2bwo+IbG8OXsj3RVTAOBgNVHQ8BAf8EBAMCAYYw
+HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
+AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
+Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
+Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdENBLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
+/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
+MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAK3Gp6/aGq7aBZsxf/oQ+TD/B
+SwW3AU4ETK+GQf2kFzYZkby5SFrHdPomunx2HBzViUchGoofGgg7gHW0W3MlQAXW
+M0r5LUvStcr82QDWYNPaUy4taCQmyaJ+VB+6wxHstSigOlSNF2a6vg4rgexixeiV
+4YSB03Yqp2t3TeZHM9ESfkus74nQyW7pRGezj+TC44xCagCQQOzzNmzEAP2SnCrJ
+sNE2DpRVMnL8J6xBRdjmOsC3N6cQuKuRXbzByVBjCqAA8t1L0I+9wXJerLPyErjy
+rMKWaBFLmfK/AHNF4ZihwPGOc7w6UHczBZXH5RFzJNnww+WnKuTPI0HfnVH8lg==
+-----END CERTIFICATE-----

package.json

@@ -2,7 +2,7 @@
   "name": "vue_tsx",
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "vite",
     "build:dev": "vite build --mode test",
     "build": "vite build --mode production"
   },

postcss.config.js

@@ -9,13 +9,14 @@ module.exports = {
         propList: ['*'], // 能转化为vw的属性列表
         viewportUnit: 'vw', // 指定需要转换成的视窗单位，建议使用vw
         fontViewportUnit: 'vw', //字体使用的视口单位
-        selectorBlackList: ['.ignore-', '.hairlines'], //指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名
+        selectorBlackList: ['.ignore-', '.hairlines','.van','--van'], //指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名
         minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值
         mediaQuery: false, // 允许在媒体查询中转换`px`
         replace: true, //是否直接更换属性值，而不添加备用属性
         exclude: [
           /RightBar/,
           /gotop.vue/,
+          /node_modules/
         ], //忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
         landscape: false, //是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
         landscapeUnit: 'vw', //横屏时使用的单位

src/components/index.ts

@@ -0,0 +1,17 @@
+// 导入library文件夹下的所有组件
+// 批量导入需要使用一个函数 require.context(dir,deep,matching)
+// 参数：1. 目录  2. 是否加载子目录  3. 加载的正则匹配
+const modules = import.meta.glob("./*/index.vue");
+// 匹配到的文件名数组
+// console.log('查看匹配到的文件名数组', importFn.keys())
+export default {
+  install(app: any) {
+    // 批量注册全局组件
+    // 遍历文件名数组
+    for (const path in modules) {
+      modules[path]().then((mod) => {
+        app.component(path.split('/')[1], mod.default);
+      });
+    }
+  },
+};

src/components/m-nav-bar/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="header" :class="{
+      'header-border-bottom':border
+  }" :style="transparent ? '' : 'background-color: #ffffff;'">
+    <!-- <m-icon type="fanhui" @click="onClickLeft" /> -->
+    <div class="left">
+      <img @click="onClickLeft" class="left-arrow" src="./leftArrow.png" />
+    </div>
+
+    <span class="title">{{ title }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+const props = defineProps({
+  title: String,
+  border: Boolean,
+});
+const router = useRouter();
+const onClickLeft = () => {
+  router.back();
+};
+</script>
+
+<style lang="scss" scoped>
+.header-border-bottom {
+  border-bottom: 2px solid #e8e8e8;
+}
+.header {
+  position: sticky;
+  top: 0;
+  font-size: 30px;
+  padding: 28px;
+
+  z-index: 999;
+  .left {
+    width: 100%;
+    display: flex;
+    justify-content: flex-start;
+    .left-arrow {
+      width: 18px;
+      height: 34px;
+    }
+  }
+
+  .title {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+</style>

src/main.ts

@@ -6,8 +6,10 @@ import '@/style/index.scss';
 import Vant from "vant";
 import "vant/lib/index.css";
 import "babel-polyfill"
+import components from "./components";
 let app = createApp(App)
 app.use(Vant)
+app.use(components);
 app.directive('opacity', {
     mounted(el, binding) {
         console.log(binding.value)
@@ -19,4 +21,5 @@ app.directive('opacity', {
 
     }
 })
+
 app.use(router).use(store).mount('#app');

src/router/guard.ts

@@ -0,0 +1,14 @@
+import { Router } from "vue-router";
+
+const guard = (router: Router) => {
+    router.beforeEach(async (to, from, next) => {
+        console.log(to)
+        
+
+    })
+
+
+}
+//register
+//入驻
+export default guard

src/store/index.ts

@@ -4,17 +4,37 @@ import { createStore } from 'vuex';
 export default createStore({
   state,
   mutations: {
-    SET_BEGINTIME(state,payload){
-      state.beginTime =payload.beginTime
+    SET_BEGINTIME(state, payload) {
+      state.beginTime = payload.beginTime
       return state
 
     },
-    SET_ENDTIME(state,payload){
-      state.endTime =payload.endTime
+    SET_ENDTIME(state, payload) {
+      state.endTime = payload.endTime
       return state
 
     }
   },
-  actions: {},
+  actions: {
+    wxLogin() {
+      let href = ""
+      switch (import.meta.env.MODE) {
+        case "development":
+          location.replace(`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3043c2c1decb01ed&redirect_uri=https://coach1.zzxcx.net/&response_type=code&scope=snsapi_userinfo&state=LOGIN&connect_redirect=1#wechat_redirect`)
+          break;
+        case "test":
+          location.replace(`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3043c2c1decb01ed&redirect_uri=https://coach1.zzxcx.net/&response_type=code&scope=snsapi_userinfo&state=LOGIN&connect_redirect=1#wechat_redirect`)
+          break;
+        case "production":
+          location.replace(`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3043c2c1decb01ed&redirect_uri=https://coach.zzxcx.net/&response_type=code&scope=snsapi_userinfo&state=LOGIN&connect_redirect=1#wechat_redirect`);
+          break;
+      }
+
+     
+      
+
+
+    }
+  },
   modules: {},
 });

src/views/teacherApply/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <m-nav-bar :border="true" title="申请列表"></m-nav-bar>
+    <van-cell-group inset>
+      <!-- 输入任意文本 -->
+      <van-field placeholder="请输入你的姓名" v-model="applyForm.realName" label="姓名" />
+      <!-- 输入手机号，调起手机号键盘 -->
+      <van-field placeholder="请输入身份证号码" v-model="applyForm.idCard" type="tel" label="身份证号" />
+      <!-- 允许输入正整数，调起纯数字键盘 -->
+      <van-field placeholder="请输入手机号" v-model="applyForm.phone" type="digit" label="手机号码" />
+      <!-- 允许输入数字，调起带符号的纯数字键盘 -->
+      <van-field placeholder="请输入所属驾校" v-model="applyForm.schoolName" type="number" label="所属驾校" />
+    </van-cell-group>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  setup() {
+    return {
+        applyForm:{
+            idCard:"",
+            phone:"",
+            realName:"",
+            schoolName:""
+
+        }
+    };
+  },
+});
+</script>
+
+<style scoped>
+</style>

src/views/teacherEnter/index.vue

@@ -1,8 +1,14 @@
 <template>
   <div>
     <img class="img-cloud" :src="img.cloud" />
-    <img class="img-teacherEnter" :src="img.teacherEnter">
-    <img  :src="img.blueCar" class="img-blueCar">
+    <img class="img-teacherEnter" :src="img.teacherEnter" />
+    <img :src="img.blueCar" class="img-blueCar" />
+    <view class="wx">
+      <button @click="login" class="wxButton">
+        <img class="wxButton-icon" :src="img.wx">
+        <span class="wxButton-text">一键微信登录</span>
+      </button>
+    </view>
   </div>
 </template>
 
@@ -10,36 +16,66 @@
 import { defineComponent } from 'vue';
 import teacherEnter from '@/assets/img/teacherEnter.png';
 import cloud from '@/assets/img/cloud.png';
-import blueCar from '@/assets/img/blueCar.png'
+import blueCar from '@/assets/img/blueCar.png';
+import wx from '@/assets/img/wx.png'
 export default defineComponent({
   setup() {
-    
     return {
       img: {
         teacherEnter,
         cloud,
-        blueCar
+        blueCar,
+        wx
       },
     };
   },
 });
 </script>
 
-<style scoped>
-.img-cloud{
-    width: 100%;
-    height: 242px;
-    margin-top: 6px;
+<style lang="scss" scoped>
+.img-cloud {
+  width: 100%;
+  height: 242px;
+  margin-top: 6px;
 }
-.img-teacherEnter{
-    width: 646px;
-    height: 268px;
-    margin-top: 35px;
+.img-teacherEnter {
+  width: 646px;
+  height: 268px;
+  margin-top: 35px;
 }
-.img-blueCar{
-    width: 605px;
-    height: 214px;
-    margin-top: 97px;
-
+.img-blueCar {
+  width: 605px;
+  height: 214px;
+  margin-top: 97px;
+}
+.wx {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  bottom: 200px;
+  .wxButton::after {
+  }
+  .wxButton {
+    border: none;
+    width: 532px;
+    height: 80px;
+    background: #01c18d;
+    border-radius: 40px;
+    display: flex;
+    align-content: center;
+    align-items: center;
+    justify-content: center;
+  
+    .wxButton-icon{
+      width: 43px;
+      height: 34px;
+      margin-right: 11px;
+    }
+    .wxButton-text{
+      font-size: 30px;
+      color: white;
+    }
+  }
 }
 </style>

vite.config.ts

@@ -13,21 +13,16 @@ module.exports = defineConfig({
 		'@': pathResolve('./src'),
 	},
 	server: {
+		https: {
+			key: fs.readFileSync("./cert/6353984_jpcj-h5.zzxcx.net.key"),
+			cert: fs.readFileSync("./cert/6353984_jpcj-h5.zzxcx.net.pem"),
+		},
+		host: "coach.zzxcx.net",
+		port: 443,
 		// https: {
-		// 	key: fs.readFileSync("./cert/6353984_jpcj-h5.zzxcx.net.key"),
-		// 	cert: fs.readFileSync("./cert/6353984_jpcj-h5.zzxcx.net.pem"),
+		// key: fs.readFileSync("./cert/6353984_jpcj-h5.zzxcx.net.key"),
+		// cert: fs.readFileSync("./cert/6353984_jpcj-h5.zzxcx.net.pem")
 		// },
-		proxy: {
-			"/dev-api": {
-				target: "https://jpcj-admin1.zzxcx.net/twzd-admin",
-				changeOrigin: true,
-				rewrite: (path) => path.replace(/^\/dev-api/, ""),
-			},
-			"/prod-api": {
-				target: "https://jpcj-admin.zzxcx.net/twzd-admin",
-				changeOrigin: true,
-				rewrite: (path) => path.replace(/^\/prod-api/, ""),
-			},
-		},
+
 	},
 });