mudule harf

src/main.js

@@ -2,7 +2,7 @@ import Vue from "vue";
 import axios from "axios";
 
 import App from "./App.vue";
-import router from "./router";
+import router from "./routers";
 import store from "./store";
 import GLOBAL from "./config";
 import globalVuePlugins from "./plugins/globalVuePlugins";

src/modules/client-set/ClientAccountSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="client-account-set">
+    client-account-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "client-account-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/client-set/ClientParamSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="client-param-set">
+    client-param-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "client-param-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/client-set/ClientSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="client-set">
+    client-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "client-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/client-set/index.js

@@ -0,0 +1,3 @@
+import ClientSet from "./ClientSet.vue";
+
+export default ClientSet;

src/modules/grading-set/GradingLevelSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-level-set">
+    grading-level-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-level-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading-set/GradingRuleSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-rule-set">
+    grading-rule-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-rule-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading-set/GradingSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-set">
+    grading-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading-set/UploadPaper.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="upload-paper">
+    upload-paper
+  </div>
+</template>
+
+<script>
+export default {
+  name: "upload-paper",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading/Grading.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading">
+    grading
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading/GradingDetail.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-detail">
+    grading-detail
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-detail",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading/GradingGroupManage.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-group-manage">
+    grading-group-manage
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-group-manage",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading/GradingProgress.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-progress">
+    grading-progress
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-progress",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/grading/GradingUserManage.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="grading-user-manage">
+    grading-user-manage
+  </div>
+</template>
+
+<script>
+export default {
+  name: "grading-user-manage",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/login/fetchSmsMixins.js

@@ -1,4 +1,4 @@
-import { getSmsCode } from "./api";
+import { getSmsCode } from "../../modules-part/login/api";
 
 const wstorage = {
   set(key, value, expire = null) {

src/modules/login/views/ForgetPwd.vue

@@ -1,136 +0,0 @@
-<template>
-  <div class="forget-pswd login-box">
-    <div class="login-title">
-      <h1>忘记密码</h1>
-    </div>
-    <div class="login-form">
-      <Form ref="modalFormComp" :model="modalForm" :rules="forgetPswdRules">
-        <FormItem prop="phone">
-          <Input
-            v-model.trim="modalForm.phone"
-            prefix="md-phone-portrait"
-            placeholder="请输入手机号"
-            clearable
-          ></Input>
-        </FormItem>
-        <FormItem prop="code">
-          <div class="vlcode">
-            <div class="vlcode-right">
-              <Button
-                long
-                :type="isFetchingCode ? 'default' : 'primary'"
-                @click="fetchSmsCode"
-                :disabled="isFetchingCode"
-                >{{ codeContent }}</Button
-              >
-            </div>
-            <div class="vlcode-left">
-              <Input
-                v-model.trim="modalForm.code"
-                prefix="md-alert"
-                placeholder="请输入短信验证码"
-                clearable
-              ></Input>
-            </div>
-          </div>
-        </FormItem>
-        <FormItem prop="password">
-          <Input
-            type="password"
-            v-model.trim="modalForm.password"
-            prefix="md-lock"
-            placeholder="请输入新密码"
-            clearable
-          ></Input>
-        </FormItem>
-        <FormItem prop="repassword">
-          <Input
-            type="password"
-            v-model.trim="modalForm.repassword"
-            prefix="md-lock"
-            placeholder="请确认密码"
-            clearable
-          ></Input>
-        </FormItem>
-        <FormItem>
-          <Button
-            long
-            type="primary"
-            :disabled="isSubmit"
-            @click="submit('modalFormComp')"
-            >确认</Button
-          >
-          <div class="login-link">
-            <router-link :to="{ name: 'Login' }">返回登陆</router-link>
-          </div>
-        </FormItem>
-      </Form>
-    </div>
-  </div>
-</template>
-
-<script>
-import { phone, password, smscode } from "@/plugins/formRules";
-import { modifyPwd } from "../api";
-import fetchSmsMixins from "../fetchSmsMixins";
-
-const nameWaitTime = "forgetPwd";
-
-export default {
-  name: "forget-pswd",
-  mixins: [fetchSmsMixins],
-  data() {
-    const equalToPswd = (rule, value, callback) => {
-      if (value !== this.modalForm.password) {
-        callback(new Error("两次输入的密码不一致"));
-      } else {
-        callback();
-      }
-    };
-    return {
-      nameWaitTime,
-      modalForm: {
-        phone: "",
-        code: "",
-        password: "",
-        repassword: ""
-      },
-      forgetPswdRules: {
-        phone,
-        code: smscode,
-        password,
-        repassword: [
-          ...password,
-          {
-            validator: equalToPswd,
-            trigger: "blur"
-          }
-        ]
-      },
-      isSubmit: false
-    };
-  },
-  mounted() {
-    this.setWaitingTime();
-  },
-  methods: {
-    async submit(name) {
-      const valid = await this.$refs[name].validate();
-      if (!valid) return;
-
-      if (this.isSubmit) return;
-      this.isSubmit = true;
-      const data = await modifyPwd(this.modalForm).catch(() => {
-        this.isSubmit = false;
-      });
-
-      if (!data) return;
-      this.isSubmit = false;
-      this.$Message.success("重置密码成功！");
-      this.$router.push({
-        name: "Login"
-      });
-    }
-  }
-};
-</script>

src/modules/login/views/LoginHome.vue

@@ -1,22 +0,0 @@
-<template>
-  <div class="login-home">
-    <router-view></router-view>
-
-    <view-footer></view-footer>
-  </div>
-</template>
-
-<script>
-import ViewFooter from "@/components/ViewFooter";
-
-export default {
-  name: "login-home",
-  components: {
-    ViewFooter
-  },
-  data() {
-    return {};
-  },
-  methods: {}
-};
-</script>

src/modules/main/ClientMonitor.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="client-monitor">
+    client-monitor
+  </div>
+</template>
+
+<script>
+export default {
+  name: "client-monitor",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/main/Main.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="home admin-home">
+    <div class="home-header">
+      <view-header>
+        <div class="home-navs" slot="info">
+          <ul>
+            <li
+              :class="{ act: curNav.name === nav.name }"
+              v-for="(nav, index) in navs"
+              :key="index"
+              @click="switchNav(nav)"
+            >
+              <span class="nav-item-cont">{{ nav.title }}</span>
+            </li>
+          </ul>
+        </div>
+      </view-header>
+    </div>
+
+    <div class="home-body">
+      <div class="home-main">
+        <router-view />
+
+        <view-footer></view-footer>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { navs } from "../router";
+
+export default {
+  name: "admin-home",
+  data() {
+    return {
+      navs,
+      curNav: {}
+    };
+  },
+  mounted() {
+    this.actCurNav(this.$route);
+  },
+  methods: {
+    switchNav(item) {
+      if (item.name === this.curNav.name) return;
+
+      this.curNav = item;
+      this.$router.push({
+        name: item.name,
+        params: {
+          workId: this.$route.params.workId
+        }
+      });
+    },
+    actCurNav(router) {
+      this.curNav = this.navs.find(item => item.name === router.name);
+    }
+  }
+};
+</script>

src/modules/main/PaperManage.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="papers">
+    papers
+  </div>
+</template>
+
+<script>
+export default {
+  name: "papers",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/main/QualityAnalysis.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="quality-analysis">
+    quality-analysis
+  </div>
+</template>
+
+<script>
+export default {
+  name: "quality-analysis",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/main/StudentScore.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="student-score">
+    student-score
+  </div>
+</template>
+
+<script>
+export default {
+  name: "student-score",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark-set/ExportPaper.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="export-paper">
+    export-paper
+  </div>
+</template>
+
+<script>
+export default {
+  name: "export-paper",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark-set/MarkRuleSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-rule-set">
+    mark-rule-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-rule-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark-set/MarkSet.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-set">
+    mark-set
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-set",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark/Mark.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark">
+    mark
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark/MarkDetail.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-detail">
+    mark-detail
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-detail",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark/MarkGroupManage.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-group-manage">
+    mark-group-manage
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-group-manage",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark/MarkProgress.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-progress">
+    mark-progress
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-progress",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark/MarkTaskManage.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-task-manage">
+    mark-task-manage
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-task-manage",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/modules/mark/MarkUserManage.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="mark-user-manage">
+    mark-user-manage
+  </div>
+</template>
+
+<script>
+export default {
+  name: "mark-user-manage",
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>

src/plugins/axios.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 import qs from "qs";
 import ViewUI from "view-design";
-// import router from "../router";
+// import router from "../routers";
 // import Vue from "vue";
 
 /**

src/routers/grading.js

@@ -0,0 +1,50 @@
+import Grading from "../modules/grading/Grading";
+import GradingProgress from "../modules/grading/GradingProgress";
+import GradingDetail from "../modules/grading/GradingDetail";
+import GradingUserManage from "../modules/grading/GradingUserManage";
+import GradingGroupManage from "../modules/grading/GradingGroupManage";
+
+const gradingRoutes = [
+  {
+    path: "grading-progress",
+    name: "GradingProgress",
+    component: GradingProgress,
+    meta: {
+      title: "分档进度"
+    }
+  },
+  {
+    path: "grading-detail",
+    name: "GradingDetail",
+    component: GradingDetail,
+    meta: {
+      title: "分档详情"
+    }
+  },
+  {
+    path: "grading-user-manage",
+    name: "GradingUserManage",
+    component: GradingUserManage,
+    meta: {
+      title: "用户管理"
+    }
+  },
+  {
+    path: "grading-group-manage",
+    name: "GradingGroupManage",
+    component: GradingGroupManage,
+    meta: {
+      title: "分档分组"
+    }
+  }
+];
+
+export default [
+  {
+    path: "grading",
+    name: "Grading",
+    component: Grading,
+    redirect: { name: "GradingProgress" },
+    children: gradingRoutes
+  }
+];

src/router.js → src/routers/index.js

@@ -1,22 +1,17 @@
 import Vue from "vue";
 import Router from "vue-router";
 
-import Home from "./views/Home";
-import NotFound from "./views/404";
-import login from "./modules/login/router";
+import Home from "../views/Home";
+import NotFound from "../views/404";
+import Login from "../modules/login/Login";
 // import account from "./modules/account/router";
 // modules
-import admin from "./modules/admin/router";
-import subject from "./modules/subject/router";
+import main from "./main";
+import grading from "./grading";
 import com from "./modules/com/router";
 
 Vue.use(Router);
 
-export const roleRouters = {
-  ADMIN: admin,
-  SUBJECT: subject
-};
-
 export default new Router({
   routes: [
     {
@@ -24,13 +19,18 @@ export default new Router({
       name: "Index",
       redirect: { name: "Login" }
     },
+    {
+      path: "/login",
+      name: "Login",
+      component: Login
+    },
     {
       path: "/home",
       name: "Home",
-      component: Home,
-      children: [...admin, ...subject]
+      component: Home
     },
-    ...login,
+    ...main,
+    ...grading,
     ...com,
     {
       path: "*",

src/routers/main.js

@@ -0,0 +1,196 @@
+import Main from "../modules/main";
+import WorkManage from "../modules/main/WorkManage";
+import WorkOverview from "../modules/main/WorkOverview";
+import PaperManage from "../modules/main/PaperManage";
+import ClientMonitor from "../modules/main/ClientMonitor";
+import StudentManage from "../modules/main/StudentManage";
+import QualityAnalysis from "../modules/main/QualityAnalysis";
+import StudentScore from "../modules/main/StudentScore";
+// client-set
+import ClientSet from "../modules/client-set/ClientSet";
+import ClientAccountSet from "../modules/client-set/ClientAccountSet";
+import ClientParamSet from "../modules/client-set/ClientParamSet";
+
+// grading-set
+import GradingSet from "../modules/grading-set/GradingSet";
+import GradingRuleSet from "../modules/grading-set/GradingRuleSet";
+import GradingLevelSet from "../modules/grading-set/GradingLevelSet";
+import UploadPaper from "../modules/grading-set/UploadPaper";
+// mark-set
+import MarkSet from "../modules/mark-set/MarkSet";
+import MarkRuleSet from "../modules/mark-set/MarkRuleSet";
+import ExportPaper from "../modules/mark-set/ExportPaper";
+
+const workRouter = {
+  path: "/admin/work-manage",
+  name: "WorkManage",
+  component: WorkManage,
+  meta: {
+    title: "工作"
+  }
+};
+
+const clientSetRoutes = [
+  {
+    path: "client-account-set",
+    name: "ClientAccountSet",
+    component: ClientAccountSet,
+    meta: {
+      title: "账号设置"
+    }
+  },
+  {
+    path: "client-param-set",
+    name: "ClientParamSet",
+    component: ClientParamSet,
+    meta: {
+      title: "参数设置"
+    }
+  }
+];
+
+const gradingSetRoutes = [
+  {
+    path: "grading-level-set",
+    name: "GradingLevelSet",
+    component: GradingLevelSet,
+    meta: {
+      title: "档位设置"
+    }
+  },
+  {
+    path: "grading-rule-set",
+    name: "GradingRuleSet",
+    component: GradingRuleSet,
+    meta: {
+      title: "定档规则"
+    }
+  },
+  {
+    path: "upload-paper",
+    name: "UploadPaper",
+    component: UploadPaper,
+    meta: {
+      title: "上传试题"
+    }
+  }
+];
+
+const markSetRoutes = [
+  {
+    path: "mark-rule-set",
+    name: "MarkRuleSet",
+    component: MarkRuleSet,
+    meta: {
+      title: "打分设置"
+    }
+  },
+  {
+    path: "export-paper",
+    name: "ExportPaper",
+    component: ExportPaper,
+    meta: {
+      title: "图片导出"
+    }
+  }
+];
+
+const mainRoutes = [
+  {
+    path: "work-overview",
+    name: "WorkOverview",
+    component: WorkOverview,
+    meta: {
+      title: "总览"
+    }
+  },
+  {
+    path: "paper-manage",
+    name: "PaperManage",
+    component: PaperManage,
+    meta: {
+      title: "试卷管理"
+    }
+  },
+  {
+    path: "client-monitor",
+    name: "ClientMonitor",
+    component: ClientMonitor,
+    meta: {
+      title: "设备监控"
+    }
+  },
+  {
+    path: "student-manage",
+    name: "StudentManage",
+    component: StudentManage,
+    meta: {
+      title: "考生管理"
+    }
+  },
+  {
+    path: "client-set",
+    name: "ClientSet",
+    component: ClientSet,
+    redirect: { name: "ClientAccountSet" },
+    children: clientSetRoutes,
+    meta: {
+      title: "采集设置"
+    }
+  },
+  {
+    path: "grading-set",
+    name: "GradingSet",
+    component: GradingSet,
+    redirect: { name: "GradingLevelSet" },
+    children: gradingSetRoutes,
+    meta: {
+      title: "分档设置"
+    }
+  },
+
+  {
+    path: "mark-set",
+    name: "MarkSet",
+    component: MarkSet,
+    redirect: { name: "MarkRuleSet" },
+    children: markSetRoutes,
+    meta: {
+      title: "打分设置"
+    }
+  },
+  {
+    path: "quality-analysis",
+    name: "QualityAnalysis",
+    component: QualityAnalysis,
+    meta: {
+      title: "质量分析"
+    }
+  },
+  {
+    path: "student-score",
+    name: "StudentScore",
+    component: StudentScore,
+    meta: {
+      title: "成绩查询"
+    }
+  }
+];
+
+export const navs = mainRoutes.map(item => {
+  return {
+    name: item.name,
+    title: item.meta.title
+  };
+});
+
+export default [
+  { ...workRouter },
+  {
+    path: "/main/:workId(\\d+)",
+    name: "Main",
+    component: Main,
+    redirect: { name: "Overview" },
+    children: mainRoutes
+  }
+];