communicationtools

Example

<!-- main.js入口文件-->
import Tool from 'communicationtools';
Vue.use(Tool);
<!-- xxx.vue入口文件-->
<template>
    <Tool
		:toolType="toolType"
		:isFixed="isFixed"
		@fixedHandler="fixedHandler"
		:fnType="fnType"
		:signData="signData"
		:curTypeTool="curTypeTool">
    </Tool>
</template>

Project NPM Release

1.修改package.json 版本号
2.npm run lib
3.npm login
   username ：***
   password ：***
   Email ： ***
4.npm publish

Project setup

1.npm install
2.npm run serve

Project Vue v-bind Options

| Attribute | Description | Type | Options | Default | | ------------------ | ------------------------------------------------- | -------- | -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | | drawerVisible | 插件的显示以及隐藏 | Boolean | | false | | successSendHandler | 子传递给父的消息函数 | function | value （Object） | | | closedHandler | 子传递给父的关闭函数 用来初始化数据等 | function | | | | curTypeTool | 外部唤起内部组件参数,输入 toolType 数据 type 字段 | String | [message：消息列表],[relNoti:发布消息] | '' | | copyphone | 非该系统拨号盘电话显示 | String | —— | '' | | signData | 标记类型，点、线、面的数据集 | String | —— | '' | | fnType | 事件类型 1：事件类型、2：标记类型 | Number | —— | 1 | | toolType | 工具栏工具权限 | Array | —— | {title: '消息',type: 'message'},{title: '人员', type: 'personnel'},{title: '机构', type: 'organ' },{title: '短信', type: 'sms'},{title: '拨号',type: 'dial'} | | fixedHandler | 组件内部信息对外暴漏 | function | value （Object） | {type:'',info:{}} |

Project API Defaults BaseURL

在引入项目中添加 axios.defaults.baseURL = res.data.baseUrl; Vue.prototype.staticFileUrl = res.data.staticFileUrl; Vue.prototype.activeMQUrl = res.data.activeMQUrl;

Project Element

由于该项目打包后不自带各种插件，所以需要在引入项目中添加。 例如：Element 需要添加组件。

Project directory

├─public
|   ├─domain.json                // 接口变量包含后台接口json，MQ，文件上传接口
├─app
|    ├─components                // 项目组件
│    ├─assets                    // 静态文件
│    │  ├─css                    // css
│    │  ├─js                     // js
│    │  └─images                 // 图片
│    └─plugins                   // 页面
│        ├─element.js            // element.js 插件
├─package.json                   // 项目描述及依赖
└─vue.config.js                  // vue和webpack配置