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

#### 安装
```javascript
npm install --save flag-ui-sendcontent
```
#### 依赖
```text
 1. vue
 2. element-ui
 3. vue的prototype上需要注入$http(axios)提供接口调用
 4. vue的prototype上需要注入$alert(element UI)
```

#### 使用说明

#### 引入
```ecmascript 6
import SendContent from 'flag-ui-sendcontent'
```
#### 组件概况


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

#### 详细参数说明
```javascript
{
	//基本信息
	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  |是          |{}       |双向绑定传出内容对象  |

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

```


#### 组件事件说明

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

#### 事例
```html
<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>

```

#### 组件变更记录

##### 2017-08-28
- 修改动态数据插入,敏感词提示
- 添加预览功能,样式修改

##### 2017-09-04
- 预览长短信增加分条显示- 增加过滤内容中的空格选项
- 模版输入框最大长度限制
##### 2017-10-18 v0.0.19
动态文件bugfix

##### 2017-10-25 v0.0.23
新增参数config.disableEdit，控制textarea置灰

- v0.0.24 bugfix

##### 2018-01-29 v0.0.27