mooho-base-admin-plus 0.1.0

package/src/styles/layout/basic-layout/menu.less

@@ -0,0 +1,274 @@
+.i-layout-menu{
+    &-side{
+        position: static; // 菜单开启后，Dropdown 会被 overflow-y:hidden 隐藏掉，加此不受影响
+        &:after{
+            display: none !important;
+        }
+        &-title{
+            display: inline-block;
+            &-icon{
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                line-height: 21px;
+                vertical-align: middle;
+                text-align: center;
+                margin-right: 8px;
+                &-single{
+                    margin-right: 0;
+                }
+                i{
+                    margin-right: 0 !important;
+                }
+                img{
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
+            &-text{
+                &-selected{
+                    color: @primary-color;
+                }
+                &-with-subtitle{
+                    position: relative;
+                    top: -6px;
+                }
+                em{
+                    display: block;
+                    font-style: normal;
+                    font-size: 12px;
+                    opacity: 0.5;
+                }
+                &-with-icon{
+                    em{
+                        margin-left: 32px;
+                    }
+                }
+            }
+
+            &-with-collapse &-text{
+                &-with-subtitle{
+                    position: relative;
+                    top: 0;
+                }
+            }
+        }
+
+        .ivu-menu-submenu-title, .ivu-menu-item{
+            height: 52px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .ivu-menu-submenu-title-icon{
+            width: 14px;
+            height: 14px;
+            position: absolute;
+            top: 50%;
+            right: 8px;
+            float: none;
+        }
+
+        .ivu-dropdown-menu{
+            min-width: 160px;
+        }
+        .ivu-dropdown-item{
+            font-size: @font-size-base !important;
+            padding-right: 32px;
+
+            &-divided:before{
+                margin: 0 -32px 0 -16px;
+            }
+        }
+        .ivu-select-dropdown{
+            margin: 5px 0 5px 3px;
+        }
+        .ivu-tooltip, .ivu-tooltip-rel{
+            display: block;
+            text-align: center;
+        }
+
+        &.ivu-menu-dark .ivu-menu-item-active{
+            color: #fff !important;
+        }
+
+        &-arrow{
+            position: absolute;
+            top: 50%;
+            right: 16px;
+            transform: translate(0, -50%);
+        }
+
+        &-collapse{
+            &-top{
+                display: block;
+                &-item{
+                    text-align: center;
+                }
+            }
+            &-item{
+                &-selected, &-selected:hover{
+                    background-color: ~`colorPalette("@{primary-color}", 1)`;
+                    color: @primary-color;
+                }
+            }
+            &-dropdown{
+                &-menu{
+                    overflow-y: auto;
+                }
+            }
+            &-title{
+                text-align: center;
+                padding: 6px 0;
+                border-bottom: 1px solid @border-color-split;
+            }
+            &-dark{
+                .ivu-select-dropdown{
+                    background-color: @menu-dark-title;
+                }
+                .ivu-dropdown-item{
+                    color: @menu-dark-subsidiary-color;
+                    transition: all @transition-time @ease-in-out;
+
+                    &-divided{
+                        border-color: @menu-dark-active-bg;
+                        &:before{
+                            background-color: @menu-dark-title;
+                        }
+                    }
+                }
+                .ivu-dropdown-item:hover{
+                    background: transparent;
+                    color: #fff;
+                }
+                .i-layout-menu-side-collapse-item{
+                    &-selected, &-selected:hover{
+                        background-color: @primary-color;
+                        color: #fff;
+                    }
+                }
+            }
+            &-dark &-title{
+                border-bottom: 1px solid @menu-dark-active-bg;
+                color: @menu-dark-subsidiary-color;
+            }
+
+            &-top-item{
+                padding-left: 0 !important;
+                padding-right: 0 !important;
+            }
+        }
+
+        &-badge{
+            position: absolute;
+            top: 16px;
+            right: 40px;
+            .ivu-badge-count{
+                box-shadow: none;
+            }
+        }
+        &-collapse &-badge{
+            display: none;
+        }
+    }
+
+    &-head{
+        display: inline-block;
+        //overflow: hidden;
+        flex: 1;
+
+        .ivu-menu-horizontal.ivu-menu-light:after{
+            display: none;
+        }
+        .ivu-menu-horizontal{
+            display: inline-block;
+            vertical-align: middle;
+            height: auto; // 这里不能设置为 @menuHeaderHeight - 2px，因为在平板模式下，header 宽度不够，拿不到真实高度
+            line-height: @menuHeaderHeight - 6px;
+        }
+
+        &-logo{
+            display: inline-block;
+            height: @menuHeaderHeight;
+            text-align: center;
+            vertical-align: middle;
+            img{
+                height: 80%;
+                vertical-align: middle;
+            }
+        }
+
+        &-title{
+            display: inline-block;
+            &-icon{
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                line-height: 24px;
+                vertical-align: middle;
+                text-align: center;
+                &-single{
+                    margin-right: 0;
+                }
+                i{
+                    margin-right: 0 !important;
+                    font-size: 16px;
+                }
+                img{
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+            &-text{
+                vertical-align: middle;
+                margin-left: 6px;
+            }
+        }
+
+        .ivu-dropdown-rel{
+            padding: @headerTriggerMinPadding;
+        }
+        .ivu-dropdown-item{
+            text-align: left;
+        }
+
+        &-badge{
+            .ivu-badge-count{
+                border: none;
+                box-shadow: none;
+                margin-left: 12px;
+                line-height: 20px;
+            }
+        }
+
+        &-mobile{
+            vertical-align: baseline;
+            overflow: visible;
+            .ivu-dropdown-item{
+                font-size: 14px !important;
+                text-align: left;
+                i,span{
+                    vertical-align: middle;
+                }
+                i{
+                    margin-right: 6px;
+                }
+            }
+            &-drop{
+                .dropdownMobile();
+            }
+            &-subtitle{
+                color: @text-color;
+                cursor: default;
+                text-align: center !important;
+                border-bottom: 1px solid @border-color-split;
+                &:hover{
+                    color: @text-color;
+                    cursor: default;
+                }
+            }
+        }
+    }
+}

package/src/styles/layout/index.less

@@ -0,0 +1,2 @@
+@import "basic-layout/layout.less";
+@import "basic-layout/menu.less";

package/src/styles/setting.less

@@ -0,0 +1,6 @@
+// 侧边菜单宽度，需与 setting.js 的 menuSideWidth 保持一致
+@menuSideWidth: 256px;
+// 顶栏高度，需与 setting.js 的 headerHeight 保持一致
+@headerHeight: 64px;
+// 侧边菜单折起时的宽度，需与 setting.js 的 menuSideCollapseWidth 保持一致
+@menuSideCollapseWidth: 80px;

package/styleguide.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  title: 'mooho-base-admin-plus',
+  components: [
+    'src/components/view/modal-form.vue',
+    'src/components/view/modal-table.vue',
+    'src/components/view/view-form.vue',
+    'src/components/view/view-table.vue',
+    'src/components/view/view-chart.vue',
+    'src/components/input/*.vue'
+  ],
+  styleguideDir: 'styleguide-dist',
+  // 在编辑器的右上角添加一个小按钮，用于将编辑器的内容复制到剪贴板
+  copyCodeButton: true,
+  // 是否每个章节是一个独立的页面. 默认:false
+  pagePerSection: false,
+  // props/events/slot的说明默认是展开还是收缩: expand / collapse / hide
+  usageMode: 'expand',
+  // 左侧导航默认是展开还是收缩: expand / collapse / hide
+  tocMode: 'expand',
+  // 显示 prop、事件、槽或方法是否来自当前文件或在 mixin 或扩展组件中配置。如果它是外部的，它会显示组件的名称，并在悬停时显示文件的相对路径。
+  displayOrigins: true
+};

package/test/api/barcode.js

@@ -0,0 +1,50 @@
+import { request, lodop } from '../../src';
+
+const res = 'Barcode';
+
+export default {
+  query(filter) {
+    return request({
+      url: `api/${res}/query`,
+      method: 'post',
+      data: filter
+    });
+  },
+  getPrint(noList, num) {
+    return request({
+      url: `api/${res}/print`,
+      method: 'get',
+      params: { noList: JSON.stringify(noList), num }
+    });
+  },
+  async print(noList, num) {
+    let model = await this.getPrint(noList, num);
+    try {
+      var LODOP = lodop.getLodop();
+    } catch (e) {
+      alert('请检查打印驱动！' + e.message);
+      return;
+    }
+    //这个语句设置网络共享打印机连接不通时是否提示一下
+    LODOP.SET_PRINT_MODE('TRYLINKPRINTER_NOALERT', true);
+    LODOP.PRINT_INIT('标签条码');
+    for (let index = 0; index < model.length; index++) {
+      let item = model[index];
+      LODOP.ADD_PRINT_HTM(item.top, item.left, item.width, item.height, item.content);
+      if (item.pageWidth != null && item.pageHeight != null) {
+        LODOP.SET_PRINT_PAGESIZE(item.orient == 'Landscape' ? 2 : item.orient == 'Portrait' ? 1 : 0, item.pageWidth, item.pageHeight, item.pageName);
+        LODOP.SET_SHOW_MODE('LANDSCAPE_DEFROTATED', 1);
+      }
+    }
+
+    LODOP.SET_PRINT_STYLEA(0, 'TableHeightScope', 1);
+    LODOP.PREVIEW();
+  },
+  save(data) {
+    return request({
+      url: `api/${res}/add`,
+      method: 'post',
+      data: { data }
+    });
+  }
+};

package/test/api/inbound.js

@@ -0,0 +1,47 @@
+import { request, lodop } from '/src';
+
+const res = 'Inbound';
+
+export default {
+  add(data) {
+    return request({
+      url: `api/${res}/add`,
+      method: 'post',
+      data
+    });
+  },
+  getPrint(id) {
+    return request({
+      url: `api/${res}/print`,
+      method: 'get',
+      params: { id: JSON.stringify(id) }
+    });
+  },
+  async print(id) {
+    let model = await this.getPrint(id);
+    try {
+      var LODOP = lodop.getLodop();
+    } catch (e) {
+      alert('请检查打印驱动！' + e.message);
+      return;
+    }
+    //这个语句设置网络共享打印机连接不通时是否提示一下
+    LODOP.SET_PRINT_MODE('TRYLINKPRINTER_NOALERT', true);
+    LODOP.PRINT_INIT('入库单明细');
+    for (let index = 0; index < model.length; index++) {
+      const item = model[index];
+      if (!index == 0) {
+        LODOP.NewPageA();
+      }
+
+      LODOP.ADD_PRINT_HTM(item.top, item.left, item.width, item.height, item.content);
+      if (item.pageWidth != null && item.pageHeight != null) {
+        LODOP.SET_PRINT_PAGESIZE(item.orient == 'Landscape' ? 2 : item.orient == 'Portrait' ? 1 : 0, item.pageWidth, item.pageHeight, item.pageName);
+        LODOP.SET_SHOW_MODE('LANDSCAPE_DEFROTATED', 1);
+      }
+    }
+
+    LODOP.SET_PRINT_STYLEA(0, 'TableHeightScope', 1);
+    LODOP.PRINT();
+  }
+};

package/test/api/interfaceLog.js

@@ -0,0 +1,15 @@
+import { request } from '/src';
+
+const res = 'InterfaceLog';
+
+export default {
+  getBodyById(id) {
+    return request({
+      url: `api/${res}/get`,
+      method: 'get',
+      params: {
+        id
+      }
+    });
+  }
+};

package/test/api/interfaceQueue.js

@@ -0,0 +1,15 @@
+import { request } from '/src';
+
+const res = 'InterfaceQueue';
+
+export default {
+  getBodyById(id) {
+    return request({
+      url: `api/${res}/get`,
+      method: 'get',
+      params: {
+        id
+      }
+    });
+  }
+};

package/test/api/interfaceServer.js

@@ -0,0 +1,29 @@
+import { request } from '/src';
+const res = 'InterfaceServer';
+
+export default {
+  getWithUrls(id) {
+    return request({
+      url: `api/${res}/GetWithUrls`,
+      method: 'get',
+      params: { id }
+    });
+  },
+  add(server, urls) {
+    return request({
+      url: `api/${res}/add`,
+      method: 'post',
+      data: { server, urls }
+    });
+  },
+  update(server, urls) {
+    return request({
+      url: `api/${res}/update`,
+      method: 'put',
+      data: {
+        server,
+        urls
+      }
+    });
+  }
+};

package/test/api/movePlan.js

@@ -0,0 +1,50 @@
+import { request, lodop } from '/src';
+
+const res = 'MovePlan';
+
+export default {
+  submit(movePlan, movePlanItems) {
+    return request({
+      url: `api/${res}/submit`,
+      method: 'post',
+      data: {
+        movePlan,
+        movePlanItems
+      }
+    });
+  },
+  getPrint(id) {
+    return request({
+      url: `api/${res}/print`,
+      method: 'get',
+      params: { id: JSON.stringify(id) }
+    });
+  },
+  async print(id) {
+    let model = await this.getPrint(id);
+    try {
+      var LODOP = lodop.getLodop();
+    } catch (e) {
+      alert('请检查打印驱动！' + e.message);
+      return;
+    }
+    //这个语句设置网络共享打印机连接不通时是否提示一下
+    LODOP.SET_PRINT_MODE('TRYLINKPRINTER_NOALERT', true);
+    LODOP.PRINT_INIT('来料入库物料明细');
+    for (let index = 0; index < model.length; index++) {
+      const item = model[index];
+      if (!index == 0) {
+        LODOP.NewPageA();
+      }
+
+      LODOP.ADD_PRINT_HTM(item.top, item.left, item.width, item.height, item.content);
+      if (item.pageWidth != null && item.pageHeight != null) {
+        LODOP.SET_PRINT_PAGESIZE(item.orient == 'Landscape' ? 2 : item.orient == 'Portrait' ? 1 : 0, item.pageWidth, item.pageHeight, item.pageName);
+        LODOP.SET_SHOW_MODE('LANDSCAPE_DEFROTATED', 1);
+      }
+    }
+
+    LODOP.SET_PRINT_STYLEA(0, 'TableHeightScope', 1);
+    LODOP.PRINT();
+  }
+};

package/test/api/movePlanItem.js

@@ -0,0 +1,13 @@
+import { request } from '/src';
+
+const res = 'MovePlanItem';
+
+export default {
+  query(filter) {
+    return request({
+      url: `api/${res}/query`,
+      method: 'post',
+      data: filter
+    });
+  }
+};

package/test/api/moveType.js

@@ -0,0 +1,22 @@
+import { request } from '/src';
+
+const res = 'MoveType';
+
+export default {
+  getByCode(code) {
+    return request({
+      url: `api/${res}/getByCode`,
+      method: 'get',
+      params: {
+        code
+      }
+    });
+  },
+  query(filter = {}) {
+    return request({
+      url: `api/${res}/query`,
+      method: 'post',
+      data: filter
+    });
+  }
+};

package/test/api/openApiPermission.js

@@ -0,0 +1,25 @@
+import { request } from '/src';
+
+const res = 'OpenApiPermission';
+
+export default {
+  queryForCheck(openUserID) {
+    return request({
+      url: `api/${res}/queryForCheck`,
+      method: 'get',
+      params: {
+        openUserID
+      }
+    });
+  },
+  batchSave(openUserID, openApiIDs) {
+    return request({
+      url: `api/${res}/batchSave`,
+      method: 'post',
+      data: {
+        openUserID,
+        openApiIDs
+      }
+    });
+  }
+};

package/test/api/outbound.js

@@ -0,0 +1,40 @@
+import { request, lodop } from '/src';
+
+const res = 'Outbound';
+
+export default {
+  getPrint(id) {
+    return request({
+      url: `api/${res}/print`,
+      method: 'get',
+      params: { id: JSON.stringify(id) }
+    });
+  },
+  async print(id) {
+    let model = await this.getPrint(id);
+    try {
+      var LODOP = lodop.getLodop();
+    } catch (e) {
+      alert('请检查打印驱动！' + e.message);
+      return;
+    }
+    //这个语句设置网络共享打印机连接不通时是否提示一下
+    LODOP.SET_PRINT_MODE('TRYLINKPRINTER_NOALERT', true);
+    LODOP.PRINT_INIT('出库单明细');
+    for (let index = 0; index < model.length; index++) {
+      const item = model[index];
+      if (!index == 0) {
+        LODOP.NewPageA();
+      }
+
+      LODOP.ADD_PRINT_HTM(item.top, item.left, item.width, item.height, item.content);
+      if (item.pageWidth != null && item.pageHeight != null) {
+        LODOP.SET_PRINT_PAGESIZE(item.orient == 'Landscape' ? 2 : item.orient == 'Portrait' ? 1 : 0, item.pageWidth, item.pageHeight, item.pageName);
+        LODOP.SET_SHOW_MODE('LANDSCAPE_DEFROTATED', 1);
+      }
+    }
+
+    LODOP.SET_PRINT_STYLEA(0, 'TableHeightScope', 1);
+    LODOP.PRINT();
+  }
+};

package/test/api/permission.js

@@ -0,0 +1,34 @@
+import { request } from '/src';
+
+const res = 'Permission';
+
+export default {
+  query() {
+    return request({
+      url: `api/${res}/query`,
+      method: 'get',
+      params: {
+        clientType: 'Admin'
+      }
+    });
+  },
+  queryByRoleID(roleID, clientType) {
+    return request({
+      url: `api/${res}/queryByRoleID`,
+      method: 'get',
+      params: {
+        roleID,
+        clientType
+      }
+    });
+  },
+  queryRouter() {
+    return request({
+      url: `api/${res}/queryRouter`,
+      method: 'get',
+      params: {
+        clientType: 'Admin'
+      }
+    });
+  }
+};

package/test/api/rolePermission.js

@@ -0,0 +1,17 @@
+import { request } from '/src';
+
+const res = 'RolePermission';
+
+export default {
+  update(roleID, clientType, permissionIDs) {
+    return request({
+      url: `api/${res}/updateRolePermissions`,
+      method: 'post',
+      data: {
+        roleID,
+        clientType,
+        permissionIDs
+      }
+    });
+  }
+};