2023-11-7

src/router/index.js

@@ -1,10 +1,10 @@
-import Vue from 'vue'
-import Router from 'vue-router'
+import Vue from "vue";
+import Router from "vue-router";
 
-Vue.use(Router)
+Vue.use(Router);
 
 /* Layout */
-import Layout from '@/layout'
+import Layout from "@/layout";
 
 /**
  * Note: sub-menu only appear when route children.length >= 1
@@ -30,83 +30,101 @@ import Layout from '@/layout'
  * a base page that does not have permission requirements
  * all roles can be accessed
  */
-export const constantRoutes = [{
-    path: '/login',
-    component: () => import('@/views/login/index'),
-    hidden: true
+export const constantRoutes = [
+  {
+    path: "/login",
+    component: () => import("@/views/login/index"),
+    hidden: true,
   },
 
   {
-    path: '/404',
-    component: () => import('@/views/404'),
-    hidden: true
+    path: "/404",
+    component: () => import("@/views/404"),
+    hidden: true,
   },
   {
-    path: '/test',
-    component: () => import('@/views/component/test.vue'),
-    hidden: true
+    path: "/test",
+    component: () => import("@/views/component/test.vue"),
+    hidden: true,
   },
   {
-    path: '/info',
+    path: "/info",
     component: Layout,
-    children: [{
-      path: 'password',
-      component: () => import('@/views/system/password'),
-      name: '密码修改',
+    children: [
+      {
+        path: "password",
+        component: () => import("@/views/system/password"),
+        name: "密码修改",
         meta: {
-        title: '密码修改'
-      }
-    }],
-    hidden: true
+          title: "密码修改",
+        },
+      },
+    ],
+    hidden: true,
   },
 
   {
-    path: '/',
+    path: "/",
     component: Layout,
-    redirect: '/dashboard',
-    children: [{
-      path: 'dashboard',
-      name: '系统首页',
-      component: () => import('@/views/dashboard/index'),
+    redirect: "/dashboard",
+    children: [
+      {
+        path: "dashboard",
+        name: "系统首页",
+        component: () => import("@/views/dashboard/index"),
         meta: {
-        title: '系统首页',
-        icon: 'dashboard'
-      }
-    }, ]
+          title: "系统首页",
+          icon: "dashboard",
+        },
+      },
+    ],
+  },
+  {
+    path: "/h5",
+    component: () => import("@/views/h5/index.vue"),
+    meta: {
+      title: "首页",
+    },
+    hidden: true
+  },
+  {
+    path: '/h5login',
+    component:() => import("@/views/h5/login.vue"),
+    meta: {
+      title: "登录",
+    },
+    hidden: true
   }
-]
-
-
+];
 
 /**
  * asyncRoutes
  * the routes that need to be dynamically loaded based on user roles
  */
 export const asyncRoutes = [
-
-
   // 404 page must be placed at the end !!!
   {
-    path: '*',
-    redirect: '/404',
-    hidden: true
-  }
-]
+    path: "*",
+    redirect: "/404",
+    hidden: true,
+  },
+];
 
-const createRouter = () => new Router({
+const createRouter = () =>
+  new Router({
     // mode: 'history', // require service support
     scrollBehavior: () => ({
-    y: 0
+      y: 0,
     }),
-  routes: constantRoutes
-})
+    routes: constantRoutes,
+  });
 
-const router = createRouter()
+const router = createRouter();
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createRouter()
-  router.matcher = newRouter.matcher // reset router
+  const newRouter = createRouter();
+  router.matcher = newRouter.matcher; // reset router
 }
 
-export default router
+export default router;

src/styles/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 4052909 */
-  src: url('iconfont.woff2?t=1683361610626') format('woff2'),
-       url('iconfont.woff?t=1683361610626') format('woff'),
-       url('iconfont.ttf?t=1683361610626') format('truetype');
+  font-family: "iconfont"; /* Project id 4318661 */
+  src: url('iconfont.woff2?t=1699320146625') format('woff2'),
+       url('iconfont.woff?t=1699320146625') format('woff'),
+       url('iconfont.ttf?t=1699320146625') format('truetype');
 }
 
 .iconfont {
@@ -13,107 +13,47 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-jurassic_process-list:before {
-  content: "\e6c4";
+.icon-heyan:before {
+  content: "\e661";
 }
 
-.icon-biaodan:before {
-  content: "\e663";
+.icon-qiantaifuwu-:before {
+  content: "\e605";
 }
 
-.icon-biaozhunhuaguizeguanli:before {
-  content: "\e60a";
-}
-
-.icon-a-zhidu6:before {
-  content: "\eb07";
-}
-
-.icon-dat:before {
-  content: "\e691";
-}
-
-.icon-audio:before {
-  content: "\e692";
-}
-
-.icon-video:before {
-  content: "\e693";
-}
-
-.icon-zip:before {
-  content: "\e694";
-}
-
-.icon-image:before {
-  content: "\e695";
-}
-
-.icon-pdf:before {
-  content: "\e696";
-}
-
-.icon-ppt:before {
-  content: "\e697";
-}
-
-.icon-21excel:before {
-  content: "\e698";
-}
-
-.icon-21word:before {
-  content: "\e699";
-}
-
-.icon-21move:before {
-  content: "\e69a";
-}
-
-.icon-21setting:before {
-  content: "\e69b";
-}
-
-.icon-21upload:before {
-  content: "\e69c";
-}
-
-.icon-21download:before {
-  content: "\e69d";
+.icon-zhongduanzaixianguanli:before {
+  content: "\e618";
 }
 
-.icon-21cancel:before {
-  content: "\e69e";
+.icon-zhanghaoguanli:before {
+  content: "\e690";
 }
 
-.icon-21ok:before {
-  content: "\e69f";
+.icon-rw-qt-t:before {
+  content: "\e7c4";
 }
 
-.icon-21copy:before {
-  content: "\e6a0";
+.icon-zaitu:before {
+  content: "\e60a";
 }
 
-.icon-21delete:before {
-  content: "\e6a1";
+.icon-chaxun:before {
+  content: "\e61b";
 }
 
-.icon-21edit:before {
-  content: "\e6a2";
+.icon-heyan1:before {
+  content: "\e604";
 }
 
-.icon-21new:before {
+.icon-heyan2:before {
   content: "\e6a3";
 }
 
-.icon-21folder:before {
-  content: "\e6a4";
-}
-
-.icon-21mutil:before {
-  content: "\e6a5";
+.icon-dayin:before {
+  content: "\e65c";
 }
 
-.icon-21file:before {
-  content: "\e6a6";
+.icon-lianxi2hebing_dayin:before {
+  content: "\e630";
 }
 

src/views/component/detail.vue

@@ -148,13 +148,21 @@ export default {
         Promise.all(promiseAll).then(res => {
           if (item.edit_input !== 'files') {
             let dataTable = this.allTables.find(t => t.table_name === res[1].relation[0].link_table_name);
-            formShow({ id: dataTable.id }).then(res1 => {
+            if (dataTable) {
+              formShow({ id: dataTable?.id }).then(res1 => {
                 this.linkTableList.push({
                   value: res[0].data?.map(o => o[res[1]?.relation[0]?.link_with_name]),
                   field: this.formatColumn(res1),
                   title: res[1]?.name
                 })
               })
+            } else {
+              this.linkTableList.push({
+                value: this.detail[item?._relations?.link_with_name],
+                field: this.formatColumn(res[1]),
+                title: res[1]?.name
+              })
+            }
           } else {
             this.linkTableList.push({
               value: res[0].data?.map(o => o[res[1]?.relation[0]?.link_with_name]),

src/views/component/dialog.vue

@@ -73,7 +73,9 @@ export default {
                           form: this.form,
                           file: this.file,
                         })
-                        : (i._relations && i.edit_input !== 'file' && i.edit_input !== 'files')
+                        : i._relations &&
+                        i.edit_input !== "file" &&
+                        i.edit_input !== "files"
                           ? [
                             h(
                               "el-input",
@@ -95,30 +97,21 @@ export default {
                                         ]?.no ||
                                       this.originalForm[
                                         i._relations.link_with_name
-                                        ]?.id
+                                        ]?.id || this.form[i.field]
                                       : this.originalForm[
                                         i._relations.link_with_name
                                         ]
                                         ?.map(
                                           (j) =>
-                                              j[i._relations.custom_form_field]
+                                            j[
+                                              i._relations
+                                                .custom_form_field
+                                              ]
                                         )
                                         ?.toString(),
                                 },
                                 on: {
-                                  // ['focus']:e => {
-                                  //   this.$refs['linkPickModal'].show()
-                                  // }
-                                },
-                              },
-                              [
-                                h("el-button", {
-                                  props: {
-                                    icon: "el-icon-arrow-right",
-                                  },
-                                  slot: "append",
-                                  on: {
-                                    click: (e) => {
+                                  ['focus']:e => {
                                     this.pickedLinkField.field = i.field;
                                     this.pickedLinkField.linkType =
                                       i._relations.link_relation;
@@ -129,11 +122,10 @@ export default {
                                         i._relations.link_with_name
                                         ];
                                     this.$refs["linkPickModal"].show();
+                                  }
                                 },
-                                  },
-                                }),
-                              ]
-                            ),
+                              }
+                            )
                           ]
                           : [
                             h(

src/views/h5/index.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  computed: {},
+}
+</script>
+
+<style scoped lang="scss">
+</style>

src/views/h5/login.vue

@@ -0,0 +1,60 @@
+<template>
+  <div>
+    <div class="title">
+      <h3>苏州市总工会</h3>
+      <h3>在档困难职工查询系统</h3>
+
+      <h5>请输入留档信息登录</h5>
+    </div>
+
+    <div class="form">
+      <el-form :model="form" label-position="top" size="mini">
+        <el-form-item v-for="(value,key) in form" :label="formLabel[key]">
+          <el-input v-model="form[key]" clearable :placeholder="'请输入'+formLabel[key]"/>
+        </el-form-item>
+        <el-form-item>
+          <Button long type="primary" size="small">确 认</Button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div>2023 苏州市总工会</div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form: {
+        name: '',
+        idcard: '',
+        mobile: '',
+        verify: '',
+      },
+      formLabel: {
+        name: '姓名',
+        idcard: '身份证号',
+        mobile: '手机号码',
+        verify: '验证码'
+      }
+    }
+  },
+  methods: {},
+  computed: {},
+}
+</script>
+
+<style scoped lang="scss">
+.title {
+  color: rgb(86, 141, 205);
+  text-align: center;
+
+  & > h5 {
+    color: #999;
+  }
+}
+@media (max-width: 1024px) {
+
+}
+</style>