内部项目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