You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
7.8 KiB
136 lines
7.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<title>短信模板列表</title>
|
|
<link rel="stylesheet" href="/sms/static/layui/css/layui.css?_v=20230419123656">
|
|
<link rel="stylesheet" href="/sms/static/css/font-awesome.min.css?_v=20230419123656">
|
|
<link rel="stylesheet" href="/sms/static/css/sms-style.css?_v=20230419123656">
|
|
<style>.layui-table-cell {
|
|
height: auto;
|
|
overflow: visible;
|
|
text-overflow: inherit;
|
|
white-space: normal
|
|
}
|
|
|
|
.sms-tpl-preview {
|
|
word-break: break-all;
|
|
padding: 10px;
|
|
max-height: 180px;
|
|
overflow-y: auto;
|
|
border: 1px solid #efefef;
|
|
min-height: 18px
|
|
}</style>
|
|
</head>
|
|
<body>
|
|
<div class="main">
|
|
<div class="sms-tabmenu"><a href="#" class="current">短信模板列表</a></div>
|
|
<div class="main_wrap">
|
|
<div>
|
|
<div class="sms-param-item">
|
|
<button class="sms-btn-action sms-btn-disable" id="btnSelectAll"><i class="fa fa-calendar-check-o"></i>查询全选
|
|
</button>
|
|
</div>
|
|
<div class="sms-param-item">
|
|
<button class="sms-btn-action" id="btnBatchExport"><i class="fa fa-external-link"></i>导出模板</button>
|
|
</div>
|
|
<div class="sms-param-item" style="border-right: 1px solid #d6d6d6; padding-right: 10px;">
|
|
<button class="sms-btn-action" id="btnBatchDelete"><i class="fa fa-times-circle-o"></i>批量删除</button>
|
|
</div>
|
|
<div class="sms-param-item"><a class="sms-btn-action" id="btnAddTpl"><i class="fa fa-plus"></i>新增短信模板</a>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form" lay-filter="gridParamForm" data-submitor="#searchBtn">
|
|
<div class="sms-param-item sms-param-lg"><input type="text" name="userName" class="layui-input"
|
|
placeholder="账号"/></div>
|
|
<div class="sms-param-item sms-param-lg"><input type="text" name="content" class="layui-input"
|
|
placeholder="内容"/></div>
|
|
<div class="sms-param-item sms-param-lg"><select name="approveStep">
|
|
<option value="" selected="selected">模板状态</option>
|
|
<option value="2">正常</option>
|
|
<option value="1">审核中</option>
|
|
<option value="3">审核拒绝</option>
|
|
<option value="4">已过期</option>
|
|
</select></div>
|
|
<div class="sms-param-item sms-param-lg">
|
|
<button id="searchBtn" class="layui-btn layui-btn-normal sms-btn"><i class="fa fa-search"></i>查询
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<table id="templateGrid" lay-filter="templateGrid"></table>
|
|
</div>
|
|
</div>
|
|
<div id="templateDialog" class="sms-dialog" style="width: 620px;">
|
|
<div class="layui-form" lay-filter="templateForm"><input type="hidden" name="id"/>
|
|
<div class="layui-form-item layui-form-text" style="margin-bottom: 6px;"><label
|
|
class="layui-form-label sms-require">模板类型</label>
|
|
<div class="layui-input-block"><input type="radio" name="type" value="1" lay-filter="tplTypeChanged"
|
|
title="精确模板"><input type="radio" name="type" value="2"
|
|
lay-filter="tplTypeChanged"
|
|
title="相似度模板"></div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text biz-tpl-exact"><label class="layui-form-label">预览</label>
|
|
<div class="layui-input-block">
|
|
<div id="tpl_preview" class="sms-tpl-preview"></div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text biz-tpl-like hidden"><label
|
|
class="layui-form-label">匹配相似度</label>
|
|
<div class="layui-input-block" style="padding-top: 10px; min-height: 0;">
|
|
<div style="display: inline-block; width: 50%; height: 4px; background-color: #1E9FFF; margin-right: -10px;"></div>
|
|
<div id="tpl_slodePercent" style="display: inline-block; width: 46%;"></div>
|
|
<span id="tpl_slodePercentTip">%</span></div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text"><label class="layui-form-label sms-require">模板内容</label>
|
|
<div class="layui-input-block"><textarea id="tpl_content" name="content" class="layui-textarea" rows="6"
|
|
placeholder="请输入模板内容"></textarea>
|
|
<button id="tpl_insertVar" type="button" class="layui-btn layui-btn-sm biz-tpl-exact"
|
|
style="float: right; margin-top: 6px;">插入变量
|
|
</button>
|
|
<div class="sms-line-tips"><span class="fa fa-exclamation-circle"></span> 已输入 <span
|
|
id="tpl_wordLenth" class="c-blue-deep">0</span> 个字符，实际计费字数以发送内容为准。
|
|
</div>
|
|
<div class="sms-line-tips biz-tpl-exact"><span class="fa fa-exclamation-circle"></span> “<span
|
|
class="c-blue">{%</span>”和“<span class="c-blue">%}</span>”包裹字符表示模板变量，例如：<span
|
|
class="c-blue">{%变量%}</span>。
|
|
</div>
|
|
<div class="sms-line-tips biz-tpl-like hidden"><span class="fa fa-exclamation-circle"></span>
|
|
模板将与实际发送内容计算相似度，达到指定百分比以上则为匹配。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text"><label class="layui-form-label">有效期至</label>
|
|
<div class="layui-input-block"><input type="text" id="expiryDateStr" name="expiryDateStr"
|
|
class="layui-input" style="width: 220px" placeholder="不限制"
|
|
autocomplete="off"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="templateTestDialog" class="sms-dialog">
|
|
<div class="layui-form" lay-filter="templateTestForm"><input type="hidden" name="id"/>
|
|
<div class="layui-form-item layui-form-text"><label class="layui-form-label">模板内容</label>
|
|
<div class="layui-input-block">
|
|
<div id="test_templateCnt" class="sms-tpl-preview c-blue"></div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text"><label class="layui-form-label sms-require">短信内容</label>
|
|
<div class="layui-input-block"><textarea name="content" class="layui-textarea" rows="6"
|
|
placeholder="请输入短信内容"></textarea></div>
|
|
</div>
|
|
<div id="test_result" class="layui-form-item layui-form-text hidden"><label
|
|
class="layui-form-label">测试结果</label>
|
|
<div class="layui-input-block" style="line-height: 38px;"><span id="test_success"
|
|
class="c-green">模板匹配成功</span><span
|
|
id="test_failure" class="c-red">模板不匹配</span>
|
|
<div id="test_matchRate" style="line-height: 20px;">匹配度：<span></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" id="myRoleCode" value="GROUP"/><input type="hidden" id="leftVarChar" value="{%"/><input
|
|
type="hidden" id="rightVarChar" value="%}"/>
|
|
<script src="/sms/static/layui/layui.js?_v=20230419123656"></script>
|
|
<script src="/sms/static/js/sms-common.js?_v=20230419123656"></script>
|
|
<script src="/sms/static/js/sms/message/memberTemplateList.js?_v=20230419123656"></script>
|
|
</body>
|
|
</html>
|