|
|
|
@ -1,24 +1,12 @@ |
|
|
|
<!-- 关键词回复 --> |
|
|
|
<!-- 关键词回复 --> |
|
|
|
<!DOCTYPE html> |
|
|
|
<link rel="stylesheet" href="../../../../static/mweixin/css/keyword-reply.css"> |
|
|
|
<html lang=""> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
<div id="keyword-reply" class="keyword-reply ms-container" v-if="menuVue.menuActive == '关键词表单'"> |
|
|
|
<title></title> |
|
|
|
<el-form :model="keywordReplyForm" status-icon :rules="keywordReplyFormRules" ref="keywordReplyForm" label-width="100px"> |
|
|
|
<!-- <#include "/include/head-file.ftl"/> --> |
|
|
|
|
|
|
|
<!--#include virtual="../../include/head-file.ftl" --> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="../../../../static/mweixin/css/keyword-reply.css"> |
|
|
|
|
|
|
|
<!-- <link rel="stylesheet" href="${base}/static/mweixin/css/keyword-reply.css"> --> |
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
<div id="keyword-reply" class="keyword-reply ms-container"> |
|
|
|
|
|
|
|
<el-form :model="keywordReplyForm" status-icon :rules="keywordReplyFormRules" ref="keywordReplyForm" |
|
|
|
|
|
|
|
label-width="100px"> |
|
|
|
|
|
|
|
<el-form-item label="关键词" prop="keyword" class="ms-keyword-input"> |
|
|
|
<el-form-item label="关键词" prop="keyword" class="ms-keyword-input"> |
|
|
|
<el-row type='flex' justify='space-between' align='center'> |
|
|
|
<el-row type='flex' justify='space-between' align='center'> |
|
|
|
<el-col :span='12'> |
|
|
|
<el-col :span='12'> |
|
|
|
<el-input placeholder="请输入内容" v-model="keywordReplyForm.keyword" class="input-with-select" size='mini' |
|
|
|
<el-input placeholder="请输入内容" v-model="keywordReplyForm.keyword" class="input-with-select" size='mini' maxlength='30' @input='resetWord'> |
|
|
|
maxlength='30' @input='resetWord'> |
|
|
|
|
|
|
|
<el-select v-model="keywordReplyForm.select" slot="prepend" placeholder="请选择"> |
|
|
|
<el-select v-model="keywordReplyForm.select" slot="prepend" placeholder="请选择"> |
|
|
|
<el-option label="模糊匹配" value="1"></el-option> |
|
|
|
<el-option label="模糊匹配" value="1"></el-option> |
|
|
|
<el-option label="全匹配" value="2"></el-option> |
|
|
|
<el-option label="全匹配" value="2"></el-option> |
|
|
|
@ -26,14 +14,15 @@ |
|
|
|
<span slot='suffix' v-text="wordNumber+'/30'"></span> |
|
|
|
<span slot='suffix' v-text="wordNumber+'/30'"></span> |
|
|
|
</el-input> |
|
|
|
</el-input> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col><i class="el-icon-plus" @click='addKeyWord'></i></el-col> |
|
|
|
<el-col> |
|
|
|
|
|
|
|
<i class="el-icon-plus" @click='addKeyWord'></i> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="ms-keyword-reply-content" label="回复内容"> |
|
|
|
<el-form-item class="ms-keyword-reply-content" label="回复内容"> |
|
|
|
<el-tabs v-model="activeName" @tab-click="" class="keyword-reply-tabs"> |
|
|
|
<el-tabs v-model="activeName" @tab-click="" class="keyword-reply-tabs"> |
|
|
|
<el-tab-pane label="文字" name="text"> |
|
|
|
<el-tab-pane label="文字" name="text"> |
|
|
|
<el-input type="textarea" v-model="keywordReplyForm.reply" :autosize="{ minRows: 4, maxRows: 4}" |
|
|
|
<el-input type="textarea" v-model="keywordReplyForm.reply" :autosize="{ minRows: 4, maxRows: 4}" resize='none'> |
|
|
|
resize='none'> |
|
|
|
|
|
|
|
</el-input> |
|
|
|
</el-input> |
|
|
|
<i class="el-icon-delete" @click="keywordReplyForm.reply = ''"></i> |
|
|
|
<i class="el-icon-delete" @click="keywordReplyForm.reply = ''"></i> |
|
|
|
<div class="footer"> |
|
|
|
<div class="footer"> |
|
|
|
@ -48,16 +37,14 @@ |
|
|
|
</el-tabs> |
|
|
|
</el-tabs> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</html> |
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
var keywordReplyVue = new Vue({ |
|
|
|
var keywordReplyVue = new Vue({ |
|
|
|
el: '#keyword-reply', |
|
|
|
el: '#keyword-reply', |
|
|
|
data: { |
|
|
|
data: { |
|
|
|
keywordReplyForm: { |
|
|
|
keywordReplyForm: { |
|
|
|
keyword: "",//关键词 |
|
|
|
keyword: "", //关键词 |
|
|
|
select: '', |
|
|
|
select: '', |
|
|
|
reply: "", |
|
|
|
reply: "", |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -65,24 +52,24 @@ |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
activeName: 'text', |
|
|
|
activeName: 'text', |
|
|
|
wordNumber:30,//剩余字数 |
|
|
|
wordNumber: 30, //剩余字数 |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
// 添加关键词 |
|
|
|
// 添加关键词 |
|
|
|
addKeyWord:function(){ |
|
|
|
addKeyWord: function() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
// 计算剩余字数 |
|
|
|
// 计算剩余字数 |
|
|
|
resetWord: function (value) { |
|
|
|
resetWord: function(value) { |
|
|
|
if(!value)return 30; |
|
|
|
if(!value) return 30; |
|
|
|
if (value.length >= 30) { |
|
|
|
if(value.length >= 30) { |
|
|
|
this.$message.error('任务名称不得超过30个字'); |
|
|
|
this.$message.error('任务名称不得超过30个字'); |
|
|
|
// 这里涉及到获取数据更新之后的DOM，需要用$nextTick |
|
|
|
// 这里涉及到获取数据更新之后的DOM，需要用$nextTick |
|
|
|
this.$nextTick(function () { |
|
|
|
this.$nextTick(function() { |
|
|
|
this.keywordReplyForm.keyword = event.target.value = value.slice(0, 30); |
|
|
|
this.keywordReplyForm.keyword = event.target.value = value.slice(0, 30); |
|
|
|
}) |
|
|
|
}) |
|
|
|
this.wordNumber = 0 |
|
|
|
this.wordNumber = 0 |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
this.wordNumber = 30 - value.length |
|
|
|
this.wordNumber = 30 - value.length |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
a123456
7 years ago