Znl-trading NPM

trading 交易中心

说明

交易中心组件，上传static站
个人中心引入（bom 资源站组件引入方式）、ERP 引入（组件引入方式）
http://test.bom.ai:8087/assets/vue/Trading/trading.umd.min.js
https://static.bom.ai/assets/vue/Trading/trading.umd.min.js

依赖

<link
  rel="stylesheet"
  href="https://unpkg.com/element-ui@2.4.6/lib/theme-chalk/index.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.bootcss.com/element-ui/2.4.6/theme-chalk/index.css"
/>

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/vue-znl-ui@2.1.41/dist/themem-default/index.css"
/>

VUE_APP_CDN_VUE=https://unpkg.com/vue@2.6.6/dist/vue.js
VUE_APP_CDN_ELEMENT=https://unpkg.com/element-ui@2.4.6/lib/index.js
VUE_APP_CDN_ZNLUI=https://cdn.jsdelivr.net/npm/vue-znl-ui@2.1.48/dist/vue-znl-ui.js

全局方法

import Vue from 'vue';
import Message from 'element-ui/lib/message.js';
Vue.prototype.$succMess = (message, duration = 1500, onClose) => {
  Message({
    message,
    customClass: 'bom_center_message',
    duration,
    type: 'success',
    onClose
  });
};
Vue.prototype.$erroMess = (message, duration = 2000) => {
  Message({
    message,
    customClass: 'bom_center_message',
    duration,
    type: 'warning'
  });
};

图标

引用

在线引入
- https://cdn.jsdelivr.net/npm/znl-trading/dist/trading.umd.min.js
- https://cdn.jsdelivr.net/npm/znl-trading/dist/trading.css
本地引入

shell => yarn add znl-trading

import 'znl-trading/import';

使用

<trading :token="token"></trading>

属性

参数	说明	默认值	类型
token	token	''	String
managing-inventory-handler	库存定价-管理库存按钮的跳转方法		Function
default-active	默认打开的模块	ReceivedInquiry	String
permissions	权限控制	如下	Object
company-click-handler	点击公司名触发执行的方法		Function

default-active选项
- ReceivedInquiry 收到的询价
- SalesOrder 销售订单
- SalesChannels 销售管道
- ChannelAnalysis 管道分析
- InventoryPricing 库存定价
- PricingStrategy 定价策略
- OutgoingInquiry 发出的询价
- PurchaseOrder 采购订单
permissions 默认值

 {
    ReceivedInquiry: true,
    SalesOrder: true,
    SalesChannels: true,
    ChannelAnalysis: true,
    InventoryPricing: true,
    PricingStrategy: true,
    OutgoingInquiry: true,
    PurchaseOrder: true
  }