@layout("/common/_container.html"){
|
<link href="${ctxPath}/static/bootstrap-select-1.13.0/css/bootstrap-select.min.css" rel="stylesheet">
|
<link href="${ctxPath}/static/js/layui/css/layui.css" rel="stylesheet">
|
<style type="text/css">
|
.position{
|
width: 70%;
|
}
|
.position td, th{
|
border: 1px solid #eee;
|
text-align: center;
|
height: 40px;
|
line-height: 40px;
|
}
|
.position td select, .position td div, .position td div input, .position td input{
|
height: 100%;
|
width: 95%;
|
border: none;
|
text-indent: 10px;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="userInfoForm">
|
<input type="hidden" id="id" value="${vipChannel.id}">
|
<input type="hidden" id="position" value='${position}'>
|
<div class="row">
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>入会渠道</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="name" value="${vipChannel.name}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>生效周期</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="startTime" value="${startTime}"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">渠道码类型</label>
|
<div class="col-sm-2">
|
<input name="type" type="radio" value="1" style="margin: 10px;" ${vipChannel.type == 1 ? 'checked' : ''}>加油站渠道
|
</div>
|
<div class="col-sm-2">
|
<input name="type" type="radio" value="2" style="margin: 10px;" ${vipChannel.type == 2 ? 'checked' : ''}>其他渠道
|
</div>
|
</div>
|
<div class="gasStation" ${vipChannel.type == 1 ? '' : 'hidden'}>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>距离</label>
|
<div class="col-sm-5">
|
<input class="form-control" id="distance" value="${vipChannel.distance}" type="number">
|
</div>
|
<div class="col-sm-3">
|
<label class="control-label">公里内为站内，其余为站外</label>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>加油站</label>
|
<div class="col-sm-8">
|
<select id="gasStation" class="selectpicker show-tick form-control" multiple data-live-search="true" data-style="btn-info" title="选择所属等级" >
|
@if(@gasStation.size() > 0){
|
@for(obj in gasStation){
|
<option value="${obj.id}" ${obj.selected ? 'selected' : ''}>${obj.name}</option>
|
@}
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"></label>
|
<div class="col-sm-8">
|
<input type="file" id="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none;">
|
<button style="width: 150px;height: 40px;line-height: 30px;background-color: #0E6828;color: #ffffff;" id="chooseFile">导入活动加油站</button>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">excel</label>
|
<div class="col-sm-8">
|
<span id="excelName"></span>
|
</div>
|
</div>
|
</div>
|
|
<div class="other" ${vipChannel.type == 2 ? '' : 'hidden'}>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>无效统计范围限定：</label>
|
<div class="col-sm-8" style="padding-top: 7px;">
|
距离加油站<input type="number" min="0" id="invalidDistance" value="${vipChannel.invalidDistance}" style="width: 100px;"/>米以内
|
</div>
|
</div>
|
<div id="container" style="width: 100%;height: 500px;"></div>
|
<div class="info">
|
<div class="input-item">
|
<input id='tipinput' type="text" style="height: 30px;width: 300px;" placeholder="请输入地址">
|
<button class="btn btn-info" onclick="VipChannelInfo.addMapPosition()">添加</button>
|
</div>
|
</div>
|
<table class="position">
|
<thead>
|
<tr><th style="width: 30%;">点位名称</th><th>详细地址</th><th style="width: 100px;">操作</th></tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10">
|
<#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="VipChannelInfo.editSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="VipChannelInfo.close()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script type="text/javascript">
|
window._AMapSecurityConfig = {
|
securityJsCode:'0e712f129051b8df19a7f81484009f28',
|
}
|
</script>
|
<script src="${ctxPath}/static/modular/system/vipChannel/vipChannel_info.js"></script>
|
<script src="${ctxPath}/static/bootstrap-select-1.13.0/js/bootstrap-select.min.js"></script>
|
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=99b1546635dac9d51440c9d5b1fde512"></script>
|
<script src="${ctxPath}/static/js/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript">
|
layui.use('laydate', function() {
|
let laydate = layui.laydate;
|
laydate.render({
|
elem: '#startTime'
|
, type: 'datetime'
|
, range: true
|
});
|
});
|
//地图加载
|
var map = new AMap.Map("container", {
|
zoom: 13,
|
center: [104.064, 30.6576],
|
resizeEnable: true
|
});
|
//输入提示
|
var autoOptions = {
|
input: "tipinput"
|
};
|
|
AMap.plugin(['AMap.PlaceSearch','AMap.AutoComplete'], function(){
|
var auto = new AMap.AutoComplete(autoOptions);
|
var placeSearch = new AMap.PlaceSearch({
|
map: map
|
}); //构造地点查询类
|
auto.on("select", select);//注册监听，当选中某条记录时会触发
|
function select(e) {
|
var b = false;
|
for(var i in VipChannelInfo.mapPosition){
|
var name = VipChannelInfo.mapPosition[i].name;
|
if(name == e.poi.name){
|
b = true;
|
break
|
}
|
}
|
if(b){
|
Feng.info("不能重复添加位置信息");
|
return;
|
}
|
|
placeSearch.setCity(e.poi.adcode);
|
placeSearch.search(e.poi.name); //关键字查询查询
|
VipChannelInfo.position = e.poi;
|
console.log(e.poi);
|
VipChannelInfo.mapPosition.push({
|
name:e.poi.name,
|
address: e.poi.district + e.poi.address,
|
lat: e.poi.location.lat,
|
lon: e.poi.location.lng,
|
});
|
}
|
});
|
</script>
|
@}
|
