ylyx-cli 1.0.0

package/templates/vue-app/files/src/mixins/crud.js

@@ -0,0 +1,348 @@
+import { initData, download } from '@/api/data';
+import { parseTime, downloadFile } from '@/utils/index';
+
+export default {
+  data() {
+    return {
+      // 表格数据
+      data: [],
+      // 排序规则，默认 id 降序， 支持多字段排序 ['id,desc', 'createTime,asc']
+      sort: ['id,desc'],
+      // 页码
+      page: 0,
+      // 每页数据条数
+      size: 10,
+      // 总数据条数
+      total: 0,
+      // 请求数据的url
+      url: '',
+      // 查询数据的参数
+      params: {},
+      // 待查询的对象
+      query: {},
+      // 等待时间
+      time: 50,
+      // 是否为新增类型的表单
+      isAdd: false,
+      // 导出的 Loading
+      downloadLoading: false,
+      // 表格 Loading 属性
+      loading: true,
+      // 删除 Loading 属性
+      delLoading: false,
+      delAllLoading: false,
+      // 弹窗属性
+      dialog: false,
+      // Form 表单
+      form: {},
+      // 重置表单
+      resetForm: {},
+      // 标题
+      title: '',
+    };
+  },
+  methods: {
+    parseTime,
+    downloadFile,
+    async init() {
+      if (!(await this.beforeInit())) {
+        return;
+      }
+      return new Promise((resolve, reject) => {
+        this.loading = true;
+        // 请求数据
+        initData(this.url, this.getQueryParame())
+          .then(data => {
+            this.total = data.totalElements;
+            this.data = data.content;
+            // time 毫秒后显示表格
+            setTimeout(() => {
+              this.loading = false;
+            }, this.time);
+            resolve(data);
+          })
+          .catch(err => {
+            this.loading = false;
+            reject(err);
+          });
+      });
+    },
+    beforeInit() {
+      return true;
+    },
+    getQueryParame: function () {
+      return {
+        page: this.page,
+        size: this.size,
+        sort: this.sort,
+        ...this.query,
+        ...this.params,
+      };
+    },
+    // 改变页码
+    pageChange(e) {
+      this.page = e - 1;
+      this.init();
+    },
+    // 改变每页显示数
+    sizeChange(e) {
+      this.page = 0;
+      this.size = e;
+      this.init();
+    },
+    // 预防删除第二页最后一条数据时，或者多选删除第二页的数据时，页码错误导致请求无数据
+    dleChangePage(size) {
+      if (size === undefined) {
+        size = 1;
+      }
+      if (this.data.length === size && this.page !== 0) {
+        this.page = this.page - 1;
+      }
+    },
+    // 查询方法
+    toQuery() {
+      this.page = 0;
+      this.init();
+    },
+    /**
+     * 通用的提示封装
+     */
+    submitSuccessNotify() {
+      this.$notify({
+        title: '提交成功',
+        type: 'success',
+        duration: 2500,
+      });
+    },
+    addSuccessNotify() {
+      this.$notify({
+        title: '新增成功',
+        type: 'success',
+        duration: 2500,
+      });
+    },
+    editSuccessNotify() {
+      this.$notify({
+        title: '编辑成功',
+        type: 'success',
+        duration: 2500,
+      });
+    },
+    delSuccessNotify() {
+      this.$notify({
+        title: '删除成功',
+        type: 'success',
+        duration: 2500,
+      });
+    },
+    notify(title, type) {
+      this.$notify({
+        title: title,
+        type: type,
+        duration: 2500,
+      });
+    },
+    /**
+     * 删除前可以调用 beforeDelMethod 做一些操作
+     */
+    beforeDelMethod() {
+      return true;
+    },
+    /**
+     * 通用的删除
+     */
+    delMethod(id) {
+      if (!this.beforeDelMethod()) {
+        return;
+      }
+      this.delLoading = true;
+      this.crudMethod
+        .del(id)
+        .then(() => {
+          this.delLoading = false;
+          this.$refs[id].doClose();
+          this.dleChangePage();
+          this.delSuccessNotify();
+          this.afterDelMethod();
+          this.init();
+        })
+        .catch(() => {
+          this.delLoading = false;
+          this.$refs[id].doClose();
+        });
+    },
+    afterDelMethod() {},
+    /**
+     * 多选删除提示
+     */
+    beforeDelAllMethod() {
+      this.$confirm('你确定删除选中的数据吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        this.delAllMethod();
+      });
+    },
+    /**
+     * 多选删除
+     */
+    delAllMethod() {
+      this.delAllLoading = true;
+      const data = this.$refs.table.selection;
+      const ids = [];
+      for (let i = 0; i < data.length; i++) {
+        ids.push(data[i].id);
+      }
+      this.crudMethod
+        .delAll(ids)
+        .then(() => {
+          this.delAllLoading = false;
+          this.dleChangePage(ids.length);
+          this.init();
+          this.$notify({
+            title: '删除成功',
+            type: 'success',
+            duration: 2500,
+          });
+        })
+        .catch(() => {
+          this.delAllLoading = false;
+        });
+    },
+    /**
+     * 显示新增弹窗前可以调用该方法
+     */
+    beforeShowAddForm() {},
+    /**
+     * 显示新增弹窗
+     */
+    showAddFormDialog() {
+      this.isAdd = true;
+      this.resetForm = JSON.parse(JSON.stringify(this.form));
+      this.beforeShowAddForm();
+      this.dialog = true;
+    },
+    /**
+     * 显示编辑弹窗前可以调用该方法
+     */
+    beforeShowEditForm(data) {},
+    /**
+     * 显示编辑弹窗
+     */
+    showEditFormDialog(data = '') {
+      this.isAdd = false;
+      if (data) {
+        this.resetForm = JSON.parse(JSON.stringify(this.form));
+        this.form = JSON.parse(JSON.stringify(data));
+      }
+      this.beforeShowEditForm(data);
+      this.dialog = true;
+    },
+    /**
+     * 新增方法
+     */
+    addMethod() {
+      this.crudMethod
+        .add(this.form)
+        .then(() => {
+          this.addSuccessNotify();
+          this.loading = false;
+          this.afterAddMethod();
+          this.cancel();
+          this.init();
+        })
+        .catch(() => {
+          this.loading = false;
+          this.afterAddErrorMethod();
+        });
+    },
+    /**
+     * 新增后可以调用该方法
+     */
+    afterAddMethod() {},
+    /**
+     * 新增失败后调用该方法
+     */
+    afterAddErrorMethod() {},
+    /**
+     * 通用的编辑方法
+     */
+    editMethod() {
+      this.crudMethod
+        .edit(this.form)
+        .then(() => {
+          this.editSuccessNotify();
+          this.loading = false;
+          this.afterEditMethod();
+          this.cancel();
+          this.init();
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    /**
+     * 编辑后可以调用该方法
+     */
+    afterEditMethod() {},
+    /**
+     * 提交前可以调用该方法
+     */
+    beforeSubmitMethod() {
+      return true;
+    },
+    /**
+     * 提交
+     */
+    submitMethod() {
+      if (!this.beforeSubmitMethod()) {
+        return;
+      }
+      if (this.$refs['form']) {
+        this.$refs['form'].validate(valid => {
+          if (valid) {
+            this.loading = true;
+            if (this.isAdd) {
+              this.addMethod();
+            } else this.editMethod();
+          }
+        });
+      }
+    },
+    /**
+     * 隐藏弹窗
+     */
+    cancel() {
+      this.dialog = false;
+      if (this.$refs['form']) {
+        this.$refs['form'].clearValidate();
+        this.form = this.resetForm;
+      }
+    },
+    /**
+     * 获取弹窗的标题
+     */
+    getFormTitle() {
+      return this.isAdd ? `新增${this.title}` : `编辑${this.title}`;
+    },
+    /**
+     * 通用导出
+     */
+    downloadMethod() {
+      this.beforeInit();
+      this.downloadLoading = true;
+      download(this.url + '/download', this.params)
+        .then(result => {
+          this.downloadFile(result, this.title + '数据', 'xlsx');
+          this.downloadLoading = false;
+        })
+        .catch(() => {
+          this.downloadLoading = false;
+        });
+    },
+  },
+  filters: {
+    parseTime,
+  },
+};

package/templates/vue-app/files/src/router/index.js

@@ -0,0 +1,156 @@
+import router from './routers';
+import store from '@/store';
+import Config from '@/settings';
+import Cookies from 'js-cookie';
+import NProgress from 'nprogress'; // progress bar
+import 'nprogress/nprogress.css'; // progress bar style
+import { getToken } from '@/utils/auth'; // getToken from cookie
+import { buildMenus } from '@/api/system/menu';
+import { filterAsyncRouter } from '@/store/modules/permission';
+import { getUserDefaultHomePage } from '@/api/login';
+
+NProgress.configure({ showSpinner: false }); // NProgress Configuration
+const { VUE_APP_LOGIN_URL, IS_DEV, SYS_ID } = window.config;
+const { VUE_APP_PUBLIC_URL } = process.env;
+const whiteList = ['/login', '/qualityLogin', '/system/dict']; // no redirect whitelist
+
+if (IS_DEV) {
+  Cookies.set('sysId', 294);
+  Cookies.set(
+    'IU-TOKEN',
+    'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ6aGFveWkiLCJhdXRoIjoiYWRtaW4iLCJ1c2VyIjoie1wicm9sZUlkXCI6OCxcImNvbXBhbnlcIjpcIlwiLFwiZHV0eVwiOlwiXCIsXCJpZFwiOjEwMDM4LFwidXNlcm5hbWVcIjpcInpoYW95aVwiLFwibmFtZVwiOlwi6LW16Im677yI55yB5aSW5rWL6K-V546v5aKD77yJXCIsXCJwaG9uZVwiOlwiXCIsXCJwYXNzd29yZFwiOlwidjdRZmVUMjNGTC9NT1hlS2tjSEtheTlBdU9VPVwiLFwiZW5hYmxlZFwiOnRydWUsXCJpc0FkbWluXCI6dHJ1ZSxcImxvZ2luVHlwZVwiOjAsXCJyb2xlU2lnblwiOjEsXCJyb2xlVW5pcXVlTGlzdFwiOltcIkpJR1VBTl9QVVRPTkdcIixcIldZSFRfQURNSU5cIixcInN5c3RlbVJvbGVcIixcIkFJ6LSo5o6nLeeuoeeQhuWRmFwiLFwiQklMTF9BRE1JTlwiLFwiYWRtaW5cIixcInBjQWRtaW5cIixcInN5c3RlbVJvbGVcIl0sXCJkZWZhdWx0SG9tZVBhZ2VcIjpcImRpZ2l0YWxJbWFnZVwiLFwiZXhwaXJlZFRpbWVcIjoyMTQzNDY4ODAwMDAwLFwidXNlclR5cGVcIjowLFwiY3JlYXRlVGltZVwiOjE2Nzk0NzEzNDAwMDAsXCJ1cGRhdGVUaW1lXCI6MTc2NjExMzgzNDgxNX0iLCJqdGkiOiI0MDdmODk3MDk0ZTY0NGY0OTJkNDFmN2FkZmE5OTM3MCJ9.LlU6sxMEc3lyr6htNfhcqB2FsJlnjVAfpoZyqqoIoEEshtU5ASUBXmMfrux4bKV-z64vZukwQAxkivm_65h4DQ'
+  );
+}
+
+const sysId = SYS_ID || Cookies.get('sysId');
+Cookies.set('sysId', sysId);
+router.beforeEach((to, from, next) => {
+  if (to.meta.title) {
+    document.title = to.meta.title + ' - ' + Config.title;
+  }
+  NProgress.start();
+  const hasBase = to.path.includes(VUE_APP_PUBLIC_URL);
+  let path = to.path;
+  if (hasBase) {
+    const pathArr = path.split(VUE_APP_PUBLIC_URL);
+    const _length = pathArr.length;
+    if (_length) {
+      path = '/' + pathArr[_length - 1];
+    }
+  }
+  if (getToken()) {
+    // 已登录且要跳转的页面是登录页
+    if (path === '/login') {
+      next({ path: '/login' });
+      NProgress.done();
+    } else {
+      if (store.getters.roles.length === 0) {
+        // 判断当前用户是否已拉取完user_info信息
+        store
+          .dispatch('GetInfo')
+          .then(() => {
+            // 拉取user_info
+            // 动态路由，拉取菜单
+            loadMenus(next, path, to);
+          })
+          .catch(() => {
+            store.dispatch('LogOut').then(() => {
+              location.reload(); // 为了重新实例化vue-router对象 避免bug
+            });
+          });
+        // 登录时未拉取 菜单，在此处拉取
+      } else if (store.getters.loadMenus) {
+        // 修改成false，防止死循环
+        store.dispatch('updateLoadMenus');
+        loadMenus(next, path, to);
+      } else {
+        next();
+      }
+    }
+  } else {
+    next();
+    loadMenus(next, path);
+  }
+});
+
+export const loadMenus = (next, path, to) => {
+  if (sysId == null || sysId === '') {
+    Cookies.remove('homePageDefault');
+    store.dispatch('SetSidebarRouters', router.options.routes);
+    if (!IS_DEV) {
+      window.location.href = VUE_APP_LOGIN_URL;
+    }
+    return;
+  }
+  const data = {
+    sysId: sysId,
+  };
+  buildMenus(data)
+    .then(({ content }) => {
+      const routeData = []; // 判断是否菜单路由是否修改，导致默认首页为空
+      let sdata = JSON.parse(JSON.stringify(content));
+      //清理路由
+      const rdata = JSON.parse(JSON.stringify(content));
+      const sidebarRoutes = filterAsyncRouter(sdata);
+      const rewriteRoutes = filterAsyncRouter(rdata, true);
+      console.log('sidebarRoutes', sidebarRoutes);
+      // rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true })
+      store.dispatch('GenerateRoutes', rewriteRoutes).then(() => {
+        // 存储路由
+        router.addRoutes(rewriteRoutes); // 动态添加可访问路由表
+        next({ path, replace: true });
+      });
+      store.dispatch('SetSidebarRouters', sidebarRoutes);
+      // 默认首页
+      // 如果路由跳转 /dashboard, 开始修改默认首页
+      if (to.path == '/dashboard' || !Cookies.get('homePageDefault')) {
+        Cookies.set('homePageDefault', true);
+        getUserDefaultHomePage(data)
+          .then(res => {
+            const routes = store.state.permission.addRouters;
+            routes.forEach((tmp, index) => {
+              // 一级菜单
+              if (res.defaultHomePage) {
+                if (tmp.path == '/' + res.defaultHomePage) {
+                  routeData.push(tmp);
+                  next(res.defaultHomePage + '/' + tmp.children[0].path);
+                } else {
+                  // 二级菜单
+                  tmp.children.forEach(childrenTmp => {
+                    if (childrenTmp.path == res.defaultHomePage) {
+                      routeData.push(tmp);
+                      next(tmp.path + '/' + childrenTmp.path);
+                    }
+                  });
+                }
+              } else {
+                // 没有设置默认首页，直接路由一级第一个当作默认首页
+                if (index == 0) {
+                  routeData.push(tmp);
+                  next(tmp.path + '/' + tmp.children[0].path);
+                }
+              }
+            });
+            if (routeData.length == 0) {
+              next(routes[0].path + '/' + routes[0].children[0].path);
+            }
+          })
+          .catch(err => {
+            if (routeData.length == 0) {
+              next(routes[0].path + '/' + routes[0].children[0].path);
+            }
+          });
+      }
+    })
+    .catch(res => {
+      Cookies.remove('homePageDefault');
+      store.dispatch('SetSidebarRouters', router.options.routes);
+      if (!IS_DEV) {
+        window.location.href = VUE_APP_LOGIN_URL;
+      }
+    });
+};
+
+router.afterEach(() => {
+  NProgress.done(); // finish progress bar
+});

package/templates/vue-app/files/src/router/routers.js

@@ -0,0 +1,203 @@
+import Vue from 'vue';
+import Router from 'vue-router';
+import Layout from '../layout/index';
+
+Vue.use(Router);
+
+const { BASE_URL, VUE_APP_PUBLIC_URL } = process.env;
+export const constantRouterMap = [
+  {
+    path: '/login',
+    meta: { title: '登录', noCache: true },
+    component: resolve => require(['@/views/login'], resolve),
+    hidden: true,
+  },
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/dashboard',
+    hidden: true,
+    children: [
+      {
+        path: 'dashboard',
+        component: resolve => require(['@/views/home'], resolve),
+        name: 'Dashboard',
+        meta: {
+          title: '首页',
+          icon: 'index',
+          affix: true,
+          noCache: true,
+          istagsView: false,
+        },
+      },
+    ],
+  },
+  {
+    path: '/404',
+    component: resolve => require(['@/views/features/404'], resolve),
+    hidden: true,
+  },
+  {
+    path: '/401',
+    component: resolve => require(['@/views/features/401'], resolve),
+    hidden: true,
+  },
+  {
+    path: '/redirect',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '/redirect/:path*',
+        component: resolve => require(['@/views/features/redirect'], resolve),
+      },
+    ],
+  },
+  //暂时更改首页
+  {
+    path: '/bigDataV',
+    component: Layout,
+    hidden: true,
+    name: 'bigDataV',
+    // redirect: '/dashboard',
+    children: [
+      {
+        path: 'index',
+        // @/views/home
+        component: resolve => require(['@/views/system/role/index'], resolve),
+        name: 'bigDataV',
+        meta: {
+          title: '大屏页',
+          icon: 'index',
+          noCache: false,
+          affix: true,
+          guidePath: true,
+          jumpPath: '/bigDataV/index/index',
+          istagsView: false,
+        },
+      },
+    ],
+  },
+
+  {
+    path: '/institutionSet',
+    name: 'institutionSet',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        name: 'institutionSet',
+        component: resolve => require(['@/views/institutionSet/index'], resolve),
+        meta: { title: '机构管理', icon: 'hospital', noCache: true },
+      },
+      {
+        path: 'cloudSet',
+        component: resolve => require(['@/views/institutionSet/cloudSet'], resolve),
+        name: 'cloudSet',
+        hidden: true,
+        meta: {
+          title: '云配置详情',
+          icon: 'hospital',
+          noCache: false,
+          guidePath: true,
+          jumpPath: '/institutionSet/cloudSet',
+        },
+      },
+    ],
+  },
+  {
+    path: '/institutionMonitor',
+    component: Layout,
+    name: 'institutionMonitor',
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        name: 'institutionMonitor',
+        component: resolve => require(['@/views/institutionMonitor/index'], resolve),
+        meta: {
+          title: '机构监测',
+          icon: 'hospital',
+        },
+      },
+      {
+        path: 'monitorDetail/:scenceId',
+        name: 'monitorDetail',
+        component: resolve => require(['@/views/institutionMonitor/monitorDetail/index'], resolve),
+        hidden: true,
+        meta: {
+          title: '监测详情',
+          noCache: false,
+          guidePath: true,
+          jumpPath: '/institutionMonitor/index',
+        },
+      },
+    ],
+  },
+  {
+    path: '/dataArchive',
+    name: 'dataArchive',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        name: 'dataArchive',
+        component: resolve => require(['@/views/dataArchive/index'], resolve),
+        meta: {
+          title: '归档列表',
+          icon: 'dictionary',
+          noCache: true,
+        },
+      },
+    ],
+  },
+  {
+    path: '/indexManagement',
+    name: 'indexManagement',
+    component: Layout,
+    hidden: true,
+    meta: { title: '索引管理', icon: 'role' },
+    children: [
+      {
+        path: 'index',
+        component: resolve => require(['@/views/indexManagement/index'], resolve),
+        name: 'indexManagement',
+        meta: { title: 'IUVIEWER', icon: 'role', noCache: true },
+      },
+      {
+        path: 'other',
+        component: resolve => require(['@/views/indexManagement/other'], resolve),
+        name: 'otherManagement',
+        meta: { title: '省外（其它）', icon: 'role', noCache: true },
+      },
+    ],
+  },
+  {
+    path: '/dictionary',
+    name: 'dictionary',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'index',
+        name: 'dictionary',
+        component: resolve => require(['@/views/system/dict/index'], resolve),
+        meta: {
+          title: '字典维护',
+          icon: 'dictionary',
+          noCache: true,
+        },
+      },
+    ],
+  },
+];
+
+export default new Router({
+  // mode: 'hash',
+  // mode: 'history',
+  base: BASE_URL + VUE_APP_PUBLIC_URL, // 项目名
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRouterMap,
+});