commit：修改微服务工程目录名称

orange-demo-multi-web/src/App.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  watch: {
+    $route: {
+      handler (newValue) {
+        document.title = '橙单工程';
+        if (newValue.meta && newValue.meta.title) document.title += ' - ' + newValue.meta.title;
+      },
+      immediate: true
+    }
+  }
+}
+</script>

orange-demo-multi-web/src/api/Controller/ClassController.js

@@ -0,0 +1,65 @@
+export default class ClassController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/CourseClass/class/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static listClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/listClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static listNotInClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/listNotInClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static addClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/addClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/updateClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static deleteClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/deleteClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static listClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/listClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static listNotInClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/listNotInClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static addClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/addClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/updateClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static deleteClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/class/deleteClassStudent', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/CourseController.js

@@ -0,0 +1,25 @@
+export default class CourseController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/course/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/course/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/CourseClass/course/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/course/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/course/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/course/delete', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/CourseTransStatsController.js

@@ -0,0 +1,17 @@
+export default class CourseTransStatsController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/courseTransStats/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/courseTransStats/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/stats/courseTransStats/export', params, fileName);
+  }
+
+  static listWithGroup (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/courseTransStats/listWithGroup', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/DictionaryController.js

@@ -0,0 +1,155 @@
+import * as staticDict from '@/staticDict'
+
+export default class DictionaryController {
+  static dictSysUserStatus () {
+    return new Promise((resolve) => {
+      resolve(staticDict.SysUserStatus);
+    });
+  }
+  static dictSysUserType () {
+    return new Promise((resolve) => {
+      resolve(staticDict.SysUserType);
+    });
+  }
+  static dictClassStatus () {
+    return new Promise((resolve) => {
+      resolve(staticDict.ClassStatus);
+    });
+  }
+  static dictClassLevel () {
+    return new Promise((resolve) => {
+      resolve(staticDict.ClassLevel);
+    });
+  }
+  static dictCourseDifficult () {
+    return new Promise((resolve) => {
+      resolve(staticDict.CourseDifficult);
+    });
+  }
+  static dictSubject () {
+    return new Promise((resolve) => {
+      resolve(staticDict.Subject);
+    });
+  }
+  static dictStudentActionType () {
+    return new Promise((resolve) => {
+      resolve(staticDict.StudentActionType);
+    });
+  }
+  static dictDeviceType () {
+    return new Promise((resolve) => {
+      resolve(staticDict.DeviceType);
+    });
+  }
+  static dictGender () {
+    return new Promise((resolve) => {
+      resolve(staticDict.Gender);
+    });
+  }
+  static dictExpLevel () {
+    return new Promise((resolve) => {
+      resolve(staticDict.ExpLevel);
+    });
+  }
+  static dictStudentStatus () {
+    return new Promise((resolve) => {
+      resolve(staticDict.StudentStatus);
+    });
+  }
+  static dictAreaCode (sender, params, axiosOption, httpOption) {
+    return new Promise((resolve, reject) => {
+      sender.doUrl('/admin/CourseClass/areaCode/listDictAreaCode', 'get', params, axiosOption, httpOption).then(res => {
+        let dictData = new staticDict.DictionaryBase();
+        dictData.setList(res.data);
+        resolve(dictData);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+  static dictAreaCodeByParentId (sender, params, axiosOption, httpOption) {
+    return new Promise((resolve, reject) => {
+      sender.doUrl('/admin/CourseClass/areaCode/listDictAreaCodeByParentId', 'get', params, axiosOption, httpOption).then(res => {
+        let dictData = new staticDict.DictionaryBase();
+        dictData.setList(res.data);
+        resolve(dictData);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+  static dictAddAreaCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/areaCode/add', 'post', params, axiosOption, httpOption);
+  }
+  static dictDeleteAreaCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/areaCode/delete', 'post', params, axiosOption, httpOption);
+  }
+  static dictBatchDeleteAreaCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('', 'post', params, axiosOption, httpOption);
+  }
+  static dictUpdateAreaCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/areaCode/update', 'post', params, axiosOption, httpOption);
+  }
+  static dictReloadAreaCodeCachedData (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/areaCode/reloadCachedData', 'get', params, axiosOption, httpOption);
+  }
+  static dictCourse (sender, params, axiosOption, httpOption) {
+    return new Promise((resolve, reject) => {
+      sender.doUrl('/admin/CourseClass/course/listDictCourse', 'get', params, axiosOption, httpOption).then(res => {
+        let dictData = new staticDict.DictionaryBase();
+        dictData.setList(res.data);
+        resolve(dictData);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+  static dictGrade (sender, params, axiosOption, httpOption) {
+    return new Promise((resolve, reject) => {
+      sender.doUrl('/admin/CourseClass/grade/listDictGrade', 'get', params, axiosOption, httpOption).then(res => {
+        let dictData = new staticDict.DictionaryBase();
+        dictData.setList(res.data);
+        resolve(dictData);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+  static dictAddGrade (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/grade/add', 'post', params, axiosOption, httpOption);
+  }
+  static dictDeleteGrade (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/grade/delete', 'post', params, axiosOption, httpOption);
+  }
+  static dictBatchDeleteGrade (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('', 'post', params, axiosOption, httpOption);
+  }
+  static dictUpdateGrade (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/grade/update', 'post', params, axiosOption, httpOption);
+  }
+  static dictReloadGradeCachedData (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/grade/reloadCachedData', 'get', params, axiosOption, httpOption);
+  }
+  static dictSchoolInfo (sender, params, axiosOption, httpOption) {
+    return new Promise((resolve, reject) => {
+      sender.doUrl('/admin/CourseClass/schoolInfo/listDictSchoolInfo', 'get', params, axiosOption, httpOption).then(res => {
+        let dictData = new staticDict.DictionaryBase();
+        dictData.setList(res.data);
+        resolve(dictData);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+  static dictStudent (sender, params, axiosOption, httpOption) {
+    return new Promise((resolve, reject) => {
+      sender.doUrl('/admin/CourseClass/student/listDictStudent', 'get', params, axiosOption, httpOption).then(res => {
+        let dictData = new staticDict.DictionaryBase();
+        dictData.setList(res.data);
+        resolve(dictData);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+}

orange-demo-multi-web/src/api/Controller/SchoolInfoController.js

@@ -0,0 +1,25 @@
+export default class SchoolInfoController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/schoolInfo/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/schoolInfo/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/CourseClass/schoolInfo/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/schoolInfo/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/schoolInfo/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/schoolInfo/delete', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/StudentActionStatsController.js

@@ -0,0 +1,17 @@
+export default class StudentActionStatsController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionStats/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionStats/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/stats/studentActionStats/export', params, fileName);
+  }
+
+  static listWithGroup (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionStats/listWithGroup', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/StudentActionTransController.js

@@ -0,0 +1,25 @@
+export default class StudentActionTransController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionTrans/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionTrans/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/stats/studentActionTrans/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionTrans/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionTrans/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/stats/studentActionTrans/delete', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/StudentClassController.js

@@ -0,0 +1,65 @@
+export default class StudentClassController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/CourseClass/studentClass/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static listClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/listClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static listNotInClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/listNotInClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static addClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/addClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/updateClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static deleteClassCourse (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/deleteClassCourse', 'post', params, axiosOption, httpOption);
+  }
+
+  static listClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/listClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static listNotInClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/listNotInClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static addClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/addClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/updateClassStudent', 'post', params, axiosOption, httpOption);
+  }
+
+  static deleteClassStudent (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/studentClass/deleteClassStudent', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/StudentController.js

@@ -0,0 +1,25 @@
+export default class StudentController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/student/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/student/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/CourseClass/student/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/student/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/student/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/CourseClass/student/delete', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/SysDataPermController.js

@@ -0,0 +1,61 @@
+export default class SysDataPermController {
+  /**
+   * @param params    {dataPermId, dataPermName, deptIdListString}
+   */
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/add', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermId, dataPermName, deptIdListString}
+   */
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/update', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermId}
+   */
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermName}
+   */
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/list', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermId}
+   */
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/view', 'get', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermId, searchString}
+   */
+  static listDataPermUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/listDataPermUser', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermId, userIdListString}
+   */
+  static addDataPermUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/addDataPermUser', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {dataPermId, userId}
+   */
+  static deleteDataPermUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/deleteDataPermUser', 'post', params, axiosOption, httpOption);
+  }
+
+  static listNotInDataPermUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDataPerm/listNotInDataPermUser', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/SysDeptController.js

@@ -0,0 +1,25 @@
+export default class SysDeptController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysDept/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysDept/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/upms/sysDept/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysDept/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysDept/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysDept/delete', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/SysUserController.js

@@ -0,0 +1,25 @@
+export default class SysUserController {
+  static list (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysUser/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static view (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysUser/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static export (sender, params, fileName) {
+    return sender.download('/admin/upms/sysUser/export', params, fileName);
+  }
+
+  static add (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysUser/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static update (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysUser/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static delete (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('/admin/upms/sysUser/delete', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/Controller/SystemController.js

@@ -0,0 +1,201 @@
+export default class SystemController {
+  static login (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/login/doLogin', 'get', params, axiosOption, httpOption);
+  }
+
+  static logout (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/login/doLogout', 'post', params, axiosOption, httpOption);
+  }
+
+  static changePassword (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/login/changePassword', 'post', params, axiosOption, httpOption);
+  }
+
+  static getDictList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysDict/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static getRoleList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static getRole (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static deleteRole (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static addRole (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateRole (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static getUserList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static getUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static resetUserPassword (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/resetPassword', 'post', params, axiosOption, httpOption);
+  }
+
+  static deleteUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static addUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/update', 'post', params, axiosOption, httpOption);
+  }
+
+  // 菜单接口
+  static getMenuPermList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysMenu/list', 'get', params, axiosOption, httpOption);
+  }
+
+  static addMenu (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysMenu/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static updateMenu (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysMenu/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static deleteMenu (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysMenu/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static viewMenu (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysMenu/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static listMenuPerm (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysMenu/listMenuPerm', 'get', params, axiosOption, httpOption);
+  }
+
+  // 权限字接口
+  static getPermCodeList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermCode/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static addPermCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermCode/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static updatePermCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermCode/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static deletePermCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermCode/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static viewPermCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermCode/view', 'get', params, axiosOption, httpOption);
+  }
+
+  // 权限资源接口
+  static getAllPermList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermModule/listAll', 'get', params, axiosOption, httpOption);
+  }
+
+  static getPermGroupList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermModule/list', 'get', params, axiosOption, httpOption);
+  }
+
+  static addPermGroup (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermModule/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static updatePermGroup (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermModule/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static deletePermGroup (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPermModule/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  static getPermList (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPerm/list', 'post', params, axiosOption, httpOption);
+  }
+
+  static viewPerm (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPerm/view', 'get', params, axiosOption, httpOption);
+  }
+
+  static addPerm (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPerm/add', 'post', params, axiosOption, httpOption);
+  }
+
+  static updatePerm (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPerm/update', 'post', params, axiosOption, httpOption);
+  }
+
+  static deletePerm (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysPerm/delete', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {roleId, searchString}
+   */
+  static listRoleUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/listUserRole', 'post', params, axiosOption, httpOption);
+  }
+
+  static listNotInUserRole (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/listNotInUserRole', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {roleId, userIdListString}
+   */
+  static addRoleUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/addUserRole', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params    {roleId, userId}
+   */
+  static deleteRoleUser (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/deleteUserRole', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params {}
+   */
+  static queryRoleByPermCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/listAllRolesByPermCode', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params {}
+   */
+  static queryRoleByURL (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/listAllRolesByPerm', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params {}
+   */
+  static queryPerm (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysUser/listAllPerms', 'post', params, axiosOption, httpOption);
+  }
+
+  /**
+   * @param params {}
+   */
+  static queryPermCode (sender, params, axiosOption, httpOption) {
+    return sender.doUrl('admin/upms/sysRole/deleteUserRole', 'post', params, axiosOption, httpOption);
+  }
+}

orange-demo-multi-web/src/api/index.js

@@ -0,0 +1,25 @@
+import SystemController from './Controller/SystemController'
+import SysDataPermController from './Controller/SysDataPermController'
+import DictionaryController from './Controller/DictionaryController'
+import CourseController from './Controller/CourseController.js'
+import SchoolInfoController from './Controller/SchoolInfoController.js'
+import StudentController from './Controller/StudentController.js'
+import SysUserController from './Controller/SysUserController.js'
+import StudentClassController from './Controller/StudentClassController.js'
+import CourseTransStatsController from './Controller/CourseTransStatsController.js'
+import StudentActionStatsController from './Controller/StudentActionStatsController.js'
+import StudentActionTransController from './Controller/StudentActionTransController.js'
+
+export {
+  SystemController,
+  SysDataPermController,
+  DictionaryController,
+  CourseController,
+  SchoolInfoController,
+  StudentController,
+  SysUserController,
+  StudentClassController,
+  CourseTransStatsController,
+  StudentActionStatsController,
+  StudentActionTransController
+}

orange-demo-multi-web/src/assets/style/base.scss

@@ -0,0 +1,593 @@
+@import "element-color.scss";
+@import "transition.scss";
+
+html, body {
+  padding: 0;
+  margin: 0;
+  font-size: 14px;
+  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+  background-color: rgb(228,240,255);
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+$header-height: 60px;
+
+// 过滤组件长度
+$filter-item-width: 250px;
+// 范围选择过滤组件长度
+$filter-item-range-width: 400px;
+// 左侧过滤树组件每一项高度
+$tree-node-height: 40px;
+// 高级管理表单标题高度
+$advanced-title-height: 50px;
+$border-color: rgb(216, 220, 229);
+$menuHover: rgba(255,255,255,0.3);
+$menu-background-color: transparent;
+$tabs-header-margin-bottom: 25px;
+$tab-header-background-color: #EBEEF5;
+$image-item-width: 65px;
+$box-padding-size: 25px;
+
+/**
+ * 弹窗样式，封装的layer的弹窗
+ **/
+body .layer-dialog .layui-layer-title{
+  border-radius: 4px 4px 0px 0px;
+  border:1px solid #01000000;
+}
+
+body .layer-dialog .layui-layer-setwin {color: #ffffff}
+
+body .layer-dialog {
+  border-radius: 4px;
+  border:1px solid #01000000;
+}
+
+body .layer-dialog .layui-layer-content {
+  padding: $box-padding-size;
+}
+
+
+.demo-project {
+  .el-main {
+    padding: 0px;
+  }
+  .flex-box {
+    flex-wrap: wrap;
+  }
+  .scrollbar_dropdown__wrap {
+    overflow-x: hidden;
+  }
+
+  .icon-btn.el-button {
+    font-size: 18px;
+    padding: 5px 0px;
+  }
+
+  .default-padding-box {
+    padding: $box-padding-size;
+  }
+
+  .padding-no-top {
+    padding: 0px $box-padding-size $box-padding-size $box-padding-size;
+  }
+
+  .default-border {
+    border: 1px solid $border-color1;
+  }
+
+  .default-border-left {
+    border-left: 1px solid $border-color1;
+  }
+
+  .default-border-right {
+    border-right: 1px solid $border-color1;
+  }
+
+  .default-border-top {
+    border-top: 1px solid $border-color1;
+  }
+
+  .default-border-bottom {
+    border-bottom: 1px solid $border-color1;
+  }
+
+  .page-close-box {
+    position: absolute;
+    background: #13ce66;
+    transform: rotate(45deg);
+    height: 60px;
+    width: 60px;
+    right: -30px;
+    top:-30px;
+    text-align: center;
+
+    .el-button {
+      transform: rotate(-45deg);
+      color: white;
+      margin-top: 30px;
+    }
+  }
+
+   /**
+   * 过滤组件样式
+   **/
+   .mask-box {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    top: 0;
+    z-index: 10;
+  }
+  
+  .filter-box {
+    position: relative;
+    background-color: white;
+    padding: $box-padding-size $box-padding-size 0px $box-padding-size;
+    z-index: 20;
+  }
+
+  .advance-filter-box {
+    padding-bottom: 25px;
+  }
+  
+  .filter-item {
+    width: $filter-item-width;
+  }
+
+  .cascader-item {
+    width: 160px!important;
+  }
+  
+  .is-range, .is-search {
+    width: $filter-item-range-width;
+  }
+
+  .table-operation-box {
+    align-self: flex-end;
+    margin-bottom: 10px;
+    overflow: hidden;
+  }
+
+  /**
+   * 左侧树状组件的样式，用户高级管理表单以及用户管理表单
+   **/
+  .advanced-left-box {
+    border-right: 1px solid $border-color;
+    .el-tree-node__content {
+      height: $tree-node-height;
+    }
+
+    .tree-node-item {
+      height: $tree-node-height;
+      line-height: $tree-node-height;
+      width: 100%;
+
+      .tree-node-menu {
+        display: none;
+        float: right;
+        padding-right: 10px;
+        color: red!important;
+      }
+
+      &:hover .tree-node-menu {
+        display: block;
+      }
+    }
+
+    .el-tree-node .el-button+.el-button {
+      margin-left: 5px;
+    }
+  }
+  /**
+   * form表单输入组件宽度
+   **/
+  .full-width-input {
+    .el-select {
+      width: 100%;
+    }
+    
+    .el-input {
+      width: 100%;
+    }
+    
+    .el-cascader {
+      width: 100%;
+    }
+  
+    .el-date-editor {
+      width: 100%;
+    }
+  
+    .el-input-number {
+      width: 100%;
+    }
+  }
+  /**
+   * 左侧菜单样式
+   **/
+  .sidebar-bg {
+    background: linear-gradient(#FC8051, #EB6265);
+  }
+  
+  .sidebar-title {
+    height: 160px;
+    overflow: hidden;
+  }
+  
+  .sidebar-title-text {
+    width: 100%;
+    font-size: 18px;
+    color: #fff;
+    text-align: center;
+    margin: 0px;
+  }
+  .el-menu {
+    background-color: $menu-background-color;
+    border-right-width: 0px;
+  }
+
+  .menu-wrapper {
+    .el-menu {
+      background: linear-gradient(#FC8051, #EB6265);
+    }
+
+    .el-menu-item {
+      color: white;
+      i {
+        color: white;
+      }
+      &:hover {
+        background-color: rgba(255,255,255,0.3)!important;
+      }
+    }
+
+    .el-submenu {
+      .el-menu {
+        background: none;
+      }
+    }
+  }
+  
+  .el-submenu__title i {
+    color: white;
+  }
+
+  .el-menu--collapse {
+    .el-submenu__icon-arrow {
+      display: none;
+    }
+  }
+  
+  .nest-menu .el-submenu>.el-submenu__title, .el-submenu .el-menu-item {
+    min-width: 180px!important;
+    background: $menu-background-color;
+  }
+  
+  .el-menu-item.is-active {
+    border-left: 3px solid #47ba5a;
+    background-color: rgba(255,255,255,0.3)!important;
+  }
+  
+  .el-submenu__title {
+    background-color: $menu-background-color!important;
+  }
+
+  .el-menu {
+    border-right-width: 0px;
+  }
+  
+  .menu-collapse-btn {
+    padding: 0px;
+    width: 15px;
+    border-radius: 2px;
+    border: none;
+    height: 100px;
+    background-color: $--color-primary-light-5;
+    position: fixed;
+    top: 20%;
+    z-index: -1;
+    color: white;
+
+    &:hover {
+      background-color: $--color-primary-light-7;
+    }
+    .chart-border {
+      border: 1px solid #EBEEF5;
+    }
+  }
+  
+  /**
+   * 多tab页表单，tab样式
+   **/
+  .el-tabs__header {
+    margin: 0 0 20px;
+  }
+  /**
+   * 表格表头背景色
+   **/
+  .table-header-gray, .has-gutter .gutter {
+    background-color: $tab-header-background-color;
+  }
+  
+  /**
+   * 图片上传以及显示样式
+   **/
+  .upload-image-item {
+    font-size: 28px;
+    color: #8c939d;
+    width: $image-item-width;
+    height: $image-item-width;
+    text-align: center;
+    display: block;
+
+    .el-upload i {
+      line-height: $image-item-width;
+    }
+  }
+  
+  .upload-image-multi {
+    display: inline;
+  }
+  
+  .upload-image-item .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .upload-image-item .el-upload:hover {
+    border-color: #409eff;
+  }
+  
+  .upload-image-show {
+    width: $image-item-width;
+    height: $image-item-width;
+    display: inline;
+  }
+  
+  .table-cell-image {
+    width: $image-item-width;
+    height: $image-item-width;
+    line-height: $image-item-width;
+    text-align: center;
+    font-size: $image-item-width;
+    color: #606266;
+    margin: 0px 5px;
+  }
+  
+  .upload-image-list .el-upload-list__item {
+    width: $image-item-width;
+    height: $image-item-width;
+    line-height: $image-item-width;
+  }
+  
+  .upload-image-item .el-upload-list--picture-card .el-upload-list__item {
+    width: $image-item-width;
+    height: $image-item-width;
+  }
+  
+  .upload-image-item .el-upload.el-upload--text {
+    width: $image-item-width;
+    height: $image-item-width;
+  }
+  
+  .upload-image-item .el-upload--picture-card {
+    width: $image-item-width;
+    height: $image-item-width;
+    line-height: $image-item-width;
+  }
+  /**
+   *
+   **/
+  $header-menu-height: 32px;
+
+  .sidebar {
+    height: 100%;
+    background-color: #304156;
+    overflow: hidden;
+  }
+
+  .header {
+    display: flex;
+    height: $header-height;
+    background-color: white;
+  }
+
+  .header .menu-column {
+    margin-right: 20px;
+    .el-menu-item.is-active {
+      border-left: 0px solid #47ba5a;
+    }
+  }
+
+  .header-menu {
+    float: right;
+    height: $header-menu-height;
+    line-height: $header-menu-height;
+    margin-top: ($header-height - $header-menu-height) / 2;
+  }
+
+  .header-img {
+    width: $header-menu-height;
+    height: $header-menu-height;
+    border-radius: 50%;
+    margin-left: 10px;
+    float: right;
+  }
+
+  .user-dropdown {
+    color: $sub-text-color;
+    cursor: pointer;
+    font-size: 12px;
+  }
+  .user-dropdown-item {
+    font-size: 12px;
+    color: $main-text-color;
+  }
+
+  .hamburger-container {
+    line-height: 70px;
+    height: $header-height;
+    float: left;
+    padding: 0 10px;
+  }
+
+  .el-submenu__title {
+    background: #00000000;
+  }
+
+  ::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+    background: none;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: #DDDEE0;
+    border-radius: 7px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: #A8A8A8;
+  }
+  .tree-select {
+    .el-tree-node__content {
+      height: 34px;
+      line-height: 34px;
+      padding-right: 10px;
+    }
+  }
+
+  .tree-select.single-select-tree {
+    .el-tree-node.is-current > .el-tree-node__content > .el-tree-node__label {
+      color: $--color-primary;
+      font-weight: 700;
+    }
+  }
+
+  .cell {
+    .operation-cell {
+      color: #006CDC;
+      cursor: pointer;
+      text-decoration: underline;
+    }
+  }
+  
+  .single-select-tree {
+    min-width: 200px!important;
+  }
+
+  .base-card-header {
+    display: flex;
+    align-items: center;
+    height: 50px;
+    line-height: 50px;
+  }
+
+  .base-card-operation {
+    flex-grow: 1;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .el-card__header {
+    padding: 0px 15px;
+  }
+  .el-card__body {
+    padding: 15px;
+  }
+
+  .custom-cascader {
+    width: 200px!important;
+  }
+
+  .no-scroll {
+    overflow: hidden;
+  }
+
+  .custom-scroll .el-scrollbar__view {
+    overflow-x: hidden!important;
+  }
+
+  .upload-img-del {
+    position: absolute;
+    height: 20px;
+    width: 20px;
+    line-height: 20px;
+    font-size: 16px;
+    top: 2px;
+    right: 2px;
+    color: #C0C4CC;
+  }
+
+  .upload-img-del:hover {
+    color: #EF5E1C;
+  }
+
+  .input-label {
+    display: inline-block;
+    height: 29px;
+    line-height: 28px;
+  }
+
+  .input-progress {
+    height: 29px;
+    display: flex;
+    align-items: center;
+  }
+
+  .input-item {
+    width: 100%!important;
+  }
+
+  .table-header-gray {
+    background: rgba(237,237,237,1);
+  }
+
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px 0px;
+    line-height: 28px;
+  }
+}
+
+.ml20 {
+  margin-left: 20px;
+}
+
+.mr20 {
+  margin-right: 20px;
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+.pl20 {
+  padding-left: 20px;
+}
+
+.pr20 {
+  padding-right: 20px;
+}
+
+.pt20 {
+  padding-top: 20px;
+}
+
+.pb20 {
+  padding-bottom: 20px;
+}

orange-demo-multi-web/src/assets/style/element-color.scss

@@ -0,0 +1,25 @@
+$main-text-color: #303133;
+$normal-text-color: #606266;
+$sub-text-color: #909399;
+$placeholder-text-color: #C0C4CC;
+
+$border-color1: #DCDFE6;
+$border-color2: #E4E7ED;
+$border-color3: #EBEEF5;
+$border-color4: #F2F6FC;
+
+$success-color: #67C23A;
+$warning-color: #E6A23C;
+$danger-color: #F56C6C;
+$info-color: #909399;
+$--color-white: white;
+$--color-primary: #EF5E1C !default;
+$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
+$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
+$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
+$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
+$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
+$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
+$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
+$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
+$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */

orange-demo-multi-web/src/assets/style/form-style.scss

@@ -0,0 +1,112 @@
+.form-advanced-manager {
+  .advance-filter-box {
+    position: absolute;
+    top: 100%;
+    left: 0px;
+    background-color: white;
+    width: 100%;
+    padding: 10px $box-padding-size 15px $box-padding-size;
+  }
+  
+  .title-box {
+    border-bottom: 1px solid $border-color;
+    padding: 0px 20px;
+    z-index: 20;
+    background-color: white;
+    height: $advanced-title-height;
+
+    .title {
+      line-height: $advanced-title-height;
+      color: #606266;
+    }
+
+    .menu-box {
+      position: absolute;
+      top: 0px;
+      right: 10px;
+      height: $advanced-title-height;
+
+      .el-row {
+        margin: 10px 0px;
+        height: $advanced-title-height - 20;
+      }
+    }
+  }
+
+  .advanced-right-box {
+    padding: 0px;
+    .gutter-box {
+      margin: (($advanced-title-height - 16)/2) 0px;
+      height: 16px;
+      width: 3px;
+      background-color: $--color-primary;
+      float: left
+    }
+  }
+}
+
+.form-dict-manager {
+  .dict-title {
+    height: 50px;
+    line-height: 50px;
+    color: $main-text-color;
+    border-bottom: 1px solid $border-color1;
+    font-size: 14px;
+
+    span {
+      margin-left: 20px;
+    }
+  }
+
+  .dict-item {
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    color: #606266;
+    cursor: pointer;
+    padding-left: 20px;
+
+    &:hover {
+      background-color: $--color-primary-light-9;
+    }
+  }
+
+  .active-dict-item {
+    border-left: 3px solid $--color-primary;
+    color: $--color-primary;
+    background-color: $--color-primary-light-9 !important;
+  }
+  
+  .el-scrollbar__bar.is-horizontal {
+    display: none!important;
+  }
+}
+
+
+.form-table-manager {
+  .advance-filter-box {
+    position: absolute;
+    padding: 20px;
+    top: 100%;
+    left: 0px;
+    background-color: white;
+    width: 100%;
+    padding: 10px $box-padding-size 15px $box-padding-size;
+  }
+}
+
+.form-table-multi-select {
+  //
+}
+
+.form-config {
+  padding: $box-padding-size;
+}
+
+.form-multi-fragment {
+  //
+}
+
+.form-single-fragment {
+  //
+}

orange-demo-multi-web/src/assets/style/index.scss

@@ -0,0 +1,3 @@
+@import "../theme/index.css";
+@import "base.scss";
+@import "form-style.scss";

orange-demo-multi-web/src/assets/style/transition.scss

@@ -0,0 +1,31 @@
+/*fade*/
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/*fade*/
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+

orange-demo-multi-web/src/components/DateRange/index.vue

@@ -0,0 +1,305 @@
+<template>
+  <div class="date-range">
+    <!--<year-range-panel />-->
+    <el-select v-model="dateType" :size="size"
+      style="max-width: 100px; min-width: 100px; margin-right: 10px;"
+      v-if="!hideTypeOnlyOne || validTypeList.length > 1">
+      <el-option v-for="type in validTypeList" :key="type.value" :value="type.value" :label="type.label" />
+    </el-select>
+    <el-date-picker style="flex-grow: 1;" v-model="currentDates"
+      :size="size" :placeholder="placeholder" :type="innerDateType"
+      :disabled="disabled" :format="innerDateFormat" :readonly="readonly" :editable="editable"
+      :clearable="clearable" :start-placeholder="startPlaceholder" :end-placeholder="endPlaceholder"
+      :align="align" :range-separator="rangeSeparator" :value-format="valueFormat"
+      :prefix-icon="prefixIcon" :clear-icon="clearIcon" @change="onValueChange" />
+  </div>
+</template>
+
+<script>
+import { formatDate, parseDate } from 'element-ui/src/utils/date-util';
+
+const allTypeList = [{
+  value: 'day',
+  label: '自然日'
+}, {
+  value: 'month',
+  label: '自然月'
+}, {
+  value: 'year',
+  label: '自然年'
+}];
+
+export default {
+  name: 'DateRange',
+  props: {
+    /**
+     * 绑定的数据
+     */
+    value: {
+      type: [Array],
+      default: () => {
+        return []
+      }
+    },
+    /**
+     * 默认显示的数据选择方式，如果不存在与allowTypes中则显示allowTypes中的第一个
+     */
+    defaultDateType: {
+      type: String,
+      default: 'day'
+    },
+    /**
+     * 组件大小（medium / small / mini）
+     */
+    size: {
+      type: String
+    },
+    /**
+     * 数据选择方式只有一个的时候是否隐藏数据选择方式下拉
+     */
+    hideTypeOnlyOne: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 允许的数据选择方式（day, month, year）
+     * 默认值['day', 'month', 'year']
+     */
+    allowTypes: {
+      type: Array,
+      default: () => {
+        return allTypeList.map((item) => {
+          return item.value;
+        });
+      }
+    },
+    /**
+     * 是否范围选择
+     */
+    isRange: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 输出字符串的format
+     */
+    outputFormat: {
+      type: String,
+      default: 'yyyy-MM-dd HH:mm:ss'
+    },
+    /**
+     * 非范围选择时的占位内容
+     */
+    placeholder: String,
+    /**
+     * 范围选择时开始日期的占位内容
+     */
+    startPlaceholder: String,
+    /**
+     * 范围选择时结束日期的占位内容
+     */
+    endPlaceholder: String,
+    /**
+     * 完全只读
+     */
+    readonly: Boolean,
+    /**
+     * 禁用
+     */
+    disabled: Boolean,
+    /**
+     * 文本框可输入
+     */
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 是否显示清除按钮
+     */
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 对齐方式（left, center, right）
+     */
+    align: {
+      type: String,
+      default: 'left'
+    },
+    /**
+     * 选择范围时的分隔符
+     */
+    rangeSeparator: {
+      type: String,
+      default: '-'
+    },
+    /**
+     * 可选，绑定值的格式。不指定则绑定值为 Date 对象
+     */
+    valueFormat: {
+      type: String,
+      default: 'yyyy-MM-dd'
+    },
+    /**
+     * 自定义头部图标的类名
+     */
+    prefixIcon: {
+      type: String,
+      default: 'el-icon-date'
+    },
+    /**
+     * 自定义清空图标的类名
+     */
+    clearIcon: {
+      type: String,
+      default: 'el-icon-circle-close'
+    }
+  },
+  data () {
+    return {
+      dateType: this.defaultDateType,
+      currentDates: undefined
+    }
+  },
+  methods: {
+    onValueChange (values) {
+      this.$nextTick(() => {
+        this.emitChange();
+      });
+    },
+    emitChange () {
+      let outputDate = [];
+      if (this.currentDates != null) {
+        if (!this.isRange) {
+          outputDate[0] = new Date(this.currentDates);
+          outputDate[1] = new Date(this.currentDates);
+        } else {
+          if (Array.isArray(this.currentDates) && this.currentDates.length === 2) {
+            outputDate[0] = new Date(this.currentDates[0]);
+            outputDate[1] = new Date(this.currentDates[1]);
+          }
+        }
+
+        if (outputDate[0] != null && outputDate[1] != null) {
+          outputDate[0].setHours(0, 0, 0, 0);
+          outputDate[1].setHours(0, 0, 0, 0);
+          switch (this.dateType) {
+            case 'day':
+              outputDate[1].setDate(outputDate[1].getDate() + 1);
+              break;
+            case 'month':
+              outputDate[1].setDate(1);
+              outputDate[0].setDate(1);
+              outputDate[1].setMonth(outputDate[1].getMonth() + 1);
+              break;
+            case 'year':
+              outputDate[1].setMonth(0);
+              outputDate[1].setDate(1);
+              outputDate[0].setMonth(0);
+              outputDate[0].setDate(1);
+              outputDate[1].setFullYear(outputDate[1].getFullYear() + 1);
+              break;
+          }
+          outputDate[1] = new Date(outputDate[1].getTime() - 1);
+
+          outputDate[0] = formatDate(outputDate[0], this.outputFormat);
+          outputDate[1] = formatDate(outputDate[1], this.outputFormat);
+        }
+      }
+      this.$emit('input', outputDate);
+      this.$emit('change', outputDate);
+    },
+    getCurrentStatsDateType () {
+      return this.dateType;
+    }
+  },
+  computed: {
+    validTypeList () {
+      return allTypeList.filter((item) => {
+        return this.allowTypes.indexOf(item.value) !== -1;
+      });
+    },
+    /**
+     * el-date-picker使用的type
+     */
+    innerDateType () {
+      switch (this.dateType) {
+        case 'day': return this.isRange ? 'daterange' : 'date';
+        case 'month': return this.isRange ? 'monthrange' : 'month';
+        case 'year': return this.isRange ? 'monthrange' : 'year';
+        default: return this.isRange ? 'daterange' : 'date';
+      }
+    },
+    /**
+     * el-date-picker使用的format
+     */
+    innerDateFormat () {
+      switch (this.dateType) {
+        case 'day': return 'yyyy-MM-dd';
+        case 'month': return 'yyyy-MM';
+        case 'year': return 'yyyy';
+        default: return 'yyyy-MM-dd';
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler: function (newValue, oldValue) {
+        if (newValue == null || newValue.length < 2) {
+          this.currentDates = this.isRange ? [] : undefined;
+        } else {
+          if (this.currentDates == null) this.currentDates = [];
+          if (this.isRange) {
+            this.currentDates = [
+              parseDate(newValue[0], this.valueFormat),
+              parseDate(newValue[1], this.valueFormat)
+            ];
+          } else {
+            this.currentDates = parseDate(newValue[0], this.valueFormat);
+          }
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    dateType: {
+      handler: function (newValue, oldValue) {
+        if (this.allowTypes.indexOf(this.dateType) === -1) {
+          this.dateType = this.allowTypes[0] || 'day';
+        }
+        this.emitChange();
+      },
+      immediate: true
+    },
+    defaultDateType: {
+      handler: function (newValue, oldValue) {
+        if (this.allowTypes.indexOf(newValue) !== -1) {
+          this.dateType = newValue;
+        } else {
+          this.dateType = this.allowTypes[0];
+        }
+      }
+    },
+    isRange: {
+      handler: function (newValue, oldValue) {
+        let temp;
+        if (newValue) {
+          temp = [this.currentDates, this.currentDates];
+        } else {
+          temp = this.currentDates[0];
+        }
+
+        this.currentDates = temp;
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .date-range {
+    display: flex;
+  }
+</style>

orange-demo-multi-web/src/components/Dialog/index.js

@@ -0,0 +1,77 @@
+import $ from 'jquery';
+import Vue from 'vue';
+import router from '@/router';
+import store from '@/store';
+
+window.jQuery = $;
+const layer = require('layui-layer');
+
+class Dialog {
+  /**
+   * 关闭弹窗
+   * @param {*} index 要关闭的弹窗的index
+   */
+  static close (index) {
+    layer.close(index);
+  }
+  /**
+   * 关闭所有弹窗
+   */
+  static closeAll () {
+    layer.closeAll();
+  }
+  /**
+   * 打开弹窗
+   * @param {*} title 弹窗标题
+   * @param {*} component 弹窗内容的组件
+   * @param {*} options 弹窗设置（详情请见layui官网）
+   * @param {*} params 弹窗组件参数
+   */
+  static show (title, component, options, params) {
+    return new Promise((resolve, reject) => {
+      let layerOptions = {
+        title: title,
+        type: 1,
+        skin: 'layer-dialog',
+        resize: false,
+        offset: 'auto',
+        zIndex: 1000,
+        index: 0,
+        contentDom: null
+      };
+
+      layerOptions = {...layerOptions, ...options};
+      layerOptions.end = () => {
+        if (layerOptions.contentDom) document.body.removeChild(layerOptions.contentDom);
+      }
+
+      let observer = {
+        cancel: function (isSuccess = false) {
+          layer.close(this.index);
+          if (isSuccess) {
+            resolve();
+          } else {
+            reject();
+          }
+        },
+        index: -1
+      }
+      layerOptions.cancel = () => {
+        reject();
+      }
+      let dom = document.createElement('div');
+      document.body.appendChild(dom);
+      let Content = Vue.extend(component);
+      let vueObj = new Content({router: router, store: store, propsData: params});
+      vueObj.observer = observer;
+      vueObj.$mount(dom);
+      layerOptions.contentDom = vueObj.$el;
+      layerOptions.content = $(layerOptions.contentDom);
+      observer.index = layer.open(layerOptions);
+    });
+  }
+}
+
+Vue.prototype.$dialog = Dialog;
+
+export default Dialog;

orange-demo-multi-web/src/components/FilterBox/index.vue

@@ -0,0 +1,134 @@
+<template>
+  <el-row class="flex-box" type="flex" :justify="rowJustify">
+    <slot />
+    <div v-for="item in tempDomCount" :key="item" :style="{width: tempDomWidth}" />
+    <el-row type="flex" :justify="operatorPosition" :style="getMenuBoxStyle">
+      <slot name="operator" />
+    </el-row>
+  </el-row>
+</template>
+
+<script>
+import $ from 'jquery';
+
+export default {
+  name: 'FilterBox',
+  props: {
+    /**
+     * 每一个过滤项宽度（包含标题和输入框宽度总和）
+     */
+    itemWidth: {
+      type: Number,
+      required: true
+    },
+    /**
+     * 每一项下间距
+     */
+    marginBottom: {
+      type: String,
+      default: '18px'
+    },
+    /**
+     * 按钮块最小宽度默认350，当每一行剩余空间大于此值，按钮块将不会折行
+     */
+    minMenuWidth: {
+      type: Number,
+      default: 350
+    },
+    /**
+     * 按钮位置，默认为end，可选值为start/end/center/space-around/space-between
+     */
+    operatorPosition: {
+      type: String,
+      default: 'end'
+    }
+  },
+  data () {
+    return {
+      tempDomCount: 0,
+      tempDomWidth: undefined,
+      operatorWidth: undefined,
+      oldFilterItemCount: 0,
+      oldHasOperator: false,
+      oldWidth: 0,
+      rowJustify: 'space-between'
+    }
+  },
+  computed: {
+    getMenuBoxStyle () {
+      return {
+        'width': this.operatorWidth,
+        'margin-bottom': this.marginBottom,
+        'flex-grow': this.operatorWidth ? undefined : '1'
+      }
+    }
+  },
+  methods: {
+    onUpdate () {
+      setTimeout(() => {
+        let filterItemCount = Array.isArray(this.$slots.default) ? this.$slots.default.filter(item => item.context).length : 0;
+        let hasOperator = Array.isArray(this.$slots.operator) && this.$slots.operator.length > 0;
+        let width = $(this.$el).width();
+        if (filterItemCount === this.oldFilterItemCount && hasOperator === this.oldHasOperator && width === this.oldWidth) {
+          return;
+        }
+        let lineCount = this.itemWidth > 0 ? parseInt(width / this.itemWidth) : 1;
+        lineCount = Math.max(1, lineCount);
+        let residueCount = filterItemCount % lineCount;
+
+        this.tempDomCount = 0;
+        this.tempDomWidth = undefined;
+        this.rowJustify = 'space-between';
+        let tempCount = residueCount === 0 ? 0 : (lineCount - residueCount);
+        if (hasOperator) {
+          let residueWidth = width - ((Math.min(lineCount, filterItemCount) - residueCount) * this.itemWidth) - ((tempCount >= 1) ? 20 : 0);
+          // 判断剩余的空间是否够放下操作按钮
+          if (residueWidth >= this.minMenuWidth && residueCount === 0) {
+            this.rowJustify = 'start';
+            this.operatorWidth = undefined;
+          } else {
+            // 剩余空位数大于1，需要占位dom
+            if (tempCount >= 1) {
+              if (residueWidth >= this.minMenuWidth) {
+                this.tempDomCount = tempCount - 1;
+                this.tempDomWidth = this.tempDomCount > 0 ? (20 / this.tempDomCount) + 'px' : undefined;
+                this.operatorWidth = this.tempDomCount > 0 ? (((tempCount * this.itemWidth) - 20) + 'px') : (this.itemWidth + 'px');
+              } else {
+                this.tempDomCount = tempCount;
+                this.tempDomWidth = (residueWidth / this.tempDomCount) + 'px';
+                this.operatorWidth = '100%';
+              }
+            } else {
+              this.operatorWidth = '100%';
+            }
+          }
+        } else {
+          this.tempDomCount = tempCount;
+          this.tempDomWidth = this.itemWidth + 'px';
+        }
+
+        this.oldFilterItemCount = filterItemCount;
+        this.oldHasOperator = hasOperator;
+        this.oldWidth = width;
+      });
+    }
+  },
+  beforeUpdate () {
+    this.onUpdate();
+  },
+  mounted () {
+    setTimeout(() => {
+      this.onUpdate();
+    });
+  },
+  created () {
+    window.addEventListener('resize', this.onUpdate);
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.onUpdate);
+  }
+}
+</script>
+
+<style>
+</style>

orange-demo-multi-web/src/components/Hamburger/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <svg t="1492500959545" @click="toggleClick" class="hamburger" :class="{'is-active':isActive}" style="" viewBox="0 0 1024 1024"
+      version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64">
+      <path d="M966.8023 568.849776 57.196677 568.849776c-31.397081 0-56.850799-25.452695-56.850799-56.850799l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 543.397081 998.200404 568.849776 966.8023 568.849776z"
+        p-id="1692"></path>
+      <path d="M966.8023 881.527125 57.196677 881.527125c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 856.07443 998.200404 881.527125 966.8023 881.527125z"
+        p-id="1693"></path>
+      <path d="M966.8023 256.17345 57.196677 256.17345c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.850799 56.850799-56.850799l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.850799l0 0C1023.653099 230.720755 998.200404 256.17345 966.8023 256.17345z"
+        p-id="1694"></path>
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'hamburger',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false
+    },
+    toggleClick: {
+      type: Function,
+      default: null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+  display: inline-block;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  transform: rotate(90deg);
+  transform-origin: 50% 50%;
+}
+
+.hamburger.is-active {
+  transform: rotate(0deg);
+}
+</style>

orange-demo-multi-web/src/components/IconSelect/icon.json

@@ -0,0 +1,280 @@
+[
+  "el-icon-delete-solid",
+  "el-icon-delete",
+  "el-icon-s-tools",
+  "el-icon-setting",
+  "el-icon-user-solid",
+  "el-icon-user",
+  "el-icon-phone",
+  "el-icon-phone-outline",
+  "el-icon-more",
+  "el-icon-more-outline",
+  "el-icon-star-on",
+  "el-icon-star-off",
+  "el-icon-s-goods",
+  "el-icon-goods",
+  "el-icon-warning",
+  "el-icon-warning-outline",
+  "el-icon-question",
+  "el-icon-info",
+  "el-icon-remove",
+  "el-icon-circle-plus",
+  "el-icon-success",
+  "el-icon-error",
+  "el-icon-zoom-in",
+  "el-icon-zoom-out",
+  "el-icon-remove-outline",
+  "el-icon-circle-plus-outline",
+  "el-icon-circle-check",
+  "el-icon-circle-close",
+  "el-icon-s-help",
+  "el-icon-help",
+  "el-icon-minus",
+  "el-icon-plus",
+  "el-icon-check",
+  "el-icon-close",
+  "el-icon-picture",
+  "el-icon-picture-outline",
+  "el-icon-picture-outline-round",
+  "el-icon-upload",
+  "el-icon-upload2",
+  "el-icon-download",
+  "el-icon-camera-solid",
+  "el-icon-camera",
+  "el-icon-video-camera-solid",
+  "el-icon-video-camera",
+  "el-icon-message-solid",
+  "el-icon-bell",
+  "el-icon-s-cooperation",
+  "el-icon-s-order",
+  "el-icon-s-platform",
+  "el-icon-s-fold",
+  "el-icon-s-unfold",
+  "el-icon-s-operation",
+  "el-icon-s-promotion",
+  "el-icon-s-home",
+  "el-icon-s-release",
+  "el-icon-s-ticket",
+  "el-icon-s-management",
+  "el-icon-s-open",
+  "el-icon-s-shop",
+  "el-icon-s-marketing",
+  "el-icon-s-flag",
+  "el-icon-s-comment",
+  "el-icon-s-finance",
+  "el-icon-s-claim",
+  "el-icon-s-custom",
+  "el-icon-s-opportunity",
+  "el-icon-s-data",
+  "el-icon-s-check",
+  "el-icon-s-grid",
+  "el-icon-menu",
+  "el-icon-share",
+  "el-icon-d-caret",
+  "el-icon-caret-left",
+  "el-icon-caret-right",
+  "el-icon-caret-bottom",
+  "el-icon-caret-top",
+  "el-icon-bottom-left",
+  "el-icon-bottom-right",
+  "el-icon-back",
+  "el-icon-right",
+  "el-icon-bottom",
+  "el-icon-top",
+  "el-icon-top-left",
+  "el-icon-top-right",
+  "el-icon-arrow-left",
+  "el-icon-arrow-right",
+  "el-icon-arrow-down",
+  "el-icon-arrow-up",
+  "el-icon-d-arrow-left",
+  "el-icon-d-arrow-right",
+  "el-icon-video-pause",
+  "el-icon-video-play",
+  "el-icon-refresh",
+  "el-icon-refresh-right",
+  "el-icon-refresh-left",
+  "el-icon-finished",
+  "el-icon-sort",
+  "el-icon-sort-up",
+  "el-icon-sort-down",
+  "el-icon-rank",
+  "el-icon-loading",
+  "el-icon-view",
+  "el-icon-c-scale-to-original",
+  "el-icon-date",
+  "el-icon-edit",
+  "el-icon-edit-outline",
+  "el-icon-folder",
+  "el-icon-folder-opened",
+  "el-icon-folder-add",
+  "el-icon-folder-remove",
+  "el-icon-folder-delete",
+  "el-icon-folder-checked",
+  "el-icon-tickets",
+  "el-icon-document-remove",
+  "el-icon-document-delete",
+  "el-icon-document-copy",
+  "el-icon-document-checked",
+  "el-icon-document",
+  "el-icon-document-add",
+  "el-icon-printer",
+  "el-icon-paperclip",
+  "el-icon-takeaway-box",
+  "el-icon-search",
+  "el-icon-monitor",
+  "el-icon-attract",
+  "el-icon-mobile",
+  "el-icon-scissors",
+  "el-icon-umbrella",
+  "el-icon-headset",
+  "el-icon-brush",
+  "el-icon-mouse",
+  "el-icon-coordinate",
+  "el-icon-magic-stick",
+  "el-icon-reading",
+  "el-icon-data-line",
+  "el-icon-data-board",
+  "el-icon-pie-chart",
+  "el-icon-data-analysis",
+  "el-icon-collection-tag",
+  "el-icon-film",
+  "el-icon-suitcase",
+  "el-icon-suitcase-1",
+  "el-icon-receiving",
+  "el-icon-collection",
+  "el-icon-files",
+  "el-icon-notebook-1",
+  "el-icon-notebook-2",
+  "el-icon-toilet-paper",
+  "el-icon-office-building",
+  "el-icon-school",
+  "el-icon-table-lamp",
+  "el-icon-house",
+  "el-icon-no-smoking",
+  "el-icon-smoking",
+  "el-icon-shopping-cart-full",
+  "el-icon-shopping-cart-1",
+  "el-icon-shopping-cart-2",
+  "el-icon-shopping-bag-1",
+  "el-icon-shopping-bag-2",
+  "el-icon-sold-out",
+  "el-icon-sell",
+  "el-icon-present",
+  "el-icon-box",
+  "el-icon-bank-card",
+  "el-icon-money",
+  "el-icon-coin",
+  "el-icon-wallet",
+  "el-icon-discount",
+  "el-icon-price-tag",
+  "el-icon-news",
+  "el-icon-guide",
+  "el-icon-male",
+  "el-icon-female",
+  "el-icon-thumb",
+  "el-icon-cpu",
+  "el-icon-link",
+  "el-icon-connection",
+  "el-icon-open",
+  "el-icon-turn-off",
+  "el-icon-set-up",
+  "el-icon-chat-round",
+  "el-icon-chat-line-round",
+  "el-icon-chat-square",
+  "el-icon-chat-dot-round",
+  "el-icon-chat-dot-square",
+  "el-icon-chat-line-square",
+  "el-icon-message",
+  "el-icon-postcard",
+  "el-icon-position",
+  "el-icon-turn-off-microphone",
+  "el-icon-microphone",
+  "el-icon-close-notification",
+  "el-icon-bangzhu",
+  "el-icon-time",
+  "el-icon-odometer",
+  "el-icon-crop",
+  "el-icon-aim",
+  "el-icon-switch-button",
+  "el-icon-full-screen",
+  "el-icon-copy-document",
+  "el-icon-mic",
+  "el-icon-stopwatch",
+  "el-icon-medal-1",
+  "el-icon-medal",
+  "el-icon-trophy",
+  "el-icon-trophy-1",
+  "el-icon-first-aid-kit",
+  "el-icon-discover",
+  "el-icon-place",
+  "el-icon-location",
+  "el-icon-location-outline",
+  "el-icon-location-information",
+  "el-icon-add-location",
+  "el-icon-delete-location",
+  "el-icon-map-location",
+  "el-icon-alarm-clock",
+  "el-icon-timer",
+  "el-icon-watch-1",
+  "el-icon-watch",
+  "el-icon-lock",
+  "el-icon-unlock",
+  "el-icon-key",
+  "el-icon-service",
+  "el-icon-mobile-phone",
+  "el-icon-bicycle",
+  "el-icon-truck",
+  "el-icon-ship",
+  "el-icon-basketball",
+  "el-icon-football",
+  "el-icon-soccer",
+  "el-icon-baseball",
+  "el-icon-wind-power",
+  "el-icon-light-rain",
+  "el-icon-lightning",
+  "el-icon-heavy-rain",
+  "el-icon-sunrise",
+  "el-icon-sunrise-1",
+  "el-icon-sunset",
+  "el-icon-sunny",
+  "el-icon-cloudy",
+  "el-icon-partly-cloudy",
+  "el-icon-cloudy-and-sunny",
+  "el-icon-moon",
+  "el-icon-moon-night",
+  "el-icon-dish",
+  "el-icon-dish-1",
+  "el-icon-food",
+  "el-icon-chicken",
+  "el-icon-fork-spoon",
+  "el-icon-knife-fork",
+  "el-icon-burger",
+  "el-icon-tableware",
+  "el-icon-sugar",
+  "el-icon-dessert",
+  "el-icon-ice-cream",
+  "el-icon-hot-water",
+  "el-icon-water-cup",
+  "el-icon-coffee-cup",
+  "el-icon-cold-drink",
+  "el-icon-goblet",
+  "el-icon-goblet-full",
+  "el-icon-goblet-square",
+  "el-icon-goblet-square-full",
+  "el-icon-refrigerator",
+  "el-icon-grape",
+  "el-icon-watermelon",
+  "el-icon-cherry",
+  "el-icon-apple",
+  "el-icon-pear",
+  "el-icon-orange",
+  "el-icon-coffee",
+  "el-icon-ice-tea",
+  "el-icon-ice-drink",
+  "el-icon-milk-tea",
+  "el-icon-potato-strips",
+  "el-icon-lollipop",
+  "el-icon-ice-cream-square",
+  "el-icon-ice-cream-round"
+]

orange-demo-multi-web/src/components/IconSelect/index.vue

@@ -0,0 +1,104 @@
+<template>
+  <el-popover width="510" v-model="showDropdown" @show="onDropdownShow">
+    <div class="icon-select-dropdown">
+      <el-row type="flex" style="flex-wrap: wrap">
+        <el-col :span="3" v-for="icon in getIconList" :key="icon" class="icon-item"
+          :class="{active: (value === icon)}" @click.native="onIconClick(icon)">
+          <i :class="icon" />
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="space-between">
+        <el-button type="text" @click="onClearClick" style="margin-left: 10px;">清空</el-button>
+        <el-pagination
+          :current-page.sync="currentPage"
+          :page-size="pageSize"
+          layout="prev, pager, next"
+          :total="getIconCount">
+        </el-pagination>
+      </el-row>
+    </div>
+    <div slot="reference" class="icon-select"
+      :style="{width: height + 'px', height: height + 'px', 'line-height': height + 'px', 'font-size': height * 0.5 + 'px'}">
+      <i :class="value" />
+    </div>
+  </el-popover>
+</template>
+
+<script>
+import iconList from './icon.json';
+
+export default {
+  props: {
+    /**
+     * 绑定字段
+     */
+    value: String,
+    /**
+     * 组件高度，单位px
+     */
+    height: {
+      type: Number,
+      default: 45
+    }
+  },
+  data () {
+    return {
+      showDropdown: false,
+      currentPage: 1,
+      pageSize: 32
+    }
+  },
+  methods: {
+    onIconClick (icon) {
+      this.$emit('input', icon);
+      this.showDropdown = false;
+    },
+    onClearClick () {
+      this.$emit('input');
+      this.showDropdown = false;
+    },
+    onDropdownShow () {
+      this.currentPage = 1
+      let pos = iconList.indexOf(this.value);
+      if (pos >= 0) {
+        this.currentPage += Math.floor(pos / this.pageSize);
+      }
+    }
+  },
+  computed: {
+    getIconCount () {
+      return iconList.length;
+    },
+    getIconList () {
+      let beginPos = (this.currentPage - 1) * this.pageSize;
+      let endPos = beginPos + this.pageSize;
+      return iconList.slice(beginPos, endPos);
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .icon-select {
+    text-align: center;
+    color: #5F6266;
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  .icon-item {
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    font-size: 20px;
+    color: #5F6266;
+    border-radius: 3px;
+    border: 1px solid #DCDFE6;
+    margin: 10px;
+    cursor: pointer;
+  }
+  .active {
+    color: #EF5E1C;
+  }
+</style>

orange-demo-multi-web/src/components/InputNumberRange/index.vue

@@ -0,0 +1,226 @@
+<template>
+  <div class="el-input el-date-editor el-range-editor el-input__inner el-input-number-range"
+    :class="
+    [
+      inputSize ? 'el-range-editor--' + inputSize : '',
+      focused ? 'is-active' : '',
+      {
+        'is-disabled': inputDisabled,
+        'el-input--prefix': prefixIcon
+      }
+    ]"
+    @mouseenter="showClose = true"
+    @mouseleave="showClose = false">
+    <div class="el-input__icon el-range__icon" :class="prefixIcon">
+      <slot name="prepend"></slot>
+    </div>
+    <input
+      autocomplete="off"
+      :placeholder="startPlaceholder"
+      :value="userInput && userInput[0]"
+      :disabled="inputDisabled"
+      :readonly="readonly"
+      :name="name && name[0]"
+      @input="handleStartInput"
+      @change="handleStartChange"
+      @focus="focused = true"
+      @blur="focused = false"
+      class="el-range-input">
+    <slot name="range-separator">
+      <span class="el-range-separator">{{ rangeSeparator }}</span>
+    </slot>
+    <input
+      autocomplete="off"
+      :placeholder="endPlaceholder"
+      :value="userInput && userInput[1]"
+      :disabled="inputDisabled"
+      :readonly="readonly"
+      :name="name && name[1]"
+      @input="handleEndInput"
+      @change="handleEndChange"
+      @focus="focused = true"
+      @blur="focused = false"
+      class="el-range-input">
+    <i class="el-input__icon el-range__close-icon"
+      :class="[showClear ? 'el-icon-circle-close' : '']"
+      @click="handleClickClear">
+    </i>
+  </div>
+</template>
+
+<script>
+import emitter from 'element-ui/src/mixins/emitter';
+
+function isNumber (val) {
+  var regPos = /^\d+(\.\d+)?$/; // 非负浮点数
+  var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; // 负浮点数
+  if (regPos.test(val) || regNeg.test(val)) {
+    return true;
+  } else {
+    return false;
+  }
+}
+export default {
+  name: 'InputNumberRange',
+  componentName: 'InputNumberRange',
+  mixins: [emitter],
+  props: {
+    /**
+     * 绑定字段
+     */
+    value: {
+      type: Array,
+      default: function () {
+        return [];
+      }
+    },
+    /**
+     * 组件大小（medium / small / mini）
+     */
+    size: String,
+    /**
+     * 禁用
+     */
+    disabled: Boolean,
+    /**
+     * 完全只读
+     */
+    readonly: Boolean,
+    /**
+     * 是否显示清除按钮
+     */
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 自定义头部图标的类名
+     */
+    prefixIcon: String,
+    /**
+     * 范围选择时最小值的占位内容
+     */
+    startPlaceholder: String,
+    /**
+     * 范围选择时最大值的占位内容
+     */
+    endPlaceholder: String,
+    /**
+     * 原生属性
+     */
+    name: {
+      default: ''
+    },
+    /**
+     * 选择范围时的分隔符
+     */
+    rangeSeparator: {
+      type: String,
+      default: '-'
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+      hovering: false,
+      focused: false,
+      userInput: this.value,
+      showClose: false
+    };
+  },
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  computed: {
+    _elFormItemSize () {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    inputSize () {
+      let temp = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+      return temp;
+    },
+    inputDisabled () {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    showClear () {
+      let temp = this.clearable && !this.inputDisabled && !this.readonly && this.showClose &&
+        this.userInput != null && Array.isArray(this.userInput) && this.userInput.length > 0 &&
+        (this.userInput[0] != null || this.userInput[1] != null);
+      return temp;
+    }
+  },
+  methods: {
+    handleStartInput (event) {
+      if (this.userInput) {
+        this.userInput = [event.target.value, this.userInput[1]];
+      } else {
+        this.userInput = [event.target.value, null];
+      }
+    },
+
+    handleEndInput (event) {
+      if (this.userInput) {
+        this.userInput = [this.userInput[0], event.target.value];
+      } else {
+        this.userInput = [null, event.target.value];
+      }
+    },
+    handleStartChange (event) {
+      let value = this.userInput && this.userInput[0];
+      value = isNumber(value) ? value : null;
+      value = value ? Number.parseFloat(value) : null;
+      if (this.userInput) {
+        this.userInput[0] = value;
+      } else {
+        this.userInput = [value, null];
+      }
+      event.srcElement.value = value;
+      this.emitInput(this.userInput);
+    },
+    handleEndChange (event) {
+      let value = this.userInput && this.userInput[1];
+      value = isNumber(value) ? value : null;
+      value = value ? Number.parseFloat(value) : null;
+      if (this.userInput) {
+        this.userInput[1] = value;
+      } else {
+        this.userInput = [null, value];
+      }
+      event.srcElement.value = value;
+      this.emitInput(this.userInput);
+    },
+    handleClickClear () {
+      this.userInput = undefined;
+      this.emitInput(this.userInput);
+    },
+    valueEquals (val, oldVal) {
+      return JSON.stringify(val) === JSON.stringify(oldVal);
+    },
+    emitInput (values) {
+      this.$emit('input', values);
+      this.$emit('change', values);
+    }
+  },
+  watch: {
+    value: {
+      handler: function (val, oldVal) {
+        if (!this.valueEquals(val, oldVal) && this.validateEvent) {
+          this.dispatch('ElFormItem', 'el.form.change', val);
+        }
+      },
+      deep: true
+    }
+  }
+}
+</script>
+
+<style>
+</style>

orange-demo-multi-web/src/components/Progress/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <el-progress v-bind="$attrs" :percentage="getPercentage" />
+</template>
+
+<script>
+export default {
+  name: 'Progress',
+  props: {
+    /**
+     * 组件最小值
+     */
+    min: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * 组件最大值
+     */
+    max: {
+      type: Number,
+      default: 100
+    },
+    /**
+     * 组件当前值
+     */
+    value: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    getPercentage () {
+      let value = Math.min(this.max, Math.max(this.min, this.value));
+      value = value - this.min;
+      if ((this.max - this.min) === 0) {
+        value = 0;
+      } else {
+        value = ((value * 100) / (this.max - this.min));
+      }
+      return Number.isInteger(value) ? value : parseInt(value);
+    }
+  }
+}
+</script>

orange-demo-multi-web/src/components/RichEditor/index.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="uditor-class" ref="editor"></div>
+</template>
+
+<script>
+import WEditor from 'wangeditor';
+
+const defaultConfigs = {
+  uploadImgServer: undefined,
+  uploadFileName: 'imageFile',
+  uploadImgMaxSize: 1 * 1024 * 1024,
+  uploadImgShowBase64: true,
+  uploadImgMaxLength: 5,
+  uploadImgParams: undefined,
+  uploadImgParamsWithUrl: true,
+  withCredentials: true,
+  uploadImgTimeout: 5000,
+  uploadImgHeaders: undefined,
+  uploadImgHooks: undefined,
+  zIndex: 0,
+  lang: undefined,
+  pasteFilterStyle: true,
+  pasteIgnoreImg: false,
+  onchangeTimeout: 10,
+  menus: [
+    // 标题
+    'head',
+    // 粗体
+    'bold',
+    // 字号
+    'fontSize',
+    // 字体
+    'fontName',
+    // 斜体
+    'italic',
+    // 下划线
+    'underline',
+    // 删除线
+    'strikeThrough',
+    // 文字颜色
+    'foreColor',
+    // 背景颜色
+    'backColor',
+    // 插入链接
+    'link',
+    // 列表
+    'list',
+    // 对齐方式
+    'justify',
+    // 引用
+    'quote',
+    // 插入图片
+    'image',
+    // 撤销
+    'undo',
+    // 重复
+    'redo'
+  ]
+}
+
+export default {
+  props: {
+    /**
+     * 绑定字段
+     */
+    value: {
+      type: String
+    },
+    /**
+     * 配置项，详情请参考wangEditor文档
+     */
+    config: {
+      type: Object,
+      default: () => {
+        return defaultConfigs;
+      }
+    }
+  },
+  data () {
+    return {
+      editor: null
+    }
+  },
+  computed: {
+    getConfigs () {
+      return {...this.config, ...defaultConfigs};
+    }
+  },
+  mounted () {
+    this.editor = new WEditor(this.$refs.editor);
+    this.editor.customConfig = {...this.getConfigs};
+    this.editor.customConfig.pasteTextHandle = (content) => {
+      // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
+      return content;
+    }
+    this.editor.customConfig.linkImgCallback = (url) => {
+      console.log(url) // url 即插入图片的地址
+    }
+    this.editor.customConfig.linkCheck = (text, link) => {
+      return true // 返回 true 表示校验成功
+      // return '验证失败' // 返回字符串，即校验失败的提示信息
+    }
+
+    this.editor.customConfig.linkImgCheck = (src) => {
+      return true // 返回 true 表示校验成功
+      // return '验证失败' // 返回字符串，即校验失败的提示信息
+    }
+    // 失去焦点后更新数据
+    this.editor.customConfig.onblur = (html) => {
+      console.log(html)
+      this.$emit('input', html);
+    }
+
+    this.editor.create();
+    this.editor.txt.html(this.value);
+  },
+  watch: {
+    value: {
+      handler (newValue) {
+        if (this.editor) this.editor.txt.html(this.value);
+      },
+      immediate: true
+    }
+  }
+}
+</script>
+
+<style>
+</style>

orange-demo-multi-web/src/components/TableProgressColumn/index.vue

@@ -0,0 +1,119 @@
+<template>
+  <el-table-column v-bind="$attrs">
+    <template slot-scope="scope">
+      <orange-progress :stroke-width="strokeWidth" :type="type" :text-inside="textInside" :status="status" :color="color"
+        :width="width" :show-text="showText" :min="getMinValue(scope.row)" :max="getMaxValue(scope.row)"
+        :value="getValue(scope.row)" />
+    </template>
+  </el-table-column>
+</template>
+
+<script>
+import Progress from '@/components/Progress/index.vue';
+
+export default {
+  name: 'TableProgressColumn',
+  components: {
+    'orange-progress': Progress
+  },
+  props: {
+    /**
+     * 固定值最小值
+     */
+    min: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * 固定值最大值
+     */
+    max: {
+      type: Number,
+      default: 100
+    },
+    /**
+     * 固定值当前值
+     */
+    value: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * 表格最小值字段名
+     */
+    minColumn: {
+      type: String
+    },
+    /**
+     * 表格最大值字段名
+     */
+    maxColumn: {
+      type: String
+    },
+    /**
+     * 表格当前值字段名
+     */
+    valueColumn: {
+      type: String
+    },
+    /**
+     * 进度条的宽度，单位 px
+     */
+    strokeWidth: {
+      type: Number,
+      default: 16
+    },
+    /**
+     * 进度条类型（line/circle/dashboard）
+     */
+    type: {
+      type: String,
+      default: 'line'
+    },
+    /**
+     * 进度条显示文字内置在进度条内（只在 type=line 时可用）
+     */
+    textInside: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 进度条当前状态(success/exception/warning)
+     */
+    status: {
+      type: String
+    },
+    /**
+     * 进度条背景色（会覆盖 status 状态颜色）
+     */
+    color: {
+      type: [String, Function, Array]
+    },
+    /**
+     * 环形进度条画布宽度（只在 type 为 circle 或 dashboard 时可用）
+     */
+    width: {
+      type: Number,
+      default: 126
+    },
+    /**
+     * 是否显示进度条文字内容
+     */
+    showText: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    getValue (row) {
+      return this.valueColumn ? row[this.valueColumn] : this.value;
+    },
+    getMinValue (row) {
+      return this.minColumn ? row[this.minColumn] : this.min;
+    },
+    getMaxValue (row) {
+      return this.maxColumn ? row[this.maxColumn] : this.max;
+    }
+  }
+}
+</script>

orange-demo-multi-web/src/components/TreeSelect/index.vue

@@ -0,0 +1,300 @@
+<template>
+  <el-popover ref="popover" placement="bottom-start" trigger="click" popper-class="tree-select-popover"
+    :width="width" @show="onShowPopover">
+    <el-scrollbar :style="{'height': this.height, 'min-width': this.width}" ref="scrollbar">
+      <el-tree ref="dropdownTree" :props="getTreeProps" :highlightCurrent="highlightCurrent" :nodeKey="getDataProps.value"
+        :defaultExpandAll="defaultExpandAll" :expandOnClickNode="expandOnClickNode" :checkOnClickNode="checkOnClickNode"
+        :autoExpandParent="autoExpandParent" :defaultExpandedKeys="defaultExpandedKeys" :showCheckbox="showCheckbox"
+        :checkStrictly="checkStrictly" :defaultCheckedKeys="defaultCheckedKeys" :currentNodeKey="getCurrentNodeKey"
+        :accordion="accordion" :indent="indent" :iconClass="iconClass" :load="loadChildrenNodes" lazy :show-checkbox="multiple"
+        @node-click="onTreeNodeClick" @check="onTreeNodeCheck">
+        <span :style="getNodeStyle(data)" slot-scope="{ node, data }">{{data[getDataProps.label]}}</span>
+      </el-tree>
+    </el-scrollbar>
+    <el-select slot="reference" v-model="selectKeys" :multiple="multiple" :disabled="false" :size="size"
+      :clearable="clearable" :collapseTags="collapseTags" :placeholder="placeholder" popper-class="select-tree-popper"
+      @clear="onClear" @remove-tag="onClear">
+      <el-option v-for="item in selectNodes" :key="item[getDataProps.value]"
+        :value="item[getDataProps.value]" :label="item[getDataProps.label]" />
+    </el-select>
+  </el-popover>
+</template>
+
+<script>
+import { findTreeNode } from '@/utils';
+
+export default {
+  name: 'TreeSelect',
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String
+    },
+    height: {
+      type: String,
+      default: '200px'
+    },
+    width: {
+      type: String,
+      default: '300px'
+    },
+    activeColor: {
+      type: String,
+      default: '#EF5E1C'
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    collapseTags: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingText: {
+      type: String,
+      default: '加载中'
+    },
+    // 树属性
+    data: {
+      type: Array
+    },
+    props: {
+      type: Object,
+      default: () => {
+        return {
+          label: 'label',
+          value: 'value',
+          parentKey: 'parentId',
+          children: 'children',
+          disabled: 'disabled'
+        }
+      }
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: false
+    },
+    expandOnClickNode: {
+      type: Boolean,
+      default: true
+    },
+    checkOnClickNode: {
+      type: Boolean,
+      default: false
+    },
+    autoExpandParent: {
+      type: Boolean,
+      default: true
+    },
+    defaultExpandedKeys: {
+      type: Array
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: true
+    },
+    currentNodeKey: {
+      type: [String, Number]
+    },
+    accordion: {
+      type: Boolean,
+      default: false
+    },
+    indent: {
+      type: Number,
+      default: 16
+    },
+    iconClass: {
+      type: String
+    }
+  },
+  data () {
+    return {
+      rootNode: undefined,
+      rootResolve: undefined,
+      allTreeNode: [],
+      selectNodes: [],
+      scrollTop: 0,
+      selectKeys: undefined
+    }
+  },
+  methods: {
+    onShowPopover () {
+      setTimeout(() => {
+        this.$refs.scrollbar.wrap.scrollTop = this.scrollTop;
+        // this.$refs.scrollbar.update();
+      }, 20);
+      if (!this.multiple) {
+        this.$refs.dropdownTree.setCurrentKey(this.value);
+      }
+    },
+    onClear () {
+      this.$nextTick(() => {
+        this.$emit('input', this.selectKeys);
+      });
+    },
+    onTreeNodeClick (data, node) {
+      this.$refs.popover.showPopper = false;
+      if (!this.multiple) {
+        this.scrollTop = this.$refs.scrollbar.wrap.scrollTop;
+        this.$emit('input', data[this.getDataProps.value]);
+        this.$emit('change', data[this.getDataProps.value]);
+      }
+    },
+    onTreeNodeCheck (data, {checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys}) {
+      this.scrollTop = this.$refs.scrollbar.wrap.scrollTop
+      this.$emit('input', checkedKeys);
+      this.$emit('change', checkedKeys);
+    },
+    parseNode (node) {
+      if (Array.isArray(node) && node.length > 0) {
+        node.forEach((item) => {
+          item['__node_is_leaf__'] = !(Array.isArray(item[this.getDataProps.children]) && item[this.getDataProps.children].length > 0);
+        });
+        return node;
+      } else {
+        return [];
+      }
+    },
+    loadChildrenNodes (node, resolve) {
+      if (node.level === 0) {
+        this.rootNode = node;
+        this.rootResolve = resolve;
+        return resolve(this.parseNode(this.allTreeNode));
+      } else {
+        return resolve(this.parseNode(node.data[this.getDataProps.children]));
+      }
+    },
+    getNodeStyle (data) {
+      if (!this.multiple && (this.selectNodes[0] || {})[this.getDataProps.value] === data[this.getDataProps.value]) {
+        return {
+          color: this.activeColor,
+          'font-weight': 700
+        }
+      }
+    }
+  },
+  computed: {
+    showCheckbox () {
+      return this.multiple;
+    },
+    getCurrentNodeKey () {
+      if (!this.multiple && Array.isArray(this.selectNodes) && this.selectNodes.length > 0) {
+        return this.selectNodes[0][this.getDataProps.value];
+      } else {
+        return null;
+      }
+    },
+    highlightCurrent () {
+      return this.multiple;
+    },
+    defaultCheckedKeys () {
+      return this.multiple ? this.selectNodes : undefined
+    },
+    getDataProps () {
+      return {
+        label: this.props.label || 'label',
+        value: this.props.value || 'value',
+        parentKey: this.props.parentKey || 'parentId',
+        children: this.props.children || 'children',
+        disabled: this.props.disabled || 'disabled'
+      }
+    },
+    getTreeProps () {
+      return {
+        label: this.getDataProps.label,
+        children: '__children_list__',
+        disabled: this.getDataProps.disabled,
+        isLeaf: '__node_is_leaf__'
+      };
+    }
+  },
+  watch: {
+    data: {
+      handler (newValue, oldValue) {
+        this.allTreeNode = newValue;
+        if (this.rootNode != null && this.rootResolve != null) {
+          this.rootNode.childNodes = [];
+          this.loadChildrenNodes(this.rootNode, this.rootResolve);
+        }
+        this.selectNodes = [];
+        if (this.multiple) {
+          if (Array.isArray(this.value)) {
+            this.value.forEach((item) => {
+              let data = findTreeNode(this.allTreeNode, item, this.getDataProps.value, this.getDataProps.children);
+              if (data) this.selectNodes.push(data);
+            });
+          }
+        } else {
+          let data = findTreeNode(this.allTreeNode, this.value, this.getDataProps.value, this.getDataProps.children);
+          if (data) this.selectNodes.push(data);
+        }
+      },
+      immediate: true
+    },
+    value: {
+      handler (newValue) {
+        this.selectNodes = [];
+        if (Array.isArray(newValue)) {
+          newValue.forEach((item) => {
+            let data = findTreeNode(this.allTreeNode, item, this.getDataProps.value, this.getDataProps.children);
+            if (data) this.selectNodes.push(data);
+          });
+          this.selectKeys = newValue;
+        } else {
+          let data = findTreeNode(this.allTreeNode, newValue, this.getDataProps.value, this.getDataProps.children);
+          if (data) this.selectNodes.push(data);
+          this.selectKeys = newValue;
+        }
+        if (this.$refs.dropdownTree) {
+          this.multiple ? this.$refs.dropdownTree.setCheckedKeys(newValue) : this.$refs.dropdownTree.setCurrentKey(newValue);
+        }
+      },
+      immediate: true
+    }
+  }
+}
+</script>
+
+<style>
+  .select-tree-popper {
+    display: none;
+  }
+  .tree-select-popover {
+    padding: 6px 0px;
+  }
+  .tree-select-popover .popper__arrow {
+    left: 35px!important;
+  }
+  .tree-select-popover .el-tree .el-tree-node__content {
+    height: 34px;
+    line-height: 34px;
+  }
+  /*
+  .tree-select-popover .el-tree .el-tree-node.is-current .el-tree-node__content {
+    color: #fdb95c;
+    font-weight: 700;
+  }
+  */
+  .current-node {
+    color: #EF5E1C;
+    font-weight: 700;
+  }
+</style>

orange-demo-multi-web/src/core/config/development.js

@@ -0,0 +1,4 @@
+module.exports = {
+  baseUrl: 'http://localhost:8082/',
+  projectName: '橙单生成器项目'
+}

orange-demo-multi-web/src/core/config/index.js

@@ -0,0 +1,12 @@
+const projectConfig = require('../config/' + process.env.NODE_ENV);
+
+export const globalConfig = {
+  httpOption: {
+    showMask: true,
+    showError: true
+  },
+  axiosOption: {
+  }
+};
+
+export default projectConfig;

orange-demo-multi-web/src/core/config/production.js

@@ -0,0 +1,4 @@
+module.exports = {
+  baseUrl: 'http://localhost:8082/',
+  projectName: '橙单生成器项目'
+}

orange-demo-multi-web/src/core/directive/sortable.js

@@ -0,0 +1,14 @@
+import Vue from 'vue'
+import { SortableData } from './sortableData';
+
+/**
+ * 拖拽排序指令
+ */
+Vue.directive('sortable', {
+  inserted: function (el, binding, vnode) {
+    let sortableData = binding.value;
+    if (sortableData == null || !(sortableData instanceof SortableData)) return;
+    
+    sortableData.init(vnode.elm);
+  }
+});

orange-demo-multi-web/src/core/directive/sortableData.js

@@ -0,0 +1,60 @@
+import sortable from 'sortablejs'
+/**
+ * 拖拽排序对象
+ * expample
+ * <ul v-sortable="new SortableData(data)">
+ *   <li>A</li>
+ *   <li>B</li>
+ *   <li>C</li>
+ *   <li>D</li>
+ * </ul>
+ */
+export class SortableData {
+  constructor (data, group) {
+    this.list = data;
+    this.group = group;
+    this.ghostClass = 'sortable-ghost';
+    this.sortable = null;
+    this.disabled = false;
+  };
+
+  setData (list) {
+    this.list = list;
+  }
+
+  getElement (el) {
+    return el;
+  };
+
+  onEnd (oldIndex, newIndex) {
+    if (oldIndex === newIndex || this.list == null) return;
+    let targetRow = this.list.splice(oldIndex, 1)[0]
+    this.list.splice(newIndex, 0, targetRow);
+  };
+
+  init (el) {
+    var _this = this;
+
+    var _option = {};
+    if (this.ghostClass != null) _option.ghostClass = this.ghostClass;
+    if (this.group != null) _option.group = this.group;
+    if (this.disabled != null) _option.disabled = this.disabled;
+    // 列表中能拖动的dom的选择器（例如：.drag-item）
+    if (this.draggable != null) _option.draggable = this.draggable;
+    // 列表中拖动项，拖动把柄的选择器，只有点击这个选择出来的dom才可以开始拖动（例如：.drag-handle）
+    if (this.handle != null) _option.handle = this.handle;
+    _option.setData = function (dataTransfer) {
+      dataTransfer.setData('Text', '');
+    };
+    _option.onEnd = function (evt) {
+      _this.onEnd(evt.oldIndex, evt.newIndex);
+    };
+
+    this.sortable = sortable.create(_this.getElement(el), _option);
+  };
+
+  release () {
+    if (this.sortable != null) this.sortable.destroy();
+    this.sortable = null;
+  }
+};

orange-demo-multi-web/src/core/http/index.js

@@ -0,0 +1,185 @@
+import Vue from 'vue';
+import { Loading, Message } from 'element-ui';
+import request from './request';
+import requestUrl from './requestUrl';
+import merge from 'lodash/merge';
+import { globalConfig } from '@/core/config';
+
+/**
+ * 遮罩管理，多次调用支持引用计数
+ */
+class LoadingManager {
+  constructor (options) {
+    this.options = options;
+    this.refCount = 0;
+    this.loading = undefined;
+  }
+
+  showMask () {
+    this.loading = Loading.service(this.options);
+    this.refCount++;
+  }
+
+  hideMask () {
+    if (this.refCount <= 1 && this.loading != null) {
+      this.loading.close();
+      this.loading = null;
+    }
+    this.refCount--;
+    this.refCount = Math.max(0, this.refCount);
+  }
+}
+
+const loadingManager = new LoadingManager({
+  fullscreen: true,
+  background: 'rgba(0, 0, 0, 0.1)'
+});
+
+/**
+ * post请求
+ * @param {String} url 请求的url
+ * @param {Object} params 请求参数
+ * @param {Object} options axios设置项
+ * @returns {Promise}
+ */
+const fetchPost = function (url, params, options) {
+  if (options == null) return {};
+  let tempOptions = {
+    ...options,
+    method: 'post',
+    url: requestUrl(url),
+    data: params
+  };
+
+  return request(tempOptions);
+};
+/**
+ * get请求
+ * @param {String} url 请求的url
+ * @param {Object} params 请求参数
+ * @param {Object} options axios设置项
+ * @returns {Promise}
+ */
+const fetchGet = function (url, params, options) {
+  if (options == null) return {};
+  let tempOptions = {
+    ...options,
+    method: 'get',
+    url: requestUrl(url),
+    params
+  };
+  return request(tempOptions);
+};
+/**
+ * 下载请求
+ * @param {String} url 请求的url
+ * @param {Object} params 请求参数
+ * @param {String} fileName 下载后保存的文件名
+ * @returns {Promise}
+ */
+const fetchDownload = function (url, params, fileName) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: requestUrl(url),
+      method: 'post',
+      data: params,
+      responseType: 'blob',
+      transformResponse: function (data) {
+        return (data instanceof Blob && data.size > 0) ? data : undefined;
+      }
+    }).then(res => {
+      if (res.data == null) {
+        reject(new Error('下载文件失败'));
+      } else {
+        let blobData = new Blob([res.data], { type: 'application/octet-stream' });
+        let blobUrl = window.URL.createObjectURL(blobData);
+        let linkDom = document.createElement('a');
+        linkDom.style.display = 'none';
+        linkDom.href = blobUrl;
+        linkDom.setAttribute('download', fileName);
+        if (typeof linkDom.download === 'undefined') {
+          linkDom.setAttribute('target', '_blank');
+        }
+        document.body.appendChild(linkDom);
+        linkDom.click();
+        document.body.removeChild(linkDom);
+        window.URL.revokeObjectURL(blobData);
+        resolve();
+      }
+    }).catch(e => {
+      if (e instanceof Blob) {
+        let reader = new FileReader();
+        reader.onload = function () {
+          let jsonObj = JSON.parse(reader.result);
+          reject((jsonObj || {}).errorMessage || '下载文件失败');
+        }
+        reader.readAsText(e);
+      } else {
+        reject(e);
+      }
+    });
+  });
+}
+/**
+ * 数据请求
+ * @param {String} url 请求的url
+ * @param {String} type 请求类型（get，post）
+ * @param {Object} params 请求参数
+ * @param {Object} axiosOption axios设置
+ * @param {Object} options 显示设置
+ */
+const doUrl = function (url, type, params, axiosOption, options) {
+  options = merge(globalConfig.httpOption, options);
+  axiosOption = merge(globalConfig.axiosOption, axiosOption);
+  if (type == null || type === '') type = 'post';
+
+  return new Promise((resolve, reject) => {
+    if (options.showMask) loadingManager.showMask();
+    let ajaxCall = null;
+    if (type.toLowerCase() === 'get') {
+      ajaxCall = fetchGet(url, params, axiosOption);
+    } else if (type.toLowerCase() === 'post') {
+      ajaxCall = fetchPost(url, params, axiosOption);
+    }
+
+    if (ajaxCall != null) {
+      ajaxCall.then(res => {
+        if (options.showMask) loadingManager.hideMask();
+        if (res.data && res.data.success) {
+          resolve(res.data);
+        } else {
+          if (options.showError) {
+            Message.error({
+              showClose: true,
+              message: res.data.errorMessage ? res.data.errorMessage : '数据请求失败'
+            });
+          }
+          reject(res.data);
+        }
+      }).catch(e => {
+        if (options.showMask) loadingManager.hideMask();
+        if (options.showError) {
+          Message.error({
+            showClose: true,
+            message: e.errorMessage ? e.errorMessage : '网络请求错误'
+          });
+        }
+        reject(e);
+      });
+    } else {
+      if (options.showMask) loadingManager.hideMask();
+      reject(new Error('错误的请求类型 - ' + type));
+    }
+  });
+};
+
+Vue.prototype.download = fetchDownload;
+Vue.prototype.doUrl = doUrl;
+Vue.prototype.loadingManager = loadingManager;
+
+export default {
+  doUrl,
+  fetchPost,
+  fetchGet,
+  fetchDownload
+}

orange-demo-multi-web/src/core/http/request.js

@@ -0,0 +1,73 @@
+import axios from 'axios';
+import router from '@/router';
+import dialog from '@/components/Dialog';
+import JSONbig from 'json-bigint';
+
+// 创建axios实例
+const service = axios.create({
+  timeout: 1000 * 30,
+  withCredentials: true,
+  headers: {
+    // 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
+    'Content-Type': 'application/json; charset=utf-8'
+  },
+  transformResponse: [
+    function (data) {
+      if (typeof data === 'string') {
+        const JSONbigString = new JSONbig({storeAsString: true});
+        return JSONbigString.parse(data);
+      } else {
+        return data;
+      }
+    }
+  ]
+})
+
+// request拦截器
+service.interceptors.request.use(
+  config => {
+    let token = window.sessionStorage.getItem('token');
+    let menuIdJsonStr = window.sessionStorage.getItem('currentMenuId');
+    let currentMenuId;
+    if (menuIdJsonStr != null) {
+      currentMenuId = (JSON.parse(menuIdJsonStr) || {}).data;
+    }
+    if (token != null) config.headers['Authorization'] = token;
+    if (currentMenuId != null) config.headers['MenuId'] = currentMenuId;
+    return config
+  }, error => {
+    return Promise.reject(error)
+  }
+);
+
+// response拦截器
+service.interceptors.response.use(
+  response => {
+    if (response.data && response.data.errorCode === 'UNAUTHORIZED_LOGIN') { // 401, token失效
+      dialog.closeAll();
+      router.push({ name: 'login' })
+    } else {
+      if (response.headers['refreshedtoken'] != null) {
+        window.sessionStorage.setItem('token', response.headers['refreshedtoken']);
+      }
+    }
+    return response
+  }, error => {
+    let response = error.response;
+
+    if (response && response.data) {
+      if (response.data.errorCode === 'UNAUTHORIZED_LOGIN') {
+        dialog.closeAll();
+        router.push({ name: 'login' });
+      }
+
+      return Promise.reject(response.data);
+    } else {
+      return Promise.reject(new Error({
+        errorMessage: '数据获取失败，请稍后再试'
+      }));
+    }
+  }
+);
+
+export default service

orange-demo-multi-web/src/core/http/requestUrl.js

@@ -0,0 +1,27 @@
+import projectConfig from '@/core/config';
+import { objectToQueryString } from '@/utils';
+console.log(process.env.NODE_ENV, projectConfig);
+
+/**
+ * 请求地址统一处理／组装
+ * @param actionName action方法名称
+ */
+export default function (actionName) {
+  if (actionName != null && actionName !== '') {
+    if (actionName.substr(0, 1) === '/') actionName = actionName.substr(1);
+  }
+  return projectConfig.baseUrl + actionName;
+}
+
+export function buildGetUrl (actionName, params) {
+  let queryString = objectToQueryString(params);
+  if (actionName != null && actionName !== '') {
+    if (actionName.substr(0, 1) === '/') actionName = actionName.substr(1);
+  }
+
+  return projectConfig.baseUrl + actionName + (queryString == null ? '' : ('?' + queryString));
+}
+
+export {
+  projectConfig
+}

orange-demo-multi-web/src/core/mixins/global.js

@@ -0,0 +1,117 @@
+import Vue from 'vue';
+import Request from '@/core/http/request.js';
+import { mapMutations, mapGetters } from 'vuex';
+
+// 全局mixin对象
+const globalMixin = {
+  data () {
+    return {
+      isHttpLoading: false
+    }
+  },
+  methods: {
+    /**
+     * 是否显示遮罩
+     * @param {Boolean} isShow  是否显示
+     */
+    showMask (isShow) {
+      isShow ? this.loadingManager.showMask() : this.loadingManager.hideMask();
+    },
+    /**
+     * 判读用户是否有权限
+     * @param {String} permCode  权限字
+     */
+    checkPermCodeExist (permCode) {
+      if (this.getUserInfo.permCodeSet != null) {
+        return this.getUserInfo.permCodeSet.has(permCode);
+      } else {
+        return this.getUserInfo.isAdmin;
+      }
+    },
+    /**
+     * 将输入的值转换成指定的类型
+     * @param {Any} value
+     * @param {String} type 要转换的类型（integer、float、boolean、string）
+     */
+    parseParams (value, type = 'string') {
+      if (value == null) return value;
+      switch (type) {
+        case 'integer': return Number.parseInt(value);
+        case 'float': return Number.parseFloat(value);
+        case 'boolean': return (value === 'true' || value);
+        default: return String(value);
+      }
+    },
+    /**
+     * 将输入值转换为执行的类型数组
+     * @param {Array} value 输入数组
+     * @param {String} type 要转换的类型（integer、float、boolean、string）
+     */
+    parseArrayParams (value, type = 'string') {
+      if (Array.isArray(value)) {
+        return value.map((item) => {
+          switch (type) {
+            case 'integer': return Number.parseInt(item);
+            case 'float': return Number.parseFloat(item);
+            case 'boolean': return (item === 'true' || item);
+            default: return String(item);
+          }
+        });
+      } else {
+        return [];
+      }
+    },
+    /**
+     * 下载上传的文件
+     * @param {*} url 下载文件的url
+     * @param {*} fileName 下载文件名
+     */
+    downloadFile (url, fileName) {
+      console.log(fileName);
+      Request({
+        url: url,
+        method: 'get',
+        responseType: 'blob',
+        transformResponse: function (data) {
+          console.log(data);
+          return data;
+        }
+      }).then(res => {
+        console.log(res);
+        let data = res.data;
+        if (res.status === 200 && data instanceof Blob) {
+          let url = window.URL.createObjectURL(data);
+          let link = document.createElement('a');
+          link.style.display = 'none';
+          link.href = url;
+          link.setAttribute('download', fileName);
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+        } else {
+          this.$message.error('下载文件失败');
+        }
+      }).catch(e => {
+        let reader = new FileReader();
+        reader.onload = () => {
+          let jsonObj = JSON.parse(reader.result);
+          this.$message.error((jsonObj || {}).errorMessage || '下载文件失败');
+        }
+        reader.readAsText(e);
+      });
+    },
+    ...mapMutations(['setLoadingStatus'])
+  },
+  computed: {
+    ...mapGetters(['getUserInfo'])
+  },
+  watch: {
+    'loadingManager.loading': {
+      handler: function (newValue) {
+        this.isHttpLoading = (newValue != null);
+      }
+    }
+  }
+}
+
+Vue.mixin(globalMixin);

orange-demo-multi-web/src/core/mixins/index.js

@@ -0,0 +1,293 @@
+import projectConfig from '@/core/config';
+import { buildGetUrl } from '@/core/http/requestUrl.js';
+import { formatDate, parseDate } from 'element-ui/src/utils/date-util';
+import { mapMutations } from 'vuex';
+/**
+ * 上传文件组件相关方法
+ */
+const uploadMixin = {
+  methods: {
+    /**
+     * 解析返回的上传文件数据
+     * @param {String} jsonData 上传文件数据，[{name, downloadUri, filename}]
+     * @param {Object} params 上传文件的参数
+     * @returns {Array} 上传文件信息，[{name, downloadUri, filename, url}]
+     */
+    parseUploadData (jsonData, params) {
+      let pathList = [];
+      if (jsonData != null) {
+        try {
+          pathList = JSON.parse(jsonData);
+        } catch (e) {
+          console.error(e);
+        }
+      }
+
+      return pathList.map((item) => {
+        let downloadParams = {...params};
+        downloadParams.filename = item.filename;
+        return {
+          ...item,
+          url: this.getUploadFileUrl(item, downloadParams)
+        }
+      });
+    },
+    /**
+     * 获得上传文件url列表
+     * @param {*} jsonData 上传文件数据，[{name, downloadUri, filename}]
+     * @param {*} params 上传文件的参数
+     * @returns {Array} 文件url列表
+     */
+    getPictureList (jsonData, params) {
+      let tempList = this.parseUploadData(jsonData, params);
+      if (Array.isArray(tempList)) {
+        return tempList.map(item => item.url);
+      } else {
+        return [];
+      }
+    },
+    /**
+     * 将选中文件信息格式化成json信息
+     * @param {Array} fileList 上传文件列表，[{name, fileUrl, data}]
+     */
+    fileListToJson (fileList) {
+      if (Array.isArray(fileList)) {
+        return JSON.stringify(fileList.map((item) => {
+          return {
+            name: item.name,
+            downloadUri: item.downloadUri || item.response.data.downloadUri,
+            filename: item.filename || item.response.data.filename
+          }
+        }));
+      } else {
+        return undefined;
+      }
+    },
+    /**
+     * 获得上传文件url
+     * @param {*} item 上传文件
+     * @param {*} params 上传文件的参数
+     */
+    getUploadFileUrl (item, params) {
+      if (item == null || item.downloadUri == null) {
+        return null;
+      } else {
+        let menuIdJsonStr = window.sessionStorage.getItem('currentMenuId');
+        let currentMenuId;
+        if (menuIdJsonStr != null) {
+          currentMenuId = (JSON.parse(menuIdJsonStr) || {}).data;
+        }
+        params.Authorization = window.sessionStorage.getItem('token');
+        params.MenuId = currentMenuId;
+        return buildGetUrl(item.downloadUri, params);
+      }
+    },
+    /**
+     * 获得上传接口
+     * @param {*} url 上传路径
+     */
+    getUploadActionUrl (url) {
+      if (url != null && url[0] === '/') {
+        url = url.substr(1);
+      }
+      return projectConfig.baseUrl + url;
+    },
+    /**
+     * 上传文件是否图片文件
+     * @param {*} file 上传文件
+     */
+    pictureFile (file) {
+      if (['image/jpeg', 'image/jpg', 'image/png'].indexOf(file.type) !== -1) {
+        return true;
+      } else {
+        this.$message.error('图片文件格式不正确，请重新选择');
+        return false;
+      }
+    }
+  },
+  computed: {
+    getUploadHeaders () {
+      let token = window.sessionStorage.getItem('token');
+      return {
+        Authorization: token
+      }
+    }
+  }
+};
+
+const allowStatsType = [
+  'time',
+  'datetime',
+  'day',
+  'month',
+  'year'
+];
+/**
+ * 日期相关方法
+ */
+const statsDateRangeMixin = {
+  methods: {
+    /**
+     * 根据输入的日期获得日期范围（例如：输入2019-12-12，输出['2019-12-12 00:00:00', '2019-12-12 23:59:59']）
+     * @param {Date|String} date 要转换的日期
+     * @param {String} statsType 转换类型（day, month, year）
+     * @param {String} format 输出格式
+     */
+    getDateRangeFilter (date, statsType = 'day', format = 'yyyy-MM-dd HH:mm:ss') {
+      if (date == null) return [];
+
+      statsType = allowStatsType.indexOf(statsType) === -1 ? 'day' : statsType;
+      date = date.substr(0, date.indexOf(' '));
+      let tempList = date.split('-');
+      let year = Number.parseInt(tempList[0]);
+      let month = Number.parseInt(tempList[1]);
+      let day = Number.parseInt(tempList[2]);
+      if (isNaN(year) || isNaN(month) || isNaN(day)) {
+        return [];
+      }
+      let tempDate = new Date(year, month - 1, day);
+      // 判断是否正确的日期
+      if (isNaN(tempDate.getTime())) return [];
+
+      tempDate.setHours(0, 0, 0, 0);
+      let retDate;
+      switch (statsType) {
+        case 'day':
+          retDate = [
+            new Date(tempDate),
+            new Date(tempDate.setDate(tempDate.getDate() + 1))
+          ];
+          break;
+        case 'month':
+          tempDate.setDate(1);
+          retDate = [
+            new Date(tempDate),
+            new Date(tempDate.setMonth(tempDate.getMonth() + 1))
+          ];
+          break;
+        case 'year':
+          tempDate.setDate(1);
+          tempDate.setMonth(0);
+          retDate = [
+            new Date(tempDate),
+            new Date(tempDate.setFullYear(tempDate.getFullYear() + 1))
+          ]
+      }
+
+      retDate[1] = new Date(retDate[1].getTime() - 1);
+
+      return [
+        formatDate(retDate[0], format),
+        formatDate(retDate[1], format)
+      ];
+    },
+    /**
+     * 格式化日期
+     * @param {Date|String} date 要格式化的日期
+     * @param {String} statsType 输出日期类型
+     * @param {String} format 输入日期的格式
+     */
+    formatDateByStatsType (date, statsType = 'day', format = 'yyyy-MM-dd') {
+      if (date == null) return undefined;
+      statsType = allowStatsType.indexOf(statsType) === -1 ? 'day' : statsType;
+      if (statsType === 'datetime') format = 'yyyy-MM-dd HH:mm:ss';
+      
+      let tempDate = ((date instanceof Date) ? date : parseDate(date, format));
+      if (!tempDate) return undefined;
+      switch (statsType) {
+        case 'time':
+          return formatDate(tempDate, 'HH:mm:ss');
+        case 'datetime':
+          return formatDate(tempDate, 'yyyy-MM-dd HH:mm:ss');
+        case 'day':
+          return formatDate(tempDate, 'yyyy-MM-dd');
+        case 'month':
+          return formatDate(tempDate, 'yyyy-MM');
+        case 'year':
+          return formatDate(tempDate, 'yyyy');
+        default:
+          return formatDate(tempDate, 'yyyy-MM-dd');
+      }
+    },
+    /**
+     * 获得统计类型中文名称
+     * @param {String} statsType 统计类型（day, month, year）
+     */
+    getStatsTypeShowName (statsType) {
+      statsType = allowStatsType.indexOf(statsType) === -1 ? 'day' : statsType;
+      switch (statsType) {
+        case 'day': return '日统计';
+        case 'month': return '月统计';
+        case 'year': return '年统计';
+      }
+    },
+    /**
+     * 获取统计类型字典列表
+     * @param {Array} statsTypeList 统计类型列表
+     */
+    getAllowStatsTypeList (statsTypeList) {
+      if (Array.isArray(statsTypeList) && statsTypeList.length > 0) {
+        return statsTypeList.map((item) => {
+          return {
+            id: item,
+            name: this.getStatsTypeShowName(item)
+          }
+        });
+      } else {
+        return [];
+      }
+    }
+  }
+}
+/**
+ * 页面缓存相关方法
+ */
+const cachePageMixin = {
+  methods: {
+    /**
+     * 移除缓存页面
+     * @param {*} name 缓存组件的名称
+     */
+    removeCachePage (name) {
+      this.removeCachePage(name);
+    },
+    /**
+     * 从跳转页面返回并且刷新当前页面时调用
+     */
+    onResume () {
+    },
+    ...mapMutations(['addCachePage', 'removeCachePage'])
+  },
+  created () {
+    this.addCachePage(this.$options.name);
+  },
+  activated () {
+    if (this.$route && this.$route.meta && this.$route.meta.refresh) {
+      this.onResume();
+      this.$route.meta.refresh = false;
+    }
+  }
+}
+/**
+ * 缓存页面跳转页面相关方法
+ */
+const cachedPageChildMixin = {
+  data () {
+    return {
+      // 是否刷新父页面
+      refreshParentCachedPage: false
+    }
+  },
+  beforeRouteLeave (to, from, next) {
+    if (to.meta == null) to.meta = {};
+    to.meta.refresh = this.refreshParentCachedPage;
+    next();
+  }
+}
+
+export {
+  uploadMixin,
+  statsDateRangeMixin,
+  cachePageMixin,
+  cachedPageChildMixin
+}

orange-demo-multi-web/src/main.js

@@ -0,0 +1,36 @@
+import '@/core/http';
+import '@/components/Dialog';
+import Vue from 'vue';
+import ElementUI from 'element-ui';
+// import 'element-ui/lib/theme-chalk/index.css'
+import '@/assets/style/index.scss';
+import '@/core/mixins/global.js';
+import App from './App';
+import router from './router';
+import store from './store';
+import TreeSelect from '@/components/TreeSelect';
+import RichEditor from '@/components/RichEditor';
+import InputNumberRange from '@/components/InputNumberRange';
+import DateRange from '@/components/DateRange';
+import FilterBox from '@/components/FilterBox';
+import TableProgressColumn from '@/components/TableProgressColumn';
+import VCharts from 'v-charts';
+
+Vue.component('tree-select', TreeSelect);
+Vue.component('rich-editor', RichEditor);
+Vue.component('input-number-range', InputNumberRange);
+Vue.component('date-range', DateRange);
+Vue.component('filter-box', FilterBox);
+Vue.component('table-progress-column', TableProgressColumn);
+
+Vue.use(ElementUI);
+Vue.use(VCharts);
+
+Vue.config.productionTip = false;
+
+/* eslint-disable no-new */
+new Vue({
+  router,
+  store,
+  render: h => h(App)
+}).$mount('#app');

orange-demo-multi-web/src/registerServiceWorker.js

@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+
+import { register } from 'register-service-worker'
+
+if (process.env.NODE_ENV === 'production') {
+  register(`${process.env.BASE_URL}service-worker.js`, {
+    ready () {
+      console.log(
+        'App is being served from cache by a service worker.\n' +
+        'For more details, visit https://goo.gl/AFskqB'
+      )
+    },
+    registered () {
+      console.log('Service worker has been registered.')
+    },
+    cached () {
+      console.log('Content has been cached for offline use.')
+    },
+    updatefound () {
+      console.log('New content is downloading.')
+    },
+    updated () {
+      console.log('New content is available; please refresh.')
+    },
+    offline () {
+      console.log('No internet connection found. App is running in offline mode.')
+    },
+    error (error) {
+      console.error('Error during service worker registration:', error)
+    }
+  })
+}

orange-demo-multi-web/src/router/import-development.js

@@ -0,0 +1 @@
+module.exports = file => require('../views/' + file + '.vue').default

orange-demo-multi-web/src/router/import-production.js

@@ -0,0 +1 @@
+module.exports = file => () => import('../views/' + file + '.vue')

orange-demo-multi-web/src/router/index.js

@@ -0,0 +1,30 @@
+import Vue from 'vue';
+import Router from 'vue-router';
+import routers from './systemRouters.js';
+import dialog from '@/components/Dialog';
+
+Vue.use(Router)
+
+const router = new Router({
+  mode: 'hash',
+  routes: routers
+});
+
+/**
+ * 路由跳转的时候判断token是否存在
+ */
+router.beforeResolve((to, from, next) => {
+  if (to.name === 'login') {
+    next();
+  } else {
+    let token = sessionStorage.getItem('token');
+    if (!token || !/\S/.test(token)) {
+      dialog.closeAll();
+      next({ name: 'login' })
+    } else {
+      next();
+    }
+  }
+});
+
+export default router;

orange-demo-multi-web/src/router/systemRouters.js

@@ -0,0 +1,52 @@
+import state from '../store/state.js';
+// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢, 所以只有开发环境使用懒加载
+const _import = require('./import-' + process.env.NODE_ENV)
+
+function getProps (route) {
+  return route.query;
+}
+
+// 系统生成路由
+const routers = [
+  { path: '/login', component: _import('login/index'), name: 'login', props: getProps, desc: '登录' },
+  {
+    path: '/',
+    component: _import('login/index'),
+    name: 'root'
+  },
+  {
+    path: '/main',
+    component: _import('layout/index'),
+    name: 'main',
+    props: getProps,
+    redirect: {
+      name: 'welcome'
+    },
+    meta: {
+      title: '主页',
+      showOnly: true
+    },
+    children: [
+      {path: 'welcome', component: _import('welcome/index'), name: 'welcome', meta: {title: '欢迎'}},
+      {path: 'formSysUser', component: _import('upms/formSysUser/index'), name: 'formSysUser', meta: {title: '用户管理'}},
+      {path: 'formSysRole', component: _import('upms/formSysRole/index'), name: 'formSysRole', meta: {title: '角色管理'}},
+      {path: 'formSysMenu', component: _import(state.supportColumn ? 'upms/formSysMenu/formSysColumnMenu' : 'upms/formSysMenu/index'), name: 'formSysMenu', meta: {title: '菜单列表'}},
+      {path: 'formSysDict', component: _import('upms/formDictManagement/index'), name: 'formSysDict', meta: {title: '字典管理'}},
+      {path: 'formSysPermCode', component: _import('upms/formSysPermCode/index'), name: 'formSysPermCode', meta: {title: '权限字管理'}},
+      {path: 'formSysPerm', component: _import('upms/formSysPerm/index'), name: 'formSysPerm', meta: {title: '权限资源管理'}},
+      {path: 'formSchool', component: _import('generated/formSchool/index'), name: 'formSchool', props: getProps, meta: {title: '校区管理'}},
+      {path: 'formStudent', component: _import('generated/formStudent/index'), name: 'formStudent', props: getProps, meta: {title: '学生管理'}},
+      {path: 'formCourse', component: _import('generated/formCourse/index'), name: 'formCourse', props: getProps, meta: {title: '课程管理'}},
+      {path: 'formClass', component: _import('generated/formClass/index'), name: 'formClass', props: getProps, meta: {title: '班级管理'}},
+      {path: 'formClassStudent', component: _import('generated/formClassStudent/index'), name: 'formClassStudent', props: getProps, meta: {title: '班级学生'}},
+      {path: 'formClassCourse', component: _import('generated/formClassCourse/index'), name: 'formClassCourse', props: getProps, meta: {title: '班级课程'}},
+      {path: 'formSetClassStudent', component: _import('generated/formSetClassStudent/index'), name: 'formSetClassStudent', props: getProps, meta: {title: '设置班级学生'}},
+      {path: 'formSetClassCourse', component: _import('generated/formSetClassCourse/index'), name: 'formSetClassCourse', props: getProps, meta: {title: '设置班级课程'}},
+      {path: 'formCourseStats', component: _import('generated/formCourseStats/index'), name: 'formCourseStats', props: getProps, meta: {title: '课程统计'}},
+      {path: 'formStudentActionStats', component: _import('generated/formStudentActionStats/index'), name: 'formStudentActionStats', props: getProps, meta: {title: '学生行为统计'}},
+      {path: 'formStudentActionDetail', component: _import('generated/formStudentActionDetail/index'), name: 'formStudentActionDetail', props: getProps, meta: {title: '学生行为详情'}}
+    ]
+  }
+];
+
+export default routers;

orange-demo-multi-web/src/staticDict/index.js

@@ -0,0 +1,351 @@
+/**
+ * 常量字典数据
+ */
+import Vue from 'vue';
+
+class DictionaryBase extends Map {
+  constructor (dataList, keyId = 'id', symbolId = 'symbol') {
+    super();
+    this.setList(dataList, keyId, symbolId);
+  }
+
+  setList (dataList, keyId = 'id', symbolId = 'symbol') {
+    this.clear();
+    if (Array.isArray(dataList)) {
+      dataList.forEach((item) => {
+        this.set(item[keyId], item);
+        if (item[symbolId] != null) {
+          Object.defineProperty(this, item[symbolId], {
+            get: function () {
+              return item[keyId];
+            }
+          });
+        }
+      });
+    }
+  }
+
+  getList (valueId = 'name', parentIdKey = 'parentId', filter) {
+    let temp = [];
+    this.forEach((value, key) => {
+      let obj = {
+        id: key,
+        name: (typeof value === 'string') ? value : value[valueId],
+        parentId: value[parentIdKey]
+      };
+      if (typeof filter !== 'function' || filter(obj)) {
+        temp.push(obj);
+      }
+    });
+
+    return temp;
+  }
+
+  getValue (id, valueId = 'name') {
+    return (this.get(id) || {})[valueId];
+  }
+}
+
+const SysUserStatus = new DictionaryBase([
+  {
+    id: 0,
+    name: '正常状态',
+    symbol: 'NORMAL'
+  },
+  {
+    id: 1,
+    name: '锁定状态',
+    symbol: 'LOCKED'
+  }
+]);
+Vue.prototype.SysUserStatus = SysUserStatus;
+
+const SysUserType = new DictionaryBase([
+  {
+    id: 0,
+    name: '管理员',
+    symbol: 'ADMIN'
+  },
+  {
+    id: 1,
+    name: '系统操作员',
+    symbol: 'SYSTEM'
+  },
+  {
+    id: 2,
+    name: '普通操作员',
+    symbol: 'OPERATOR'
+  }
+]);
+Vue.prototype.SysUserType = SysUserType;
+
+const ClassStatus = new DictionaryBase([
+  {
+    id: 1,
+    name: '正常',
+    symbol: 'NORAML'
+  },
+  {
+    id: -1,
+    name: '解散',
+    symbol: 'DELETED'
+  }
+]);
+Vue.prototype.ClassStatus = ClassStatus;
+
+const ClassLevel = new DictionaryBase([
+  {
+    id: 0,
+    name: '初级班',
+    symbol: 'NORMAL'
+  },
+  {
+    id: 1,
+    name: '中级班',
+    symbol: 'MIDDLE'
+  },
+  {
+    id: 2,
+    name: '高级班',
+    symbol: 'HIGH'
+  }
+]);
+Vue.prototype.ClassLevel = ClassLevel;
+
+const CourseDifficult = new DictionaryBase([
+  {
+    id: 0,
+    name: '容易',
+    symbol: 'NORMAL'
+  },
+  {
+    id: 1,
+    name: '普通',
+    symbol: 'MIDDLE'
+  },
+  {
+    id: 2,
+    name: '困难',
+    symbol: 'HIGH'
+  }
+]);
+Vue.prototype.CourseDifficult = CourseDifficult;
+
+const Subject = new DictionaryBase([
+  {
+    id: 0,
+    name: '语文',
+    symbol: 'CHINESE'
+  },
+  {
+    id: 1,
+    name: '数学',
+    symbol: 'MATCH'
+  },
+  {
+    id: 2,
+    name: '英语',
+    symbol: 'ENGLISH'
+  }
+]);
+Vue.prototype.Subject = Subject;
+
+const StudentActionType = new DictionaryBase([
+  {
+    id: 0,
+    name: '充值',
+    symbol: 'RECHARGE'
+  },
+  {
+    id: 1,
+    name: '购课',
+    symbol: 'BUY_COURSE'
+  },
+  {
+    id: 2,
+    name: '上课签到',
+    symbol: 'SIGNIN_COURSE'
+  },
+  {
+    id: 3,
+    name: '上课签退',
+    symbol: 'SIGNOUT_COURSE'
+  },
+  {
+    id: 4,
+    name: '看视频课',
+    symbol: 'WATCH_VIDEO'
+  },
+  {
+    id: 5,
+    name: '做作业',
+    symbol: 'DO_PAPER'
+  },
+  {
+    id: 6,
+    name: '刷题',
+    symbol: 'REFRESH_EXERCISE'
+  },
+  {
+    id: 7,
+    name: '献花',
+    symbol: 'PRESENT_FLOWER'
+  },
+  {
+    id: 8,
+    name: '购买视频课',
+    symbol: 'BUY_VIDEO_COURSE'
+  },
+  {
+    id: 9,
+    name: '购买鲜花',
+    symbol: 'BUY_FLOWER'
+  },
+  {
+    id: 10,
+    name: '购买作业',
+    symbol: 'BUY_PAPER'
+  }
+]);
+Vue.prototype.StudentActionType = StudentActionType;
+
+const DeviceType = new DictionaryBase([
+  {
+    id: 0,
+    name: 'iOS',
+    symbol: 'IOS'
+  },
+  {
+    id: 1,
+    name: 'Android',
+    symbol: 'ANDROID'
+  },
+  {
+    id: 2,
+    name: 'PC',
+    symbol: 'PC'
+  }
+]);
+Vue.prototype.DeviceType = DeviceType;
+
+const Gender = new DictionaryBase([
+  {
+    id: 1,
+    name: '男',
+    symbol: 'MALE'
+  },
+  {
+    id: 0,
+    name: '女',
+    symbol: 'FEMALE'
+  }
+]);
+Vue.prototype.Gender = Gender;
+
+const ExpLevel = new DictionaryBase([
+  {
+    id: 0,
+    name: '初级学员',
+    symbol: 'LOWER'
+  },
+  {
+    id: 1,
+    name: '中级学员',
+    symbol: 'MIDDLE'
+  },
+  {
+    id: 2,
+    name: '高级学员',
+    symbol: 'HIGH'
+  }
+]);
+Vue.prototype.ExpLevel = ExpLevel;
+
+const StudentStatus = new DictionaryBase([
+  {
+    id: 0,
+    name: '正常',
+    symbol: 'NORMAL'
+  },
+  {
+    id: 1,
+    name: '锁定',
+    symbol: 'LOCKED'
+  },
+  {
+    id: 2,
+    name: '注销',
+    symbol: 'DELETED'
+  }
+]);
+Vue.prototype.StudentStatus = StudentStatus;
+
+const SysPermModuleType = new DictionaryBase([
+  {
+    id: 0,
+    name: '分组模块',
+    symbol: 'GROUP'
+  }, {
+    id: 1,
+    name: '接口模块',
+    symbol: 'CONTROLLER'
+  }
+]);
+Vue.prototype.SysPermModuleType = SysPermModuleType;
+
+const SysPermCodeType = new DictionaryBase([{
+  id: 0,
+  name: '表单',
+  symbol: 'FORM'
+}, {
+  id: 1,
+  name: '片段',
+  symbol: 'FRAGMENT'
+}, {
+  id: 2,
+  name: '操作',
+  symbol: 'OPERATION'
+}]);
+Vue.prototype.SysPermCodeType = SysPermCodeType;
+
+const SysMenuType = new DictionaryBase([
+  {
+    id: 0,
+    name: '目录',
+    symbol: 'DIRECTORY'
+  },
+  {
+    id: 1,
+    name: '表单',
+    symbol: 'MENU'
+  },
+  {
+    id: 2,
+    name: '片段',
+    symbol: 'FRAGMENT'
+  },
+  {
+    id: 3,
+    name: '按钮',
+    symbol: 'BUTTON'
+  }
+]);
+Vue.prototype.SysMenuType = SysMenuType;
+
+export {
+  DictionaryBase,
+  SysUserStatus,
+  SysUserType,
+  ClassStatus,
+  ClassLevel,
+  CourseDifficult,
+  Subject,
+  StudentActionType,
+  DeviceType,
+  Gender,
+  ExpLevel,
+  StudentStatus,
+  SysPermModuleType,
+  SysPermCodeType,
+  SysMenuType
+}

orange-demo-multi-web/src/store/actions.js

@@ -0,0 +1 @@
+export default {}

orange-demo-multi-web/src/store/getters.js

@@ -0,0 +1,80 @@
+import { findMenuItem } from './utils';
+import * as StaticDict from '@/staticDict';
+
+export default {
+  getMultiTags: (state) => {
+    return state.supportTags;
+  },
+  getCollapse: (state) => {
+    return state.isCollapse;
+  },
+  getClientHeight: (state) => {
+    return state.documentClientHeight;
+  },
+  getMainContextHeight: (state) => {
+    return state.documentClientHeight - (state.supportTags ? 130 : 90);
+  },
+  getUserInfo: (state) => {
+    return state.userInfo;
+  },
+  getCachePages: (state) => {
+    return state.cachePages;
+  },
+  getTagList: (state) => {
+    return state.tagList;
+  },
+  getMenuList: (state) => {
+    if (state.supportColumn) {
+      if (state.currentColumnId == null || state.currentColumnId === '') return [];
+      for (let i = 0; i < state.menuList.length; i++) {
+        if (state.menuList[i].menuId === state.currentColumnId) {
+          return state.menuList[i].children || [];
+        }
+      }
+
+      return [];
+    } else {
+      return state.menuList;
+    }
+  },
+  getColumnList: (state) => {
+    if (!state.supportColumn) return [];
+    return state.menuList.map(menu => {
+      if (menu.menuType === StaticDict.SysMenuType.DIRECTORY) {
+        return {
+          columnId: menu.menuId,
+          columnName: menu.menuName
+        }
+      }
+    }).filter(item => item != null);
+  },
+  getCurrentMenuId: (state) => {
+    return state.currentMenuId;
+  },
+  getMenuItem: (state) => {
+    if (Array.isArray(state.menuList)) {
+      for (let i = 0; i < state.menuList.length; i++) {
+        let temp = findMenuItem(state.menuList[i], state.currentMenuId);
+        if (temp != null) return temp;
+      }
+    }
+    return null;
+  },
+  getCurrentMenuPath: (state) => {
+    let menuPath = [];
+    if (Array.isArray(state.menuList)) {
+      for (let i = 0; i < state.menuList.length; i++) {
+        let temp = findMenuItem(state.menuList[i], state.currentMenuId, menuPath);
+        if (temp != null) break;
+      }
+    }
+
+    return menuPath;
+  },
+  getMultiColumn: (state) => {
+    return state.supportColumn;
+  },
+  getCurrentColumnId: (state) => {
+    return state.currentColumnId;
+  }
+}

orange-demo-multi-web/src/store/index.js

@@ -0,0 +1,15 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import state from './state.js';
+import getters from './getters.js';
+import mutations from './mutations.js';
+import actions from './actions.js';
+
+Vue.use(Vuex);
+export default new Vuex.Store({
+  state,
+  getters,
+  mutations,
+  actions,
+  strict: process.env.NODE_ENV !== 'production'
+});

orange-demo-multi-web/src/store/mutations.js

@@ -0,0 +1,145 @@
+import { initUserInfo, findMenuItem } from './utils';
+import { setObjectToSessionStorage, findItemFromList, treeDataTranslate } from '@/utils';
+
+export default {
+  setCollapse: (state, isCollapse) => {
+    state.isCollapse = isCollapse;
+  },
+  setClientHeight: (state, height) => {
+    state.documentClientHeight = height;
+  },
+  setUserInfo: (state, info) => {
+    setObjectToSessionStorage('userInfo', info);
+    state.userInfo = initUserInfo(info);
+  },
+  addCachePage (state, name) {
+    if (state.cachePages.indexOf(name) === -1) {
+      let temp = [...state.cachePages];
+      temp.push(name);
+      setObjectToSessionStorage('cachePages', temp);
+      state.cachePages = temp;
+    }
+  },
+  removeCachePage (state, name) {
+    let pos = state.cachePages.indexOf(name);
+    if (pos !== -1) {
+      let temp = [...state.cachePages];
+      temp.splice(pos, 1);
+      setObjectToSessionStorage('cachePages', temp);
+      state.cachePages = temp;
+    }
+  },
+  clearCachePage (state) {
+    setObjectToSessionStorage('cachePages', []);
+    state.cachePages = [];
+  },
+  addTag (state, id) {
+    if (id == null || id === '') return;
+    // 新增的标签是否存在
+    let tagList = state.tagList;
+    let tagItem = null;
+    if (Array.isArray(tagList)) {
+      tagItem = findItemFromList(tagList, id, 'menuId');
+    }
+    if (tagItem != null) return;
+    // 添加新增标签以及更新页面缓存
+    let menuList = state.menuList;
+    let menuObject = null;
+    if (Array.isArray(menuList)) {
+      for (let i = 0; i < menuList.length; i++) {
+        menuObject = findMenuItem(menuList[i], id);
+        if (menuObject != null) break;
+      }
+    }
+    if (menuObject != null) {
+      state.tagList = [...state.tagList, menuObject];
+      if (Array.isArray(state.cachePages) && state.cachePages.indexOf(menuObject.formRouterName) === -1) {
+        state.cachePages = [...state.cachePages, menuObject.formRouterName];
+      }
+    }
+    setObjectToSessionStorage('cachePages', state.cachePages);
+    setObjectToSessionStorage('tagList', state.tagList);
+  },
+  removeTag (state, id) {
+    if (id == null || id === '') return;
+    // 移除标签
+    let nextPos = -1;
+    let tagItem = null;
+    for (let i = 0; i < state.tagList.length; i++) {
+      if (state.tagList[i].menuId === id) {
+        tagItem = state.tagList[i];
+        state.tagList.splice(i, 1);
+        nextPos = Math.min(i, state.tagList.length - 1);
+      }
+    }
+    // let tagItem = findItemFromList(state.tagList, id, 'menuId', true);
+    if (tagItem == null) return;
+    // 移除页面缓存
+    findItemFromList(state.cachePages, tagItem.formRouterName, undefined, true);
+    setObjectToSessionStorage('cachePages', state.cachePages);
+    setObjectToSessionStorage('tagList', state.tagList);
+    // 如果移除的是当前显示页面，重新选择显示页面
+    let showTag = null;
+    if (state.currentMenuId === id) {
+      showTag = state.tagList[nextPos];
+      let tempId = (showTag || {}).menuId;
+      if (setObjectToSessionStorage('currentMenuId', tempId)) state.currentMenuId = tempId;
+    }
+  },
+  closeOtherTags (state, id) {
+    if (id == null || id === '') return;
+    // 移除其他所有标签
+    if (Array.isArray(state.tagList)) {
+      state.tagList = state.tagList.filter((item) => {
+        return item.menuId === id;
+      });
+    }
+
+    let menuObject = state.tagList[0];
+    if (menuObject && menuObject.formRouterName && menuObject.formRouterName !== '') {
+      state.cachePages = [menuObject.formRouterName];
+      if (setObjectToSessionStorage('currentMenuId', menuObject.menuId)) state.currentMenuId = menuObject.menuId;
+    }
+    setObjectToSessionStorage('cachePages', state.cachePages);
+    setObjectToSessionStorage('tagList', state.tagList);
+  },
+  clearAllTags (state) {
+    if (setObjectToSessionStorage('currentMenuId', undefined)) state.currentMenuId = undefined;
+    if (setObjectToSessionStorage('cachePages', [])) state.cachePages = [];
+    if (setObjectToSessionStorage('tagList', [])) state.tagList = [];
+  },
+  setMenuList: (state, list) => {
+    if (Array.isArray(list)) {
+      if (setObjectToSessionStorage('menuList', list)) state.menuList = treeDataTranslate(list, 'menuId', 'parentId');
+      let columnId = (state.menuList[0] || {}).menuId;
+      if (setObjectToSessionStorage('currentColumnId', columnId)) state.currentColumnId = columnId;
+    }
+  },
+  setCurrentMenuId: (state, menuId) => {
+    let menuItem = null;
+    if (setObjectToSessionStorage('currentMenuId', menuId)) state.currentMenuId = menuId;
+    if (Array.isArray(state.tagList) && Array.isArray(state.menuList)) {
+      for (let i = 0; i < state.menuList.length; i++) {
+        menuItem = findMenuItem(state.menuList[i], menuId, 'menuId');
+        if (menuItem != null) {
+          // 添加新的tag
+          let tagItem = findItemFromList(state.tagList, menuId, 'menuId');
+          if (tagItem == null) {
+            state.tagList = [...state.tagList, menuItem];
+            setObjectToSessionStorage('tagList', state.tagList);
+          }
+          // 添加新缓存
+          if (Array.isArray(state.cachePages) && state.cachePages.indexOf(menuItem.formRouterName) === -1) {
+            state.cachePages = [...state.cachePages, menuItem.formRouterName];
+            setObjectToSessionStorage('cachePages', state.cachePages);
+          }
+          break;
+        }
+      }
+    }
+  },
+  setCurrentColumnId: (state, columnId) => {
+    if (setObjectToSessionStorage('currentColumnId', columnId)) state.currentColumnId = columnId;
+    if (setObjectToSessionStorage('currentMenuId', null)) state.currentMenuId = null;
+  }
+}

orange-demo-multi-web/src/store/state.js

@@ -0,0 +1,25 @@
+import { initUserInfo } from './utils';
+import { getObjectFromSessionStorage, treeDataTranslate } from '@/utils';
+
+export default {
+  // 是否左侧菜单折叠
+  isCollapse: false,
+  // 是否多栏目
+  supportColumn: false,
+  // 是否多标签
+  supportTags: false,
+  // 浏览器客户区高度
+  documentClientHeight: 100,
+  // 用户登录信息
+  userInfo: initUserInfo(),
+  // 缓存页面
+  cachePages: getObjectFromSessionStorage('cachePages', []),
+  // 当前标签
+  tagList: getObjectFromSessionStorage('tagList', []),
+  // 菜单列表
+  menuList: treeDataTranslate(getObjectFromSessionStorage('menuList', []), 'menuId', 'parentId'),
+  // 当前菜单
+  currentMenuId: getObjectFromSessionStorage('currentMenuId', undefined),
+  // 当前栏目
+  currentColumnId: getObjectFromSessionStorage('currentColumnId', undefined)
+}

orange-demo-multi-web/src/store/utils/index.js

@@ -0,0 +1,36 @@
+import { getObjectFromSessionStorage } from '@/utils';
+
+function findMenuItem (menuItem, menuId, path) {
+  if (Array.isArray(path)) path.push(menuItem);
+  if ((menuItem.menuId + '') === (menuId + '')) return menuItem;
+
+  let bFind = false;
+  let findItem = null;
+  if (Array.isArray(menuItem.children)) {
+    for (let i = 0; i < menuItem.children.length; i++) {
+      findItem = findMenuItem(menuItem.children[i], menuId, path);
+      if (findItem != null) {
+        bFind = true;
+        break;
+      }
+    }
+  }
+
+  if (!bFind && Array.isArray(path)) path.pop();
+  return bFind ? findItem : null;
+}
+
+function initUserInfo (userInfo) {
+  if (userInfo == null) userInfo = getObjectFromSessionStorage('userInfo');
+
+  if (userInfo != null && userInfo.permCodeList != null && Array.isArray(userInfo.permCodeList)) {
+    userInfo.permCodeSet = new Set(userInfo.permCodeList);
+  }
+
+  return userInfo;
+}
+
+export {
+  findMenuItem,
+  initUserInfo
+}

orange-demo-multi-web/src/utils/chartOption.js

@@ -0,0 +1,56 @@
+const defaultLineChartOption = {
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '20px',
+    containLabel: true
+  },
+  xAxis: {
+    axisLabel: {
+      interval: 0,
+      showMaxLabel: true
+    }
+  },
+  legend: {
+    top: '3%'
+  }
+}
+
+const defaultBarChartOption = {
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '20px',
+    containLabel: true
+  },
+  xAxis: {
+    axisLabel: {
+      interval: 0,
+      showMaxLabel: true
+    }
+  },
+  legend: {
+    top: '3%'
+  }
+}
+
+const defaultPieChartOption = {
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '20px',
+    containLabel: true
+  },
+  legend: {
+    top: '3%'
+  },
+  series: {
+    center: ['50%', '60%']
+  }
+}
+
+export {
+  defaultLineChartOption,
+  defaultBarChartOption,
+  defaultPieChartOption
+}

orange-demo-multi-web/src/utils/index.js

@@ -0,0 +1,222 @@
+import JSEncrypt from 'jsencrypt';
+
+/**
+ * 列表数据转换树形数据
+ * @param {Array} data 要转换的列表
+ * @param {String} id 主键字段字段名
+ * @param {String} pid 父字段字段名
+ * @returns {Array} 转换后的树数据
+ */
+export function treeDataTranslate (data, id = 'id', pid = 'parentId') {
+  var res = []
+  var temp = {}
+  for (var i = 0; i < data.length; i++) {
+    temp[data[i][id]] = data[i]
+  }
+  for (var k = 0; k < data.length; k++) {
+    if (temp[data[k][pid]] && data[k][id] !== data[k][pid]) {
+      if (!temp[data[k][pid]]['children']) {
+        temp[data[k][pid]]['children'] = []
+      }
+      if (!temp[data[k][pid]]['_level']) {
+        temp[data[k][pid]]['_level'] = 1
+      }
+      data[k]['_level'] = temp[data[k][pid]]._level + 1
+      data[k]['_parent'] = data[k][pid]
+      temp[data[k][pid]]['children'].push(data[k])
+    } else {
+      res.push(data[k])
+    }
+  }
+
+  return res
+}
+/**
+ * 获取字符串字节长度（中文算2个字符）
+ * @param {String} str 要获取长度的字符串
+ */
+export function getStringLength (str) {
+  return str.replace(/[\u4e00-\u9fa5\uff00-\uffff]/g, '**').length
+}
+/**
+ * 获取uuid
+ */
+export function getUUID () {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+    return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16)
+  });
+}
+/**
+ * 大小驼峰变换函数
+ * @param name 要转换的字符串
+ * @param type 转换的类型0：转换成小驼峰，1：转换成大驼峰
+ */
+export function nameTranslate (name, type) {
+  name = name.toLowerCase();
+  let nameArray = name.split('_');
+  nameArray.forEach((item, index) => {
+    if (index === 0) {
+      name = type === 1 ? item.slice(0, 1).toUpperCase() + item.slice(1) : item;
+    } else {
+      name = name + item.slice(0, 1).toUpperCase() + item.slice(1);
+    }
+  });
+
+  nameArray = name.split('-');
+  nameArray.forEach((item, index) => {
+    if (index === 0) {
+      name = type === 1 ? item.slice(0, 1).toUpperCase() + item.slice(1) : item;
+    } else {
+      name = name + item.slice(0, 1).toUpperCase() + item.slice(1);
+    }
+  });
+  return name;
+}
+/**
+ * 通过id从树中获取指定的节点
+ * @param {Object} node 根节点
+ * @param {String|Nubmer} id 键值
+ * @param {Array} list 保存查询路径
+ * @param {String} idKey 主键字段名
+ * @param {String} childKey 子节点字段名
+ */
+function findNode (node, id, list, idKey = 'id', childKey = 'children') {
+  if (Array.isArray(list)) list.push(node[idKey]);
+  if (node[idKey] === id) {
+    return node;
+  }
+
+  if (node[childKey] != null && Array.isArray(node[childKey])) {
+    for (let i = 0; i < node[childKey].length; i++) {
+      let tempNode = findNode(node[childKey][i], id, list, idKey, childKey);
+      if (tempNode) return tempNode;
+    }
+  }
+
+  if (Array.isArray(list)) list.pop();
+}
+/**
+ * 通过id返回从根节点到指定节点的路径
+ * @param {Array} treeRoot 树根节点数组
+ * @param {*} id 要查询的节点的id
+ * @param {*} idKey 主键字段名
+ * @param {*} childKey 子节点字段名
+ */
+export function findTreeNodePath (treeRoot, id, idKey = 'id', childKey = 'children') {
+  let tempList = [];
+  for (let i = 0; i < treeRoot.length; i++) {
+    if (findNode(treeRoot[i], id, tempList, idKey, childKey)) {
+      return tempList;
+    }
+  }
+
+  return [];
+}
+/**
+ * 通过id从树中查找节点
+ * @param {Array} treeRoot 根节点数组
+ * @param {*} id 要查找的节点的id
+ * @param {*} idKey 主键字段名
+ * @param {*} childKey 子节点字段名
+ */
+export function findTreeNode (treeRoot, id, idKey = 'id', childKey = 'children') {
+  for (let i = 0; i < treeRoot.length; i++) {
+    let tempNode = findNode(treeRoot[i], id, undefined, idKey, childKey);
+    if (tempNode) return tempNode;
+  }
+}
+/**
+ * 把Object转换成query字符串
+ * @param {Object} params 要转换的Object
+ */
+export function objectToQueryString (params) {
+  if (params == null) {
+    return null;
+  } else {
+    return Object.keys(params).map((key) => {
+      return `${key}=${params[key]}`;
+    }).join('&');
+  }
+}
+/**
+ * 从数组中查找某一项
+ * @param {Array} list 要查找的数组
+ * @param {String} id 要查找的节点id
+ * @param {String} idKey 主键字段名（如果为null则直接比较）
+ * @param {Boolean} removeItem 是否从数组中移除查找到的节点
+ * @returns {Object} 找到返回节点，没找到返回undefined
+ */
+export function findItemFromList (list, id, idKey, removeItem = false) {
+  if (Array.isArray(list) && list.length > 0 && id != null) {
+    for (let i = 0; i < list.length; i++) {
+      let item = list[i];
+      if (((idKey == null || idKey === '') && item === id) || (idKey != null && item[idKey] === id)) {
+        if (removeItem) list.splice(i, 1);
+        return item;
+      }
+    }
+  }
+  return null;
+}
+/**
+ * 将数据保存到sessionStorage
+ * @param {*} key sessionStorage的键值
+ * @param {*} value 要保存的数据
+ */
+export function setObjectToSessionStorage (key, value) {
+  if (key == null || key === '') return false;
+  if (value == null) {
+    window.sessionStorage.removeItem(key);
+    return true;
+  } else {
+    let jsonObj = {
+      data: value
+    }
+    window.sessionStorage.setItem(key, JSON.stringify(jsonObj));
+    return true;
+  }
+}
+/**
+ * 从sessionStorage里面获取数据
+ * @param {String} key 键值
+ * @param {*} defaultValue 默认值
+ */
+export function getObjectFromSessionStorage (key, defaultValue) {
+  let jsonObj = null;
+  try {
+    jsonObj = JSON.parse(window.sessionStorage.getItem(key));
+    jsonObj = (jsonObj || {}).data;
+  } catch (e) {
+    jsonObj = defaultValue;
+  };
+  return (jsonObj != null) ? jsonObj : defaultValue;
+}
+/**
+ * 判读字符串是否一个数字
+ * @param {String} str 要判断的字符串
+ */
+export function isNumber (str) {
+  let num = Number.parseFloat(str);
+  if (Number.isNaN(num)) return false;
+  return num.toString() === str;
+}
+/**
+ * 生成随机数
+ * @param {Integer} min 随机数最小值
+ * @param {Integer} max 随机数最大值
+ */
+export function random (min, max) {
+  let base = Math.random();
+  return min + base * (max - min);
+}
+/**
+ * 加密
+ * @param {*} value 要加密的字符串
+ */
+const publicKey = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCpC4QMnbTrQOFriJJCCFFWhlruBJThAEBfRk7pRx1jsAhyNVL3CqJb0tRvpnbCnJhrRAEPdgFHXv5A0RrvFp+5Cw7QoFH6O9rKB8+0H7+aVQeKITMUHf/XMXioymw6Iq4QfWd8RhdtM1KM6eGTy8aU7SO2s69Mc1LXefg/x3yw6wIDAQAB';
+export function encrypt (value) {
+  if (value == null || value === '') return null;
+  let encrypt = new JSEncrypt();
+  encrypt.setPublicKey(publicKey);
+  return encodeURIComponent(encrypt.encrypt(value));
+}

orange-demo-multi-web/src/utils/validate.js

@@ -0,0 +1,33 @@
+const pattern = {
+  mobie: /^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/,
+  english: /^[a-zA-Z]+$/,
+  englishAndNumber: /^[a-zA-Z0-9]+$/
+}
+
+/**
+ * 邮箱
+ * @param str
+ */
+export function isEmail (str) {
+  return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(str)
+}
+
+/**
+ * 手机号码
+ * @param str
+ */
+export function isMobile (str) {
+  return pattern.mobie.test(str)
+}
+
+/**
+ * 电话号码
+ * @param str
+ */
+export function isPhone (str) {
+  return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(str)
+}
+
+export default {
+  pattern
+}

orange-demo-multi-web/src/utils/widget.js

@@ -0,0 +1,297 @@
+import { Message } from 'element-ui';
+import { treeDataTranslate } from '@/utils';
+
+const DEFAULT_PAGE_SIZE = 10;
+
+export class DropdownWidget {
+  /**
+   * 下拉组件（Select、Cascade、TreeSelect等）
+   * @param {function () : Promise} loadDropdownData 下拉数据获取函数
+   * @param {Boolean} isTree 是否是树数据
+   * @param {String} idKey 键字段字段名
+   * @param {String} parentIdKey 父字段字段名
+   */
+  constructor (loadDropdownData, isTree = false, idKey = 'id', parentIdKey = 'parentId') {
+    this.loading = false;
+    this.dirty = true;
+    this.dropdownList = [];
+    this.isTree = isTree;
+    this.idKey = idKey;
+    this.parentIdKey = parentIdKey;
+    this.loadDropdownData = loadDropdownData;
+    this.setDropdownList = this.setDropdownList.bind(this);
+    this.onVisibleChange = this.onVisibleChange.bind(this);
+  }
+  /**
+   * 重新获取下拉数据
+   */
+  reloadDropdownData () {
+    return new Promise((resolve, reject) => {
+      if (!this.loading) {
+        if (typeof this.loadDropdownData === 'function') {
+          this.loading = true;
+          this.loadDropdownData().then(dataList => {
+            this.setDropdownList(dataList);
+            this.loading = false;
+            this.dirty = false;
+            resolve(this.dropdownList);
+          }).catch(e => {
+            this.setDropdownList([]);
+            this.loading = false;
+            reject(this.dropdownList);
+          });
+        } else {
+          reject(new Error('获取下拉数据失败'));
+        }
+      } else {
+        resolve(this.dropdownList);
+      }
+    });
+  }
+  /**
+   * 下拉框显示或隐藏时调用
+   * @param {Boolean} isShow 正在显示或者隐藏
+   */
+  onVisibleChange (isShow) {
+    return new Promise((resolve, reject) => {
+      if (isShow && this.dirty && !this.loading) {
+        this.reloadDropdownData().then(res => {
+          resolve(res);
+        }).catch(e => {
+          reject(e);
+        });
+      } else {
+        resolve(this.dropdownList);
+      }
+    });
+  }
+  /**
+   * 设置下拉数据
+   * @param {Array} dataList 要显示的下拉数据
+   */
+  setDropdownList (dataList) {
+    if (Array.isArray(dataList)) {
+      this.dropdownList = this.isTree ? treeDataTranslate(dataList, this.idKey, this.parentIdKey) : dataList;
+    }
+  }
+}
+
+export class TableWidget {
+  /**
+   * 表格组件
+   * @param {function (params: Object) : Promise} loadTableData 表数据获取函数
+   * @param {function () : Boolean} verifyTableParameter 表数据获取检验函数
+   * @param {Boolean} paged 是否支持分页
+   * @param {String} orderFieldName 默认排序字段
+   * @param {Boolean} ascending 默认排序方式（true为正序，false为倒序）
+   * @param {String} dateAggregateBy 默认排序字段的日期统计类型
+   */
+  constructor (loadTableData, verifyTableParameter, paged, orderFieldName, ascending, dateAggregateBy) {
+    this.oldPage = 0;
+    this.currentPage = 1;
+    this.oldPageSize = DEFAULT_PAGE_SIZE;
+    this.pageSize = DEFAULT_PAGE_SIZE;
+    this.totalCount = 0;
+    this.dataList = [];
+    this.orderInfo = {
+      fieldName: orderFieldName,
+      asc: ascending,
+      dateAggregateBy: dateAggregateBy
+    };
+    this.paged = paged;
+    this.searchVerify = verifyTableParameter || function () { return true; };
+    this.loadTableData = loadTableData || function () { return Promise.resolve(); };
+    this.onCurrentPageChange = this.onCurrentPageChange.bind(this);
+    this.onPageSizeChange = this.onPageSizeChange.bind(this);
+    this.onSortChange = this.onSortChange.bind(this);
+    this.getTableIndex = this.getTableIndex.bind(this);
+  }
+  /**
+   * 表格分页变化
+   * @param {Integer} newCurrentPage 变化后的显示页面
+   */
+  onCurrentPageChange (newCurrentPage) {
+    this.loadTableDataImpl(newCurrentPage, this.pageSize).then(() => {
+      this.oldPage = this.currentPage = newCurrentPage;
+    }).catch(() => {
+      this.currentPage = this.oldPage;
+    });
+  }
+  /**
+   * 表格分页每页显示数量变化
+   * @param {Integer} newPageSize 变化后的每页显示数量
+   */
+  onPageSizeChange (newPageSize) {
+    this.loadTableDataImpl(1, newPageSize).then(() => {
+      this.oldPage = this.currentPage = 1;
+      this.oldPageSize = this.pageSize = newPageSize;
+    }).catch(e => {
+      this.currentPage = this.oldPage;
+      this.pageSize = this.oldPageSize;
+    });
+  }
+  /**
+   * 表格排序字段变化
+   * @param {String} prop 排序字段的字段名
+   * @param {String} order 正序还是倒序
+   */
+  onSortChange ({ prop, order }) {
+    this.orderInfo.fieldName = prop;
+    this.orderInfo.asc = (order === 'ascending');
+    this.refreshTable();
+  }
+  /**
+   * 获取每一行的index信息
+   * @param {Integer} index 表格在本页位置
+   */
+  getTableIndex (index) {
+    return this.paged ? ((this.currentPage - 1) * this.pageSize + (index + 1)) : (index + 1);
+  }
+  /**
+   * 获取表格数据
+   * @param {Integer} pageNum 当前分页
+   * @param {Integer} pageSize 每页数量
+   * @param {Boolean} reload 是否重新获取数据
+   */
+  loadTableDataImpl (pageNum, pageSize, reload = false) {
+    return new Promise((resolve, reject) => {
+      if (typeof this.loadTableData !== 'function') {
+        reject();
+      } else {
+        // 如果pageSize和pageNum没有变化，并且不强制刷新
+        if (this.paged && !reload && this.oldPage === pageNum && this.oldPageSize === pageSize) {
+          resolve();
+        } else {
+          let params = {};
+          if (this.orderInfo.fieldName != null) params.orderParam = [this.orderInfo];
+          if (this.paged) {
+            params.pageParam = {
+              pageNum,
+              pageSize
+            }
+          }
+          this.loadTableData(params).then(tableData => {
+            this.dataList = tableData.dataList;
+            this.totalCount = tableData.totalCount;
+            resolve();
+          }).catch(e => {
+            reject(e);
+          });
+        }
+      }
+    });
+  }
+  /**
+   * 刷新表格数据
+   * @param {Boolean} research 是否按照新的查询条件重新查询（调用verify函数）
+   * @param {Integer} pageNum 当前页面
+   */
+  refreshTable (research = false, pageNum = undefined, showMsg = false) {
+    let reload = false;
+    if (research) {
+      if (typeof this.searchVerify === 'function' && !this.searchVerify()) return;
+      reload = true;
+    }
+
+    if (Number.isInteger(pageNum) && pageNum !== this.currentPage) {
+      this.loadTableDataImpl(pageNum, this.pageSize, reload).then(res => {
+        this.oldPage = this.currentPage = pageNum;
+        if (research && showMsg) Message.success('查询成功');
+      }).catch(e => {
+        this.currentPage = this.oldPage;
+      });
+    } else {
+      this.loadTableDataImpl(this.currentPage, this.pageSize, true).catch(e => {});
+    }
+  }
+}
+
+export class UploadWidget {
+  /**
+   * 上传组件
+   * @param {Integer} maxCount 最大上传数量
+   */
+  constructor (maxCount = 1) {
+    this.maxCount = maxCount;
+    this.fileList = [];
+    this.onFileChange = this.onFileChange.bind(this);
+  }
+  /**
+   * 上传文件列表改变
+   * @param {Object} file 改变的文件
+   * @param {Array} fileList 改变后的文件列表
+   */
+  onFileChange (file, fileList) {
+    if (Array.isArray(fileList) && fileList.length > 0) {
+      if (this.maxCount === 1) {
+        this.fileList = [fileList[fileList.length - 1]];
+      } else {
+        this.fileList = fileList;
+      }
+    } else {
+      this.fileList = [];
+    }
+    return this.fileList;
+  }
+}
+
+export class ChartWidget {
+  /**
+   * 图表组件
+   * @param {function (params) : Promise} loadTableData chart数据获取函数
+   * @param {function () : Boolean} verifyTableParameter 数据参数检验函数
+   * @param {Array} columns 数据列
+   */
+  constructor (loadTableData, verifyTableParameter, columns) {
+    this.columns = columns;
+    this.loading = false;
+    this.dataEmpty = false;
+    this.chartData = undefined;
+    this.chartObject = undefined;
+    this.dimensionMaps = new Map();
+    this.chartSetting = undefined;
+    this.searchVerify = verifyTableParameter || function () { return true; };
+    this.loadTableData = loadTableData || function () { return Promise.resolve(); };
+  }
+  /**
+   * 获取图表数据
+   * @param {Boolean} reload 是否重新获取数据
+   */
+  loadChartDataImpl (reload = false) {
+    return new Promise((resolve, reject) => {
+      if (typeof this.loadTableData !== 'function') {
+        reject();
+      } else {
+        if (!reload) {
+          resolve();
+        } else {
+          this.loading = true;
+          this.loadTableData().then(tableData => {
+            this.chartData = {
+              columns: this.columns,
+              rows: tableData.dataList
+            }
+            this.loading = false;
+            if (this.chartObject) this.chartObject.resize();
+            resolve();
+          }).catch(e => {
+            console.error(e);
+            this.loading = false;
+            reject(e);
+          });
+        }
+      }
+    });
+  }
+  /**
+   * 刷新图表数据
+   * @param {Boolean} research 是否按照新的查询条件重新查询（调用verify函数）
+   */
+  refreshChart (research = false) {
+    if (research) {
+      if (typeof this.searchVerify === 'function' && !this.searchVerify()) return;
+    }
+
+    this.loadChartDataImpl(true).catch(e => {});
+  }
+}

orange-demo-multi-web/src/views/generated/formClass/index.vue

@@ -0,0 +1,288 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="所属校区">
+          <el-select class="filter-item" v-model="formClass.formFilter.schoolId" :clearable="true" filterable
+            placeholder="所属校区" :loading="formClass.schoolId.impl.loading"
+            @visible-change="formClass.schoolId.impl.onVisibleChange"
+            @change="onSchoolIdValueChange">
+            <el-option v-for="item in formClass.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="班级级别">
+          <el-select class="filter-item" v-model="formClass.formFilter.classLevel" :clearable="true" filterable
+            placeholder="班级级别" :loading="formClass.classLevel.impl.loading"
+            @visible-change="formClass.classLevel.impl.onVisibleChange"
+            @change="onClassLevelValueChange">
+            <el-option v-for="item in formClass.classLevel.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="班级名称">
+          <el-input class="filter-item" v-model="formClass.formFilter.className"
+            :clearable="true" placeholder="班级名称" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormClass(true)">查询</el-button>
+        <el-button slot="operator" type="primary" size="mini" :disabled="!checkPermCodeExist('formClass:formClass:formCreateClass')"
+          @click="onFormCreateClassClick()">
+          新建
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formClass.Class.impl.dataList" size="mini" @sort-change="formClass.Class.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formClass.Class.impl.getTableIndex" />
+          <el-table-column label="班级名称" prop="className">
+          </el-table-column>
+          <el-table-column label="所属校区" prop="schoolIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="班级级别" prop="classLevelDictMap.name">
+          </el-table-column>
+          <el-table-column label="已完成课时" prop="finishClassHour">
+          </el-table-column>
+          <el-table-column label="班级创建时间" prop="createTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.createTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" min-width="150px">
+            <template slot-scope="scope">
+              <el-button @click="onFormEditClassClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formClass:formClass:formEditClass')">
+                编辑
+              </el-button>
+              <el-button @click="onFormClassStudentClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formClass:formClass:formClassStudent')">
+                学生
+              </el-button>
+              <el-button @click="onFormClassCourseClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formClass:formClass:formClassCourse')">
+                课程
+              </el-button>
+              <el-button @click="onDeleteClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formClass:formClass:delete')">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formClass.Class.impl.totalCount"
+            :current-page="formClass.Class.impl.currentPage"
+            :page-size="formClass.Class.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formClass.Class.impl.onCurrentPageChange"
+            @size-change="formClass.Class.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+import formEditClass from '@/views/generated/formEditClass';
+import formCreateClass from '@/views/generated/formCreateClass';
+
+export default {
+  name: 'formClass',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],
+  data () {
+    return {
+      formClass: {
+        formFilter: {
+          schoolId: undefined,
+          classLevel: undefined,
+          className: undefined
+        },
+        formFilterCopy: {
+          schoolId: undefined,
+          classLevel: undefined,
+          className: undefined
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        classLevel: {
+          impl: new DropdownWidget(this.loadClassLevelDropdownList)
+        },
+        Class: {
+          impl: new TableWidget(this.loadClassData, this.loadClassVerify, true, 'createTime', 1)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    /**
+     * 班级数据数据获取函数，返回Primise
+     */
+    loadClassData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        studentClassFilter: {
+          className: this.formClass.formFilterCopy.className,
+          schoolId: this.formClass.formFilterCopy.schoolId,
+          classLevel: this.formClass.formFilterCopy.classLevel
+        }
+      }
+      return new Promise((resolve, reject) => {
+        StudentClassController.list(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级数据数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadClassVerify () {
+      this.formClass.formFilterCopy.className = this.formClass.formFilter.className;
+      this.formClass.formFilterCopy.schoolId = this.formClass.formFilter.schoolId;
+      this.formClass.formFilterCopy.classLevel = this.formClass.formFilter.classLevel;
+      return true;
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+    },
+    /**
+     * 班级级别下拉数据获取函数
+     */
+    loadClassLevelDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictClassLevel(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级级别选中值改变
+     */
+    onClassLevelValueChange (value) {
+    },
+    /**
+     * 更新班级管理
+     */
+    refreshFormClass (reloadData = false) {
+      if (reloadData) {
+        this.formClass.Class.impl.refreshTable(true, 1);
+      } else {
+        this.formClass.Class.impl.refreshTable();
+      }
+      if (!this.formClass.isInit) {
+        // 初始化下拉数据
+      }
+      this.formClass.isInit = true;
+    },
+    /**
+     * 新建
+     */
+    onFormCreateClassClick () {
+      let params = {};
+
+      this.$dialog.show('新建', formCreateClass, {
+        area: ['800px']
+      }, params).then(res => {
+        this.refreshFormClass();
+      }).catch(e => {});
+    },
+    /**
+     * 编辑
+     */
+    onFormEditClassClick (row) {
+      let params = {
+        classId: row.classId
+      };
+
+      this.$dialog.show('编辑', formEditClass, {
+        area: ['800px']
+      }, params).then(res => {
+        this.formClass.Class.impl.refreshTable();
+      }).catch(e => {});
+    },
+    /**
+     * 学生
+     */
+    onFormClassStudentClick (row) {
+      let params = {
+        classId: row.classId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formClassStudent', query: params});
+    },
+    /**
+     * 课程
+     */
+    onFormClassCourseClick (row) {
+      let params = {
+        classId: row.classId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formClassCourse', query: params});
+    },
+    /**
+     * 删除
+     */
+    onDeleteClick (row) {
+      let params = {
+        classId: row.classId
+      };
+
+      this.$confirm('是否删除此班级？').then(res => {
+        StudentClassController.delete(this, params).then(res => {
+          this.$message.success('删除成功');
+          this.formClass.Class.impl.refreshTable();
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormClass();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormClass();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formClassCourse/index.vue

@@ -0,0 +1,185 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-button slot="operator" type="primary" size="mini" :disabled="!checkPermCodeExist('formClassCourse:formClassCourse:formSetClassCourse')"
+          @click="onFormSetClassCourseClick()">
+          设置班级课程
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formClassCourse.Course.impl.dataList" size="mini" @sort-change="formClassCourse.Course.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formClassCourse.Course.impl.getTableIndex" />
+          <el-table-column label="课程名称" prop="courseName">
+          </el-table-column>
+          <el-table-column label="课程难度" prop="difficultyDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属年级" prop="gradeIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属学科" prop="subjectIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="课时数量" prop="classHour">
+          </el-table-column>
+          <el-table-column label="课程图片" min-width="180px">
+            <template slot-scope="scope">
+              <el-image v-for="item in parseUploadData(scope.row.pictureUrl, {courseId: scope.row.courseId, fieldName: 'pictureUrl', asImage: true})"
+                :preview-src-list="getPictureList(scope.row.pictureUrl, {courseId: scope.row.courseId, fieldName: 'pictureUrl', asImage: true})"
+                class="table-cell-image" :key="item.url" :src="item.url" fit="fill">
+                <div slot="error" class="table-cell-image">
+                  <i class="el-icon-picture-outline"></i>
+                </div>
+              </el-image>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right">
+            <template slot-scope="scope">
+              <el-button @click="onDeleteClassCourseClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formClassCourse:formClassCourse:deleteClassCourse')">
+                移除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formClassCourse.Course.impl.totalCount"
+            :current-page="formClassCourse.Course.impl.currentPage"
+            :page-size="formClassCourse.Course.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formClassCourse.Course.impl.onCurrentPageChange"
+            @size-change="formClassCourse.Course.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+    <label v-if="closeVisible == '1'" class="page-close-box">
+      <el-button type="text" @click="onCancel(true)" icon="el-icon-close" />
+    </label>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formClassCourse',
+  props: {
+    classId: {
+      default: undefined
+    },
+    closeVisible: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin],
+  data () {
+    return {
+      formClassCourse: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        Course: {
+          impl: new TableWidget(this.loadCourseData, this.loadCourseVerify, true)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      this.removeCachePage(this.$options.name);
+      this.refreshParentCachedPage = isSuccess;
+      this.$router.go(-1);
+    },
+    /**
+     * 班级课程数据获取函数，返回Primise
+     */
+    loadCourseData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        classId: this.classId
+      }
+      return new Promise((resolve, reject) => {
+        StudentClassController.listClassCourse(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级课程数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadCourseVerify () {
+      return true;
+    },
+    /**
+     * 更新班级课程
+     */
+    refreshFormClassCourse (reloadData = false) {
+      if (reloadData) {
+        this.formClassCourse.Course.impl.refreshTable(true, 1);
+      } else {
+        this.formClassCourse.Course.impl.refreshTable();
+      }
+      if (!this.formClassCourse.isInit) {
+        // 初始化下拉数据
+      }
+      this.formClassCourse.isInit = true;
+    },
+    /**
+     * 设置班级课程
+     */
+    onFormSetClassCourseClick () {
+      let params = {
+        classId: this.classId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formSetClassCourse', query: params});
+    },
+    /**
+     * 移除
+     */
+    onDeleteClassCourseClick (row) {
+      let params = {
+        classId: this.classId,
+        courseId: row.courseId
+      };
+
+      this.$confirm('是否从班级中移除此课程？').then(res => {
+        StudentClassController.deleteClassCourse(this, params).then(res => {
+          this.$message.success('移除成功');
+          this.formClassCourse.Course.impl.refreshTable();
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormClassCourse();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormClassCourse();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formClassStudent/index.vue

@@ -0,0 +1,179 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-button slot="operator" type="primary" size="mini" :disabled="!checkPermCodeExist('formClassStudent:formClassStudent:formSetClassStudent')"
+          @click="onFormSetClassStudentClick()">
+          设置班级学生
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formClassStudent.Student.impl.dataList" size="mini" @sort-change="formClassStudent.Student.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formClassStudent.Student.impl.getTableIndex" />
+          <el-table-column label="姓名" prop="studentName">
+          </el-table-column>
+          <el-table-column label="手机号码" prop="loginMobile">
+          </el-table-column>
+          <el-table-column label="所属校区" prop="schoolIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="年级" prop="gradeIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="经验等级" prop="experienceLevelDictMap.name">
+          </el-table-column>
+          <el-table-column label="注册时间" prop="registerTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.registerTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right">
+            <template slot-scope="scope">
+              <el-button @click="onDeleteClassStudentClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formClassStudent:formClassStudent:deleteClassStudent')">
+                移除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formClassStudent.Student.impl.totalCount"
+            :current-page="formClassStudent.Student.impl.currentPage"
+            :page-size="formClassStudent.Student.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formClassStudent.Student.impl.onCurrentPageChange"
+            @size-change="formClassStudent.Student.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+    <label v-if="closeVisible == '1'" class="page-close-box">
+      <el-button type="text" @click="onCancel(true)" icon="el-icon-close" />
+    </label>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formClassStudent',
+  props: {
+    classId: {
+      default: undefined
+    },
+    closeVisible: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin],
+  data () {
+    return {
+      formClassStudent: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        Student: {
+          impl: new TableWidget(this.loadStudentData, this.loadStudentVerify, true)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      this.removeCachePage(this.$options.name);
+      this.refreshParentCachedPage = isSuccess;
+      this.$router.go(-1);
+    },
+    /**
+     * 班级学生数据获取函数，返回Primise
+     */
+    loadStudentData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        classId: this.classId
+      }
+      return new Promise((resolve, reject) => {
+        StudentClassController.listClassStudent(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级学生数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadStudentVerify () {
+      return true;
+    },
+    /**
+     * 更新班级学生
+     */
+    refreshFormClassStudent (reloadData = false) {
+      if (reloadData) {
+        this.formClassStudent.Student.impl.refreshTable(true, 1);
+      } else {
+        this.formClassStudent.Student.impl.refreshTable();
+      }
+      if (!this.formClassStudent.isInit) {
+        // 初始化下拉数据
+      }
+      this.formClassStudent.isInit = true;
+    },
+    /**
+     * 设置班级学生
+     */
+    onFormSetClassStudentClick () {
+      let params = {
+        classId: this.classId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formSetClassStudent', query: params});
+    },
+    /**
+     * 移除
+     */
+    onDeleteClassStudentClick (row) {
+      let params = {
+        classId: this.classId,
+        studentId: row.studentId
+      };
+
+      this.$confirm('是否从班级中移除此学生？').then(res => {
+        StudentClassController.deleteClassStudent(this, params).then(res => {
+          this.$message.success('移除成功');
+          this.formClassStudent.Student.impl.refreshTable();
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormClassStudent();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormClassStudent();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formCourse/index.vue

@@ -0,0 +1,306 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="所属年级">
+          <el-select class="filter-item" v-model="formCourse.formFilter.gradeId" :clearable="true" filterable
+            placeholder="所属年级" :loading="formCourse.gradeId.impl.loading"
+            @visible-change="formCourse.gradeId.impl.onVisibleChange"
+            @change="onGradeIdValueChange">
+            <el-option v-for="item in formCourse.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属学科">
+          <el-select class="filter-item" v-model="formCourse.formFilter.subjectId" :clearable="true" filterable
+            placeholder="所属学科" :loading="formCourse.subjectId.impl.loading"
+            @visible-change="formCourse.subjectId.impl.onVisibleChange"
+            @change="onSubjectIdValueChange">
+            <el-option v-for="item in formCourse.subjectId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="课程难度">
+          <el-select class="filter-item" v-model="formCourse.formFilter.difficulty" :clearable="true" filterable
+            placeholder="课程难度" :loading="formCourse.difficulty.impl.loading"
+            @visible-change="formCourse.difficulty.impl.onVisibleChange"
+            @change="onDifficultyValueChange">
+            <el-option v-for="item in formCourse.difficulty.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="课程名称">
+          <el-input class="filter-item" v-model="formCourse.formFilter.courseName"
+            :clearable="true" placeholder="课程名称" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormCourse(true)">查询</el-button>
+        <el-button slot="operator" type="primary" size="mini" :disabled="!checkPermCodeExist('formCourse:formCourse:formCreateCourse')"
+          @click="onFormCreateCourseClick()">
+          新建
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formCourse.Course.impl.dataList" size="mini" @sort-change="formCourse.Course.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formCourse.Course.impl.getTableIndex" />
+          <el-table-column label="课程名称" prop="courseName">
+          </el-table-column>
+          <el-table-column label="课程难度" prop="difficultyDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属年级" prop="gradeIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属学科" prop="subjectIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="课时数量" prop="classHour">
+          </el-table-column>
+          <el-table-column label="课程价格" prop="price" sortable="custom">
+          </el-table-column>
+          <el-table-column label="课程图片" min-width="180px">
+            <template slot-scope="scope">
+              <el-image v-for="item in parseUploadData(scope.row.pictureUrl, {courseId: scope.row.courseId, fieldName: 'pictureUrl', asImage: true})"
+                :preview-src-list="getPictureList(scope.row.pictureUrl, {courseId: scope.row.courseId, fieldName: 'pictureUrl', asImage: true})"
+                class="table-cell-image" :key="item.url" :src="item.url" fit="fill">
+                <div slot="error" class="table-cell-image">
+                  <i class="el-icon-picture-outline"></i>
+                </div>
+              </el-image>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" prop="createTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.createTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right">
+            <template slot-scope="scope">
+              <el-button @click="onFormEditCourseClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formCourse:formCourse:formEditCourse')">
+                编辑
+              </el-button>
+              <el-button @click="onDeleteClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formCourse:formCourse:delete')">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formCourse.Course.impl.totalCount"
+            :current-page="formCourse.Course.impl.currentPage"
+            :page-size="formCourse.Course.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formCourse.Course.impl.onCurrentPageChange"
+            @size-change="formCourse.Course.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { CourseController, DictionaryController } from '@/api';
+import formCreateCourse from '@/views/generated/formCreateCourse';
+import formEditCourse from '@/views/generated/formEditCourse';
+
+export default {
+  name: 'formCourse',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],
+  data () {
+    return {
+      formCourse: {
+        formFilter: {
+          gradeId: undefined,
+          subjectId: undefined,
+          difficulty: undefined,
+          courseName: undefined
+        },
+        formFilterCopy: {
+          gradeId: undefined,
+          subjectId: undefined,
+          difficulty: undefined,
+          courseName: undefined
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        subjectId: {
+          impl: new DropdownWidget(this.loadSubjectIdDropdownList)
+        },
+        difficulty: {
+          impl: new DropdownWidget(this.loadDifficultyDropdownList)
+        },
+        Course: {
+          impl: new TableWidget(this.loadCourseData, this.loadCourseVerify, true, 'createTime', 1)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    /**
+     * 课程数据数据获取函数，返回Primise
+     */
+    loadCourseData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        courseFilter: {
+          courseName: this.formCourse.formFilterCopy.courseName,
+          difficulty: this.formCourse.formFilterCopy.difficulty,
+          gradeId: this.formCourse.formFilterCopy.gradeId,
+          subjectId: this.formCourse.formFilterCopy.subjectId
+        }
+      }
+      return new Promise((resolve, reject) => {
+        CourseController.list(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程数据数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadCourseVerify () {
+      this.formCourse.formFilterCopy.courseName = this.formCourse.formFilter.courseName;
+      this.formCourse.formFilterCopy.difficulty = this.formCourse.formFilter.difficulty;
+      this.formCourse.formFilterCopy.gradeId = this.formCourse.formFilter.gradeId;
+      this.formCourse.formFilterCopy.subjectId = this.formCourse.formFilter.subjectId;
+      return true;
+    },
+    /**
+     * 所属年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 所属学科下拉数据获取函数
+     */
+    loadSubjectIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSubject(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属学科选中值改变
+     */
+    onSubjectIdValueChange (value) {
+    },
+    /**
+     * 课程难度下拉数据获取函数
+     */
+    loadDifficultyDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictCourseDifficult(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程难度选中值改变
+     */
+    onDifficultyValueChange (value) {
+    },
+    /**
+     * 更新课程管理
+     */
+    refreshFormCourse (reloadData = false) {
+      if (reloadData) {
+        this.formCourse.Course.impl.refreshTable(true, 1);
+      } else {
+        this.formCourse.Course.impl.refreshTable();
+      }
+      if (!this.formCourse.isInit) {
+        // 初始化下拉数据
+      }
+      this.formCourse.isInit = true;
+    },
+    /**
+     * 新建
+     */
+    onFormCreateCourseClick () {
+      let params = {};
+
+      this.$dialog.show('新建', formCreateCourse, {
+        area: ['800px']
+      }, params).then(res => {
+        this.refreshFormCourse();
+      }).catch(e => {});
+    },
+    /**
+     * 编辑
+     */
+    onFormEditCourseClick (row) {
+      let params = {
+        courseId: row.courseId
+      };
+
+      this.$dialog.show('编辑', formEditCourse, {
+        area: ['800px']
+      }, params).then(res => {
+        this.formCourse.Course.impl.refreshTable();
+      }).catch(e => {});
+    },
+    /**
+     * 删除
+     */
+    onDeleteClick (row) {
+      let params = {
+        courseId: row.courseId
+      };
+
+      this.$confirm('是否删除此课程？').then(res => {
+        CourseController.delete(this, params).then(res => {
+          this.$message.success('删除成功');
+          this.formCourse.Course.impl.refreshTable();
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormCourse();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormCourse();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formCourseStats/index.vue

@@ -0,0 +1,312 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="统计日期">
+          <date-range class="filter-item" v-model="formCourseStats.formFilter.statsDate" :clearable="true" :allowTypes="['day']" align="left"
+            range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+            format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormCourseStats(true)">查询</el-button>
+      </filter-box>
+    </el-form>
+    <el-form ref="formCourseStats" :model="formData" class="full-width-input" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col class="table-box" :span="12">
+          <el-card class="base-card mb20" style="height: 350px" shadow="never" :body-style="{padding: '0px'}">
+            <div slot="header" class="base-card-header">
+              <span>课程统计（年级）</span>
+              <div class="base-card-operation">
+              </div>
+            </div>
+            <div class="card-chart" style="height: calc(350px - 50px);">
+              <ve-pie class="chart-border" height="100%"
+                :extend="formCourseStats.courseStatsByGradeId.chartOption"
+                :data="formCourseStats.courseStatsByGradeId.impl.chartData"
+                :settings="formCourseStats.courseStatsByGradeId.chartSetting"
+                :loading="formCourseStats.courseStatsByGradeId.impl.loading"
+                :data-empty="formCourseStats.courseStatsByGradeId.impl.dataEmpty"
+                :after-set-option-once="onCourseStatsByGradeIdOptionSet" />
+            </div>
+          </el-card>
+        </el-col>
+        <el-col class="table-box" :span="12">
+          <el-card class="base-card mb20" style="height: 350px" shadow="never" :body-style="{padding: '0px'}">
+            <div slot="header" class="base-card-header">
+              <span>课程统计（学科）</span>
+              <div class="base-card-operation">
+              </div>
+            </div>
+            <div class="card-chart" style="height: calc(350px - 50px);">
+              <ve-pie class="chart-border" height="100%"
+                :extend="formCourseStats.courseStatsBySubject.chartOption"
+                :data="formCourseStats.courseStatsBySubject.impl.chartData"
+                :settings="formCourseStats.courseStatsBySubject.chartSetting"
+                :loading="formCourseStats.courseStatsBySubject.impl.loading"
+                :data-empty="formCourseStats.courseStatsBySubject.impl.dataEmpty"
+                :after-set-option-once="onCourseStatsBySubjectOptionSet" />
+            </div>
+          </el-card>
+        </el-col>
+        <el-col class="table-box" :span="24">
+          <el-card class="base-card" style="height: 350px" shadow="never" :body-style="{padding: '0px'}">
+            <div slot="header" class="base-card-header">
+              <span>课程流水统计</span>
+              <div class="base-card-operation">
+              </div>
+            </div>
+            <div class="card-chart" style="height: calc(350px - 50px);">
+              <ve-histogram class="chart-border" height="100%"
+                :extend="formCourseStats.CourseTransStats.chartOption"
+                :data="formCourseStats.CourseTransStats.impl.chartData"
+                :settings="formCourseStats.CourseTransStats.chartSetting"
+                :loading="formCourseStats.CourseTransStats.impl.loading"
+                :data-empty="formCourseStats.CourseTransStats.impl.dataEmpty"
+                :after-set-option-once="onCourseTransStatsOptionSet"/>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { defaultLineChartOption, defaultBarChartOption, defaultPieChartOption } from '@/utils/chartOption.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { CourseTransStatsController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formCourseStats',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],
+  data () {
+    return {
+      formData: {
+        CourseTransStats: {
+          statsId: undefined,
+          statsDate: undefined,
+          subjectId: undefined,
+          gradeId: undefined,
+          gradeName: undefined,
+          courseId: undefined,
+          courseName: undefined,
+          studentAttendCount: undefined,
+          studentFlowerAmount: undefined,
+          studentFlowerCount: undefined,
+          isDatasourceInit: false
+        }
+      },
+      formCourseStats: {
+        formFilter: {
+          statsDate: []
+        },
+        formFilterCopy: {
+          statsDate: []
+        },
+        courseStatsByGradeId: {
+          impl: new ChartWidget(this.loadCourseStatsByGradeIdData, this.loadCourseStatsByGradeIdVerify,
+            ['gradeIdShowName', 'studentFlowerAmount']),
+          chartOption: defaultPieChartOption,
+          chartSetting: {
+            radius: 80,
+            dimension: 'gradeIdShowName',
+            metrics: 'studentFlowerAmount',
+            labelMap: {
+              'studentFlowerAmount': '献花数量'
+            }
+          }
+        },
+        courseStatsBySubject: {
+          impl: new ChartWidget(this.loadCourseStatsBySubjectData, this.loadCourseStatsBySubjectVerify,
+            ['subjectIdShowName', 'studentFlowerAmount']),
+          chartOption: defaultPieChartOption,
+          chartSetting: {
+            radius: 80,
+            dimension: 'subjectIdShowName',
+            metrics: 'studentFlowerAmount',
+            labelMap: {
+              'studentFlowerAmount': '献花数量'
+            }
+          }
+        },
+        CourseTransStats: {
+          impl: new ChartWidget(this.loadCourseTransStatsData, this.loadCourseTransStatsVerify,
+            ['statsDateShowName', 'studentAttendCount', 'studentFlowerAmount', 'studentFlowerCount']),
+          chartOption: defaultBarChartOption,
+          chartSetting: {
+            dimension: ['statsDateShowName'],
+            metrics: ['studentAttendCount', 'studentFlowerAmount', 'studentFlowerCount'],
+            labelMap: {
+              'studentAttendCount': '上课次数',
+              'studentFlowerAmount': '献花数量',
+              'studentFlowerCount': '献花次数'
+            }
+          }
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    /**
+     * 课程统计（年级）数据获取函数，返回Primise
+     */
+    loadCourseStatsByGradeIdData () {
+      let params = {
+        groupParam: [
+          {
+            fieldName: 'gradeId'
+          }
+        ],
+        courseTransStatsFilter: {
+          statsDateStart: Array.isArray(this.formCourseStats.formFilterCopy.statsDate) ? this.formCourseStats.formFilterCopy.statsDate[0] : undefined,
+          statsDateEnd: Array.isArray(this.formCourseStats.formFilterCopy.statsDate) ? this.formCourseStats.formFilterCopy.statsDate[1] : undefined
+        }
+      }
+      return new Promise((resolve, reject) => {
+        CourseTransStatsController.listWithGroup(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList.map((item) => {
+              return {...item, gradeIdShowName: item.gradeIdDictMap.name};
+            }),
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程统计（年级）数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadCourseStatsByGradeIdVerify () {
+      this.formCourseStats.formFilterCopy.statsDate = this.formCourseStats.formFilter.statsDate;
+      return true;
+    },
+    /**
+     * 获取课程统计（年级）的echarts实例
+     */
+    onCourseStatsByGradeIdOptionSet (echarts) {
+      echarts.resize();
+      this.formCourseStats.courseStatsByGradeId.impl.chartObject = echarts;
+    },
+    /**
+     * 课程统计（学科）数据获取函数，返回Primise
+     */
+    loadCourseStatsBySubjectData () {
+      let params = {
+        groupParam: [
+          {
+            fieldName: 'subjectId'
+          }
+        ],
+        courseTransStatsFilter: {
+          statsDateStart: Array.isArray(this.formCourseStats.formFilterCopy.statsDate) ? this.formCourseStats.formFilterCopy.statsDate[0] : undefined,
+          statsDateEnd: Array.isArray(this.formCourseStats.formFilterCopy.statsDate) ? this.formCourseStats.formFilterCopy.statsDate[1] : undefined
+        }
+      }
+      return new Promise((resolve, reject) => {
+        CourseTransStatsController.listWithGroup(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList.map((item) => {
+              return {...item, subjectIdShowName: item.subjectIdDictMap.name};
+            }),
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程统计（学科）数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadCourseStatsBySubjectVerify () {
+      this.formCourseStats.formFilterCopy.statsDate = this.formCourseStats.formFilter.statsDate;
+      return true;
+    },
+    /**
+     * 获取课程统计（学科）的echarts实例
+     */
+    onCourseStatsBySubjectOptionSet (echarts) {
+      echarts.resize();
+      this.formCourseStats.courseStatsBySubject.impl.chartObject = echarts;
+    },
+    /**
+     * 课程流水统计数据获取函数，返回Primise
+     */
+    loadCourseTransStatsData () {
+      let params = {
+        groupParam: [
+          {
+            fieldName: 'statsDate'
+          }
+        ],
+        courseTransStatsFilter: {
+          statsDateStart: Array.isArray(this.formCourseStats.formFilterCopy.statsDate) ? this.formCourseStats.formFilterCopy.statsDate[0] : undefined,
+          statsDateEnd: Array.isArray(this.formCourseStats.formFilterCopy.statsDate) ? this.formCourseStats.formFilterCopy.statsDate[1] : undefined
+        }
+      }
+      return new Promise((resolve, reject) => {
+        CourseTransStatsController.listWithGroup(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList.map((item) => {
+              return {...item, statsDateShowName: this.formatDateByStatsType(item.statsDate, this.formCourseStats.CourseTransStats.statsType)};
+            }),
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程流水统计数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadCourseTransStatsVerify () {
+      this.formCourseStats.formFilterCopy.statsDate = this.formCourseStats.formFilter.statsDate;
+      return true;
+    },
+    /**
+     * 获取课程流水统计的echarts实例
+     */
+    onCourseTransStatsOptionSet (echarts) {
+      echarts.resize();
+      this.formCourseStats.CourseTransStats.impl.chartObject = echarts;
+    },
+    /**
+     * 更新课程统计
+     */
+    refreshFormCourseStats (reloadData = false) {
+      this.formCourseStats.courseStatsByGradeId.impl.refreshChart(reloadData);
+      this.formCourseStats.courseStatsBySubject.impl.refreshChart(reloadData);
+      this.formCourseStats.CourseTransStats.impl.refreshChart(reloadData);
+      if (!this.formCourseStats.isInit) {
+        // 初始化下拉数据
+      }
+      this.formCourseStats.isInit = true;
+    },
+    onResume () {
+      this.refreshFormCourseStats(true);
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormCourseStats();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formCreateClass/index.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formCreateClass" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="班级名称" prop="StudentClass.className">
+            <el-input class="input-item" v-model="formData.StudentClass.className"
+              :clearable="true" placeholder="班级名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="班级级别" prop="StudentClass.classLevel">
+            <el-select class="input-item" v-model="formData.StudentClass.classLevel" :clearable="true" filterable
+              placeholder="班级级别" :loading="formCreateClass.classLevel.impl.loading"
+              @visible-change="formCreateClass.classLevel.impl.onVisibleChange"
+              @change="onClassLevelValueChange">
+              <el-option v-for="item in formCreateClass.classLevel.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属校区" prop="StudentClass.schoolId">
+            <el-select class="input-item" v-model="formData.StudentClass.schoolId" :clearable="true" filterable
+              placeholder="所属校区" :loading="formCreateClass.schoolId.impl.loading"
+              @visible-change="formCreateClass.schoolId.impl.onVisibleChange"
+              @change="onSchoolIdValueChange">
+              <el-option v-for="item in formCreateClass.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="班长" prop="StudentClass.leaderId">
+            <el-select class="input-item" v-model="formData.StudentClass.leaderId" :clearable="true" filterable
+              placeholder="班长" :loading="formCreateClass.leaderId.impl.loading"
+              @visible-change="formCreateClass.leaderId.impl.onVisibleChange"
+              @change="onLeaderIdValueChange">
+              <el-option v-for="item in formCreateClass.leaderId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="已完成课时" prop="StudentClass.finishClassHour">
+            <el-input-number class="input-item" v-model="formData.StudentClass.finishClassHour"
+              :clearable="true" controls-position="right" placeholder="已完成课时" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formCreateClass:formCreateClass:add')"
+              @click="onAddClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formCreateClass',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        StudentClass: {
+          classId: undefined,
+          className: undefined,
+          schoolId: undefined,
+          leaderId: undefined,
+          finishClassHour: undefined,
+          classLevel: undefined,
+          createUserId: undefined,
+          createTime: undefined,
+          status: undefined,
+          course: {
+            courseId: undefined,
+            courseName: undefined,
+            price: undefined,
+            description: undefined,
+            difficulty: undefined,
+            gradeId: undefined,
+            subjectId: undefined,
+            classHour: undefined,
+            pictureUrl: undefined,
+            createUserId: undefined,
+            createTime: undefined,
+            updateTime: undefined
+          },
+          student: {
+            studentId: undefined,
+            loginMobile: undefined,
+            studentName: undefined,
+            provinceId: undefined,
+            cityId: undefined,
+            districtId: undefined,
+            gender: undefined,
+            birthday: undefined,
+            experienceLevel: undefined,
+            totalCoin: undefined,
+            leftCoin: undefined,
+            gradeId: undefined,
+            schoolId: undefined,
+            registerTime: undefined,
+            status: undefined
+          },
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'StudentClass.className': [
+          {required: true, message: '请输入班级名称', trigger: 'blur'}
+        ],
+        'StudentClass.classLevel': [
+          {required: true, message: '请输入班级级别', trigger: 'blur'}
+        ],
+        'StudentClass.schoolId': [
+          {required: true, message: '请输入所属校区', trigger: 'blur'}
+        ],
+        'StudentClass.leaderId': [
+          {required: true, message: '请输入班长', trigger: 'blur'}
+        ],
+        'StudentClass.finishClassHour': [
+          {required: true, message: '请输入已完成课时', trigger: 'blur'},
+          {type: 'integer', message: '已完成课时只允许输入整数', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 0, max: 9999, message: '已完成课时必须在0 - 9999之间', trigger: 'blur', transform: (value) => Number(value)}
+        ]
+      },
+      formCreateClass: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        classLevel: {
+          impl: new DropdownWidget(this.loadClassLevelDropdownList)
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        leaderId: {
+          impl: new DropdownWidget(this.loadLeaderIdDropdownList)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 班级级别下拉数据获取函数
+     */
+    loadClassLevelDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictClassLevel(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级级别选中值改变
+     */
+    onClassLevelValueChange (value) {
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.StudentClass.leaderId = undefined;
+      this.formCreateClass.leaderId.impl.dirty = true;
+      this.onLeaderIdValueChange(this.formData.StudentClass.leaderId);
+    },
+    /**
+     * 班长下拉数据获取函数
+     */
+    loadLeaderIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          schoolId: this.formData.StudentClass.schoolId
+        };
+        DictionaryController.dictStudent(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班长选中值改变
+     */
+    onLeaderIdValueChange (value) {
+    },
+    /**
+     * 更新新建班级
+     */
+    refreshFormCreateClass (reloadData = false) {
+      if (!this.formCreateClass.isInit) {
+        // 初始化下拉数据
+      }
+      this.formCreateClass.isInit = true;
+    },
+    /**
+     * 保存
+     */
+    onAddClick () {
+      this.$refs.formCreateClass.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          studentClass: {
+            className: this.formData.StudentClass.className,
+            schoolId: this.formData.StudentClass.schoolId,
+            leaderId: this.formData.StudentClass.leaderId,
+            finishClassHour: this.formData.StudentClass.finishClassHour,
+            classLevel: this.formData.StudentClass.classLevel
+          }
+        };
+
+        StudentClassController.add(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormCreateClass();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formCreateCourse/index.vue

@@ -0,0 +1,308 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formCreateCourse" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="课程名称" prop="Course.courseName">
+            <el-input class="input-item" v-model="formData.Course.courseName"
+              :clearable="true" placeholder="课程名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="课程价格" prop="Course.price">
+            <el-input-number class="input-item" v-model="formData.Course.price"
+              :clearable="true" controls-position="right" placeholder="课程价格" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="课程难度" prop="Course.difficulty">
+            <el-select class="input-item" v-model="formData.Course.difficulty" :clearable="true" filterable
+              placeholder="课程难度" :loading="formCreateCourse.difficulty.impl.loading"
+              @visible-change="formCreateCourse.difficulty.impl.onVisibleChange"
+              @change="onDifficultyValueChange">
+              <el-option v-for="item in formCreateCourse.difficulty.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属年级" prop="Course.gradeId">
+            <el-select class="input-item" v-model="formData.Course.gradeId" :clearable="true" filterable
+              placeholder="所属年级" :loading="formCreateCourse.gradeId.impl.loading"
+              @visible-change="formCreateCourse.gradeId.impl.onVisibleChange"
+              @change="onGradeIdValueChange">
+              <el-option v-for="item in formCreateCourse.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属学科" prop="Course.subjectId">
+            <el-select class="input-item" v-model="formData.Course.subjectId" :clearable="true" filterable
+              placeholder="所属学科" :loading="formCreateCourse.subjectId.impl.loading"
+              @visible-change="formCreateCourse.subjectId.impl.onVisibleChange"
+              @change="onSubjectIdValueChange">
+              <el-option v-for="item in formCreateCourse.subjectId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="课时数量" prop="Course.classHour">
+            <el-input-number class="input-item" v-model="formData.Course.classHour"
+              :clearable="true" controls-position="right" placeholder="课时数量" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="课程描述" prop="Course.description">
+            <el-input class="input-item" v-model="formData.Course.description"
+              :clearable="true" placeholder="课程描述" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="课程图片" prop="Course.pictureUrl">
+            <el-upload class="upload-image-item upload-image-multi" name="uploadFile" :headers="getUploadHeaders"
+              :action="getUploadActionUrl('/admin/CourseClass/course/upload')"
+              :data="{fieldName: 'pictureUrl', asImage: true}"
+              :on-success="onPictureUrlUploadSuccess"
+              :on-remove="onPictureUrlRemoveFile"
+              :before-upload="pictureFile"
+              :on-error="onUploadError" :on-exceed="onUploadLimit"
+              list-type="picture-card" :file-list="formCreateCourse.pictureUrl.impl.fileList" :limit="formCreateCourse.pictureUrl.impl.maxCount"
+              :show-file-list="true">
+              <i class="el-icon-plus upload-image-item"></i>
+            </el-upload>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formCreateCourse:formCreateCourse:add')"
+              @click="onAddClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { CourseController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formCreateCourse',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        Course: {
+          courseId: undefined,
+          courseName: undefined,
+          price: undefined,
+          description: undefined,
+          difficulty: undefined,
+          gradeId: undefined,
+          subjectId: undefined,
+          classHour: undefined,
+          pictureUrl: undefined,
+          createUserId: undefined,
+          createTime: undefined,
+          updateTime: undefined,
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'Course.courseName': [
+          {required: true, message: '请输入课程名称', trigger: 'blur'}
+        ],
+        'Course.price': [
+          {required: true, message: '请输入课程价格', trigger: 'blur'},
+          {type: 'number', message: '课程价格只允许输入数字', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 0, message: '课程价格必须大于0', trigger: 'blur', transform: (value) => Number(value)}
+        ],
+        'Course.difficulty': [
+          {required: true, message: '请输入课程难度', trigger: 'blur'}
+        ],
+        'Course.gradeId': [
+          {required: true, message: '请输入所属年级', trigger: 'blur'}
+        ],
+        'Course.subjectId': [
+          {required: true, message: '请输入所属学科', trigger: 'blur'}
+        ],
+        'Course.classHour': [
+          {required: true, message: '请输入课时数量', trigger: 'blur'},
+          {type: 'integer', message: '课时数量只允许输入整数', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 1, message: '课时数量必须大于1', trigger: 'blur', transform: (value) => Number(value)}
+        ],
+        'Course.pictureUrl': [
+          {required: true, message: '请输入课程图片', trigger: 'blur'}
+        ]
+      },
+      formCreateCourse: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        difficulty: {
+          impl: new DropdownWidget(this.loadDifficultyDropdownList)
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        subjectId: {
+          impl: new DropdownWidget(this.loadSubjectIdDropdownList)
+        },
+        pictureUrl: {
+          impl: new UploadWidget(4)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 课程难度下拉数据获取函数
+     */
+    loadDifficultyDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictCourseDifficult(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程难度选中值改变
+     */
+    onDifficultyValueChange (value) {
+    },
+    /**
+     * 所属年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 所属学科下拉数据获取函数
+     */
+    loadSubjectIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSubject(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属学科选中值改变
+     */
+    onSubjectIdValueChange (value) {
+    },
+    /**
+     * 更新新建课程
+     */
+    refreshFormCreateCourse (reloadData = false) {
+      if (!this.formCreateCourse.isInit) {
+        // 初始化下拉数据
+      }
+      this.formCreateCourse.isInit = true;
+    },
+    /**
+     * 保存
+     */
+    onAddClick () {
+      this.$refs.formCreateCourse.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          course: {
+            courseName: this.formData.Course.courseName,
+            price: this.formData.Course.price,
+            description: this.formData.Course.description,
+            difficulty: this.formData.Course.difficulty,
+            gradeId: this.formData.Course.gradeId,
+            subjectId: this.formData.Course.subjectId,
+            classHour: this.formData.Course.classHour,
+            pictureUrl: this.formData.Course.pictureUrl
+          }
+        };
+
+        CourseController.add(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    initFormData () {
+    },
+    /**
+     * 课程图片上传成功
+     */
+    onPictureUrlUploadSuccess (response, file, fileList) {
+      if (response.success) {
+        file.downloadUri = response.data.downloadUri;
+        file.filename = response.data.filename;
+        file.url = URL.createObjectURL(file.raw);
+        this.formCreateCourse.pictureUrl.impl.onFileChange(file, fileList);
+        this.formData.Course.pictureUrl = this.fileListToJson(this.formCreateCourse.pictureUrl.impl.fileList);
+      } else {
+        this.$message.error(response.message);
+      }
+    },
+    /**
+     * 移除课程图片
+     */
+    onPictureUrlRemoveFile (file, fileList) {
+      this.formCreateCourse.pictureUrl.impl.onFileChange(file, fileList);
+      this.formData.Course.pictureUrl = this.fileListToJson(this.formCreateCourse.pictureUrl.impl.fileList);
+    },
+    onUploadError (e, file, fileList) {
+      this.$message.error('文件上传失败');
+    },
+    onUploadLimit (files, fileList) {
+      this.$message.error('已经超出最大上传个数限制');
+    },
+    formInit () {
+      this.refreshFormCreateCourse();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formCreateSchool/index.vue

@@ -0,0 +1,195 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formCreateClass" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="学校名称" prop="SchoolInfo.schoolName">
+            <el-input class="input-item" v-model="formData.SchoolInfo.schoolName"
+              :clearable="true" placeholder="学校名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="所在省份" prop="SchoolInfo.provinceId">
+            <el-select class="input-item" v-model="formData.SchoolInfo.provinceId" :clearable="true" filterable
+              placeholder="所在省份" :loading="formCreateClass.provinceId.impl.loading"
+              @visible-change="formCreateClass.provinceId.impl.onVisibleChange"
+              @change="onProvinceIdValueChange">
+              <el-option v-for="item in formCreateClass.provinceId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="所在城市" prop="SchoolInfo.cityId">
+            <el-select class="input-item" v-model="formData.SchoolInfo.cityId" :clearable="true" filterable
+              placeholder="所在城市" :loading="formCreateClass.cityId.impl.loading"
+              @visible-change="formCreateClass.cityId.impl.onVisibleChange"
+              @change="onCityIdValueChange">
+              <el-option v-for="item in formCreateClass.cityId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formCreateSchool:formCreateClass:add')"
+              @click="onAddClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { SchoolInfoController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formCreateSchool',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        SchoolInfo: {
+          schoolId: undefined,
+          schoolName: undefined,
+          provinceId: undefined,
+          cityId: undefined,
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'SchoolInfo.schoolName': [
+          {required: true, message: '请输入学校名称', trigger: 'blur'}
+        ],
+        'SchoolInfo.provinceId': [
+          {required: true, message: '请输入所在省份', trigger: 'blur'}
+        ],
+        'SchoolInfo.cityId': [
+          {required: true, message: '请输入所在城市', trigger: 'blur'}
+        ]
+      },
+      formCreateClass: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        provinceId: {
+          impl: new DropdownWidget(this.loadProvinceIdDropdownList)
+        },
+        cityId: {
+          impl: new DropdownWidget(this.loadCityIdDropdownList)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 所在省份下拉数据获取函数
+     */
+    loadProvinceIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在省份选中值改变
+     */
+    onProvinceIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.SchoolInfo.cityId = undefined;
+      this.formCreateClass.cityId.impl.dirty = true;
+      this.onCityIdValueChange(this.formData.SchoolInfo.cityId);
+    },
+    /**
+     * 所在城市下拉数据获取函数
+     */
+    loadCityIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formData.SchoolInfo.provinceId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在城市选中值改变
+     */
+    onCityIdValueChange (value) {
+    },
+    /**
+     * 更新新建校区
+     */
+    refreshFormCreateClass (reloadData = false) {
+      if (!this.formCreateClass.isInit) {
+        // 初始化下拉数据
+      }
+      this.formCreateClass.isInit = true;
+    },
+    /**
+     * 保存
+     */
+    onAddClick () {
+      this.$refs.formCreateClass.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          schoolInfo: {
+            schoolName: this.formData.SchoolInfo.schoolName,
+            provinceId: this.formData.SchoolInfo.provinceId,
+            cityId: this.formData.SchoolInfo.cityId
+          }
+        };
+
+        SchoolInfoController.add(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormCreateClass();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formCreateStudent/index.vue

@@ -0,0 +1,429 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formCreateStudent" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="姓名" prop="Student.studentName">
+            <el-input class="input-item" v-model="formData.Student.studentName"
+              :clearable="true" placeholder="姓名" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="性别" prop="Student.gender">
+            <el-select class="input-item" v-model="formData.Student.gender" :clearable="true" filterable
+              placeholder="性别" :loading="formCreateStudent.gender.impl.loading"
+              @visible-change="formCreateStudent.gender.impl.onVisibleChange"
+              @change="onGenderValueChange">
+              <el-option v-for="item in formCreateStudent.gender.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="出生日期" prop="Student.birthday">
+            <el-date-picker class="input-item" v-model="formData.Student.birthday" :clearable="true"
+              placeholder="出生日期" type="date" align="left"
+              format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="手机号码" prop="Student.loginMobile">
+            <el-input class="input-item" v-model="formData.Student.loginMobile"
+              :clearable="true" placeholder="手机号码" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在年级" prop="Student.gradeId">
+            <el-select class="input-item" v-model="formData.Student.gradeId" :clearable="true" filterable
+              placeholder="所在年级" :loading="formCreateStudent.gradeId.impl.loading"
+              @visible-change="formCreateStudent.gradeId.impl.onVisibleChange"
+              @change="onGradeIdValueChange">
+              <el-option v-for="item in formCreateStudent.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="经验等级" prop="Student.experienceLevel">
+            <el-select class="input-item" v-model="formData.Student.experienceLevel" :clearable="true" filterable
+              placeholder="经验等级" :loading="formCreateStudent.experienceLevel.impl.loading"
+              @visible-change="formCreateStudent.experienceLevel.impl.onVisibleChange"
+              @change="onExperienceLevelValueChange">
+              <el-option v-for="item in formCreateStudent.experienceLevel.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在省份" prop="Student.provinceId">
+            <el-select class="input-item" v-model="formData.Student.provinceId" :clearable="true" filterable
+              placeholder="所在省份" :loading="formCreateStudent.provinceId.impl.loading"
+              @visible-change="formCreateStudent.provinceId.impl.onVisibleChange"
+              @change="onProvinceIdValueChange">
+              <el-option v-for="item in formCreateStudent.provinceId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在城市" prop="Student.cityId">
+            <el-select class="input-item" v-model="formData.Student.cityId" :clearable="true" filterable
+              placeholder="所在城市" :loading="formCreateStudent.cityId.impl.loading"
+              @visible-change="formCreateStudent.cityId.impl.onVisibleChange"
+              @change="onCityIdValueChange">
+              <el-option v-for="item in formCreateStudent.cityId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在区县" prop="Student.districtId">
+            <el-select class="input-item" v-model="formData.Student.districtId" :clearable="true" filterable
+              placeholder="所在区县" :loading="formCreateStudent.districtId.impl.loading"
+              @visible-change="formCreateStudent.districtId.impl.onVisibleChange"
+              @change="onDistrictIdValueChange">
+              <el-option v-for="item in formCreateStudent.districtId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属校区" prop="Student.schoolId">
+            <el-select class="input-item" v-model="formData.Student.schoolId" :clearable="true" filterable
+              placeholder="所属校区" :loading="formCreateStudent.schoolId.impl.loading"
+              @visible-change="formCreateStudent.schoolId.impl.onVisibleChange"
+              @change="onSchoolIdValueChange">
+              <el-option v-for="item in formCreateStudent.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formCreateStudent:formCreateStudent:update')"
+              @click="onUpdateClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import rules from '@/utils/validate.js';
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formCreateStudent',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        Student: {
+          studentId: undefined,
+          loginMobile: undefined,
+          studentName: undefined,
+          provinceId: undefined,
+          cityId: undefined,
+          districtId: undefined,
+          gender: undefined,
+          birthday: undefined,
+          experienceLevel: undefined,
+          totalCoin: 0,
+          leftCoin: 0,
+          gradeId: undefined,
+          schoolId: undefined,
+          registerTime: undefined,
+          status: undefined,
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'Student.studentName': [
+          {required: true, message: '请输入姓名', trigger: 'blur'}
+        ],
+        'Student.gender': [
+          {required: true, message: '请输入性别', trigger: 'blur'}
+        ],
+        'Student.birthday': [
+          {required: true, message: '请输入出生日期', trigger: 'blur'}
+        ],
+        'Student.loginMobile': [
+          {required: true, message: '请输入手机号码', trigger: 'blur'},
+          {type: 'string', pattern: rules.pattern.mobie, message: '请输入正确的手机号码', trigger: 'blur'}
+        ],
+        'Student.gradeId': [
+          {required: true, message: '请输入所在年级', trigger: 'blur'}
+        ],
+        'Student.experienceLevel': [
+          {required: true, message: '请输入经验等级', trigger: 'blur'}
+        ],
+        'Student.provinceId': [
+          {required: true, message: '请输入所在省份', trigger: 'blur'}
+        ],
+        'Student.cityId': [
+          {required: true, message: '请输入所在城市', trigger: 'blur'}
+        ],
+        'Student.districtId': [
+          {required: true, message: '请输入所在区县', trigger: 'blur'}
+        ],
+        'Student.schoolId': [
+          {required: true, message: '请输入所属校区', trigger: 'blur'}
+        ]
+      },
+      formCreateStudent: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        gender: {
+          impl: new DropdownWidget(this.loadGenderDropdownList)
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        experienceLevel: {
+          impl: new DropdownWidget(this.loadExperienceLevelDropdownList)
+        },
+        provinceId: {
+          impl: new DropdownWidget(this.loadProvinceIdDropdownList)
+        },
+        cityId: {
+          impl: new DropdownWidget(this.loadCityIdDropdownList)
+        },
+        districtId: {
+          impl: new DropdownWidget(this.loadDistrictIdDropdownList)
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 性别下拉数据获取函数
+     */
+    loadGenderDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGender(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 性别选中值改变
+     */
+    onGenderValueChange (value) {
+    },
+    /**
+     * 所在年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 经验等级下拉数据获取函数
+     */
+    loadExperienceLevelDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictExpLevel(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 经验等级选中值改变
+     */
+    onExperienceLevelValueChange (value) {
+    },
+    /**
+     * 所在省份下拉数据获取函数
+     */
+    loadProvinceIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在省份选中值改变
+     */
+    onProvinceIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.cityId = undefined;
+      this.formCreateStudent.cityId.impl.dirty = true;
+      this.onCityIdValueChange(this.formData.Student.cityId);
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.schoolId = undefined;
+      this.formCreateStudent.schoolId.impl.dirty = true;
+      this.onSchoolIdValueChange(this.formData.Student.schoolId);
+    },
+    /**
+     * 所在城市下拉数据获取函数
+     */
+    loadCityIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formData.Student.provinceId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在城市选中值改变
+     */
+    onCityIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.districtId = undefined;
+      this.formCreateStudent.districtId.impl.dirty = true;
+      this.onDistrictIdValueChange(this.formData.Student.districtId);
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.schoolId = undefined;
+      this.formCreateStudent.schoolId.impl.dirty = true;
+      this.onSchoolIdValueChange(this.formData.Student.schoolId);
+    },
+    /**
+     * 所在区县下拉数据获取函数
+     */
+    loadDistrictIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formData.Student.cityId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在区县选中值改变
+     */
+    onDistrictIdValueChange (value) {
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          provinceId: this.formData.Student.provinceId,
+          cityId: this.formData.Student.cityId
+        };
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+    },
+    /**
+     * 更新新建学生
+     */
+    refreshFormCreateStudent (reloadData = false) {
+      if (!this.formCreateStudent.isInit) {
+        // 初始化下拉数据
+      }
+      this.formCreateStudent.isInit = true;
+    },
+    /**
+     * 保存
+     */
+    onUpdateClick () {
+      this.$refs.formCreateStudent.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          student: {
+            loginMobile: this.formData.Student.loginMobile,
+            studentName: this.formData.Student.studentName,
+            provinceId: this.formData.Student.provinceId,
+            cityId: this.formData.Student.cityId,
+            districtId: this.formData.Student.districtId,
+            gender: this.formData.Student.gender,
+            birthday: this.formData.Student.birthday,
+            experienceLevel: this.formData.Student.experienceLevel,
+            totalCoin: this.formData.Student.totalCoin,
+            leftCoin: this.formData.Student.leftCoin,
+            gradeId: this.formData.Student.gradeId,
+            schoolId: this.formData.Student.schoolId,
+            status: this.StudentStatus.NORMAL
+          }
+        };
+
+        StudentController.add(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormCreateStudent();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formEditClass/index.vue

@@ -0,0 +1,303 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formEditClass" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="班级名称" prop="StudentClass.className">
+            <el-input class="input-item" v-model="formData.StudentClass.className"
+              :clearable="true" placeholder="班级名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="班级级别" prop="StudentClass.classLevel">
+            <el-select class="input-item" v-model="formData.StudentClass.classLevel" :clearable="true" filterable
+              placeholder="班级级别" :loading="formEditClass.classLevel.impl.loading"
+              @visible-change="formEditClass.classLevel.impl.onVisibleChange"
+              @change="onClassLevelValueChange">
+              <el-option v-for="item in formEditClass.classLevel.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属校区" prop="StudentClass.schoolId">
+            <el-select class="input-item" v-model="formData.StudentClass.schoolId" :clearable="true" filterable
+              placeholder="所属校区" :loading="formEditClass.schoolId.impl.loading"
+              @visible-change="formEditClass.schoolId.impl.onVisibleChange"
+              @change="onSchoolIdValueChange">
+              <el-option v-for="item in formEditClass.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="班长" prop="StudentClass.leaderId">
+            <el-select class="input-item" v-model="formData.StudentClass.leaderId" :clearable="true" filterable
+              placeholder="班长" :loading="formEditClass.leaderId.impl.loading"
+              @visible-change="formEditClass.leaderId.impl.onVisibleChange"
+              @change="onLeaderIdValueChange">
+              <el-option v-for="item in formEditClass.leaderId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="已完成课时" prop="StudentClass.finishClassHour">
+            <el-input-number class="input-item" v-model="formData.StudentClass.finishClassHour"
+              :clearable="true" controls-position="right" placeholder="已完成课时" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formEditClass:formEditClass:update')"
+              @click="onUpdateClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formEditClass',
+  props: {
+    classId: {
+      default: undefined
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        StudentClass: {
+          classId: undefined,
+          className: undefined,
+          schoolId: undefined,
+          leaderId: undefined,
+          finishClassHour: undefined,
+          classLevel: undefined,
+          createUserId: undefined,
+          createTime: undefined,
+          status: undefined,
+          course: {
+            courseId: undefined,
+            courseName: undefined,
+            price: undefined,
+            description: undefined,
+            difficulty: undefined,
+            gradeId: undefined,
+            subjectId: undefined,
+            classHour: undefined,
+            pictureUrl: undefined,
+            createUserId: undefined,
+            createTime: undefined,
+            updateTime: undefined
+          },
+          student: {
+            studentId: undefined,
+            loginMobile: undefined,
+            studentName: undefined,
+            provinceId: undefined,
+            cityId: undefined,
+            districtId: undefined,
+            gender: undefined,
+            birthday: undefined,
+            experienceLevel: undefined,
+            totalCoin: undefined,
+            leftCoin: undefined,
+            gradeId: undefined,
+            schoolId: undefined,
+            registerTime: undefined,
+            status: undefined
+          },
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'StudentClass.className': [
+          {required: true, message: '请输入班级名称', trigger: 'blur'}
+        ],
+        'StudentClass.classLevel': [
+          {required: true, message: '请输入班级级别', trigger: 'blur'}
+        ],
+        'StudentClass.schoolId': [
+          {required: true, message: '请输入所属校区', trigger: 'blur'}
+        ],
+        'StudentClass.leaderId': [
+          {required: true, message: '请输入班长', trigger: 'blur'}
+        ],
+        'StudentClass.finishClassHour': [
+          {required: true, message: '请输入已完成课时', trigger: 'blur'},
+          {type: 'integer', message: '已完成课时只允许输入整数', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 0, max: 9999, message: '已完成课时必须在0 - 9999之间', trigger: 'blur', transform: (value) => Number(value)}
+        ]
+      },
+      formEditClass: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        classLevel: {
+          impl: new DropdownWidget(this.loadClassLevelDropdownList)
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        leaderId: {
+          impl: new DropdownWidget(this.loadLeaderIdDropdownList)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 班级级别下拉数据获取函数
+     */
+    loadClassLevelDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictClassLevel(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级级别选中值改变
+     */
+    onClassLevelValueChange (value) {
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.StudentClass.leaderId = undefined;
+      this.formEditClass.leaderId.impl.dirty = true;
+      this.onLeaderIdValueChange(this.formData.StudentClass.leaderId);
+    },
+    /**
+     * 班长下拉数据获取函数
+     */
+    loadLeaderIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          schoolId: this.formData.StudentClass.schoolId
+        };
+        DictionaryController.dictStudent(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班长选中值改变
+     */
+    onLeaderIdValueChange (value) {
+    },
+    /**
+     * 更新编辑班级
+     */
+    refreshFormEditClass (reloadData = false) {
+      this.loadStudentClassData().then(res => {
+        if (!this.formEditClass.isInit) {
+          // 初始化下拉数据
+        }
+        this.formEditClass.isInit = true;
+      }).catch(e => {});
+    },
+    /**
+     * 保存
+     */
+    onUpdateClick () {
+      this.$refs.formEditClass.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          studentClass: {
+            classId: this.classId,
+            className: this.formData.StudentClass.className,
+            schoolId: this.formData.StudentClass.schoolId,
+            leaderId: this.formData.StudentClass.leaderId,
+            finishClassHour: this.formData.StudentClass.finishClassHour,
+            classLevel: this.formData.StudentClass.classLevel
+          }
+        };
+
+        StudentClassController.update(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    /**
+     * 获取班级数据详细信息
+     */
+    loadStudentClassData () {
+      return new Promise((resolve, reject) => {
+        if (!this.formData.StudentClass.isDatasourceInit) {
+          let params = {
+            classId: this.classId
+          };
+          StudentClassController.view(this, params).then(res => {
+            this.formData.StudentClass = {...res.data, isDatasourceInit: true};
+            if (this.formData.StudentClass.classLevelDictMap) this.formEditClass.classLevel.impl.dropdownList = [this.formData.StudentClass.classLevelDictMap];
+            if (this.formData.StudentClass.schoolIdDictMap) this.formEditClass.schoolId.impl.dropdownList = [this.formData.StudentClass.schoolIdDictMap];
+            if (this.formData.StudentClass.leaderIdDictMap) this.formEditClass.leaderId.impl.dropdownList = [this.formData.StudentClass.leaderIdDictMap];
+            resolve();
+          }).catch(e => {
+            reject();
+          });
+        } else {
+          resolve();
+        }
+      });
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormEditClass();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formEditCourse/index.vue

@@ -0,0 +1,343 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formEditCourse" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="课程名称" prop="Course.courseName">
+            <el-input class="input-item" v-model="formData.Course.courseName"
+              :clearable="true" placeholder="课程名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="课程价格" prop="Course.price">
+            <el-input-number class="input-item" v-model="formData.Course.price"
+              :clearable="true" controls-position="right" placeholder="课程价格" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="课程难度" prop="Course.difficulty">
+            <el-select class="input-item" v-model="formData.Course.difficulty" :clearable="true" filterable
+              placeholder="课程难度" :loading="formEditCourse.difficulty.impl.loading"
+              @visible-change="formEditCourse.difficulty.impl.onVisibleChange"
+              @change="onDifficultyValueChange">
+              <el-option v-for="item in formEditCourse.difficulty.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属年级" prop="Course.gradeId">
+            <el-select class="input-item" v-model="formData.Course.gradeId" :clearable="true" filterable
+              placeholder="所属年级" :loading="formEditCourse.gradeId.impl.loading"
+              @visible-change="formEditCourse.gradeId.impl.onVisibleChange"
+              @change="onGradeIdValueChange">
+              <el-option v-for="item in formEditCourse.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属学科" prop="Course.subjectId">
+            <el-select class="input-item" v-model="formData.Course.subjectId" :clearable="true" filterable
+              placeholder="所属学科" :loading="formEditCourse.subjectId.impl.loading"
+              @visible-change="formEditCourse.subjectId.impl.onVisibleChange"
+              @change="onSubjectIdValueChange">
+              <el-option v-for="item in formEditCourse.subjectId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="课时数量" prop="Course.classHour">
+            <el-input-number class="input-item" v-model="formData.Course.classHour"
+              :clearable="true" controls-position="right" placeholder="课时数量" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="课程描述" prop="Course.description">
+            <el-input class="input-item" v-model="formData.Course.description"
+              :clearable="true" placeholder="课程描述" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="课程图片" prop="Course.pictureUrl">
+            <el-upload class="upload-image-item upload-image-multi" name="uploadFile" :headers="getUploadHeaders"
+              :action="getUploadActionUrl('/admin/CourseClass/course/upload')"
+              :data="{fieldName: 'pictureUrl', asImage: true}"
+              :on-success="onPictureUrlUploadSuccess"
+              :on-remove="onPictureUrlRemoveFile"
+              :before-upload="pictureFile"
+              :on-error="onUploadError" :on-exceed="onUploadLimit"
+              list-type="picture-card" :file-list="formEditCourse.pictureUrl.impl.fileList" :limit="formEditCourse.pictureUrl.impl.maxCount"
+              :show-file-list="true">
+              <i class="el-icon-plus upload-image-item"></i>
+            </el-upload>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formEditCourse:formEditCourse:update')"
+              @click="onUpdateClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { CourseController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formEditCourse',
+  props: {
+    courseId: {
+      default: undefined
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        Course: {
+          courseId: undefined,
+          courseName: undefined,
+          price: undefined,
+          description: undefined,
+          difficulty: undefined,
+          gradeId: undefined,
+          subjectId: undefined,
+          classHour: undefined,
+          pictureUrl: undefined,
+          createUserId: undefined,
+          createTime: undefined,
+          updateTime: undefined,
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'Course.courseName': [
+          {required: true, message: '请输入课程名称', trigger: 'blur'}
+        ],
+        'Course.price': [
+          {required: true, message: '请输入课程价格', trigger: 'blur'},
+          {type: 'number', message: '课程价格只允许输入数字', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 0, message: '课程价格必须大于0', trigger: 'blur', transform: (value) => Number(value)}
+        ],
+        'Course.difficulty': [
+          {required: true, message: '请输入课程难度', trigger: 'blur'}
+        ],
+        'Course.gradeId': [
+          {required: true, message: '请输入所属年级', trigger: 'blur'}
+        ],
+        'Course.subjectId': [
+          {required: true, message: '请输入所属学科', trigger: 'blur'}
+        ],
+        'Course.classHour': [
+          {required: true, message: '请输入课时数量', trigger: 'blur'},
+          {type: 'integer', message: '课时数量只允许输入整数', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 1, message: '课时数量必须大于1', trigger: 'blur', transform: (value) => Number(value)}
+        ],
+        'Course.pictureUrl': [
+          {required: true, message: '请输入课程图片', trigger: 'blur'}
+        ]
+      },
+      formEditCourse: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        difficulty: {
+          impl: new DropdownWidget(this.loadDifficultyDropdownList)
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        subjectId: {
+          impl: new DropdownWidget(this.loadSubjectIdDropdownList)
+        },
+        pictureUrl: {
+          impl: new UploadWidget(4)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 课程难度下拉数据获取函数
+     */
+    loadDifficultyDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictCourseDifficult(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程难度选中值改变
+     */
+    onDifficultyValueChange (value) {
+    },
+    /**
+     * 所属年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 所属学科下拉数据获取函数
+     */
+    loadSubjectIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSubject(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属学科选中值改变
+     */
+    onSubjectIdValueChange (value) {
+    },
+    /**
+     * 更新编辑课程
+     */
+    refreshFormEditCourse (reloadData = false) {
+      this.loadCourseData().then(res => {
+        if (!this.formEditCourse.isInit) {
+          // 初始化下拉数据
+        }
+        this.formEditCourse.isInit = true;
+      }).catch(e => {});
+    },
+    /**
+     * 保存
+     */
+    onUpdateClick () {
+      this.$refs.formEditCourse.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          course: {
+            courseId: this.courseId,
+            courseName: this.formData.Course.courseName,
+            price: this.formData.Course.price,
+            description: this.formData.Course.description,
+            difficulty: this.formData.Course.difficulty,
+            gradeId: this.formData.Course.gradeId,
+            subjectId: this.formData.Course.subjectId,
+            classHour: this.formData.Course.classHour,
+            pictureUrl: this.formData.Course.pictureUrl
+          }
+        };
+
+        CourseController.update(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    /**
+     * 获取课程数据详细信息
+     */
+    loadCourseData () {
+      return new Promise((resolve, reject) => {
+        if (!this.formData.Course.isDatasourceInit) {
+          let params = {
+            courseId: this.courseId
+          };
+          CourseController.view(this, params).then(res => {
+            this.formData.Course = {...res.data, isDatasourceInit: true};
+            if (this.formData.Course.difficultyDictMap) this.formEditCourse.difficulty.impl.dropdownList = [this.formData.Course.difficultyDictMap];
+            if (this.formData.Course.gradeIdDictMap) this.formEditCourse.gradeId.impl.dropdownList = [this.formData.Course.gradeIdDictMap];
+            if (this.formData.Course.subjectIdDictMap) this.formEditCourse.subjectId.impl.dropdownList = [this.formData.Course.subjectIdDictMap];
+            let pictureUrlDownloadParams = {
+              courseId: this.formData.Course.courseId,
+              fieldName: 'pictureUrl',
+              asImage: true
+            }
+            this.formEditCourse.pictureUrl.impl.fileList = this.parseUploadData(this.formData.Course.pictureUrl, pictureUrlDownloadParams);
+            resolve();
+          }).catch(e => {
+            reject();
+          });
+        } else {
+          resolve();
+        }
+      });
+    },
+    initFormData () {
+    },
+    /**
+     * 课程图片上传成功
+     */
+    onPictureUrlUploadSuccess (response, file, fileList) {
+      if (response.success) {
+        file.downloadUri = response.data.downloadUri;
+        file.filename = response.data.filename;
+        file.url = URL.createObjectURL(file.raw);
+        this.formEditCourse.pictureUrl.impl.onFileChange(file, fileList);
+        this.formData.Course.pictureUrl = this.fileListToJson(this.formEditCourse.pictureUrl.impl.fileList);
+      } else {
+        this.$message.error(response.message);
+      }
+    },
+    /**
+     * 移除课程图片
+     */
+    onPictureUrlRemoveFile (file, fileList) {
+      this.formEditCourse.pictureUrl.impl.onFileChange(file, fileList);
+      this.formData.Course.pictureUrl = this.fileListToJson(this.formEditCourse.pictureUrl.impl.fileList);
+    },
+    onUploadError (e, file, fileList) {
+      this.$message.error('文件上传失败');
+    },
+    onUploadLimit (files, fileList) {
+      this.$message.error('已经超出最大上传个数限制');
+    },
+    formInit () {
+      this.refreshFormEditCourse();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formEditSchool/index.vue

@@ -0,0 +1,223 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formEditSchool" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="学校名称" prop="SchoolInfo.schoolName">
+            <el-input class="input-item" v-model="formData.SchoolInfo.schoolName"
+              :clearable="true" placeholder="学校名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="所在省份" prop="SchoolInfo.provinceId">
+            <el-select class="input-item" v-model="formData.SchoolInfo.provinceId" :clearable="true" filterable
+              placeholder="所在省份" :loading="formEditSchool.provinceId.impl.loading"
+              @visible-change="formEditSchool.provinceId.impl.onVisibleChange"
+              @change="onProvinceIdValueChange">
+              <el-option v-for="item in formEditSchool.provinceId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="所在城市" prop="SchoolInfo.cityId">
+            <el-select class="input-item" v-model="formData.SchoolInfo.cityId" :clearable="true" filterable
+              placeholder="所在城市" :loading="formEditSchool.cityId.impl.loading"
+              @visible-change="formEditSchool.cityId.impl.onVisibleChange"
+              @change="onCityIdValueChange">
+              <el-option v-for="item in formEditSchool.cityId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formEditSchool:formEditSchool:update')"
+              @click="onUpdateClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { SchoolInfoController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formEditSchool',
+  props: {
+    schoolId: {
+      default: undefined
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        SchoolInfo: {
+          schoolId: undefined,
+          schoolName: undefined,
+          provinceId: undefined,
+          cityId: undefined,
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'SchoolInfo.schoolName': [
+          {required: true, message: '请输入学校名称', trigger: 'blur'}
+        ],
+        'SchoolInfo.provinceId': [
+          {required: true, message: '请输入所在省份', trigger: 'blur'}
+        ],
+        'SchoolInfo.cityId': [
+          {required: true, message: '请输入所在城市', trigger: 'blur'}
+        ]
+      },
+      formEditSchool: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        provinceId: {
+          impl: new DropdownWidget(this.loadProvinceIdDropdownList)
+        },
+        cityId: {
+          impl: new DropdownWidget(this.loadCityIdDropdownList)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 所在省份下拉数据获取函数
+     */
+    loadProvinceIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在省份选中值改变
+     */
+    onProvinceIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.SchoolInfo.cityId = undefined;
+      this.formEditSchool.cityId.impl.dirty = true;
+      this.onCityIdValueChange(this.formData.SchoolInfo.cityId);
+    },
+    /**
+     * 所在城市下拉数据获取函数
+     */
+    loadCityIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formData.SchoolInfo.provinceId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在城市选中值改变
+     */
+    onCityIdValueChange (value) {
+    },
+    /**
+     * 更新编辑校区
+     */
+    refreshFormEditSchool (reloadData = false) {
+      this.loadSchoolInfoData().then(res => {
+        if (!this.formEditSchool.isInit) {
+          // 初始化下拉数据
+        }
+        this.formEditSchool.isInit = true;
+      }).catch(e => {});
+    },
+    /**
+     * 保存
+     */
+    onUpdateClick () {
+      this.$refs.formEditSchool.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          schoolInfo: {
+            schoolId: this.schoolId,
+            schoolName: this.formData.SchoolInfo.schoolName,
+            provinceId: this.formData.SchoolInfo.provinceId,
+            cityId: this.formData.SchoolInfo.cityId
+          }
+        };
+
+        SchoolInfoController.update(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    /**
+     * 获取校区数据详细信息
+     */
+    loadSchoolInfoData () {
+      return new Promise((resolve, reject) => {
+        if (!this.formData.SchoolInfo.isDatasourceInit) {
+          let params = {
+            schoolId: this.schoolId
+          };
+          SchoolInfoController.view(this, params).then(res => {
+            this.formData.SchoolInfo = {...res.data, isDatasourceInit: true};
+            if (this.formData.SchoolInfo.provinceIdDictMap) this.formEditSchool.provinceId.impl.dropdownList = [this.formData.SchoolInfo.provinceIdDictMap];
+            if (this.formData.SchoolInfo.cityIdDictMap) this.formEditSchool.cityId.impl.dropdownList = [this.formData.SchoolInfo.cityIdDictMap];
+            resolve();
+          }).catch(e => {
+            reject();
+          });
+        } else {
+          resolve();
+        }
+      });
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormEditSchool();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formEditStudent/index.vue

@@ -0,0 +1,519 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formEditStudent" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="姓名" prop="Student.studentName">
+            <el-input class="input-item" v-model="formData.Student.studentName"
+              :clearable="true" placeholder="学生姓名" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="性别" prop="Student.gender">
+            <el-select class="input-item" v-model="formData.Student.gender" :clearable="true" filterable
+              placeholder="性别" :loading="formEditStudent.gender.impl.loading"
+              @visible-change="formEditStudent.gender.impl.onVisibleChange"
+              @change="onGenderValueChange">
+              <el-option v-for="item in formEditStudent.gender.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="出生日期" prop="Student.birthday">
+            <el-date-picker class="input-item" v-model="formData.Student.birthday" :clearable="true"
+              placeholder="出生日期" type="date" align="left"
+              format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="手机号码" prop="Student.loginMobile">
+            <el-input class="input-item" v-model="formData.Student.loginMobile"
+              :clearable="true" placeholder="手机号码" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在年级" prop="Student.gradeId">
+            <el-select class="input-item" v-model="formData.Student.gradeId" :clearable="true" filterable
+              placeholder="所在年级" :loading="formEditStudent.gradeId.impl.loading"
+              @visible-change="formEditStudent.gradeId.impl.onVisibleChange"
+              @change="onGradeIdValueChange">
+              <el-option v-for="item in formEditStudent.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="经验等级" prop="Student.experienceLevel">
+            <el-select class="input-item" v-model="formData.Student.experienceLevel" :clearable="true" filterable
+              placeholder="经验等级" :loading="formEditStudent.experienceLevel.impl.loading"
+              @visible-change="formEditStudent.experienceLevel.impl.onVisibleChange"
+              @change="onExperienceLevelValueChange">
+              <el-option v-for="item in formEditStudent.experienceLevel.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在省份" prop="Student.provinceId">
+            <el-select class="input-item" v-model="formData.Student.provinceId" :clearable="true" filterable
+              placeholder="所在省份" :loading="formEditStudent.provinceId.impl.loading"
+              @visible-change="formEditStudent.provinceId.impl.onVisibleChange"
+              @change="onProvinceIdValueChange">
+              <el-option v-for="item in formEditStudent.provinceId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在城市" prop="Student.cityId">
+            <el-select class="input-item" v-model="formData.Student.cityId" :clearable="true" filterable
+              placeholder="所在城市" :loading="formEditStudent.cityId.impl.loading"
+              @visible-change="formEditStudent.cityId.impl.onVisibleChange"
+              @change="onCityIdValueChange">
+              <el-option v-for="item in formEditStudent.cityId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在区县" prop="Student.districtId">
+            <el-select class="input-item" v-model="formData.Student.districtId" :clearable="true" filterable
+              placeholder="所在区县" :loading="formEditStudent.districtId.impl.loading"
+              @visible-change="formEditStudent.districtId.impl.onVisibleChange"
+              @change="onDistrictIdValueChange">
+              <el-option v-for="item in formEditStudent.districtId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属校区" prop="Student.schoolId">
+            <el-select class="input-item" v-model="formData.Student.schoolId" :clearable="true" filterable
+              placeholder="所属校区" :loading="formEditStudent.schoolId.impl.loading"
+              @visible-change="formEditStudent.schoolId.impl.onVisibleChange"
+              @change="onSchoolIdValueChange">
+              <el-option v-for="item in formEditStudent.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="充值学币" prop="Student.totalCoin">
+            <el-input-number class="input-item" v-model="formData.Student.totalCoin"
+              :clearable="true" controls-position="right" placeholder="充值学币" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="剩余学币" prop="Student.leftCoin">
+            <el-input-number class="input-item" v-model="formData.Student.leftCoin"
+              :clearable="true" controls-position="right" placeholder="剩余学币" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="学生状态 " prop="Student.status">
+            <el-select class="input-item" v-model="formData.Student.status" :clearable="true" filterable
+              placeholder="学生状态 " :loading="formEditStudent.status.impl.loading"
+              @visible-change="formEditStudent.status.impl.onVisibleChange"
+              @change="onStatusValueChange">
+              <el-option v-for="item in formEditStudent.status.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" :disabled="!checkPermCodeExist('formEditStudent:formEditStudent:update')"
+              @click="onUpdateClick()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import rules from '@/utils/validate.js';
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formEditStudent',
+  props: {
+    studentId: {
+      default: undefined
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin],
+  data () {
+    return {
+      formData: {
+        Student: {
+          studentId: undefined,
+          loginMobile: undefined,
+          studentName: undefined,
+          provinceId: undefined,
+          cityId: undefined,
+          districtId: undefined,
+          gender: undefined,
+          birthday: undefined,
+          experienceLevel: undefined,
+          totalCoin: undefined,
+          leftCoin: undefined,
+          gradeId: undefined,
+          schoolId: undefined,
+          registerTime: undefined,
+          status: undefined,
+          isDatasourceInit: false
+        }
+      },
+      rules: {
+        'Student.studentName': [
+          {required: true, message: '请输入姓名', trigger: 'blur'}
+        ],
+        'Student.gender': [
+          {required: true, message: '请输入性别', trigger: 'blur'}
+        ],
+        'Student.birthday': [
+          {required: true, message: '请输入出生日期', trigger: 'blur'}
+        ],
+        'Student.loginMobile': [
+          {required: true, message: '请输入手机号码', trigger: 'blur'},
+          {type: 'string', pattern: rules.pattern.mobie, message: '请输入正确的手机号码', trigger: 'blur'}
+        ],
+        'Student.gradeId': [
+          {required: true, message: '请输入所在年级', trigger: 'blur'}
+        ],
+        'Student.experienceLevel': [
+          {required: true, message: '请输入经验等级', trigger: 'blur'}
+        ],
+        'Student.provinceId': [
+          {required: true, message: '请输入所在省份', trigger: 'blur'}
+        ],
+        'Student.cityId': [
+          {required: true, message: '请输入所在城市', trigger: 'blur'}
+        ],
+        'Student.districtId': [
+          {required: true, message: '请输入所在区县', trigger: 'blur'}
+        ],
+        'Student.schoolId': [
+          {required: true, message: '请输入所属校区', trigger: 'blur'}
+        ],
+        'Student.totalCoin': [
+          {required: true, message: '请输入充值学币', trigger: 'blur'},
+          {type: 'integer', message: '充值学币只允许输入整数', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 0, message: '充值学币必须大于0', trigger: 'blur', transform: (value) => Number(value)}
+        ],
+        'Student.leftCoin': [
+          {required: true, message: '请输入剩余学币', trigger: 'blur'},
+          {type: 'integer', message: '剩余学币只允许输入整数', trigger: 'blur', transform: (value) => Number(value)},
+          {type: 'number', min: 0, message: '剩余学币必须大于0', trigger: 'blur', transform: (value) => Number(value)}
+        ],
+        'Student.status': [
+          {required: true, message: '请输入学生状态 ', trigger: 'blur'}
+        ]
+      },
+      formEditStudent: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        gender: {
+          impl: new DropdownWidget(this.loadGenderDropdownList)
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        experienceLevel: {
+          impl: new DropdownWidget(this.loadExperienceLevelDropdownList)
+        },
+        provinceId: {
+          impl: new DropdownWidget(this.loadProvinceIdDropdownList)
+        },
+        cityId: {
+          impl: new DropdownWidget(this.loadCityIdDropdownList)
+        },
+        districtId: {
+          impl: new DropdownWidget(this.loadDistrictIdDropdownList)
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        status: {
+          impl: new DropdownWidget(this.loadStatusDropdownList)
+        },
+        menuBlock: {
+          isInit: false
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 性别下拉数据获取函数
+     */
+    loadGenderDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGender(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 性别选中值改变
+     */
+    onGenderValueChange (value) {
+    },
+    /**
+     * 所在年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 经验等级下拉数据获取函数
+     */
+    loadExperienceLevelDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictExpLevel(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 经验等级选中值改变
+     */
+    onExperienceLevelValueChange (value) {
+    },
+    /**
+     * 所在省份下拉数据获取函数
+     */
+    loadProvinceIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在省份选中值改变
+     */
+    onProvinceIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.cityId = undefined;
+      this.formEditStudent.cityId.impl.dirty = true;
+      this.onCityIdValueChange(this.formData.Student.cityId);
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.schoolId = undefined;
+      this.formEditStudent.schoolId.impl.dirty = true;
+      this.onSchoolIdValueChange(this.formData.Student.schoolId);
+    },
+    /**
+     * 所在城市下拉数据获取函数
+     */
+    loadCityIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formData.Student.provinceId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在城市选中值改变
+     */
+    onCityIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.districtId = undefined;
+      this.formEditStudent.districtId.impl.dirty = true;
+      this.onDistrictIdValueChange(this.formData.Student.districtId);
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formData.Student.schoolId = undefined;
+      this.formEditStudent.schoolId.impl.dirty = true;
+      this.onSchoolIdValueChange(this.formData.Student.schoolId);
+    },
+    /**
+     * 所在区县下拉数据获取函数
+     */
+    loadDistrictIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formData.Student.cityId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所在区县选中值改变
+     */
+    onDistrictIdValueChange (value) {
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          provinceId: this.formData.Student.provinceId,
+          cityId: this.formData.Student.cityId
+        };
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+    },
+    /**
+     * 学生状态 下拉数据获取函数
+     */
+    loadStatusDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictStudentStatus(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 学生状态 选中值改变
+     */
+    onStatusValueChange (value) {
+    },
+    /**
+     * 更新编辑学生
+     */
+    refreshFormEditStudent (reloadData = false) {
+      this.loadStudentData().then(res => {
+        if (!this.formEditStudent.isInit) {
+          // 初始化下拉数据
+        }
+        this.formEditStudent.isInit = true;
+      }).catch(e => {});
+    },
+    /**
+     * 保存
+     */
+    onUpdateClick () {
+      this.$refs.formEditStudent.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          student: {
+            studentId: this.studentId,
+            loginMobile: this.formData.Student.loginMobile,
+            studentName: this.formData.Student.studentName,
+            provinceId: this.formData.Student.provinceId,
+            cityId: this.formData.Student.cityId,
+            districtId: this.formData.Student.districtId,
+            gender: this.formData.Student.gender,
+            birthday: this.formData.Student.birthday,
+            experienceLevel: this.formData.Student.experienceLevel,
+            totalCoin: this.formData.Student.totalCoin,
+            leftCoin: this.formData.Student.leftCoin,
+            gradeId: this.formData.Student.gradeId,
+            schoolId: this.formData.Student.schoolId,
+            status: this.formData.Student.status
+          }
+        };
+
+        StudentController.update(this, params).then(res => {
+          this.$message.success('保存成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    },
+    /**
+     * 获取学生数据详细信息
+     */
+    loadStudentData () {
+      return new Promise((resolve, reject) => {
+        if (!this.formData.Student.isDatasourceInit) {
+          let params = {
+            studentId: this.studentId
+          };
+          StudentController.view(this, params).then(res => {
+            this.formData.Student = {...res.data, isDatasourceInit: true};
+            if (this.formData.Student.genderDictMap) this.formEditStudent.gender.impl.dropdownList = [this.formData.Student.genderDictMap];
+            if (this.formData.Student.gradeIdDictMap) this.formEditStudent.gradeId.impl.dropdownList = [this.formData.Student.gradeIdDictMap];
+            if (this.formData.Student.experienceLevelDictMap) this.formEditStudent.experienceLevel.impl.dropdownList = [this.formData.Student.experienceLevelDictMap];
+            if (this.formData.Student.provinceIdDictMap) this.formEditStudent.provinceId.impl.dropdownList = [this.formData.Student.provinceIdDictMap];
+            if (this.formData.Student.cityIdDictMap) this.formEditStudent.cityId.impl.dropdownList = [this.formData.Student.cityIdDictMap];
+            if (this.formData.Student.districtIdDictMap) this.formEditStudent.districtId.impl.dropdownList = [this.formData.Student.districtIdDictMap];
+            if (this.formData.Student.schoolIdDictMap) this.formEditStudent.schoolId.impl.dropdownList = [this.formData.Student.schoolIdDictMap];
+            if (this.formData.Student.statusDictMap) this.formEditStudent.status.impl.dropdownList = [this.formData.Student.statusDictMap];
+            resolve();
+          }).catch(e => {
+            reject();
+          });
+        } else {
+          resolve();
+        }
+      });
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormEditStudent();
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formSchool/index.vue

@@ -0,0 +1,261 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="所属省份">
+          <el-select class="filter-item" v-model="formSchool.formFilter.provinceId" :clearable="true" filterable
+            placeholder="所属省份" :loading="formSchool.provinceId.impl.loading"
+            @visible-change="formSchool.provinceId.impl.onVisibleChange"
+            @change="onProvinceIdValueChange">
+            <el-option v-for="item in formSchool.provinceId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属城市">
+          <el-select class="filter-item" v-model="formSchool.formFilter.cityId" :clearable="true" filterable
+            placeholder="所属城市" :loading="formSchool.cityId.impl.loading"
+            @visible-change="formSchool.cityId.impl.onVisibleChange"
+            @change="onCityIdValueChange">
+            <el-option v-for="item in formSchool.cityId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="校区名称">
+          <el-input class="filter-item" v-model="formSchool.formFilter.schoolName"
+            :clearable="true" placeholder="校区名称" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormSchool(true)">查询</el-button>
+        <el-button slot="operator" type="primary" size="mini" :disabled="!checkPermCodeExist('formSchool:formSchool:formCreateClass')"
+          @click="onFormCreateClassClick()">
+          新建
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formSchool.SchoolInfo.impl.dataList" size="mini" @sort-change="formSchool.SchoolInfo.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formSchool.SchoolInfo.impl.getTableIndex" />
+          <el-table-column label="学校名称" prop="schoolName">
+          </el-table-column>
+          <el-table-column label="所在省份" prop="provinceIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="所在城市" prop="cityIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="操作" fixed="right">
+            <template slot-scope="scope">
+              <el-button @click="onFormEditSchoolClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formSchool:formSchool:formEditSchool')">
+                编辑
+              </el-button>
+              <el-button @click="onDeleteClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formSchool:formSchool:delete')">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formSchool.SchoolInfo.impl.totalCount"
+            :current-page="formSchool.SchoolInfo.impl.currentPage"
+            :page-size="formSchool.SchoolInfo.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formSchool.SchoolInfo.impl.onCurrentPageChange"
+            @size-change="formSchool.SchoolInfo.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { SchoolInfoController, DictionaryController } from '@/api';
+import formCreateSchool from '@/views/generated/formCreateSchool';
+import formEditSchool from '@/views/generated/formEditSchool';
+
+export default {
+  name: 'formSchool',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],
+  data () {
+    return {
+      formSchool: {
+        formFilter: {
+          provinceId: undefined,
+          cityId: undefined,
+          schoolName: undefined
+        },
+        formFilterCopy: {
+          provinceId: undefined,
+          cityId: undefined,
+          schoolName: undefined
+        },
+        provinceId: {
+          impl: new DropdownWidget(this.loadProvinceIdDropdownList)
+        },
+        cityId: {
+          impl: new DropdownWidget(this.loadCityIdDropdownList)
+        },
+        SchoolInfo: {
+          impl: new TableWidget(this.loadSchoolInfoData, this.loadSchoolInfoVerify, true)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    /**
+     * 校区数据数据获取函数，返回Primise
+     */
+    loadSchoolInfoData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        schoolInfoFilter: {
+          schoolName: this.formSchool.formFilterCopy.schoolName,
+          provinceId: this.formSchool.formFilterCopy.provinceId,
+          cityId: this.formSchool.formFilterCopy.cityId
+        }
+      }
+      return new Promise((resolve, reject) => {
+        SchoolInfoController.list(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 校区数据数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadSchoolInfoVerify () {
+      this.formSchool.formFilterCopy.schoolName = this.formSchool.formFilter.schoolName;
+      this.formSchool.formFilterCopy.provinceId = this.formSchool.formFilter.provinceId;
+      this.formSchool.formFilterCopy.cityId = this.formSchool.formFilter.cityId;
+      return true;
+    },
+    /**
+     * 所属省份下拉数据获取函数
+     */
+    loadProvinceIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属省份选中值改变
+     */
+    onProvinceIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formSchool.formFilter.cityId = undefined;
+      this.formSchool.cityId.impl.dirty = true;
+      this.onCityIdValueChange(this.formSchool.formFilter.cityId);
+    },
+    /**
+     * 所属城市下拉数据获取函数
+     */
+    loadCityIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formSchool.formFilter.provinceId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属城市选中值改变
+     */
+    onCityIdValueChange (value) {
+    },
+    /**
+     * 更新校区管理
+     */
+    refreshFormSchool (reloadData = false) {
+      if (reloadData) {
+        this.formSchool.SchoolInfo.impl.refreshTable(true, 1);
+      } else {
+        this.formSchool.SchoolInfo.impl.refreshTable();
+      }
+      if (!this.formSchool.isInit) {
+        // 初始化下拉数据
+      }
+      this.formSchool.isInit = true;
+    },
+    /**
+     * 新建
+     */
+    onFormCreateClassClick () {
+      let params = {};
+
+      this.$dialog.show('新建', formCreateSchool, {
+        area: ['600px']
+      }, params).then(res => {
+        this.refreshFormSchool();
+      }).catch(e => {});
+    },
+    /**
+     * 编辑
+     */
+    onFormEditSchoolClick (row) {
+      let params = {
+        schoolId: row.schoolId
+      };
+
+      this.$dialog.show('编辑', formEditSchool, {
+        area: ['600px']
+      }, params).then(res => {
+        this.formSchool.SchoolInfo.impl.refreshTable();
+      }).catch(e => {});
+    },
+    /**
+     * 删除
+     */
+    onDeleteClick (row) {
+      let params = {
+        schoolId: row.schoolId
+      };
+
+      this.$confirm('是否删除此校区？').then(res => {
+        SchoolInfoController.delete(this, params).then(res => {
+          this.$message.success('删除成功');
+          this.formSchool.SchoolInfo.impl.refreshTable();
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormSchool();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormSchool();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formSetClassCourse/index.vue

@@ -0,0 +1,279 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="所属年级">
+          <el-select class="filter-item" v-model="formSetClassCourse.formFilter.gradeId" :clearable="true" filterable
+            placeholder="所属年级" :loading="formSetClassCourse.gradeId.impl.loading"
+            @visible-change="formSetClassCourse.gradeId.impl.onVisibleChange"
+            @change="onGradeIdValueChange">
+            <el-option v-for="item in formSetClassCourse.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属科目">
+          <el-select class="filter-item" v-model="formSetClassCourse.formFilter.subjectId" :clearable="true" filterable
+            placeholder="所属科目" :loading="formSetClassCourse.subjectId.impl.loading"
+            @visible-change="formSetClassCourse.subjectId.impl.onVisibleChange"
+            @change="onSubjectIdValueChange">
+            <el-option v-for="item in formSetClassCourse.subjectId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="课程难度">
+          <el-select class="filter-item" v-model="formSetClassCourse.formFilter.difficulty" :clearable="true" filterable
+            placeholder="课程难度" :loading="formSetClassCourse.difficulty.impl.loading"
+            @visible-change="formSetClassCourse.difficulty.impl.onVisibleChange"
+            @change="onDifficultyValueChange">
+            <el-option v-for="item in formSetClassCourse.difficulty.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="课程名称">
+          <el-input class="filter-item" v-model="formSetClassCourse.formFilter.courseName"
+            :clearable="true" placeholder="课程名称" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormSetClassCourse(true)">查询</el-button>
+        <el-button slot="operator" type="primary" size="mini" :disabled="tableSelectRowList.length <= 0 || !checkPermCodeExist('formSetClassCourse:formSetClassCourse:addClassCourse')"
+          @click="onAddClassCourseClick()">
+          添加
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formSetClassCourse.Course.impl.dataList" size="mini" @sort-change="formSetClassCourse.Course.impl.onSortChange"
+          @selection-change="onCourseSelectionChange" header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" type="index" header-align="center" align="center" width="55px" :index="formSetClassCourse.Course.impl.getTableIndex" />
+          <el-table-column type="selection" header-align="center" align="center" width="55px" />
+          <el-table-column label="课程名称" prop="courseName">
+          </el-table-column>
+          <el-table-column label="课程难度" prop="difficultyDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属年级" prop="gradeIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属学科" prop="subjectIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="课时数量" prop="classHour">
+          </el-table-column>
+          <el-table-column label="创建时间" prop="createTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.createTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24">
+          <el-row type="flex" justify="end" style="margin-top: 10px;">
+            <el-pagination
+              :total="formSetClassCourse.Course.impl.totalCount"
+              :current-page="formSetClassCourse.Course.impl.currentPage"
+              :page-size="formSetClassCourse.Course.impl.pageSize"
+              :page-sizes="[10, 20, 50, 100]"
+              layout="total, prev, pager, next, sizes"
+              @current-change="formSetClassCourse.Course.impl.onCurrentPageChange"
+              @size-change="formSetClassCourse.Course.impl.onPageSizeChange">
+            </el-pagination>
+          </el-row>
+        </el-col>
+      </el-col>
+    </el-row>
+    <label v-if="closeVisible == '1'" class="page-close-box">
+      <el-button type="text" @click="onCancel(true)" icon="el-icon-close" />
+    </label>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formSetClassCourse',
+  props: {
+    classId: {
+      default: undefined
+    },
+    closeVisible: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin],
+  data () {
+    return {
+      tableSelectRowList: [],
+      formSetClassCourse: {
+        formFilter: {
+          gradeId: undefined,
+          subjectId: undefined,
+          difficulty: undefined,
+          courseName: undefined
+        },
+        formFilterCopy: {
+          gradeId: undefined,
+          subjectId: undefined,
+          difficulty: undefined,
+          courseName: undefined
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        subjectId: {
+          impl: new DropdownWidget(this.loadSubjectIdDropdownList)
+        },
+        difficulty: {
+          impl: new DropdownWidget(this.loadDifficultyDropdownList)
+        },
+        Course: {
+          impl: new TableWidget(this.loadCourseData, this.loadCourseVerify, true)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      this.removeCachePage(this.$options.name);
+      this.refreshParentCachedPage = isSuccess;
+      this.$router.go(-1);
+    },
+    onCourseSelectionChange (values) {
+      this.tableSelectRowList = values;
+    },
+    /**
+     * 班级课程数据获取函数，返回Primise
+     */
+    loadCourseData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        courseFilter: {
+          courseName: this.formSetClassCourse.formFilterCopy.courseName,
+          difficulty: this.formSetClassCourse.formFilterCopy.difficulty,
+          gradeId: this.formSetClassCourse.formFilterCopy.gradeId,
+          subjectId: this.formSetClassCourse.formFilterCopy.subjectId
+        },
+        classId: this.classId
+      }
+      return new Promise((resolve, reject) => {
+        StudentClassController.listNotInClassCourse(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级课程数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadCourseVerify () {
+      this.formSetClassCourse.formFilterCopy.courseName = this.formSetClassCourse.formFilter.courseName;
+      this.formSetClassCourse.formFilterCopy.difficulty = this.formSetClassCourse.formFilter.difficulty;
+      this.formSetClassCourse.formFilterCopy.gradeId = this.formSetClassCourse.formFilter.gradeId;
+      this.formSetClassCourse.formFilterCopy.subjectId = this.formSetClassCourse.formFilter.subjectId;
+      return true;
+    },
+    /**
+     * 所属年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 所属科目下拉数据获取函数
+     */
+    loadSubjectIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSubject(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属科目选中值改变
+     */
+    onSubjectIdValueChange (value) {
+    },
+    /**
+     * 课程难度下拉数据获取函数
+     */
+    loadDifficultyDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictCourseDifficult(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 课程难度选中值改变
+     */
+    onDifficultyValueChange (value) {
+    },
+    /**
+     * 更新设置班级课程
+     */
+    refreshFormSetClassCourse (reloadData = false) {
+      if (reloadData) {
+        this.formSetClassCourse.Course.impl.refreshTable(true, 1);
+      } else {
+        this.formSetClassCourse.Course.impl.refreshTable();
+      }
+      if (!this.formSetClassCourse.isInit) {
+        // 初始化下拉数据
+      }
+      this.formSetClassCourse.isInit = true;
+    },
+    /**
+     * 添加
+     */
+    onAddClassCourseClick () {
+      let params = {
+        classId: this.classId,
+        classCourseList: this.tableSelectRowList.map((item) => {
+          return {
+            courseId: item.courseId
+          };
+        })
+      };
+
+      StudentClassController.addClassCourse(this, params).then(res => {
+        this.$message.success('添加成功');
+        this.refreshFormSetClassCourse();
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormSetClassCourse(true);
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormSetClassCourse();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formSetClassStudent/index.vue

@@ -0,0 +1,213 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="所属校区">
+          <el-select class="filter-item" v-model="formSetClassStudent.formFilter.schoolId" :clearable="true" filterable
+            placeholder="所属校区" :loading="formSetClassStudent.schoolId.impl.loading"
+            @visible-change="formSetClassStudent.schoolId.impl.onVisibleChange"
+            @change="onSchoolIdValueChange">
+            <el-option v-for="item in formSetClassStudent.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="学生姓名">
+          <el-input class="filter-item" v-model="formSetClassStudent.formFilter.searchString"
+            :clearable="true" placeholder="输入学生姓名 / 手机号码模糊查询" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormSetClassStudent(true)">查询</el-button>
+        <el-button slot="operator" type="primary" size="mini" :disabled="tableSelectRowList.length <= 0 || !checkPermCodeExist('formSetClassStudent:formSetClassStudent:addClassStudent')"
+          @click="onAddClassStudentClick()">
+          添加
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formSetClassStudent.Student.impl.dataList" size="mini" @sort-change="formSetClassStudent.Student.impl.onSortChange"
+          @selection-change="onStudentSelectionChange" header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" type="index" header-align="center" align="center" width="55px" :index="formSetClassStudent.Student.impl.getTableIndex" />
+          <el-table-column type="selection" header-align="center" align="center" width="55px" />
+          <el-table-column label="姓名" prop="studentName">
+          </el-table-column>
+          <el-table-column label="手机号码" prop="loginMobile">
+          </el-table-column>
+          <el-table-column label="所属年级" prop="gradeIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属校区" prop="schoolIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="经验等级" prop="experienceLevelDictMap.name">
+          </el-table-column>
+          <el-table-column label="注册时间" prop="registerTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.registerTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24">
+          <el-row type="flex" justify="end" style="margin-top: 10px;">
+            <el-pagination
+              :total="formSetClassStudent.Student.impl.totalCount"
+              :current-page="formSetClassStudent.Student.impl.currentPage"
+              :page-size="formSetClassStudent.Student.impl.pageSize"
+              :page-sizes="[10, 20, 50, 100]"
+              layout="total, prev, pager, next, sizes"
+              @current-change="formSetClassStudent.Student.impl.onCurrentPageChange"
+              @size-change="formSetClassStudent.Student.impl.onPageSizeChange">
+            </el-pagination>
+          </el-row>
+        </el-col>
+      </el-col>
+    </el-row>
+    <label v-if="closeVisible == '1'" class="page-close-box">
+      <el-button type="text" @click="onCancel(true)" icon="el-icon-close" />
+    </label>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentClassController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formSetClassStudent',
+  props: {
+    classId: {
+      default: undefined
+    },
+    closeVisible: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin],
+  data () {
+    return {
+      tableSelectRowList: [],
+      formSetClassStudent: {
+        formFilter: {
+          schoolId: undefined,
+          searchString: undefined
+        },
+        formFilterCopy: {
+          schoolId: undefined,
+          searchString: undefined
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        Student: {
+          impl: new TableWidget(this.loadStudentData, this.loadStudentVerify, true)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      this.removeCachePage(this.$options.name);
+      this.refreshParentCachedPage = isSuccess;
+      this.$router.go(-1);
+    },
+    onStudentSelectionChange (values) {
+      this.tableSelectRowList = values;
+    },
+    /**
+     * 班级学生数据获取函数，返回Primise
+     */
+    loadStudentData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        studentFilter: {
+          schoolId: this.formSetClassStudent.formFilterCopy.schoolId,
+          searchString: this.formSetClassStudent.formFilterCopy.searchString
+        },
+        classId: this.classId
+      }
+      return new Promise((resolve, reject) => {
+        StudentClassController.listNotInClassStudent(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 班级学生数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadStudentVerify () {
+      this.formSetClassStudent.formFilterCopy.schoolId = this.formSetClassStudent.formFilter.schoolId;
+      this.formSetClassStudent.formFilterCopy.searchString = this.formSetClassStudent.formFilter.searchString;
+      return true;
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+    },
+    /**
+     * 更新设置班级学生
+     */
+    refreshFormSetClassStudent (reloadData = false) {
+      if (reloadData) {
+        this.formSetClassStudent.Student.impl.refreshTable(true, 1);
+      } else {
+        this.formSetClassStudent.Student.impl.refreshTable();
+      }
+      if (!this.formSetClassStudent.isInit) {
+        // 初始化下拉数据
+      }
+      this.formSetClassStudent.isInit = true;
+    },
+    /**
+     * 添加
+     */
+    onAddClassStudentClick () {
+      let params = {
+        classId: this.classId,
+        classStudentList: this.tableSelectRowList.map((item) => {
+          return {
+            studentId: item.studentId
+          };
+        })
+      };
+
+      StudentClassController.addClassStudent(this, params).then(res => {
+        this.$message.success('添加成功');
+        this.refreshFormSetClassStudent();
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormSetClassStudent(true);
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormSetClassStudent();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formStudent/index.vue

@@ -0,0 +1,325 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="所属省份">
+          <el-select class="filter-item" v-model="formStudent.formFilter.provinceId" :clearable="true" filterable
+            placeholder="所属省份" :loading="formStudent.provinceId.impl.loading"
+            @visible-change="formStudent.provinceId.impl.onVisibleChange"
+            @change="onProvinceIdValueChange">
+            <el-option v-for="item in formStudent.provinceId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属城市">
+          <el-select class="filter-item" v-model="formStudent.formFilter.cityId" :clearable="true" filterable
+            placeholder="所属城市" :loading="formStudent.cityId.impl.loading"
+            @visible-change="formStudent.cityId.impl.onVisibleChange"
+            @change="onCityIdValueChange">
+            <el-option v-for="item in formStudent.cityId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属校区">
+          <el-select class="filter-item" v-model="formStudent.formFilter.schoolId" :clearable="true" filterable
+            placeholder="所属校区" :loading="formStudent.schoolId.impl.loading"
+            @visible-change="formStudent.schoolId.impl.onVisibleChange"
+            @change="onSchoolIdValueChange">
+            <el-option v-for="item in formStudent.schoolId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="注册日期">
+          <date-range class="filter-item" v-model="formStudent.formFilter.registerDate" :clearable="true" :allowTypes="['day']" align="left"
+            range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+            format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss" />
+        </el-form-item>
+        <el-form-item label="学生姓名">
+          <el-input class="filter-item" v-model="formStudent.formFilter.searchString"
+            :clearable="true" placeholder="输入学生姓名 / 手机号码 模糊查询" />
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormStudent(true)">查询</el-button>
+        <el-button slot="operator" type="primary" size="mini" :disabled="!checkPermCodeExist('formStudent:formStudent:formCreateStudent')"
+          @click="onFormCreateStudentClick()">
+          新建
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formStudent.Student.impl.dataList" size="mini" @sort-change="formStudent.Student.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formStudent.Student.impl.getTableIndex" />
+          <el-table-column label="姓名" prop="studentName">
+          </el-table-column>
+          <el-table-column label="手机号码" prop="loginMobile">
+          </el-table-column>
+          <el-table-column label="所属校区" prop="schoolIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="经验等级" prop="experienceLevelDictMap.name" sortable="custom">
+          </el-table-column>
+          <table-progress-column label="学币状态" :min="0" max-column="totalCoin" value-column="leftCoin" />
+          <el-table-column label="状态 " prop="statusDictMap.name">
+          </el-table-column>
+          <el-table-column label="注册时间" prop="registerTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.registerTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right">
+            <template slot-scope="scope">
+              <el-button @click="onFormEditStudentClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formStudent:formStudent:formEditStudent')">
+                编辑
+              </el-button>
+              <el-button @click="onDeleteClick(scope.row)" type="text" size="mini"
+                :disabled="!checkPermCodeExist('formStudent:formStudent:delete')">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formStudent.Student.impl.totalCount"
+            :current-page="formStudent.Student.impl.currentPage"
+            :page-size="formStudent.Student.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formStudent.Student.impl.onCurrentPageChange"
+            @size-change="formStudent.Student.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentController, DictionaryController } from '@/api';
+import formEditStudent from '@/views/generated/formEditStudent';
+import formCreateStudent from '@/views/generated/formCreateStudent';
+
+export default {
+  name: 'formStudent',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],
+  data () {
+    return {
+      formStudent: {
+        formFilter: {
+          provinceId: undefined,
+          cityId: undefined,
+          schoolId: undefined,
+          registerDate: [],
+          searchString: undefined
+        },
+        formFilterCopy: {
+          provinceId: undefined,
+          cityId: undefined,
+          schoolId: undefined,
+          registerDate: [],
+          searchString: undefined
+        },
+        provinceId: {
+          impl: new DropdownWidget(this.loadProvinceIdDropdownList)
+        },
+        cityId: {
+          impl: new DropdownWidget(this.loadCityIdDropdownList)
+        },
+        schoolId: {
+          impl: new DropdownWidget(this.loadSchoolIdDropdownList)
+        },
+        Student: {
+          impl: new TableWidget(this.loadStudentData, this.loadStudentVerify, true, 'registerTime', 1)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    /**
+     * 学生数据数据获取函数，返回Primise
+     */
+    loadStudentData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        studentFilter: {
+          provinceId: this.formStudent.formFilterCopy.provinceId,
+          cityId: this.formStudent.formFilterCopy.cityId,
+          schoolId: this.formStudent.formFilterCopy.schoolId,
+          registerTimeStart: Array.isArray(this.formStudent.formFilterCopy.registerDate) ? this.formStudent.formFilterCopy.registerDate[0] : undefined,
+          registerTimeEnd: Array.isArray(this.formStudent.formFilterCopy.registerDate) ? this.formStudent.formFilterCopy.registerDate[1] : undefined,
+          searchString: this.formStudent.formFilterCopy.searchString
+        }
+      }
+      return new Promise((resolve, reject) => {
+        StudentController.list(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 学生数据数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadStudentVerify () {
+      this.formStudent.formFilterCopy.provinceId = this.formStudent.formFilter.provinceId;
+      this.formStudent.formFilterCopy.cityId = this.formStudent.formFilter.cityId;
+      this.formStudent.formFilterCopy.schoolId = this.formStudent.formFilter.schoolId;
+      this.formStudent.formFilterCopy.registerDate = this.formStudent.formFilter.registerDate;
+      this.formStudent.formFilterCopy.searchString = this.formStudent.formFilter.searchString;
+      return true;
+    },
+    /**
+     * 所属省份下拉数据获取函数
+     */
+    loadProvinceIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属省份选中值改变
+     */
+    onProvinceIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formStudent.formFilter.cityId = undefined;
+      this.formStudent.cityId.impl.dirty = true;
+      this.onCityIdValueChange(this.formStudent.formFilter.cityId);
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formStudent.formFilter.schoolId = undefined;
+      this.formStudent.schoolId.impl.dirty = true;
+      this.onSchoolIdValueChange(this.formStudent.formFilter.schoolId);
+    },
+    /**
+     * 所属城市下拉数据获取函数
+     */
+    loadCityIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          parentId: this.formStudent.formFilter.provinceId
+        };
+        if (params.parentId == null || params.parentId === '') {
+          resolve([]);
+          return;
+        }
+        DictionaryController.dictAreaCodeByParentId(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属城市选中值改变
+     */
+    onCityIdValueChange (value) {
+      // 清除被过滤组件选中值，并且将被过滤组件的状态设置为dirty
+      this.formStudent.formFilter.schoolId = undefined;
+      this.formStudent.schoolId.impl.dirty = true;
+      this.onSchoolIdValueChange(this.formStudent.formFilter.schoolId);
+    },
+    /**
+     * 所属校区下拉数据获取函数
+     */
+    loadSchoolIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {
+          provinceId: this.formStudent.formFilter.provinceId,
+          cityId: this.formStudent.formFilter.cityId
+        };
+        DictionaryController.dictSchoolInfo(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属校区选中值改变
+     */
+    onSchoolIdValueChange (value) {
+    },
+    /**
+     * 更新学生管理
+     */
+    refreshFormStudent (reloadData = false) {
+      if (reloadData) {
+        this.formStudent.Student.impl.refreshTable(true, 1);
+      } else {
+        this.formStudent.Student.impl.refreshTable();
+      }
+      if (!this.formStudent.isInit) {
+        // 初始化下拉数据
+      }
+      this.formStudent.isInit = true;
+    },
+    /**
+     * 新建
+     */
+    onFormCreateStudentClick () {
+      let params = {};
+
+      this.$dialog.show('新建', formCreateStudent, {
+        area: ['800px']
+      }, params).then(res => {
+        this.refreshFormStudent();
+      }).catch(e => {});
+    },
+    /**
+     * 编辑
+     */
+    onFormEditStudentClick (row) {
+      let params = {
+        studentId: row.studentId
+      };
+
+      this.$dialog.show('编辑', formEditStudent, {
+        area: ['800px']
+      }, params).then(res => {
+        this.formStudent.Student.impl.refreshTable();
+      }).catch(e => {});
+    },
+    /**
+     * 删除
+     */
+    onDeleteClick (row) {
+      let params = {
+        studentId: row.studentId
+      };
+
+      this.$confirm('是否删除此学生？').then(res => {
+        StudentController.delete(this, params).then(res => {
+          this.$message.success('删除成功');
+          this.formStudent.Student.impl.refreshTable();
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onResume () {
+      this.refreshFormStudent();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormStudent();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formStudentActionDetail/index.vue

@@ -0,0 +1,238 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="统计日期">
+          <date-range class="filter-item" v-model="formStudentActionDetail.formFilter.statsDate" :clearable="true" :allowTypes="['day']" align="left"
+            range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+            format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss" />
+        </el-form-item>
+        <el-form-item label="所属年级">
+          <el-select class="filter-item" v-model="formStudentActionDetail.formFilter.gradeId" :clearable="true" filterable
+            placeholder="所属年级" :loading="formStudentActionDetail.gradeId.impl.loading"
+            @visible-change="formStudentActionDetail.gradeId.impl.onVisibleChange"
+            @change="onGradeIdValueChange">
+            <el-option v-for="item in formStudentActionDetail.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="行为类型">
+          <el-select class="filter-item" v-model="formStudentActionDetail.formFilter.actionType" :clearable="true" filterable
+            placeholder="行为类型" :loading="formStudentActionDetail.actionType.impl.loading"
+            @visible-change="formStudentActionDetail.actionType.impl.onVisibleChange"
+            @change="onActionTypeValueChange">
+            <el-option v-for="item in formStudentActionDetail.actionType.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormStudentActionDetail(true)">查询</el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formStudentActionDetail.StudentActionTrans.impl.dataList" size="mini" @sort-change="formStudentActionDetail.StudentActionTrans.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formStudentActionDetail.StudentActionTrans.impl.getTableIndex" />
+          <el-table-column label="学生名称" prop="studentName">
+          </el-table-column>
+          <el-table-column label="所属校区" prop="schoolIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="所属年级" prop="gradeIdDictMap.name">
+          </el-table-column>
+          <el-table-column label="行为类型" prop="actionTypeDictMap.name">
+          </el-table-column>
+          <el-table-column label="设备类型" prop="deviceTypeDictMap.name">
+          </el-table-column>
+          <el-table-column label="观看视频" prop="watchVideoSeconds">
+          </el-table-column>
+          <el-table-column label="购买鲜花" prop="flowerCount">
+          </el-table-column>
+          <el-table-column label="购买作业" prop="paperCount">
+          </el-table-column>
+          <el-table-column label="购买视频" prop="videoCount">
+          </el-table-column>
+          <el-table-column label="购买课程" prop="courseCount">
+          </el-table-column>
+          <el-table-column label="充值学币" prop="coinCount">
+          </el-table-column>
+          <el-table-column label="发生时间" prop="createTime">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.createTime, 'day')}}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formStudentActionDetail.StudentActionTrans.impl.totalCount"
+            :current-page="formStudentActionDetail.StudentActionTrans.impl.currentPage"
+            :page-size="formStudentActionDetail.StudentActionTrans.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formStudentActionDetail.StudentActionTrans.impl.onCurrentPageChange"
+            @size-change="formStudentActionDetail.StudentActionTrans.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+    <label v-if="closeVisible == '1'" class="page-close-box">
+      <el-button type="text" @click="onCancel(true)" icon="el-icon-close" />
+    </label>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { DictionaryController, StudentActionTransController } from '@/api';
+
+export default {
+  name: 'formStudentActionDetail',
+  props: {
+    actionType: {
+      default: undefined
+    },
+    createTime: {
+      default: undefined
+    },
+    gradeId: {
+      default: undefined
+    },
+    closeVisible: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin, cachedPageChildMixin],
+  data () {
+    return {
+      formStudentActionDetail: {
+        formFilter: {
+          statsDate: this.createTime,
+          gradeId: this.parseParams(this.gradeId, 'integer'),
+          actionType: this.parseParams(this.actionType, 'integer')
+        },
+        formFilterCopy: {
+          statsDate: this.createTime,
+          gradeId: this.parseParams(this.gradeId, 'integer'),
+          actionType: this.parseParams(this.actionType, 'integer')
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        actionType: {
+          impl: new DropdownWidget(this.loadActionTypeDropdownList)
+        },
+        StudentActionTrans: {
+          impl: new TableWidget(this.loadStudentActionTransData, this.loadStudentActionTransVerify, true, 'createTime', 1)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      this.removeCachePage(this.$options.name);
+      this.refreshParentCachedPage = isSuccess;
+      this.$router.go(-1);
+    },
+    /**
+     * 学生行为流水数据获取函数，返回Primise
+     */
+    loadStudentActionTransData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        studentActionTransFilter: {
+          gradeId: this.formStudentActionDetail.formFilterCopy.gradeId,
+          actionType: this.formStudentActionDetail.formFilterCopy.actionType,
+          createTimeStart: Array.isArray(this.formStudentActionDetail.formFilterCopy.statsDate) ? this.formStudentActionDetail.formFilterCopy.statsDate[0] : undefined,
+          createTimeEnd: Array.isArray(this.formStudentActionDetail.formFilterCopy.statsDate) ? this.formStudentActionDetail.formFilterCopy.statsDate[1] : undefined
+        }
+      }
+      return new Promise((resolve, reject) => {
+        StudentActionTransController.list(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 学生行为流水数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadStudentActionTransVerify () {
+      this.formStudentActionDetail.formFilterCopy.gradeId = this.formStudentActionDetail.formFilter.gradeId;
+      this.formStudentActionDetail.formFilterCopy.actionType = this.formStudentActionDetail.formFilter.actionType;
+      this.formStudentActionDetail.formFilterCopy.statsDate = this.formStudentActionDetail.formFilter.statsDate;
+      return true;
+    },
+    /**
+     * 所属年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 所属年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 行为类型下拉数据获取函数
+     */
+    loadActionTypeDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictStudentActionType(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 行为类型选中值改变
+     */
+    onActionTypeValueChange (value) {
+    },
+    /**
+     * 更新学生行为详情
+     */
+    refreshFormStudentActionDetail (reloadData = false) {
+      if (reloadData) {
+        this.formStudentActionDetail.StudentActionTrans.impl.refreshTable(true, 1);
+      } else {
+        this.formStudentActionDetail.StudentActionTrans.impl.refreshTable();
+      }
+      if (!this.formStudentActionDetail.isInit) {
+        // 初始化下拉数据
+        this.formStudentActionDetail.gradeId.impl.onVisibleChange(true).catch(e => {});
+        this.formStudentActionDetail.actionType.impl.onVisibleChange(true).catch(e => {});
+      }
+      this.formStudentActionDetail.isInit = true;
+    },
+    onResume () {
+      this.refreshFormStudentActionDetail();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormStudentActionDetail();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/generated/formStudentActionStats/index.vue

@@ -0,0 +1,313 @@
+<template>
+  <div style="position: relative;">
+    <el-form label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="统计日期">
+          <date-range class="filter-item" v-model="formStudentActionStats.formFilter.statsDate" :clearable="true" :allowTypes="['day']" align="left"
+            range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+            format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss" />
+        </el-form-item>
+        <el-form-item label="年级">
+          <el-select class="filter-item" v-model="formStudentActionStats.formFilter.gradeId" :clearable="true" filterable
+            placeholder="年级" :loading="formStudentActionStats.gradeId.impl.loading"
+            @visible-change="formStudentActionStats.gradeId.impl.onVisibleChange"
+            @change="onGradeIdValueChange">
+            <el-option v-for="item in formStudentActionStats.gradeId.impl.dropdownList" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+        <el-button slot="operator" type="primary" :plain="true" size="mini" @click="refreshFormStudentActionStats(true)">查询</el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="formStudentActionStats.StudentActionStats.impl.dataList" size="mini" @sort-change="formStudentActionStats.StudentActionStats.impl.onSortChange"
+          header-cell-class-name="table-header-gray">
+          <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="formStudentActionStats.StudentActionStats.impl.getTableIndex" />
+          <el-table-column label="统计日期">
+            <template slot-scope="scope">
+              <span>{{formatDateByStatsType(scope.row.statsDate, 'day')}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="所属年级" prop="gradeIdDictMap.name" />
+          <el-table-column label="购课学币" prop="buyCourseAmount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormBuyCourseDetailClick(scope.row)">{{scope.row.buyCourseAmount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="购买视频" prop="buyVideoAmount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormBuyVideoDetailClick(scope.row)">{{scope.row.buyVideoAmount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="购买作业" prop="buyPaperAmount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormBuyPaperDetailClick(scope.row)">{{scope.row.buyPaperAmount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="购买鲜花" prop="buyFlowerAmount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormBuyFlowerDetailClick(scope.row)">{{scope.row.buyFlowerAmount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="充值学币" prop="rechargeCoinAmount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormBuyCoinDetailClick(scope.row)">{{scope.row.rechargeCoinAmount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="上课次数" prop="doCourseCount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormDoCourseDetailClick(scope.row)">{{scope.row.doCourseCount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="观看视频" prop="watchVideoCount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormWatchVideoDetailClick(scope.row)">{{scope.row.watchVideoCount}}</a>
+            </template>
+          </el-table-column>
+          <el-table-column label="做题数量" prop="doExerciseCount">
+            <template slot-scope="scope">
+              <a href="javascript:void(0);" @click="onFormRfreshDetailClick(scope.row)">{{scope.row.doExerciseCount}}</a>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row type="flex" justify="end" style="margin-top: 10px;">
+          <el-pagination
+            :total="formStudentActionStats.StudentActionStats.impl.totalCount"
+            :current-page="formStudentActionStats.StudentActionStats.impl.currentPage"
+            :page-size="formStudentActionStats.StudentActionStats.impl.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            @current-change="formStudentActionStats.StudentActionStats.impl.onCurrentPageChange"
+            @size-change="formStudentActionStats.StudentActionStats.impl.onPageSizeChange">
+          </el-pagination>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+/* eslint-disable-next-line */
+import { DropdownWidget, TableWidget, UploadWidget, ChartWidget } from '@/utils/widget.js';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachePageMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { StudentActionStatsController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formStudentActionStats',
+  props: {
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachePageMixin],
+  data () {
+    return {
+      formStudentActionStats: {
+        formFilter: {
+          statsDate: [],
+          gradeId: undefined
+        },
+        formFilterCopy: {
+          statsDate: [],
+          gradeId: undefined
+        },
+        gradeId: {
+          impl: new DropdownWidget(this.loadGradeIdDropdownList)
+        },
+        StudentActionStats: {
+          impl: new TableWidget(this.loadStudentActionStatsData, this.loadStudentActionStatsVerify, true, 'statsDate', 1)
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    /**
+     * 学生行为统计数据获取函数，返回Primise
+     */
+    loadStudentActionStatsData (params) {
+      if (params == null) params = {};
+      params = {
+        ...params,
+        groupParam: [
+          {
+            fieldName: 'statsDate'
+          },
+          {
+            fieldName: 'gradeId'
+          }
+        ],
+        studentActionStatsFilter: {
+          statsDateStart: Array.isArray(this.formStudentActionStats.formFilterCopy.statsDate) ? this.formStudentActionStats.formFilterCopy.statsDate[0] : undefined,
+          statsDateEnd: Array.isArray(this.formStudentActionStats.formFilterCopy.statsDate) ? this.formStudentActionStats.formFilterCopy.statsDate[1] : undefined,
+          gradeId: this.formStudentActionStats.formFilterCopy.gradeId
+        }
+      }
+      return new Promise((resolve, reject) => {
+        StudentActionStatsController.listWithGroup(this, params).then(res => {
+          resolve({
+            dataList: res.data.dataList,
+            totalCount: res.data.totalCount
+          });
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 学生行为统计数据获取检测函数，返回true正常获取数据，返回false停止获取数据
+     */
+    loadStudentActionStatsVerify () {
+      this.formStudentActionStats.formFilterCopy.statsDate = this.formStudentActionStats.formFilter.statsDate;
+      this.formStudentActionStats.formFilterCopy.gradeId = this.formStudentActionStats.formFilter.gradeId;
+      return true;
+    },
+    /**
+     * 年级下拉数据获取函数
+     */
+    loadGradeIdDropdownList () {
+      return new Promise((resolve, reject) => {
+        let params = {};
+        DictionaryController.dictGrade(this, params).then(res => {
+          resolve(res.getList());
+        }).catch(e => {
+          reject(e);
+        });
+      });
+    },
+    /**
+     * 年级选中值改变
+     */
+    onGradeIdValueChange (value) {
+    },
+    /**
+     * 更新学生行为统计
+     */
+    refreshFormStudentActionStats (reloadData = false) {
+      if (reloadData) {
+        this.formStudentActionStats.StudentActionStats.impl.refreshTable(true, 1);
+      } else {
+        this.formStudentActionStats.StudentActionStats.impl.refreshTable();
+      }
+      if (!this.formStudentActionStats.isInit) {
+        // 初始化下拉数据
+      }
+      this.formStudentActionStats.isInit = true;
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormBuyCourseDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.BUY_COURSE,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormBuyVideoDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.BUY_VIDEO_COURSE,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormBuyFlowerDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.BUY_FLOWER,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormBuyPaperDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.BUY_PAPER,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormBuyCoinDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.RECHARGE,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormDoCourseDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.SIGNIN_COURSE,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormWatchVideoDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.WATCH_VIDEO,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    /**
+     * 学生行为详情
+     */
+    onFormRfreshDetailClick (row) {
+      let params = {
+        actionType: this.StudentActionType.DO_PAPER,
+        createTime: this.getDateRangeFilter(row.statsDate),
+        gradeId: row.gradeId
+      };
+
+      params.closeVisible = 1;
+      this.$router.push({name: 'formStudentActionDetail', query: params});
+    },
+    onResume () {
+      this.refreshFormStudentActionStats();
+    },
+    initFormData () {
+    },
+    formInit () {
+      this.refreshFormStudentActionStats();
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/layout/components/breadcrumb/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <el-breadcrumb-item :to="{name: 'welcome'}" :replace="true">
+      <i class="el-icon-s-home" style="margin-right: 5px;" />主页
+    </el-breadcrumb-item>
+    <el-breadcrumb-item v-for="item  in menuPathList" :key="item.menuId">
+      {{item.menuName}}
+    </el-breadcrumb-item>
+  </el-breadcrumb>
+</template>
+
+<script>
+import { mapGetters, mapMutations } from 'vuex';
+
+export default {
+  created () {
+    this.getBreadcrumb();
+  },
+  data () {
+    return {
+      menuPathList: null
+    };
+  },
+  watch: {
+    $route (newValue) {
+      if (newValue.name === 'welcome') this.setCurrentMenuId(null);
+      this.getBreadcrumb();
+    }
+  },
+  methods: {
+    getBreadcrumb () {
+      this.menuPathList = this.getCurrentMenuPath;
+    },
+    ...mapMutations(['setCurrentMenuId'])
+  },
+  computed: {
+    ...mapGetters(['getCurrentMenuPath'])
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .app-breadcrumb.el-breadcrumb {
+    display: inline-block;
+    font-size: 14px;
+    line-height: 60px;
+    margin-left: 10px;
+    .no-redirect {
+      color: #97a8be;
+      cursor: text;
+    }
+  }
+</style>

orange-demo-multi-web/src/views/layout/components/formModifyPassword/index.vue

@@ -0,0 +1,95 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formModifyPassword" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="120px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="旧密码" prop="oldPassword">
+            <el-input class="input-item" v-model.trim="formData.oldPassword"
+              :clearable="true" placeholder="旧密码" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="新密码" prop="password">
+            <el-input class="input-item" v-model.trim="formData.password"
+              :clearable="true" placeholder="新密码" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="新密码确认" prop="repeatPassword">
+            <el-input class="input-item" v-model.trim="formData.repeatPassword"
+              :clearable="true" placeholder="新密码确认" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row class="no-scroll flex-box" type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" @click="onSave()">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { SystemController } from '@/api';
+import { encrypt } from '@/utils';
+
+export default {
+  data () {
+    return {
+      formData: {
+        oldPassword: undefined,
+        password: undefined,
+        repeatPassword: undefined
+      },
+      rules: {
+        'oldPassword': [
+          {required: true, message: '请输入旧密码', trigger: 'blur'}
+        ],
+        'password': [
+          {required: true, message: '请输入新密码', trigger: 'blur'}
+        ],
+        'repeatPassword': [
+          {required: true, message: '请输入新密码', trigger: 'blur'}
+        ]
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    onSave () {
+      this.$refs.formModifyPassword.validate((valid) => {
+        if (!valid) return;
+        if (this.formData.password !== this.formData.repeatPassword) {
+          this.$message.error('两次密码输入不一致，请核对！');
+          return;
+        }
+        
+        let params = {
+          oldPass: encrypt(this.formData.oldPassword),
+          newPass: encrypt(this.formData.password)
+        };
+
+        SystemController.changePassword(this, params).then(res => {
+          this.$message.success('密码修改成功');
+          this.onCancel(true);
+        }).catch(e => {});
+      });
+    }
+  }
+}
+</script>
+
+<style>
+</style>

orange-demo-multi-web/src/views/layout/components/sidebar/menu-item.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="menu-wrapper">
+    <el-menu-item ref="item" :index="menu.menuId + ''" :key="menu.menuId" v-if="menu.children == null || menu.children.length <= 0">
+      <template slot="title">
+        <i v-if="menu.icon" :class="menu.icon" style="margin-right: 5px; font-size: 18px;" :style="getIconStyle(menu.icon)"></i>
+        <span slot="title" :style="getTextStyle(!menu.icon)">{{menu.menuName}}</span>
+      </template>
+    </el-menu-item>
+    <el-submenu v-else :index="menu.menuId + ''" :key="menu.menuId">
+      <template slot="title">
+        <i v-if="menu.icon" :class="menu.icon" style="margin-right: 5px; font-size: 18px;" :style="getIconStyle(menu.icon)"></i>
+        <span slot="title" :style="getTextStyle(!menu.icon)" v-show="!getCollapse">{{menu.menuName}}</span>
+      </template>
+      <template v-for="child in menu.children">
+        <menu-item class="nest-menu" :menu="child" :isChild="true" :key="child.menuId" />
+      </template>
+    </el-submenu>
+  </div>
+</template>
+
+<script>
+import {mapGetters} from 'vuex'
+export default {
+  name: 'menuItem',
+  props: {
+    menu: {
+      type: Object,
+      required: true,
+      default: undefined
+    },
+    isChild: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    getIconStyle (isShow) {
+      if (isShow && this.isChild) {
+        return [
+          { 'margin-left': '13px' }
+        ]
+      }
+    },
+    getTextStyle (isShow) {
+      if (isShow && this.isChild) {
+        return [
+          { 'padding-left': '13px' }
+        ]
+      }
+    }
+  },
+  computed: {
+    showText () {
+      return !this.getCollapse;
+    },
+    ...mapGetters(['getCollapse'])
+  }
+}
+</script>

orange-demo-multi-web/src/views/layout/components/sidebar/sidebar.vue

@@ -0,0 +1,72 @@
+<template>
+  <div style="height: 100%; position: relative;" class="sidebar-bg">
+    <div class="sidebar-title">
+      <img :src="logoImage" style="margin: 20px 60px 10px 60px; width: 80px; height: 80px; border-radius: 50%;" />
+      <p class="sidebar-title-text">{{getProjectName()}}</p>
+    </div>
+    <div style="height: 100%; padding-bottom: 160px;">
+      <el-scrollbar wrap-class="scrollbar_dropdown__wrap" style="height: 100%;">
+        <el-menu ref="menu" mode="vertical" :default-active="getCurrentMenuId" :unique-opened="true" @select="selectMenu"
+          text-color="white" active-text-color="white" :collapse="getCollapse" >
+          <template v-for="menu in getMenuList">
+            <menu-item :menu="menu" :key="menu.menuId" />
+          </template>
+        </el-menu>
+      </el-scrollbar>
+    </div>
+  </div>
+</template>
+
+<script>
+import menuItem from './menu-item.vue';
+import { mapGetters, mapMutations } from 'vuex';
+import projectConfig from '@/core/config';
+
+export default {
+  data () {
+    return {
+      isCollapse: false,
+      collapseLeft: '200px',
+      showCollapseBtn: true,
+      logoImage: require('../../../../assets/img/logo.jpg')
+    }
+  },
+  components: {
+    'menu-item': menuItem
+  },
+  computed: {
+    getCollapseStyle () {
+      return [{
+        left: this.collapseLeft
+      }]
+    },
+    ...mapGetters(['getMultiTags', 'getMenuList', 'getCollapse', 'getCurrentMenuPath', 'getCurrentMenuId', 'getMultiColumn'])
+  },
+  methods: {
+    onCollapseChange () {
+      this.showCollapseBtn = false;
+      setTimeout(() => {
+        this.setCollapse(!this.getCollapse);
+        this.collapseLeft = this.getCollapse ? '65px' : '200px';
+        this.showCollapseBtn = true;
+      }, 100);
+    },
+    getProjectName () {
+      if (this.getCollapse) {
+        return projectConfig.projectName.substr(0, 1);
+      } else {
+        return projectConfig.projectName;
+      }
+    },
+    selectMenu (index, path) {
+      if (this.getCurrentMenuId === index) return;
+      // 单页面清空所有tags和cachePage
+      if (!this.getMultiTags) {
+        this.clearAllTags();
+      }
+      this.setCurrentMenuId(index);
+    },
+    ...mapMutations(['setCollapse', 'clearAllTags', 'setCurrentMenuId'])
+  }
+};
+</script>

orange-demo-multi-web/src/views/layout/components/tags/tagItem.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="tags-item">
+    <div style="height: 3px;" class="top" />
+    <span class="title" :style="{'padding-right': supportClose ? '5px' : '10px'}">{{title}}</span>
+    <i :class="{'el-icon-close close': !enterClose, 'el-icon-error': enterClose}" v-show="supportClose"
+      :style="{color: enterClose ? '#F56C6C' : '#333'}" @click.stop="onClose"
+      @mouseenter="() => enterClose = true" @mouseleave="() => enterClose = false" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    title: String,
+    supportClose: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+      enterClose: false
+    }
+  },
+  methods: {
+    onClose () {
+      console.log('close-tag-item');
+      this.$emit('close');
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  @import '@/assets/style/element-color.scss';
+  .tags-item {
+    height: 40px;
+    line-height: 37px;
+    box-sizing: border-box;
+    display: inline-block;
+    border-right: 1px solid #DCDFE6;
+    cursor: pointer;
+  }
+
+  .tags-item .title {
+    font-size: 13px;
+    color: #666
+  }
+
+  .close {
+    height: 28px;
+    line-height: 28px;
+  }
+  .tags-item:hover {
+    color: $--color-primary;
+  }
+  .tags-item.active {
+    color: $--color-primary;
+  }
+  .tags-item span {
+    margin-left: 10px;
+  }
+  .tags-item i {
+    margin-right: 10px;
+  }
+  .tags-item.active .top {
+    background: $--color-primary;
+  }
+
+</style>

orange-demo-multi-web/src/views/layout/components/tags/tagPanel.vue

@@ -0,0 +1,213 @@
+<template>
+  <div class="tags-panel">
+    <i class="el-icon-d-arrow-left arrow left" @click="beginPos > 0 && beginPos--" />
+    <i class="el-icon-d-arrow-right arrow right" @click="getEndTagPos >= panelWidth && beginPos++" />
+    <div class="main-panel">
+      <div class="scroll-box">
+        <TagItem class="item" title="主页" :class="{active: getCurrentMenuId == null}" v-show="0 >= beginPos" :supportClose="false"
+          @click.native="onTagItemClick(null)" @contextmenu.prevent.native="openMenu(null, $event)" />
+        <TagItem class="item" v-for="(item, index) in tagList" :key="item.menuId" :title="item.menuName"
+          :class="{active: item.menuId === getCurrentMenuId}" v-show="(index + 1) >= beginPos"
+          @close="onTagItemClose(item)" @click.native="onTagItemClick(item)"
+          @contextmenu.prevent.native="openMenu(item, $event)" />
+      </div>
+    </div>
+    <div v-show="visible" @click.stop="onMenuMaskClick" @contextmenu="openMaskMenu"
+      style="z-index: 99999; position: fixed; background: rgba(0, 0, 0, 0.01); width: 100vw; height: 100vh; top: 0px; left: 0px">
+      <ul class="contextmenu" style="z-index: 99999;" :style="{left: left + 'px', top: top + 'px'}">
+        <li @click="closeSelectTag">关闭</li>
+        <li @click="closeOthersTags">关闭其他</li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapMutations } from 'vuex';
+import TagItem from './tagItem.vue';
+export default {
+  props: {
+    tagList: Array
+  },
+  components: {
+    TagItem
+  },
+  data () {
+    return {
+      panelWidth: 0,
+      beginPos: 0,
+      visible: false,
+      top: 0,
+      left: 0,
+      selectedItem: undefined
+    }
+  },
+  methods: {
+    openMenu (item, e) {
+      this.visible = true;
+      this.selectedItem = item;
+      this.left = e.clientX;
+      this.top = e.clientY;
+    },
+    openMaskMenu (e) {
+      e.preventDefault();
+    },
+    onMenuMaskClick () {
+      this.visible = false;
+    },
+    closeSelectTag () {
+      if (this.selectedItem != null) this.onTagItemClose(this.selectedItem);
+      this.visible = false;
+    },
+    closeOthersTags () {
+      this.selectedItem ? this.closeOtherTags(this.selectedItem.menuId) : this.clearAllTags();
+      this.visible = false;
+    },
+    onTagItemClose (item) {
+      this.removeTag(item.menuId);
+    },
+    onTagItemClick (item) {
+      this.setCurrentMenuId(item ? item.menuId : undefined);
+    },
+    setCurrentTag (id) {
+      if (id == null) {
+        this.beginPos = 0;
+        return;
+      }
+
+      let curPos = -1;
+      for (let i = 0; i < this.tagList.length; i++) {
+        if (this.tagList[i].menuId === id) {
+          curPos = (i + 1);
+          break;
+        }
+      }
+
+      if (curPos > 0) {
+        if (curPos > this.getEndPos()) {
+          let timer = null;
+          timer = setInterval(() => {
+            let endPos = this.getEndPos();
+            if (endPos >= curPos) {
+              clearInterval(timer);
+            } else {
+              this.beginPos++;
+            }
+          }, 10);
+        }
+
+        if (curPos < this.beginPos) this.beginPos = curPos;
+      }
+    },
+    getEndPos () {
+      let width = 0;
+      let childList = this.$children;
+      let endPos = 0;
+      for (let i = this.beginPos; i < childList.length; i++) {
+        width += childList[i].$el.offsetWidth;
+        if (width >= this.panelWidth) break;
+        endPos = i;
+      }
+
+      return endPos;
+    },
+    onSizeChange () {
+      this.$nextTick(() => {
+        this.panelWidth = this.$el.offsetWidth - 60;
+      });
+    },
+    ...mapMutations(['removeTag', 'setCurrentMenuId', 'closeOtherTags', 'clearAllTags'])
+  },
+  computed: {
+    getEndTagPos () {
+      let width = 0;
+      let childList = this.$children;
+      for (let i = this.beginPos; i < childList.length; i++) {
+        width += childList[i].$el.offsetWidth;
+        if (width > this.panelWidth) {
+          break;
+        }
+      }
+
+      return width;
+    },
+    ...mapGetters(['getCurrentMenuId'])
+  },
+  mounted () {
+    this.panelWidth = this.$el.offsetWidth - 60;
+    window.addEventListener('resize', this.onSizeChange);
+    // this.getLastPosition();
+  },
+  destroyed () {
+    window.removeEventListener('resize', this.onSizeChange);
+  },
+  watch: {
+    getCurrentMenuId: {
+      handler (newValue) {
+        this.setCurrentTag(newValue);
+      },
+      immediate: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .tags-panel {
+    height: 42px;
+    border-top: 1px solid #DCDFE6;
+    border-bottom: 1px solid #DCDFE6;
+    background: white;
+  }
+  .main-panel {
+    margin: 0px 30px;
+  }
+  .scroll-box {
+    overflow: hidden;
+    white-space: nowrap;
+    width: 100%;
+  }
+  .arrow {
+    height: 40px;
+    line-height: 40px;
+    width: 30px;
+    text-align: center;
+    font-size: 14px;
+    cursor: pointer;
+    z-index: 100;
+    background: white;
+    box-sizing: border-box;
+    border-left: 1px solid #DCDFE6;
+    border-right: 1px solid #DCDFE6;
+  }
+  .arrow.left {
+    float: left;
+  }
+  .arrow.right {
+    float: right;
+  }
+
+  .contextmenu {
+    margin: 0px;
+    background: #FFF;
+    z-index: 2;
+    position: fixed;
+    list-style-type: none;
+    padding: 5px 0px;
+    border-radius: 5px;
+    font-size: 12px;
+    font-weight:  400;
+    color: #333;
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
+  }
+
+  .contextmenu li {
+    margin: 0px;
+    padding: 7px 16px;
+    cursor: pointer;
+  }
+
+  .contextmenu li:hover {
+    background: #eee;
+  }
+</style>

orange-demo-multi-web/src/views/layout/index.vue

@@ -0,0 +1,168 @@
+<template>
+  <el-container :style="getMainStyle">
+    <el-aside width='200px' class="sidebar">
+      <side-bar style="overflow: hidden"></side-bar>
+    </el-aside>
+    <el-container style="background-color: rgb(235,235,235)">
+      <el-header class="header">
+        <breadcrumb class="breadcrumb-container" style="flex-grow: 1;" />
+        <div class="menu-column" v-if="getMultiColumn">
+          <el-menu mode="horizontal" :default-active="getCurrentColumnId" @select="onColumnChange">
+            <el-menu-item v-for="column in getColumnList" :key="column.columnId" :index="column.columnId">{{column.columnName}}</el-menu-item>
+          </el-menu>
+        </div>
+        <div class="header-menu">
+          <el-dropdown class="user-dropdown" trigger="click" @command="handleCommand">
+            <span class="el-dropdown-link">{{getUserInfo.showName}}<i class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item class="user-dropdown-item" command="modifyPassword">修改密码</el-dropdown-item>
+              <el-dropdown-item class="user-dropdown-item" command="logout">退出登录</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <img :src="header" class="header-img" />
+        </div>
+      </el-header>
+      <el-main :style="{'padding-bottom': '15px', 'padding-top': (getMultiTags ? '0px' : '15px')}">
+        <tag-panel v-if="getMultiTags" :tagList="getTagList" style="margin-bottom: 10px;" />
+        <el-scrollbar :style="getContextStyle" wrap-class="scrollbar_dropdown__wrap">
+          <transition name="fade" mode="out-in">
+            <keep-alive :include="getCachePages">
+              <router-view style="margin: 0px 15px; background-color: white; overflow: hidden; padding: 20px;" :style="getRouterViewStyle" />
+            </keep-alive>
+          </transition>
+        </el-scrollbar>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import SideBar from './components/sidebar/sidebar.vue';
+import { mapGetters, mapMutations } from 'vuex';
+import Breadcrumb from './components/breadcrumb';
+import TagPanel from './components/tags/tagPanel.vue';
+import formModifyPassword from './components/formModifyPassword/index.vue';
+import { SystemController } from '@/api';
+
+export default {
+  data () {
+    return {
+      header: require('../../assets/img/default-header.jpg')
+    };
+  },
+  components: {
+    'side-bar': SideBar,
+    'breadcrumb': Breadcrumb,
+    'tag-panel': TagPanel
+  },
+  methods: {
+    toggleSideBar () {
+      this.setCollapse(!this.getCollapse);
+    },
+    onColumnChange (columnId) {
+      this.setCurrentColumnId(columnId);
+      this.clearCachePage();
+      this.$router.replace({
+        name: 'welcome'
+      });
+    },
+    resetDocumentClientHeight () {
+      let timerID;
+      let _this = this;
+      return function () {
+        clearTimeout(timerID);
+        timerID = setTimeout(() => {
+          var h = document.documentElement['clientHeight'];
+          _this.setClientHeight(h);
+        }, 50);
+      }
+    },
+    handleCommand (command) {
+      if (command === 'logout') {
+        this.$confirm('是否退出登录？', '', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          let options = {
+            headers: {
+              Authorization: window.sessionStorage.getItem('token')
+            },
+            showMask: false
+          }
+          SystemController.logout(this, {}, options).catch(e => {});
+          this.clearAllTags();
+          window.sessionStorage.removeItem('token');
+          window.sessionStorage.removeItem('isUaaLogin');
+          this.$router.replace({name: 'login'});
+        }).catch(e => {});
+      } else if (command === 'modifyPassword') {
+        this.$dialog.show('修改密码', formModifyPassword, {
+          area: ['500px']
+        }, {}).catch(e => {});
+      }
+    },
+    ...mapMutations(['setClientHeight', 'setCurrentColumnId', 'clearCachePage', 'clearAllTags'])
+  },
+  computed: {
+    getMainStyle () {
+      return [
+        {'height': this.getClientHeight + 'px'}
+      ]
+    },
+    getContextStyle () {
+      return [
+        {'height': this.getMainContextHeight + 'px'}
+      ]
+    },
+    getRouterViewStyle () {
+      return [
+        {'min-height': this.getMainContextHeight + 'px'}
+      ]
+    },
+    ...mapGetters([
+      'getMultiTags',
+      'getClientHeight',
+      'getUserInfo',
+      'getCollapse',
+      'getCachePages',
+      'getTagList',
+      'getMultiColumn',
+      'getCurrentColumnId',
+      'getColumnList',
+      'getMenuItem',
+      'getMainContextHeight'
+    ])
+  },
+  mounted () {
+    let resetHeight = this.resetDocumentClientHeight();
+    resetHeight();
+    
+    window.onresize = () => {
+      resetHeight();
+    }
+  },
+  watch: {
+    getMenuItem: {
+      handler (newValue) {
+        if (newValue == null) {
+          if (this.$route.name !== 'welcome') {
+            this.$router.replace({
+              name: 'welcome'
+            });
+          }
+        } else {
+          this.$router.replace({
+            name: newValue.formRouterName
+          });
+        }
+      },
+      immediate: true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

orange-demo-multi-web/src/views/login/index.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="login-form">
+    <el-card class="box-card" style="width: 30vw; background-color: rgba(255, 255, 255, 0.9); border-width: 0px;" :body-style="{ padding: '40px' }">
+      <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()">
+        <el-row>
+          <h3 class="title">橙单代码生成器</h3>
+          <el-col :span="24">
+            <el-form-item prop="mobilePhone">
+              <el-input v-model="dataForm.mobilePhone" style="width: 100%;" placeholder="帐号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item prop="password">
+              <el-input v-model="dataForm.password" style="width: 100%;" type="password" placeholder="密码" show-password></el-input>
+            </el-form-item>
+          </el-col>
+          <el-button class="login-btn-submit" type="primary" style="width: 100%;"
+            @click="dataFormSubmit()"
+            :loading="isHttpLoading">
+            登录
+          </el-button>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { SystemController } from '@/api';
+import { mapMutations } from 'vuex';
+import projectConfig from '@/core/config';
+import { encrypt } from '@/utils';
+
+export default {
+  data () {
+    return {
+      dataForm: {
+        mobilePhone: 'admin',
+        password: '123456'
+      },
+      dataRule: {
+        mobilePhone: [
+          { required: true, message: '帐号不能为空', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, message: '密码不能为空', trigger: 'blur' }
+        ]
+      },
+      projectName: projectConfig.projectName
+    };
+  },
+  methods: {
+    dataFormSubmit () {
+      this.$refs['dataForm'].validate(valid => {
+        if (valid) {
+          let params = {
+            loginName: this.dataForm.mobilePhone,
+            password: encrypt(this.dataForm.password)
+          };
+
+          SystemController.login(this, params, null, {showMask: false}).then(data => {
+            this.setMenuList(data.data.menuList);
+            delete data.data.menuList;
+
+            this.setUserInfo(data.data);
+            window.sessionStorage.setItem('token', data.data.tokenData);
+            this.setCurrentMenuId(null);
+            this.$router.replace({ name: 'main' });
+          }).catch(e => {});
+        }
+      });
+    },
+    ...mapMutations(['setUserInfo', 'setMenuList', 'setCurrentMenuId'])
+  },
+  mounted () {
+    this.setMenuList([]);
+    this.setUserInfo({});
+    window.sessionStorage.removeItem('token');
+  }
+};
+</script>
+
+<style lang="scss">
+.login-form {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  height: 100vh;
+  background: url(~@/assets/img/login_bg.jpg) no-repeat 50%, #000;
+  background-size: 100%;
+
+  .title {
+    margin: 0px;
+    margin-bottom: 20px;
+    color: #707070;
+    font-size: 24;
+    text-align: center;
+    display: block;
+  }
+}
+</style>

orange-demo-multi-web/src/views/upms/formDictManagement/index.vue

@@ -0,0 +1,128 @@
+<template>
+  <div>
+    <el-form label-width="75px" size="mini" label-position="right" @submit.native.prevent>
+      <filter-box :item-width="350">
+        <el-form-item label="字典列表">
+          <el-select class="filter-item" v-model="currentDictId" placeholder="请选择字典" @change="onDictChange">
+            <el-option v-for="item in dictList" :key="item.variableName" :label="item.name" :value="item.variableName"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-button slot="operator" type="primary" size="mini" :plain="true"
+          :disabled="!checkPermCodeExist('formSysDict:fragmentSysDict:reloadCache') || currentDict == null"
+          @click="onRefreshCacheData">
+          同步缓存
+        </el-button>
+        <el-button slot="operator" type="primary" size="mini"
+          :disabled="!checkPermCodeExist('formSysDict:fragmentSysDict:add') || currentDict == null"
+          @click="onAddDictData">
+          添加数据
+        </el-button>
+      </filter-box>
+    </el-form>
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="getCurrentDictData" size="mini" header-cell-class-name="table-header-gray">
+          <el-table-column label="ID" prop="id" />
+          <el-table-column label="字典名称" prop="name" />
+          <el-table-column label="操作" width="150px">
+            <template slot-scope="scope">
+              <el-button type="text" size="mini" :disabled="!checkPermCodeExist('formSysDict:fragmentSysDict:update')" @click="onUpdateDictDataClick(scope.row)">编辑</el-button>
+              <el-button type="text" size="mini" :disabled="!checkPermCodeExist('formSysDict:fragmentSysDict:delete')" @click="onDeleteDictDataClick(scope.row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { findItemFromList } from '@/utils';
+/* eslint-disable-next-line */
+import { DictionaryController } from '@/api';
+import editDict from '@/views/upms/formEditDict';
+
+export default {
+  name: 'systemDictManagement',
+  data () {
+    return {
+      dictList: [
+        {
+          variableName: 'grade',
+          name: '年级',
+          nameKey: 'gradeName',
+          idKey: 'gradeId',
+          deletedKey: 'gradeIds',
+          listApi: DictionaryController.dictGrade,
+          addApi: DictionaryController.dictAddGrade,
+          deleteApi: DictionaryController.dictDeleteGrade,
+          batchDeleteApi: DictionaryController.dictBatchDeleteGrade,
+          updateApi: DictionaryController.dictUpdateGrade,
+          reloadCachedDataApi: DictionaryController.dictReloadGradeCachedData
+        }
+      ],
+      currentDictId: undefined,
+      currentDict: undefined,
+      currentDictDataList: []
+    }
+  },
+  methods: {
+    updateDictData () {
+      this.currentDictDataList = [];
+      this.currentDict.listApi(this).then(res => {
+        this.currentDictDataList = res.getList();
+      }).catch(e => {});
+    },
+    onDictChange (value) {
+      this.currentDict = findItemFromList(this.dictList, value, 'variableName');
+      this.currentDictDataList = [];
+      if (this.currentDict == null) {
+        this.$message.error('没有找到相关字典');
+        return;
+      }
+      this.updateDictData();
+    },
+    onRefreshCacheData () {
+      this.$confirm('是否同步缓存？').then(res => {
+        this.currentDict.reloadCachedDataApi(this).then(res => {
+          this.$message.success('同步成功');
+        }).catch(e => {});
+      }).catch(e => {});
+    },
+    onAddDictData () {
+      this.$dialog.show(`新建字典数据 - [${this.currentDict.name}]`, editDict, {
+        area: '500px'
+      }, {
+        dictInfo: this.currentDict
+      }).then(res => {
+        this.updateDictData();
+      }).catch(e => {});
+    },
+    onUpdateDictDataClick (row) {
+      this.$dialog.show(`编辑字典数据 - [${this.currentDict.name}]`, editDict, {
+        area: '500px'
+      }, {
+        dictInfo: this.currentDict,
+        currentData: row
+      }).then(res => {
+        this.updateDictData();
+      }).catch(e => {});
+    },
+    onDeleteDictDataClick (row) {
+      this.$confirm('是否删除此字典数据？').then(res => {
+        let params = {};
+        params[this.currentDict.idKey] = row.id;
+        return this.currentDict.deleteApi(this, params);
+      }).then(res => {
+        this.$message.success('删除成功');
+        this.updateDictData();
+      }).catch(e => {});
+    }
+  },
+  computed: {
+    getCurrentDictData () {
+      return this.currentDictDataList;
+    }
+  }
+}
+</script>

orange-demo-multi-web/src/views/upms/formEditDict/index.vue

@@ -0,0 +1,82 @@
+<template>
+  <el-form ref="form" :model="formData" :rules="rules" label-width="80px" size="mini" label-position="right" @submit.native.prevent>
+    <el-row :gutter="20">
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="formData.name" placeholder="字典名称" clearable />
+      </el-form-item>
+    </el-row>
+    <!-- 弹窗下发按钮栏，必须设置class为dialog-btn-layer -->
+    <el-row type="flex" justify="end" class="dialog-btn-layer">
+      <el-button size="mini" @click="onCancel(false)" >取消</el-button>
+      <el-button type="primary" size="mini" @click="onSubmit">确定</el-button>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+export default {
+  name: 'DictEdit',
+  props: {
+    dictInfo: {
+      type: Object,
+      required: true
+    },
+    currentData: {
+      type: Object,
+      default: undefined
+    }
+  },
+  data () {
+    return {
+      formData: {
+        name: undefined,
+        id: undefined
+      },
+      rules: {
+        name: [{required: true, message: '字典数据名称不能为空', trigger: 'blur'}]
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess = false) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    onSubmit () {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          let params = {};
+          params[this.dictInfo.variableName] = {};
+          params[this.dictInfo.variableName][this.dictInfo.nameKey] = this.formData.name;
+
+          if (this.formData.id == null) {
+            this.dictInfo.addApi(this, params).then(res => {
+              this.$message.success('操作成功');
+              this.onCancel(true);
+            }).catch(e => {
+
+            });
+          } else {
+            params[this.dictInfo.variableName][this.dictInfo.idKey] = this.formData.id;
+            this.dictInfo.updateApi(this, params).then(res => {
+              this.$message.success('操作成功');
+              this.onCancel(true);
+            }).catch(e => {
+            });
+          }
+        }
+      });
+    }
+  },
+  mounted () {
+    if (this.currentData != null) {
+      this.formData.id = this.currentData.id;
+      this.formData.name = this.currentData.name;
+    }
+  }
+}
+</script>
+
+<style>
+</style>

orange-demo-multi-web/src/views/upms/formEditSysMenu/editColumn.vue

@@ -0,0 +1,108 @@
+<template>
+  <el-form ref="form" :model="formData" :rules="rules" label-width="110px" size="mini" label-position="right" @submit.native.prevent>
+    <el-row :gutter="20" class="full-width-input">
+      <el-col :span="24" >
+        <el-form-item label="菜单名称" prop="menuName">
+          <el-input v-model="formData.menuName" placeholder="菜单名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="显示顺序" prop="showOrder">
+          <el-input-number v-model="formData.showOrder" controls-position="right"
+            :min="1" :max="99999" placeholder="请输入显示顺序"></el-input-number>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <!-- 弹窗按钮 -->
+    <el-row type="flex" justify="end" class="dialog-btn-layer mt20">
+      <el-button size="mini" @click="onCancel(false)" >取消</el-button>
+      <el-button type="primary" size="mini" @click="onSubmit">确定</el-button>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { SystemController } from '@/api';
+
+export default {
+  props: {
+    columnId: {
+      type: String
+    },
+    columnName: {
+      type: String
+    },
+    showOrder: {
+      type: Number
+    }
+  },
+  data () {
+    return {
+      // 是否自动用上级菜单的名称过滤权限字列表，当这个开关打开后，会使用getAutoFilterString返回的字符串当做过滤字符串
+      autoFilter: false,
+      permCodeNameFilter: undefined,
+      allowParentList: [],
+      formData: {
+        menuId: this.columnId,
+        parentId: undefined,
+        menuName: this.columnName,
+        showOrder: this.showOrder,
+        menuType: this.SysMenuType.DIRECTORY,
+        icon: undefined,
+        formRouterName: undefined
+      },
+      rules: {
+        menuName: [{required: true, message: '请输入栏目名称', trigger: 'blur'}],
+        showOrder: [{required: true, message: '请输入栏目显示顺序', trigger: 'blur'}]
+      }
+    };
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    onSubmit () {
+      return new Promise((resolve, reject) => {
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+            let params = {};
+            params.sysMenu = {...this.formData};
+            
+            if (this.isEdit) {
+              SystemController.updateMenu(this, params).then(res => {
+                resolve(res);
+                this.$message.success('编辑成功');
+                this.onCancel(true);
+              }).catch(e => {
+                reject(e);
+              });
+            } else {
+              SystemController.addMenu(this, params).then(res => {
+                resolve(res);
+                this.$message.success('添加成功');
+                this.onCancel(true);
+              }).catch(e => {
+                reject(e);
+              });
+            }
+          } else {
+            reject();
+          }
+        });
+      });
+    },
+    initData () {
+    }
+  },
+  computed: {
+    isEdit () {
+      return this.formData.menuId != null;
+    }
+  },
+  mounted () {
+    this.initData();
+  }
+};
+</script>

orange-demo-multi-web/src/views/upms/formEditSysMenu/index.vue

@@ -0,0 +1,283 @@
+<template>
+  <el-form ref="form" :model="formData" :rules="rules" label-width="110px" size="mini" label-position="right" @submit.native.prevent>
+    <el-row :gutter="20" class="full-width-input">
+      <el-col :span="12">
+        <el-form-item label="上级菜单">
+          <el-cascader :options="menuTree" v-model="parentMenuPath" :props="menuProps" placeholder="选择父菜单"
+            :disabled="!canEditParent" :clearable="true" :change-on-select="true" size="mini"
+            @change="onParentMenuChange" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12" >
+        <el-form-item label="菜单名称" prop="menuName">
+          <el-input v-model="formData.menuName" placeholder="菜单名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="菜单类型" prop="menuType">
+          <el-select v-model="formData.menuType" :disabled="isEdit" placeholder="菜单类型" @change="onMenuTypeChange">
+            <el-option v-for="item in getValidMenuType" :key="item.id" :value="item.id" :label="item.name" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="显示顺序" prop="showOrder">
+          <el-input-number v-model="formData.showOrder" controls-position="right"
+            :min="1" :max="99999" placeholder="请输入显示顺序"></el-input-number>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="菜单路由">
+          <el-input v-model="formData.formRouterName" placeholder="菜单路由" :disabled="formData.menuType !== 1" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="菜单图标" prop="icon">
+          <icon-select v-model="formData.icon" :height="28" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-card shadow="never">
+          <div slot="header" class="card-header">
+            <span>权限字列表</span>
+            <el-input size="mini" v-model="permCodeNameFilter" placeholder="输入权限字名称过滤" style="width: 250px;" clearable suffix-icon="el-icon-search" />
+          </div>
+          <el-scrollbar style="height: 210px;" wrap-class="scrollbar_dropdown__wrap">
+            <el-tree ref="permCodeTree" v-show="formData.menuType" :check-strictly="true"
+              :props="treeProps" node-key="permCodeId" :default-expanded-keys="defaultExpandedKeys"
+              show-checkbox :data="getPermCodeTree" :filter-node-method="filterPermCodeNode"></el-tree>
+          </el-scrollbar>
+        </el-card>
+      </el-col>
+    </el-row>
+    <!-- 弹窗按钮 -->
+    <el-row type="flex" justify="end" class="dialog-btn-layer mt20">
+      <el-button size="mini" @click="onCancel(false)" >取消</el-button>
+      <el-button type="primary" size="mini" @click="onSubmit"
+        :disabled="!(checkPermCodeExist('formSysMenu:fragmentSysMenu:add') || checkPermCodeExist('formSysMenu:fragmentSysMenu:update'))">
+        确定
+      </el-button>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { treeDataTranslate, findTreeNodePath, findTreeNode, findItemFromList } from '@/utils'
+import { SystemController } from '@/api'
+import IconSelect from '@/components/IconSelect/index.vue'
+
+export default {
+  props: {
+    menuId: {
+      type: String
+    },
+    parentId: {
+      type: String
+    },
+    menuList: {
+      type: Array,
+      default: undefined
+    },
+    rowData: {
+      type: Object,
+      default: undefined
+    }
+  },
+  components: {
+    IconSelect
+  },
+  data () {
+    return {
+      // 是否自动用上级菜单的名称过滤权限字列表，当这个开关打开后，会使用getAutoFilterString返回的字符串当做过滤字符串
+      autoFilter: false,
+      permCodeNameFilter: undefined,
+      allowParentList: [],
+      formData: {
+        menuId: undefined,
+        parentId: undefined,
+        menuName: undefined,
+        showOrder: undefined,
+        menuType: undefined,
+        icon: undefined,
+        formRouterName: undefined
+      },
+      menuProps: {
+        label: 'menuName',
+        value: 'menuId'
+      },
+      parentMenuType: undefined,
+      parentMenuPath: [],
+      menuTree: [],
+      permCodeList: [],
+      selectPermCode: undefined,
+      defaultExpandedKeys: [],
+      rules: {
+        menuName: [{required: true, message: '请输入菜单名称', trigger: 'blur'}],
+        showOrder: [{required: true, message: '请输入菜单显示顺序', trigger: 'blur'}],
+        formRouterName: [{required: true, message: '请输入菜单路由名称', trigger: 'blur'}]
+      },
+      treeProps: {
+        label: 'showName'
+      }
+    };
+  },
+  methods: {
+    getAutoFilterString () {
+      let node = findTreeNode(this.menuTree, this.parentMenuPath[this.parentMenuPath.length - 1], 'menuId');
+      return node ? node.menuName : undefined;
+    },
+    onMenuTypeChange (value) {
+      if (this.autoFilter && value === this.SysMenuType.BUTTON && (this.permCodeNameFilter == null || this.permCodeNameFilter === '')) {
+        this.permCodeNameFilter = this.getAutoFilterString();
+      }
+    },
+    filterPermCodeNode (value, data) {
+      if (!value) return true;
+      if (data.showName.indexOf(value) !== -1) {
+        this.allowParentList.push(data.permCodeId);
+        return true;
+      } else {
+        return this.allowParentList.indexOf(data.parentId) !== -1;
+      }
+    },
+    onParentMenuChange (value, isInit) {
+      if (!isInit) this.formData.menuType = undefined;
+      this.parentMenuType = undefined;
+      if (Array.isArray(value) && value.length > 0) {
+        let node = findTreeNode(this.menuTree, value[value.length - 1], 'menuId');
+        if (node) this.parentMenuType = node.menuType;
+      }
+    },
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    onSubmit () {
+      return new Promise((resolve, reject) => {
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+            let params = {};
+            params.sysMenu = {...this.formData};
+
+            if (this.parentMenuPath.length > 0) {
+              params.sysMenu.parentId = this.parentMenuPath[this.parentMenuPath.length - 1];
+            }
+
+            if ([this.SysMenuType.MENU, this.SysMenuType.BUTTON, this.SysMenuType.FRAGMENT].indexOf(params.sysMenu.menuType) !== -1) {
+              let tempList = this.$refs.permCodeTree.getHalfCheckedKeys();
+              tempList = tempList.concat(this.$refs.permCodeTree.getCheckedKeys());
+              params.permCodeIdListString = tempList.join(',');
+            }
+            
+            if (this.isEdit) {
+              SystemController.updateMenu(this, params).then(res => {
+                resolve(res);
+                this.$message.success('编辑成功');
+                this.onCancel(true);
+              }).catch(e => {
+                reject(e);
+              });
+            } else {
+              SystemController.addMenu(this, params).then(res => {
+                resolve(res);
+                this.$message.success('添加成功');
+                this.onCancel(true);
+              }).catch(e => {
+                reject(e);
+              });
+            }
+          } else {
+            reject();
+          }
+        });
+      });
+    },
+    formatMenuTree () {
+      this.menuTree = [];
+      if (Array.isArray(this.menuList)) {
+        this.menuTree = this.menuList.filter((item) => {
+          return item.menuType !== this.SysMenuType.BUTTON && item.menuId !== this.formData.menuId;
+        });
+      }
+      this.menuTree = treeDataTranslate(this.menuTree, 'menuId', 'parentId');
+    },
+    initData () {
+      this.defaultExpandedKeys = [];
+      this.formatMenuTree();
+      this.parentMenuPath = findTreeNodePath(this.menuTree, this.formData.parentId, 'menuId');
+      this.onParentMenuChange(this.parentMenuPath, true);
+      this.onMenuTypeChange(this.formData.menuType);
+      SystemController.getPermCodeList(this, {}).then(res => {
+        this.permCodeList = res.data;
+        if (Array.isArray(this.formData.permCodeIdList) && this.formData.permCodeIdList.length > 0) {
+          let tempList = [];
+          this.permCodeList.forEach((item) => {
+            if (findItemFromList(this.formData.permCodeIdList, item.permCodeId) != null) {
+              tempList.push(item.permCodeId);
+            }
+          });
+          this.defaultExpandedKeys = tempList;
+          this.$refs.permCodeTree.setCheckedKeys(tempList);
+          this.$nextTick(() => {
+            this.allowParentList = [];
+            if (this.permCodeNameFilter != null && this.permCodeNameFilter !== '') this.$refs.permCodeTree.filter(this.permCodeNameFilter);
+          });
+        }
+      }).catch(e => {});
+    }
+  },
+  computed: {
+    getValidMenuType () {
+      let allList = this.SysMenuType.getList();
+      if (this.parentMenuType == null) {
+        return allList.filter((item) => {
+          return [this.SysMenuType.MENU, this.SysMenuType.DIRECTORY].indexOf(item.id) !== -1;
+        });
+      } else {
+        return allList.filter((item) => {
+          switch (Number.parseInt(this.parentMenuType)) {
+            case this.SysMenuType.DIRECTORY: return [this.SysMenuType.MENU, this.SysMenuType.DIRECTORY].indexOf(item.id) !== -1;
+            case this.SysMenuType.MENU: return [this.SysMenuType.FRAGMENT, this.SysMenuType.BUTTON].indexOf(item.id) !== -1;
+            case this.SysMenuType.FRAGMENT: return item.id === this.SysMenuType.BUTTON;
+            default: return false;
+          }
+        });
+      }
+    },
+    isEdit () {
+      return this.formData.menuId != null;
+    },
+    // 判断是否新建一个目录
+    isNew () {
+      return this.formData.parentId == null && this.formData.menuId == null;
+    },
+    canEditParent () {
+      return this.parentId == null;
+    },
+    getPermCodeTree () {
+      if (this.permCodeList != null) {
+        return treeDataTranslate(this.permCodeList, 'permCodeId', 'parentId');
+      } else {
+        return [];
+      }
+    }
+  },
+  mounted () {
+    if (this.rowData != null) {
+      this.formData = {...this.formData, ...this.rowData};
+      if (Array.isArray(this.formData.sysMenuPermCodeList)) {
+        this.formData.permCodeIdList = this.formData.sysMenuPermCodeList.map(item => item.permCodeId);
+      }
+    }
+    if (this.parentId != null) this.formData.parentId = this.parentId;
+    this.initData();
+  },
+  watch: {
+    permCodeNameFilter (val) {
+      this.allowParentList = [];
+      this.$refs.permCodeTree.filter(val);
+    }
+  }
+};
+</script>

orange-demo-multi-web/src/views/upms/formEditSysPerm/index.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formCreatePerm" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="100px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="权限名称" prop="SysPerm.permName">
+            <el-input class="input-item" v-model="formData.SysPerm.permName"
+              :clearable="true" placeholder="权限名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="所属模块" prop="SysPerm.moduleId">
+            <el-cascader class="input-item" :options="permModuleList" v-model="formData.SysPerm.moduleId"
+              placeholder="选择所属模块" :clearable="true" size="mini" :props="{value: 'moduleId', label: 'moduleName'}" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="关联的url" prop="SysPerm.url">
+            <el-input class="input-item" v-model="formData.SysPerm.url"
+              :clearable="true" placeholder="关联的url" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="显示顺序" prop="SysPerm.showOrder">
+            <el-input-number class="input-item" v-model="formData.SysPerm.showOrder"
+              :clearable="true" controls-position="right" placeholder="权限在当前模块下的顺序" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true"
+              @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" @click="onAddClick()"
+              :disabled="!(checkPermCodeExist('formSysPerm:fragmentSysPerm:updatePerm') || checkPermCodeExist('formSysPerm:fragmentSysPerm:addPerm'))">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { findTreeNodePath } from '@/utils';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { SystemController, DictionaryController } from '@/api';
+
+export default {
+  name: 'formEditSysPerm',
+  props: {
+    permId: {
+      default: undefined
+    },
+    moduleId: {
+      default: undefined
+    },
+    rowData: {
+      type: Object
+    },
+    currentPermGroupId: String,
+    permModuleList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachedPageChildMixin],
+  data () {
+    return {
+      formData: {
+        SysPerm: {
+          permId: undefined,
+          moduleId: this.currentPermGroupId,
+          permName: undefined,
+          url: undefined,
+          showOrder: undefined,
+          createTime: undefined,
+          deletedFlag: undefined
+        }
+      },
+      rules: {
+        'SysPerm.permName': [
+          {required: true, message: '请输入权限名称', trigger: 'blur'}
+        ],
+        'SysPerm.url': [
+          {required: true, message: '请输入关联的url', trigger: 'blur'}
+        ],
+        'SysPerm.showOrder': [
+          {required: true, message: '请输入显示顺序', trigger: 'blur'}
+        ]
+      },
+      formCreatePerm: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 更新新建权限
+     */
+    refreshFormCreatePerm (reloadData = false) {
+      if (!this.formCreatePerm.isInit) {
+        this.formData.SysPerm.moduleId = findTreeNodePath(this.permModuleList, this.formData.SysPerm.moduleId, 'moduleId');
+      }
+      this.formCreatePerm.isInit = true;
+    },
+    /**
+     * 新增
+     */
+    onAddClick () {
+      this.$refs.formCreatePerm.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          sysPerm: {
+            permId: this.permId,
+            showOrder: this.formData.SysPerm.showOrder,
+            moduleId: Array.isArray(this.formData.SysPerm.moduleId) ? this.formData.SysPerm.moduleId[this.formData.SysPerm.moduleId.length - 1] : undefined,
+            url: this.formData.SysPerm.url,
+            permName: this.formData.SysPerm.permName
+          }
+        };
+
+        if (this.isEdit) {
+          SystemController.updatePerm(this, params).then(res => {
+            this.$message.success('编辑成功');
+            this.onCancel(true);
+          }).catch(e => {});
+        } else {
+          SystemController.addPerm(this, params).then(res => {
+            this.$message.success('新增成功');
+            this.onCancel(true);
+          }).catch(e => {});
+        }
+      });
+    },
+    initFormData () {
+      if (this.rowData != null) this.formData.SysPerm = {...this.formData.SysPerm, ...this.rowData};
+    },
+    formInit () {
+      this.initFormData();
+      this.refreshFormCreatePerm();
+    }
+  },
+  computed: {
+    isEdit () {
+      return this.permId != null;
+    }
+  },
+  created () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/upms/formEditSysPermCode/index.vue

@@ -0,0 +1,221 @@
+<template>
+  <el-form ref="form" :model="formData" :rules="rules" label-width="110px" size="mini" label-position="right" @submit.native.prevent>
+    <el-row :gutter="20" class="full-width-input">
+      <el-col :span="24">
+        <el-form-item label="所属权限字">
+          <el-cascader :options="permCodeTree" v-model="parentPermCodePath" :props="permCodeProps" filterable
+            :disabled="formData.permCodeId != null || formData.parenId == null" placeholder="选择父权限字" :clearable="true" :change-on-select="true" size="mini" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="权限字名称" prop="showName">
+          <el-input v-model="formData.showName" placeholder="权限字名称" clearable ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="权限字标识" prop="permCode">
+          <el-input v-model="formData.permCode" placeholder="权限字标识" clearable ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="权限字类型" prop="permCode">
+          <el-select v-model="formData.permCodeType" placeholder="权限字类型" :disabled="true">
+            <el-option v-for="item in SysPermCodeType.getList()" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="显示顺序" prop="showOrder">
+          <el-input-number v-model="formData.showOrder" controls-position="right"
+            :min="1" :max="99999" placeholder="请输入显示顺序"></el-input-number>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-card shadow="never">
+          <div slot="header" class="card-header">
+            <span>权限列表</span>
+            <el-input size="mini" v-model="permNameFilter" placeholder="输入权限名称过滤" style="width: 250px;" clearable suffix-icon="el-icon-search" />
+          </div>
+          <el-scrollbar style="height: 215px;" wrap-class="scrollbar_dropdown__wrap">
+            <el-tree ref="permTree" :data="formData.permCodeType === SysPermCodeType.FORM ? [] : getPermTree" :props="treeProps" show-checkbox
+              node-key="id" empty-text="暂无权限资源" :filter-node-method="filterPermNode"
+              :default-expanded-keys="defaultExpandedKeys">
+              <div slot-scope="{ data }" style="display: flex; justify-content: space-between; width: 100%">
+                <span>{{ data.name }}</span>
+                <span style="margin-right: 10px;">{{ data.url }}</span>
+              </div>
+            </el-tree>
+          </el-scrollbar>
+        </el-card>
+      </el-col>
+    </el-row>
+    <!-- 弹窗按钮 -->
+    <el-row type="flex" justify="end" class="dialog-btn-layer mt20">
+      <el-button size="mini" @click="onCancel(false)" >取消</el-button>
+      <el-button type="primary" size="mini" @click="onSubmit"
+        :disabled="!(checkPermCodeExist('formSysPermCode:fragmentSysPermCode:add') || checkPermCodeExist('formSysPermCode:fragmentSysPermCode:update'))">
+        确定
+      </el-button>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { treeDataTranslate, findTreeNodePath } from '@/utils'
+import { SystemController } from '@/api'
+
+export default {
+  props: {
+    permCodeTree: {
+      type: Array,
+      default: function () {
+        return [];
+      }
+    },
+    permCodeType: {
+      type: Number,
+      default: undefined
+    },
+    rowData: {
+      type: Object
+    }
+  },
+  data () {
+    return {
+      permNameFilter: undefined,
+      allowParentList: [],
+      formData: {
+        permCodeId: undefined,
+        parentId: undefined,
+        permCode: undefined,
+        permCodeType: this.permCodeType || this.SysPermCodeType.FORM,
+        showName: undefined,
+        showOrder: undefined
+      },
+      parentPermCodePath: [],
+      permList: [],
+      defaultExpandedKeys: [],
+      treeProps: {
+        label: 'name',
+        isLeaf: function (data, node) {
+          return data.isPerm;
+        }
+      },
+      permCodeProps: {
+        label: 'showName',
+        value: 'permCodeId'
+      },
+      rules: {
+        showName: [{required: true, message: '权限字名称不能为空', trigger: 'blur'}],
+        permCode: [{required: true, message: '权限字标识不能为空', trigger: 'blur'}],
+        showOrder: [{required: true, message: '请输入权限字显示顺序', trigger: 'blur'}],
+        permCodeType: [{required: true, message: '请选择权限字类型', trigger: 'blur'}]
+      }
+    }
+  },
+  methods: {
+    filterPermNode (value, data) {
+      if (!value) return true;
+      if (data.name.indexOf(value) !== -1) {
+        this.allowParentList.push(data.id);
+        return true;
+      } else {
+        return this.allowParentList.indexOf(data.parentId) !== -1;
+      }
+    },
+    getTreeLeafKeys () {
+      let selectPermNodeList = this.$refs.permTree.getCheckedNodes();
+      let tempList = [];
+      selectPermNodeList.forEach((item) => {
+        if (item.isPerm) {
+          tempList.push(item.id);
+        }
+      });
+
+      return tempList;
+    },
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    onSubmit () {
+      return new Promise((resolve, reject) => {
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+            let selectedPermList = this.getTreeLeafKeys();
+            let params = {};
+            params.sysPermCode = {...this.formData};
+            delete params.sysPermCode.children;
+            params.sysPermCode.permCodeType = (this.permCodeType == null) ? this.SysPermCodeType.FORM : this.permCodeType;
+            if (this.parentPermCodePath.length > 0) {
+              params.sysPermCode.parentId = this.parentPermCodePath[this.parentPermCodePath.length - 1];
+            }
+            params.permIdListString = selectedPermList.join(',');
+            if (params.sysPermCode.permCodeId != null) {
+              SystemController.updatePermCode(this, params).then(res => {
+                resolve(res);
+                this.$message.success('编辑成功');
+                this.onCancel(true);
+              }).catch(e => {
+                reject(e);
+              });
+            } else {
+              SystemController.addPermCode(this, params).then(res => {
+                resolve(res);
+                this.$message.success('添加成功');
+                this.onCancel(true);
+              }).catch(e => {
+                reject(e);
+              });
+            }
+          } else {
+            reject();
+          }
+        });
+      });
+    },
+    initData () {
+      SystemController.getAllPermList(this, {}).then(res => {
+        res.data.forEach((item) => {
+          item.id = item.id + '';
+          item.parentId = item.parentId + '';
+        });
+        this.permList = res.data;
+        this.defaultExpandedKeys = this.formData.permIdList;
+        if (Array.isArray(this.formData.permIdList)) {
+          this.$refs.permTree.setCheckedKeys(this.formData.permIdList, true);
+        }
+      }).catch(e => {});
+    }
+  },
+  computed: {
+    getPermTree () {
+      return treeDataTranslate(this.permList.map((item) => {
+        return {...item};
+      }), 'id', 'parentId');
+    }
+  },
+  mounted () {
+    if (this.rowData != null) {
+      this.formData = {...this.formData, ...this.rowData};
+      if (Array.isArray(this.formData.sysPermCodePermList)) {
+        this.formData.permIdList = this.formData.sysPermCodePermList.map(item => item.permId);
+      }
+      if (this.formData.parentId != null && this.permCodeTree != null && Array.isArray(this.permCodeTree)) {
+        this.parentPermCodePath = findTreeNodePath(this.permCodeTree, this.formData.parentId, 'permCodeId');
+      } else {
+        this.parentPermCodePath = [];
+      }
+    }
+
+    this.initData();
+  },
+  watch: {
+    permNameFilter (val) {
+      this.allowParentList = [];
+      this.$refs.permTree.filter(val);
+    }
+  }
+}
+</script>

orange-demo-multi-web/src/views/upms/formEditSysPermModule/index.vue

@@ -0,0 +1,185 @@
+<template>
+  <div class="form-single-fragment" style="position: relative;">
+    <el-form ref="formCreatePermModule" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"
+      label-width="120px" size="mini" label-position="right" @submit.native.prevent>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="模块名称" prop="SysPermModule.moduleName">
+            <el-input class="input-item" v-model="formData.SysPermModule.moduleName"
+              :clearable="true" placeholder="权限模块名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="模块类型">
+            <el-select class="input-item" v-model="formData.SysPermModule.moduleType"
+              placeholder="模块类型" :clearable="true" size="mini" :disabled="isEdit">
+              <el-option v-for="item in SysPermModuleType.getList()" :key="item.id" :value="item.id" :label="item.name" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="所属模块">
+            <el-cascader class="input-item" :options="getPermGroupTree" v-model="formData.SysPermModule.parentId"
+              placeholder="选择所属模块" :clearable="true" size="mini"
+              :props="{value: 'moduleId', label: 'moduleName', checkStrictly: true}" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="显示顺序" prop="SysPermModule.showOrder">
+            <el-input-number class="input-item" v-model="formData.SysPermModule.showOrder"
+              :clearable="true" controls-position="right" placeholder="权限模块在当前层级下的顺序" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-row type="flex" justify="end">
+            <el-button type="primary" size="mini" :plain="true" @click="onCancel(false)">
+              取消
+            </el-button>
+            <el-button type="primary" size="mini" @click="onAddClick()"
+              :disabled="!(checkPermCodeExist('formSysPerm:fragmentSysPerm:addPermModule') || checkPermCodeExist('formSysPerm:fragmentSysPerm:updatePermModule'))">
+              保存
+            </el-button>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { treeDataTranslate, findTreeNodePath } from '@/utils';
+/* eslint-disable-next-line */
+import { uploadMixin, statsDateRangeMixin, cachedPageChildMixin } from '@/core/mixins';
+/* eslint-disable-next-line */
+import { DictionaryController, SystemController } from '@/api';
+
+export default {
+  name: 'formEditSysPermModule',
+  props: {
+    parentId: {
+      default: undefined
+    },
+    moduleType: {
+      default: undefined
+    },
+    moduleId: {
+      default: undefined
+    },
+    rowData: {
+      type: Object,
+      default: undefined
+    },
+    moduleList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  mixins: [uploadMixin, statsDateRangeMixin, cachedPageChildMixin],
+  data () {
+    return {
+      formData: {
+        SysPermModule: {
+          moduleId: undefined,
+          parentId: undefined,
+          moduleName: undefined,
+          moduleType: undefined,
+          level: undefined,
+          showOrder: undefined,
+          createTime: undefined
+        }
+      },
+      rules: {
+        'SysPermModule.moduleName': [
+          {required: true, message: '请输入模块名称', trigger: 'blur'}
+        ],
+        'SysPermModule.showOrder': [
+          {required: true, message: '请输入显示顺序', trigger: 'blur'}
+        ]
+      },
+      formCreatePermModule: {
+        formFilter: {
+        },
+        formFilterCopy: {
+        },
+        isInit: false
+      }
+    }
+  },
+  methods: {
+    onCancel (isSuccess) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    /**
+     * 更新新建权限模块
+     */
+    refreshFormCreatePermModule (reloadData = false) {
+      if (!this.formCreatePermModule.isInit) {
+        this.formData.SysPermModule.parentId = findTreeNodePath(this.getPermGroupTree, this.formData.SysPermModule.parentId, 'moduleId')
+      }
+      this.formCreatePermModule.isInit = true;
+    },
+    /**
+     * 新增
+     */
+    onAddClick () {
+      this.$refs.formCreatePermModule.validate((valid) => {
+        if (!valid) return;
+        let params = {
+          sysPermModule: {
+            moduleId: this.moduleId,
+            moduleName: this.formData.SysPermModule.moduleName,
+            showOrder: this.formData.SysPermModule.showOrder,
+            moduleType: this.formData.SysPermModule.moduleType,
+            parentId: Array.isArray(this.formData.SysPermModule.parentId) ? this.formData.SysPermModule.parentId[this.formData.SysPermModule.parentId.length - 1] : undefined
+          }
+        };
+
+        if (this.isEdit) {
+          SystemController.updatePermGroup(this, params).then(res => {
+            this.$message.success('编辑成功');
+            this.onCancel(true);
+          }).catch(e => {});
+        } else {
+          SystemController.addPermGroup(this, params).then(res => {
+            this.$message.success('新增成功');
+            this.onCancel(true);
+          }).catch(e => {});
+        }
+      });
+    },
+    initFormData () {
+      if (this.rowData != null) {
+        this.formData.SysPermModule = {...this.formData.SysPermModule, ...this.rowData};
+      }
+      if (this.parentId != null) this.formData.SysPermModule.parentId = this.parentId;
+      if (this.moduleType != null) this.formData.SysPermModule.moduleType = this.moduleType;
+    },
+    formInit () {
+      this.initFormData();
+      this.refreshFormCreatePermModule();
+    }
+  },
+  computed: {
+    isEdit () {
+      return this.moduleId != null;
+    },
+    getPermGroupTree () {
+      let tempList = this.moduleList.map((item) => {
+        if (item.moduleType === this.SysPermModuleType.GROUP) {
+          return {...item, children: undefined};
+        }
+      }).filter((item) => {
+        return item != null;
+      });
+      return treeDataTranslate(tempList, 'moduleId');
+    }
+  },
+  mounted () {
+    this.formInit();
+  }
+}
+</script>

orange-demo-multi-web/src/views/upms/formEditSysRole/index.vue

@@ -0,0 +1,157 @@
+<template>
+  <el-form ref="form" :model="formData" :rules="rules" label-width="80px" size="mini" label-position="right" @submit.native.prevent>
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-form-item label="角色名称" prop="roleName">
+          <el-input v-model="formData.roleName" placeholder="角色名称" clearable />
+        </el-form-item>
+        <el-form-item v-if="false" label="角色类型" :required="true">
+          <el-radio-group v-model="formData.adminRole">
+            <el-radio :label="1">管理员</el-radio>
+            <el-radio :label="0">其他</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-card shadow="never">
+          <div slot="header" class="card-header">
+            <span>菜单权限</span>
+            <el-input size="mini" v-model="menuNameFilter" placeholder="输入菜单名称过滤" style="width: 250px;" clearable suffix-icon="el-icon-search" />
+          </div>
+          <el-scrollbar style="height: 230px;" wrap-class="scrollbar_dropdown__wrap">
+            <el-tree ref="authTree" :data="authData" :props="treeProps" :check-strictly="false"
+              show-checkbox node-key="menuId" :filter-node-method="filterMneuNode">
+            </el-tree>
+          </el-scrollbar>
+        </el-card>
+      </el-col>
+    </el-row>
+    <!-- 弹窗下发按钮栏，必须设置class为dialog-btn-layer -->
+    <el-row type="flex" justify="end" class="dialog-btn-layer" style="margin-top: 20px;">
+      <el-button size="mini" @click="onCancel(false)" >取消</el-button>
+      <el-button type="primary" size="mini" @click="onSubmit"
+        :disabled="!(checkPermCodeExist('formSysRole:fragmentSysRole:update') || checkPermCodeExist('formSysRole:fragmentSysRole:add'))">
+        确定
+      </el-button>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { treeDataTranslate, findItemFromList } from '@/utils'
+import { SystemController } from '@/api'
+
+export default {
+  props: {
+    rowData: {
+      type: Object
+    }
+  },
+  data () {
+    return {
+      menuNameFilter: undefined,
+      formData: {
+        roleId: undefined,
+        roleName: undefined,
+        adminRole: false,
+        menuIdListString: undefined
+        /*
+        permsJsonData: {
+          checked: [],
+          halfChecked: [],
+        },
+        */
+      },
+      rules: {
+        roleName: [{required: true, message: '角色名称不能为空', trigger: 'blur'}]
+      },
+      treeProps: {
+        label: 'menuName'
+      },
+      authData: [],
+      allowParentList: []
+    }
+  },
+  methods: {
+    filterMneuNode (value, data) {
+      if (!value) return true;
+      if (data.menuName.indexOf(value) !== -1) {
+        this.allowParentList.push(data.menuId);
+        return true;
+      } else {
+        return this.allowParentList.indexOf(data.parentId) !== -1;
+      }
+    },
+    onCancel (isSuccess = false) {
+      if (this.observer != null) {
+        this.observer.cancel(isSuccess);
+      }
+    },
+    onSubmit () {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          let selectMenu = [];
+          selectMenu = this.$refs.authTree.getHalfCheckedKeys();
+          selectMenu = selectMenu.concat(this.$refs.authTree.getCheckedKeys());
+
+          if (selectMenu.length <= 0) {
+            this.$message.error({message: '请选择角色的菜单权限', showClose: true});
+            return;
+          }
+          let params = {
+            sysRole: {...this.formData}
+          }
+          params.menuIdListString = selectMenu.join(',');
+          if (this.isEdit) {
+            SystemController.updateRole(this, params).then(res => {
+              this.$message.success('编辑成功');
+              this.onCancel(true);
+            }).catch(e => {});
+          } else {
+            SystemController.addRole(this, params).then(res => {
+              this.$message.success('添加成功');
+              this.onCancel(true);
+            }).catch(e => {});
+          }
+        }
+      });
+    },
+    loadAuthData () {
+      SystemController.getMenuPermList(this, {}).then(res => {
+        this.authData = treeDataTranslate(res.data, 'menuId', 'parentId');
+        if (Array.isArray(this.formData.menuIdList)) {
+          let tempList = [];
+          this.formData.menuIdList.forEach((item) => {
+            let tempMenu = findItemFromList(res.data, item, 'menuId');
+            if (tempMenu != null && tempMenu.menuType === this.SysMenuType.BUTTON) {
+              tempList.push(item);
+            }
+          });
+          this.$refs.authTree.setCheckedKeys(tempList);
+        }
+      }).catch(e => {});
+    }
+  },
+  computed: {
+    isEdit () {
+      return this.formData.roleId != null;
+    }
+  },
+  mounted () {
+    if (this.rowData) {
+      this.formData = {...this.formData, ...this.rowData};
+      if (Array.isArray(this.formData.sysRoleMenuList)) {
+        this.formData.menuIdList = this.formData.sysRoleMenuList.map(item => item.menuId);
+      }
+    }
+    this.loadAuthData();
+  },
+  watch: {
+    menuNameFilter (val) {
+      this.allowParentList = [];
+      this.$refs.authTree.filter(val);
+    }
+  }
+}
+</script>
+
+<style>
+</style>