1.1.9 • Published 2 years ago
communicationtool v1.1.9
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配置