ms-vue-adt

1.1.25 • Public • Published

内部项目VUE组件库

组件使用说明

安装

npm i -S ms-vue-adt  

全局配置

全局配置可以处理项目配置读取、登录会话管理、API接口调用。(对基础接口服务强依赖)

项目 /src/main.js 中加入:

import {protocol,session} from 'ms-vue-adt';  
Vue.prototype.$session = session.beforeEach(router);
Vue.prototype.$protocol = protocol;

使用组件

礼品选择组件

用于活动配置,选择机构账户礼品,使用示例:

<!-- VUE 使用礼品选择组件示例 -->
<template>
    <div id="app">
        <el-button @click="this.visible = true">点击选择账户礼品</el-button>
        <ms-gift-options :visible.sync="visible" :confirm="confirm" :cancel="cancel" title="选择活动礼品"></ms-gift-options>
    </div>
</template>
<script>
import {MsGiftOptions} from 'ms-vue-adt';  

export default {
    name:'GiftDemo',
    components:{ MsGiftOptions },
    data:()=>{ return { visible:false }; },
    methods:{
        // 确认选择回调函数
        confirm(rs){
            // 响应数据格式:  { orgId:'机构编号',prdId:'产品编号',prdName:'产品名称',balance:'产品剩余数量',imgUrl:'产品图片',unitPrice:'单价,元' }
            console.log('选择结果:',JSON.stringify(rs));
        },
        // 取消选择回调函数
        cancel(){
            
        }
    }
};
</script>

Chnage log

v1.0.0

Readme

Keywords

none

Package Sidebar

Install

npm i ms-vue-adt

Weekly Downloads

1

Version

1.1.25

License

ISC

Unpacked Size

63.8 kB

Total Files

15

Last publish

Collaborators

  • zingsono