289 lines
13 KiB
HTML
289 lines
13 KiB
HTML
{layout name="layout2" /}
|
||
<link rel="stylesheet" href="/static/admin/css/goods.css" media="all">
|
||
<div class="">
|
||
<div class="layui-tab-content layui-form">
|
||
<div class="layui-tab-item goods-content layui-show">
|
||
<div class="layui-card-body" pad15>
|
||
<div lay-filter="">
|
||
<input type="hidden" id="id" name="id">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">位置精度：</label>
|
||
<div class="layui-input-inline" style="width: 20%;">
|
||
<input type="text" name="store_longitude" class="layui-input" placeholder="请输入经度" value="" id="lon" lay-filter="lon" >
|
||
</div>
|
||
<label class="layui-form-label">位置维度：</label>
|
||
<div class="layui-input-inline" style="width: 20%;">
|
||
<input type="text" name="store_latitude" class="layui-input" placeholder="请输入经度" value="" id="lat" lay-filter="lat" >
|
||
</div>
|
||
</div>
|
||
<div id="tMap" class="layui-hide" style="padding: 10px;margin-left: 3%; width: 100%;">
|
||
<div class="layui-form layuimini-form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="search_key" id="search_key" class="layui-input" placeholder="请输入地名" >
|
||
</div>
|
||
<button class="layui-btn layui-btn-normal layui-btn-sm searchKey" >查询</button>
|
||
</div>
|
||
</div>
|
||
<div id="maplocation" style="width:1080px;height:400px;"></div>
|
||
</div>
|
||
<style>
|
||
body .layui-ext-yourskin .layui-layer-btn0{
|
||
border: 1px solid #dedede;
|
||
background-color:#fff;
|
||
color: #333;
|
||
}
|
||
body .layui-ext-yourskin .layui-layer-btn1{
|
||
background-color:#1E9FFF;
|
||
border-color:#1E9FFF;
|
||
color: #fff;
|
||
}
|
||
</style>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-hide">
|
||
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=EVOBZ-VX7YU-QKJVR-BVESA-AVFT3-7JBWG"></script>
|
||
|
||
|
||
<script type="text/javascript">
|
||
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
|
||
var dragstart = 0;
|
||
var swop_element_ed = -1;
|
||
var create_table_by_spec = null;
|
||
var spec_table_data = [];
|
||
var spec_value_temp_id_number = 0;
|
||
var geocoder = null
|
||
var lat_lng = null
|
||
var map = null
|
||
layui.config({
|
||
version:"{$front_version}",
|
||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||
}).extend({
|
||
index: 'lib/index' //主入口模块
|
||
}).use(['index', 'element', 'jquery', 'like', 'likeedit'], function () {
|
||
var $ = layui.$;
|
||
var like = layui.like;
|
||
var form = layui.form;
|
||
var likeedit = layui.likeedit;
|
||
|
||
$('.first_ratio').bind('input propertychange', function() {
|
||
var that = $(this);
|
||
var value = that.val();
|
||
format(that,value)
|
||
|
||
});
|
||
$(document).on('click','#lon',function(){
|
||
|
||
var markers = [];
|
||
function addMarker(latlng){
|
||
markers.updateGeometries([
|
||
{
|
||
id: 'main',
|
||
position: latlng, // 将得到的坐标位置用点标记标注在地图上
|
||
},
|
||
]);
|
||
}
|
||
$("#tMap").removeClass('layui-hide');
|
||
layer.open({
|
||
type:1,
|
||
area:["800px","600px"],
|
||
title:"地图标识",
|
||
btn: ['取消','确定'],
|
||
skin: 'layui-ext-yourskin',
|
||
content:layui.jquery('#tMap'),
|
||
success:function(){
|
||
if(!map){
|
||
map = new TMap.Map('maplocation', {
|
||
zoom: 14,
|
||
center: new TMap.LatLng(39.986785, 116.301012),
|
||
});
|
||
|
||
markers = new TMap.MultiMarker({
|
||
map: map,
|
||
geometries: [],
|
||
});
|
||
|
||
map.on('click', function(event) {
|
||
lat_lng = event.latLng
|
||
addMarker(event.latLng);
|
||
$('#lon').val(event.latLng.lng)
|
||
$('#lat').val(event.latLng.lat)
|
||
|
||
});
|
||
|
||
|
||
geocoder = new TMap.service.Geocoder();
|
||
|
||
|
||
searchService = {
|
||
search:function(name){
|
||
geocoder.getLocation({ address:name })
|
||
.then((result) => {
|
||
console.log(result,999)
|
||
lat_lng = result.result.location
|
||
addMarker( result.result.location)
|
||
// markers.updateGeometries([
|
||
// {
|
||
// id: 'main',
|
||
// position: result.result.location, // 将得到的坐标位置用点标记标注在地图上
|
||
// },
|
||
// ]);
|
||
map.setCenter(result.result.location);
|
||
$('#lon').val(result.result.location.lng)
|
||
$('#lat').val(result.result.location.lat)
|
||
// 显示坐标数值
|
||
});
|
||
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
} ,
|
||
yes: function(index, layero){
|
||
console.log(lat_lng,99)
|
||
//do something
|
||
layer.close(index); //如果设定了yes回调，需进行手工关闭
|
||
},
|
||
btn2:function(index){
|
||
layer.close(index)
|
||
console.log(lat_lng,88)
|
||
if(lat_lng){
|
||
$('#lon').val(lat_lng.lng)
|
||
$('#lat').val(lat_lng.lat)
|
||
}
|
||
|
||
},
|
||
cancel: function(index, layero){
|
||
//if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
|
||
document.getElementById("tMap").style.display="none";//通过设置display属性可以使div隐藏后释放占用的页面空间
|
||
layer.close(index)
|
||
// }
|
||
return false;
|
||
} //这里content是一个普通的String
|
||
});
|
||
|
||
$(document).on('click','.searchKey',function(){
|
||
var search_key=$("#search_key").val();
|
||
var search_key=$("#search_key").val();
|
||
searchService.search(search_key);
|
||
// searchService.setLocation(search_key);
|
||
// searchService.search(search_key);
|
||
|
||
})
|
||
});
|
||
|
||
|
||
|
||
|
||
//规格生成表格
|
||
createTableBySepc = function () {
|
||
if ($('.goods-spec').size() <= 0) {
|
||
$('#more-spec-lists').hide();
|
||
return;
|
||
}
|
||
|
||
$('#more-spec-lists').show();
|
||
var table_title = [];
|
||
var table_data = [];
|
||
var spec_value_temp_arr = [];
|
||
var i = 0;
|
||
var th_html = $('#template-spec-table-th').html();
|
||
var tr_html = $('#template-spec-table-tr').html();
|
||
|
||
//遍历规格项目
|
||
$('.goods-spec').each(function () {
|
||
var spec_name = $(this).find('.spec_name').first().val();
|
||
if (isEmptyString(spec_name)) {
|
||
return true;
|
||
}
|
||
table_title[i] = spec_name;
|
||
table_data[i] = [];
|
||
spec_value_temp_arr[i] = [];
|
||
var j = 0;
|
||
$(this).find('.goods-spec-value .goods-spec-value-input').each(function () {
|
||
var spec_value = $(this).val();
|
||
var spec_value_temp_id = $(this).attr('spec-value-temp-id');
|
||
if (isEmptyString(spec_value)) {
|
||
return true;
|
||
}
|
||
table_data[i][j] = spec_value;
|
||
spec_value_temp_arr[i][j] = spec_value_temp_id;
|
||
j++;
|
||
});
|
||
i++;
|
||
});
|
||
|
||
table_html = '';
|
||
|
||
//表格头部组装
|
||
spec_th_html = '';
|
||
for (var i in table_title) {
|
||
spec_th_html += '<th>' + table_title[i] + '</th>';
|
||
}
|
||
table_html = th_html.replace('{spec_th}', spec_th_html);
|
||
|
||
spec_value_temp_arr = cartesianProduct(spec_value_temp_arr);
|
||
table_data = cartesianProduct(table_data);
|
||
for (var i in table_data) {
|
||
var spec_tr_html = '';
|
||
var tr_name_arr = [];
|
||
var specs = '';
|
||
if (Array.isArray(table_data[i])) {
|
||
//根据规格创建tr的id
|
||
var spec_value_temp_ids = '';
|
||
for(var j in spec_value_temp_arr[i]){
|
||
spec_value_temp_ids += spec_value_temp_arr[i][j]+',';
|
||
}
|
||
spec_value_temp_ids = spec_value_temp_ids.substring(0, spec_value_temp_ids.lastIndexOf(','));
|
||
spec_tr_html += '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
|
||
for (var j in table_data[i]) {
|
||
spec_tr_html += '<td>' + table_data[i][j] + '</td>';
|
||
tr_name_arr[j] = table_data[i][j];
|
||
specs += table_data[i][j].replace(',', '') + ',';
|
||
}
|
||
} else {
|
||
var spec_value_temp_ids = spec_value_temp_arr[i];
|
||
spec_tr_html = '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
|
||
spec_tr_html += '<td>' + table_data[i] + '</td>';
|
||
specs += table_data[i].replace(',', '') + ',';
|
||
}
|
||
specs = specs.substring(0, specs.lastIndexOf(','));
|
||
spec_table_data["spec_value_str[]"+spec_value_temp_ids] = specs;
|
||
spec_tr_html += '<td style="display: none"><input type="hidden" name="spec_value_str[]" value="' + specs + '"><input type="hidden" name="item_id[]" value=""></td>';
|
||
table_html += tr_html.replace('{spec_td}', spec_tr_html);
|
||
|
||
}
|
||
$('#more-spec-lists-table').html(table_html);
|
||
setTableValue();
|
||
}
|
||
{notempty name='info'}
|
||
var goods_info= {$info|raw|default=''};
|
||
console.log(goods_info);
|
||
$('input[name="id"]').val(goods_info['id']);
|
||
$('input[name="address"]').val(goods_info['address']);
|
||
$('input[name="total_amount"]').val(goods_info['total_amount']);
|
||
|
||
$('input[name="name"]').val(goods_info['consignee']);
|
||
$('input[name="phone"]').val(goods_info['mobile']);
|
||
$('input[name="store_latitude"]').val(goods_info['lng']);
|
||
$('input[name="store_longitude"]').val(goods_info['lat']);
|
||
|
||
|
||
|
||
$('input[name="areas"]').val(goods_info['areas']);
|
||
|
||
$("input[name=pay_status][value="+goods_info['pay_zd']+"]").prop("checked",true);
|
||
form.render();
|
||
{/notempty}
|
||
//------------------------编辑页面----------------------------------
|
||
});
|
||
</script> |