数据权限1

h5app/src/router/index.ts

@@ -4,6 +4,10 @@ import StudentTabsPage from '../views/sapp/TabsPage.vue';
 import LoginPage from '../views/login.vue';
 import WrapperLayoutView from '../views/wrapper/index.vue';
 import TeacherTabsPage from '../views/tapp/tabsPage.vue';
+import DemoPage from '../views/pages/demo/edit.vue';
+import JobUserInfoIndex from '../views/pages/jobUserInfo/index.vue';
+import JobUserInfoUserEdit from '../views/pages/jobUserInfo/userEdit.vue';
+import JobUserInfoCompanyEdit from '../views/pages/jobUserInfo/userEdit.vue';
 
 const routes: Array<RouteRecordRaw> = [
     {
@@ -115,8 +119,11 @@ const routes: Array<RouteRecordRaw> = [
             {
                 path: 'tabMain/demo/edit',
                 component: () => import('@/views/pages/demo/edit.vue')
+            },
+            {
+                path: 'tabMain/userQrCode/index',
+                component: () => import('@/views/pages/userQrCode/index.vue')
             }
-
         ]
     },
     {
@@ -148,8 +155,23 @@ const routes: Array<RouteRecordRaw> = [
     {
         path: '/login',
         component: LoginPage
+    },
+    {
+        path: '/demo',
+        component: DemoPage
+    },
+    {
+        path: '/jobUserInfo/index',
+        component: JobUserInfoIndex
+    },
+    {
+        path: '/jobUserInfo/useredit',
+        component: JobUserInfoUserEdit
+    },
+    {
+        path: '/jobUserInfo/companyedit',
+        component: JobUserInfoCompanyEdit
     }
-
 ]
 
 const router = createRouter({

h5app/src/views/pages/jobUserInfo/companyEdit.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    companyeidt
+  </div>
+</template>

h5app/src/views/pages/jobUserInfo/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index
+  </div>
+</template>

h5app/src/views/pages/jobUserInfo/userEdit.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    userEdit
+  </div>
+</template>

h5app/src/views/pages/userQrCode/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <ion-page className="list-page">
+    <ion-header>
+      <ion-toolbar>
+        <ion-title>我的二维码</ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content>
+      <div style="display: flex;">
+        <img src="@/assets/icon/wxQrcode.jpg" :style="imgStyle">
+        <img :src="infoQrcodeUrl" :style="imgStyle">
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+<script>
+import {defineComponent,ref} from "vue";
+
+export default defineComponent({
+  name: "qrcode",
+  setup() {
+    const browserWidth = ref(0);
+    const infoQrcodeUrl=ref("");
+    infoQrcodeUrl.value="/api/common/getQRCode?code=http://office.bowintek.com:8200/mobile/index.html#/login";
+
+    function updateBrowserWidth() {
+      browserWidth.value = window.innerWidth;
+    }
+
+    // 设置初始浏览器宽度
+    updateBrowserWidth();
+    // 监听窗口大小变化
+    window.addEventListener('resize', updateBrowserWidth);
+
+    return {
+      infoQrcodeUrl,
+      browserWidth,
+      imgStyle:{
+        width:(browserWidth.value-20)/2 + 'px',
+        height:(browserWidth.value-20)/2 + 'px',
+      }
+    }
+  }
+});
+</script>
+<style lang="less">
+
+</style>

h5app/src/views/sapp/tabMain.vue

@@ -4,6 +4,12 @@
     <div class="tab-main-content">
       <div class="main_top"></div>
       <div class="tool-box">
+        <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/userQrCode/index')">
+          <div class="tool-img">
+            <img src="@/assets/icon/qrcode.png">
+          </div>
+          <div class="tool-title">我的二维码</div>
+        </a>
         <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/jobhunt/list')">
           <div class="tool-img">
             <img src="@/assets/icon/qzxx.png">