meixisuperdrawer

在基于统一技术栈及组件架构下，通过微模块打包原理尽量磨平不同系统之间的隔阂来实现跨系统的业务操作。

• meixisuperdrawer
  • 在基于统一技术栈及组件架构下，通过微模块打包原理尽量磨平不同系统之间的隔阂来实现跨系统的业务操作。
  • 插件预览
  • 项目结构
  • 项目开始
  • 使用方法
    • 直接展示其它系统页面
    • 目前支持的项目
    • 功能：打开相关管理页面
    • 功能：通过业务ID获取业务详情
    • 功能：通过客户手机号与订单类型唤起下订单界面

插件预览

项目结构

|-- meixipackage
    |-- packages
    |   |-- .DS_Store
    |   |-- SuperDrawer.js //抽屉组件
    |   |-- SuperDrawer.ts
    |   |-- index.js //入口文件
    |   |-- index.ts
    |   |-- type.d.ts
    |   |-- component //vue组件文件夹
    |   |   |-- superDrawerComponent.vue
    |   |   |-- superDrawerContent.vue
    |   |-- config
    |   |   |-- request.js //接口文件
    |   |   |-- request.ts
    |   |   |-- superDrawerBusinessConfig.js //配置文件
    |   |   |-- superDrawerBusinessConfig.ts
    |   |   |-- superDrawerConfig.js
    |   |   |-- superDrawerConfig.ts
    |   |   |-- utils.js //工具类
    |   |   |-- utils.ts
    |   |-- typings
    |       |-- .d.ts
    |-- src

项目开始

//已集成至meixifrontserve
npm install meixisuperdrawer

使用方法

直接展示其它系统页面

目前支持的项目

 type SuperDrawerKey =
    "orderIndex" // OA订单管理页面
    | "leaveApprovalIndex" //离职审核页面
    | "examinationApprovalIndex" //离职审核页面
    | "productIndex"//产品管理页面
    | "clientIndex"//客户管理页面

功能：打开相关管理页面

import {superDrawer} from "meixisuperdrawer"

/**
 * @params superDrawerKey:SuperDrawerKey
 */
superDrawer.onHandleSuperDrawer('clientIndex');

功能：通过业务ID获取业务详情

import {superDrawer} from "meixisuperdrawer"

/**
 * @params superDrawerKey:SuperDrawerKey
 * @id //对应业务id
 */
superDrawer.onHandleByBussId(superDrawerKey,id);

功能：通过客户手机号与订单类型唤起下订单界面

import {superDrawer} from "meixisuperdrawer"
/**
 * 通过客户手机号与订单类型下订单
 * @param orderType
 * @param cmsPhone
 */
superDrawer.onCustomPhoneByOrder(orderType,cmsPhone);