congmao-cli 1.0.0

package/src/template/Vue2/src/permission.js

@@ -0,0 +1,56 @@
+import NProgress from 'nprogress'; // progress bar
+import 'nprogress/nprogress.css'; // progress bar style
+
+import store from '@/store';
+import router from '@/router';
+
+NProgress.configure({ showSpinner: false });
+
+const whiteListRouters = store.getters['permission/whiteListRouters'];
+
+router.beforeEach(async (to, from, next) => {
+  NProgress.start();
+
+  const token = store.getters['user/token'];
+
+  if (token) {
+    if (to.path === '/login') {
+      setTimeout(() => {
+        store.dispatch('user/logout');
+        store.dispatch('permission/restore');
+      });
+      next();
+      return;
+    }
+
+    const roles = store.getters['user/roles'];
+
+    if (roles && roles.length > 0) {
+      next();
+    } else {
+      try {
+        await store.dispatch('user/getUserInfo');
+
+        await store.dispatch('permission/initRoutes', store.getters['user/roles']);
+
+        next({ ...to });
+      } catch (error) {
+        await store.commit('user/removeToken');
+        next(`/login?redirect=${to.path}`);
+        NProgress.done();
+      }
+    }
+  } else {
+    /* white list router */
+    if (whiteListRouters.indexOf(to.path) !== -1) {
+      next();
+    } else {
+      next(`/login?redirect=${to.path}`);
+    }
+    NProgress.done();
+  }
+});
+
+router.afterEach(() => {
+  NProgress.done();
+});

package/src/template/Vue2/src/router/index.js

@@ -0,0 +1,43 @@
+import VueRouter from 'vue-router';
+
+import baseRouters from './modules/base';
+import componentsRouters from './modules/components';
+import othersRouters from './modules/others';
+
+const env = import.meta.env.MODE || 'development';
+
+// 存放动态路由
+export const asyncRouterList = [...baseRouters, ...componentsRouters, ...othersRouters];
+
+// 存放固定的路由
+const defaultRouterList = [
+  {
+    path: '/login',
+    name: 'login',
+    component: () => import('@/pages/login/index.vue'),
+  },
+  {
+    path: '*',
+    redirect: '/dashboard/base',
+  },
+  ...asyncRouterList,
+];
+
+const createRouter = () =>
+  new VueRouter({
+    mode: 'history',
+    base: env === 'site' ? '/starter/vue/' : null,
+    routes: defaultRouterList,
+    scrollBehavior() {
+      return { x: 0, y: 0 };
+    },
+  });
+
+const router = createRouter();
+
+export function resetRouter() {
+  const newRouter = createRouter();
+  router.matcher = newRouter.matcher; // reset router
+}
+
+export default router;

package/src/template/Vue2/src/router/modules/base.ts

@@ -0,0 +1,29 @@
+import { DashboardIcon } from 'tdesign-icons-vue';
+import Layout from '@/layouts/index.vue';
+
+export default [
+  {
+    path: '/dashboard',
+    component: Layout,
+    redirect: '/dashboard/base',
+    name: 'dashboard',
+    meta: {
+      title: '仪表盘',
+      icon: DashboardIcon,
+    },
+    children: [
+      {
+        path: 'base',
+        name: 'DashboardBase',
+        component: () => import('@/pages/dashboard/base/index.vue'),
+        meta: { title: '概览仪表盘' },
+      },
+      {
+        path: 'detail',
+        name: 'DashboardDetail',
+        component: () => import('@/pages/dashboard/detail/index.vue'),
+        meta: { title: '统计报表' },
+      },
+    ],
+  },
+];

package/src/template/Vue2/src/router/modules/components.ts

@@ -0,0 +1,175 @@
+import { ViewModuleIcon, Edit1Icon, LayersIcon } from 'tdesign-icons-vue';
+import Layout from '@/layouts/index.vue';
+
+export default [
+  {
+    path: '/list',
+    name: 'list',
+    component: Layout,
+    redirect: '/list/base',
+    meta: { title: '列表页', icon: ViewModuleIcon },
+    children: [
+      {
+        path: 'base',
+        name: 'ListBase',
+        component: () => import('@/pages/list/base/index.vue'),
+        meta: { title: '基础列表页' },
+      },
+      {
+        path: 'card',
+        name: 'ListCard',
+        component: () => import('@/pages/list/card/index.vue'),
+        meta: { title: '卡片列表页' },
+      },
+      {
+        path: 'filter',
+        name: 'ListFilter',
+        component: () => import('@/pages/list/filter/index.vue'),
+        meta: { title: '筛选列表页' },
+      },
+      {
+        path: 'tree',
+        name: 'ListTree',
+        component: () => import('@/pages/list/tree/index.vue'),
+        meta: { title: '树状筛选列表页' },
+      },
+    ],
+  },
+  {
+    path: '/form',
+    name: 'form',
+    component: Layout,
+    redirect: '/form/base',
+    meta: { title: '表单页', icon: Edit1Icon },
+    children: [
+      {
+        path: 'base',
+        name: 'FormBase',
+        component: () => import('@/pages/form/base/index.vue'),
+        meta: { title: '基础表单页' },
+      },
+      {
+        path: 'step',
+        name: 'FormStep',
+        component: () => import('@/pages/form/step/index.vue'),
+        meta: { title: '分步表单页' },
+      },
+    ],
+  },
+  {
+    path: '/detail',
+    name: 'detail',
+    component: Layout,
+    redirect: '/detail/base',
+    meta: { title: '详情页', icon: LayersIcon },
+    children: [
+      {
+        path: 'base',
+        name: 'DetailBase',
+        component: () => import('@/pages/detail/base/index.vue'),
+        meta: { title: '基础详情页' },
+      },
+      {
+        path: 'advanced',
+        name: 'DetailAdvanced',
+        component: () => import('@/pages/detail/advanced/index.vue'),
+        meta: { title: '多卡片详情页' },
+      },
+      {
+        path: 'deploy',
+        name: 'DetailDeploy',
+        component: () => import('@/pages/detail/deploy/index.vue'),
+        meta: { title: '数据详情页' },
+      },
+      {
+        path: 'secondary',
+        name: 'DetailSecondary',
+        component: () => import('@/pages/detail/secondary/index.vue'),
+        meta: { title: '二级详情页' },
+      },
+    ],
+  },
+  {
+    path: '/frame',
+    name: 'frame',
+    component: Layout,
+    redirect: '/frame/doc',
+    meta: { title: '外部页面', icon: 'internet' },
+    children: [
+      {
+        path: 'doc',
+        name: 'Doc',
+        component: () => import('@/pages/frame/doc/index.vue'),
+        meta: { title: '使用文档（内嵌）' },
+      },
+      {
+        path: 'TDesign',
+        name: 'TDesign',
+        component: () => import('@/pages/frame/tdesign/index.vue'),
+        meta: { title: 'TDesign 文档（内嵌）' },
+      },
+      {
+        path: 'https://tdesign.tencent.com/vue-next/getting-started',
+        name: 'TDesign2',
+        meta: { title: 'TDesign 文档（外链）' },
+      },
+    ],
+  },
+  {
+    path: '/result',
+    name: 'result',
+    component: Layout,
+    redirect: '/result/success',
+    meta: { title: '结果页', icon: 'check-circle' },
+    children: [
+      {
+        path: 'success',
+        name: 'ResultSuccess',
+        component: () => import('@/pages/result/success/index.vue'),
+        meta: { title: '成功页' },
+      },
+      {
+        path: 'fail',
+        name: 'ResultFail',
+        component: () => import('@/pages/result/fail/index.vue'),
+        meta: { title: '失败页' },
+      },
+      {
+        path: 'network-error',
+        name: 'ResultNetworkError',
+        component: () => import('@/pages/result/network-error/index.vue'),
+        meta: { title: '网络异常' },
+      },
+      {
+        path: '403',
+        name: 'Result403',
+        component: () => import('@/pages/result/403/index.vue'),
+        meta: { title: '无权限' },
+      },
+      {
+        path: '404',
+        name: 'Result404',
+        component: () => import('@/pages/result/404/index.vue'),
+        meta: { title: '访问页面不存在页' },
+      },
+      {
+        path: '500',
+        name: 'Result500',
+        component: () => import('@/pages/result/500/index.vue'),
+        meta: { title: '服务器出错页' },
+      },
+      {
+        path: 'browser-incompatible',
+        name: 'ResultBrowserIncompatible',
+        component: () => import('@/pages/result/browser-incompatible/index.vue'),
+        meta: { title: '浏览器不兼容页' },
+      },
+      {
+        path: 'maintenance',
+        name: 'ResultMaintenance',
+        component: () => import('@/pages/result/maintenance/index.vue'),
+        meta: { title: '系统维护页' },
+      },
+    ],
+  },
+];

package/src/template/Vue2/src/router/modules/others.ts

@@ -0,0 +1,55 @@
+import Layout from '@/layouts/index.vue';
+
+export default [
+  {
+    path: '/user',
+    name: 'user',
+    component: Layout,
+    redirect: '/user/index',
+    meta: { title: '个人页', icon: 'user-circle' },
+    children: [
+      {
+        path: 'index',
+        name: 'UserIndex',
+        component: () => import('@/pages/user/index.vue'),
+        meta: { title: '个人中心' },
+      },
+    ],
+  },
+  {
+    path: '/loginRedirect',
+    name: 'loginRedirect',
+    meta: { title: '登录页', icon: 'logout' },
+    component: () => import('@/pages/login/index.vue'),
+    children: [
+      {
+        path: 'index',
+        redirect: '/login',
+        component: () => import('@/layouts/blank.vue'),
+        meta: { title: '登录中心' },
+      },
+    ],
+  },
+  // 三级菜单配置
+  // {
+  //   path: '/menu',
+  //   name: 'menu',
+  //   component: Layout,
+  //   meta: { title: '一级菜单', icon: 'menu-fold' },
+  //   children: [
+  //     {
+  //       path: 'second',
+  //       meta: { title: '二级菜单' },
+  //       component: () => import('@/layouts/blank.vue'),
+  //       children: [
+  //         {
+  //           path: 'third',
+  //           name: 'NestMenu',
+  //           component: () => import('@/pages/nest-menu/index.vue'),
+  //           meta: { title: '三级菜单' },
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
+];

package/src/template/Vue2/src/service/service-advance.ts

@@ -0,0 +1,233 @@
+type AdvancedColumn = {
+  name: string;
+  value: string;
+  type?: any;
+};
+type TableItem = {
+  width?: string | number;
+  ellipsis?: any;
+  colKey: string;
+  title: string;
+  sorter?: any;
+  align?: string;
+  fixed?: string;
+  className?: string;
+};
+class DetailBase {
+  /**
+   * 下拉框选项数据
+   *
+   * @returns
+   *
+   * @memberOf DetailBase
+   */
+  getBaseInfoData(): Array<AdvancedColumn> {
+    return [
+      {
+        name: '合同名称',
+        value: '总部办公用品采购项目',
+      },
+      {
+        name: '合同状态',
+        value: '履行中',
+        type: {
+          key: 'contractStatus',
+          value: 'inProgress',
+        },
+      },
+      {
+        name: '合同编号',
+        value: 'BH00010',
+      },
+      {
+        name: '合同类型',
+        value: '主合同',
+      },
+      {
+        name: '合同收付类型',
+        value: '付款',
+      },
+      {
+        name: '合同金额',
+        value: '5,000,000元',
+      },
+      {
+        name: '甲方',
+        value: '腾讯科技（深圳）有限公司',
+      },
+      {
+        name: '乙方',
+        value: '欧尚',
+      },
+      {
+        name: '合同签订日期',
+        value: '2020-12-20',
+      },
+      {
+        name: '合同生效日期',
+        value: '2021-01-20',
+      },
+      {
+        name: '合同结束日期',
+        value: '2022-12-20',
+      },
+      {
+        name: '合同附件',
+        value: '总部办公用品采购项目合同.pdf',
+        type: {
+          key: 'contractAnnex',
+          value: 'pdf',
+        },
+      },
+      {
+        name: '备注',
+        value: '--',
+      },
+      {
+        name: '创建时间',
+        value: '2020-12-22 10:00:00',
+      },
+    ];
+  }
+
+  /**
+   * 表格定义基础数据
+   *
+   * @returns
+   *
+   * @memberOf DetailBase
+   */
+  getTableColumns(): Array<TableItem> {
+    return [
+      {
+        width: 300,
+        ellipsis: true,
+        colKey: 'index',
+        title: '申请号',
+        sorter: (a, b) => a.index.substr(3) - b.index.substr(3),
+      },
+      {
+        width: 200,
+        ellipsis: true,
+        colKey: 'pdName',
+        title: '产品名称',
+        sorter: (a, b) => a.pdName.length - b.pdName.length,
+      },
+      {
+        width: 200,
+        ellipsis: true,
+        colKey: 'pdNum',
+        title: '产品编号',
+      },
+      {
+        width: 200,
+        ellipsis: true,
+        colKey: 'purchaseNum',
+        title: '采购数量',
+        sorter: (a, b) => a.purchaseNum - b.purchaseNum,
+      },
+      {
+        width: 200,
+        ellipsis: true,
+        colKey: 'adminName',
+        title: '申请部门',
+      },
+      {
+        width: 200,
+        ellipsis: true,
+        colKey: 'updateTime',
+        title: '创建时间',
+        sorter: (a, b) => Date.parse(a.updateTime) - Date.parse(b.updateTime),
+      },
+      {
+        align: 'left',
+        fixed: 'right',
+        width: 200,
+        className: 'test2',
+        colKey: 'op',
+        title: '操作',
+      },
+    ];
+  }
+
+  /**
+   * 获取弹窗配置数据
+   *
+   * @memberOf DetailBase
+   */
+  getPropUpData(): any {
+    const INITIAL_DATA = {
+      name: '',
+      warning: '',
+      success: '',
+      failB: '',
+      warningB: '',
+      loading: '',
+      add: '',
+      help: '',
+    };
+
+    return {
+      formData: { ...INITIAL_DATA },
+      courseOptions: [
+        { label: '语文', value: '1' },
+        { label: '数学', value: '2' },
+        { label: '英语', value: '3' },
+      ],
+      options: [
+        {
+          label: '资源初始化后',
+          value: 'beijing',
+        },
+        {
+          label: '上海',
+          value: 'shanghai',
+        },
+      ],
+      options1: [
+        {
+          label: '资源初始化后',
+          value: 'guangzhou',
+        },
+        {
+          label: '深圳',
+          value: 'shenzhen',
+        },
+        {
+          label: '东莞',
+          value: 'dongguang',
+        },
+      ],
+      options2: [
+        {
+          label: '资源初始化后',
+          value: 'nanjing',
+        },
+        {
+          label: '苏州',
+          value: '苏州',
+        },
+        {
+          label: '无锡',
+          value: 'wuxi',
+        },
+      ],
+      tSelectOptions: [
+        {
+          label: 'Sanzhang',
+          value: '1',
+        },
+        {
+          label: 'ls',
+          value: '2',
+        },
+        {
+          label: 'James',
+          value: '3',
+        },
+      ],
+    };
+  }
+}
+
+export default new DetailBase();