Flag-ui-sendcontent NPM

发送内容通用组件

针对一信通平台发送短信内容的通用组件

安装

npm install --save flag-ui-sendcontent

依赖

 1. vue
 2. element-ui
 3. vue的prototype上需要注入$http(axios)提供接口调用
 4. vue的prototype上需要注入$alert(element UI)

使用说明

引入

import SendContent from 'flag-ui-sendcontent'

组件概况

组件参数说明

传入参数	类型	是否必填	默认	说明
`config`	Object	是	基本信息配置	发送内容基本信息具体见下表
`tpldata`	Object	否	null	发送模板对象需要`.sync`双向绑定,具体对象内容看下表
`urls`	Object	否	null	请求路径对象
`fileUrl`	Object	是	null	动态发送时，所上传的动态数据表的模版下载

详细参数说明

{
	//基本信息
	config: {
		title: '发送内容(控件label)',
		spSign: '[企业签名]',
		isLongText: false, //是否长短信,
        disableEdit: true //是否将输入框置灰,默认为true
	},
	//模板内容
	tpldata: {
		id: '模板id',
		text: '模板内容'
	},
	//请求的url参数
	urls: {
		sensitive: '敏感词url',
		dynDataUpload: 'http://10.0.0.194:8085/dynamicdata/upload',
        dynDataTplDownload: '/notexist'
	}，
	//动态模版下载url
	fileUrls: {
		//文件导入
    	import: API_SERVER + '/mdn/mdn-file/import',
		//下载导入文件模版CSVG格式，TXT格式，Xls格式，Xlsx格式
		downloadTplCsv: API_SERVER + '/common/download-file?filePath=/ext/smms/dynDataTemplate.csv',
		downloadTplTxt: API_SERVER + '/common/download-file?filePath=/ext/smms/dynDataTemplate.txt',
		downloadTplXls: API_SERVER + '/common/download-file?filePath=/ext/smms/dynDataTemplate.xls',
		downloadTplXlsx: API_SERVER + '/common/download-file?filePath=/ext/smms/dynDataTemplate.xlsx',
		//下载前缀downloadPrefix: API_SERVER + '/common/download-file?filePath='
	}
}

传出参数说明

参数	类型	是否必填	默认	说明
`v-model`	Object	是	{}	双向绑定传出内容对象

	{
		text: '内容',
		isValid: true,
		dynData: {},
        sensitiveMatchList: [{type:'匹配类型：1 提醒类 2 禁止类', word:'敏感词'}],
		textTemplateId: '如果选中的是模板编辑传出模板id',
		sendNum: '发送条数'
	}

组件事件说明

参数	类型	是否必填	默认	说明
`preview`	Event	否		预览事件
`chooseTpl`	Event	否		选择模板事件

事例

<template>
	<div>
		<SendContent v-model="ctx" :config="config" @preview="preview" @chooseTpl="chooseTpl" :urls="{sensitive:'/sensitive-word/match'}"
        						 :tpldata.sync="tplData" :fileUrls="fileUrl"></SendContent>
	</div>
</template>
<script>
	import SendContent from 'flag-ui-sendcontent'

	export default {
		data() {
			return {
				ctx: {
					text:'这个是发送内容'
				},
				config: {
					title:'发送内容',
					spSign: '[xxdfd]',
					isLongText: false
				},
				tplData:{
					id: '10136654637'
					text:'您好，{姓名,5}！您的{手机号码,11}正在进行验证验证码是：{验证码,4}'
				}
			}
		},
		components: {
			SendContent
		}
	}
</script>