基础信息配置中对于人员权限配置和工作流程配置页面进行地址跳转；搭建移动端所需框架及其UI组件库，将移动端代码适配PC端代码适配（进行中）；

package-lock.json

@@ -1776,6 +1776,16 @@
         "@types/node": "*"
       }
     },
+    "@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
+    "@vant/use": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.5.1.tgz",
+      "integrity": "sha512-Zxd7lDz/LliVYEQi3PR9a8CQa/kGCVzF0u9hqDMaTlgXlbG0wHMFPllrcG0ThR6bfs8xrYVuSFM9pJn6HSoUGQ=="
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -4978,7 +4988,7 @@
     },
     "estree-walker": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "esutils": {
@@ -6788,7 +6798,7 @@
     },
     "magic-string": {
       "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz",
       "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
       "requires": {
         "sourcemap-codec": "^1.4.8"
@@ -9204,7 +9214,7 @@
     },
     "sourcemap-codec": {
       "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "resolved": "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
     },
     "spdx-correct": {
@@ -9917,6 +9927,16 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "vant": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-4.5.0.tgz",
+      "integrity": "sha512-MK7TlTvp+n0HRFAi7SoRZwTt1pquJ2aUa8nQ899Mf+x9gi8OLYrMFqEQX+l1e4Cl4RO0vD1Q5w9rs4+Wehesog==",
+      "requires": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.5.1",
+        "@vue/shared": "^3.0.0"
+      }
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",

package.json

@@ -22,6 +22,7 @@
     "jszip": "^3.10.1",
     "monaco-editor": "^0.27.0",
     "monaco-editor-webpack-plugin": "^4.2.0",
+    "vant": "^4.5.0",
     "vue": "^3.2.45",
     "vue-router": "^4.1.5",
     "vuedraggable": "^4.1.0",

src/main.js

@@ -3,8 +3,10 @@ import App from './App.vue'
 // import httpss from './api/http.js'
 import router from './router'
 import ElementPlus from 'element-plus'
+import Vant from 'vant'
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 import 'element-plus/dist/index.css'
+import 'vant/lib/index.css';
 import './assets/css/icon.css'
 import './assets/font/iconfont.css'
 import './api/permission' //路由守卫
@@ -21,4 +23,4 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 app.config.globalProperties.$utils = utils;
 app.config.globalProperties.$echarts = echarts;
 app.config.globalProperties.$axios = axios;
-app.use(router).use(store).use(ElementPlus, { size: 'small',locale: zhCn }).mount('#app')
+app.use(router).use(store).use(Vant).use(ElementPlus, { size: 'small',locale: zhCn }).mount('#app')

src/views/Login.vue

@@ -34,12 +34,18 @@
                 </div> -->
     </div>
     <div v-else>
-        <div>cesMobile</div>
+        <div>
+            <van-tabbar v-model="vantActive">
+                <van-tabbar-item icon="home-o">标签</van-tabbar-item>
+                <van-tabbar-item icon="search">标签</van-tabbar-item>
+                <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
+                <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
+            </van-tabbar>
+        </div>
     </div>
 </template>
 
 <script>
-import { setToken } from '@/api/auth'
 import { ElMessage } from "element-plus";
 import { loginApi, apiGetCodeByToken, apiGetUserMsg, apiGetPrivilegesOfCurrentUserAll } from '../api/api'
 export default {
@@ -53,7 +59,9 @@ export default {
             loading:false,
             loginText: '',
             loginLoading: false,
-            isMobile: window.localStorage.getItem('isMobile')
+            isMobile: window.localStorage.getItem('isMobile'),
+
+            vantActive: 0
         }
     },
     created() {