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/[email protected]/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/[email protected]/dist/themem-default/index.css"
/>

VUE_APP_CDN_VUE=https://unpkg.com/[email protected]/dist/vue.js
VUE_APP_CDN_ELEMENT=https://unpkg.com/[email protected]/lib/index.js
VUE_APP_CDN_ZNLUI=https://cdn.jsdelivr.net/npm/[email protected]/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
  }

方法

| name | Description | arguments | retrun | | ---- | ----------- | --------- | ------ | | | | | |

事件

| name | Description | arguments | | ---- | ----------- | --------- | | | | |

更新日志

0.1.16

• 管道分析增加实时统计，删除半年查询按钮
• 销售管道、管道分析增加公司简称，全称，公司网址
• 库存定价增加按MPQ排序