318 lines
16 KiB
HTML
318 lines
16 KiB
HTML
{layout name="manager/layout" /}
|
||
<div class="layuimini-container location-operate-page">
|
||
<div class="layuimini-main">
|
||
<div class="layui-form layuimini-form">
|
||
|
||
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">商家名称</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="business_name" lay-verify="required" value="{$item.business_name??''}" placeholder="请输入商家名称" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">商家名称</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="business_subtitle" value="{$item.business_subtitle??''}" placeholder="请输入商家简称" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">商家类型</label>
|
||
<div class="layui-input-block">
|
||
<select name="type">
|
||
<option value="">请选择问题</option>
|
||
|
||
{foreach $type as $value}
|
||
<optgroup label="{$value['name']}">
|
||
{if !empty($value['children'])}
|
||
{foreach $value['children'] as $ckey => $cvalue}
|
||
<option value="{$cvalue['id']}" {if $item['type'] ==$cvalue['id'] } selected {/if}>{$cvalue['name']}</option>
|
||
{/foreach}
|
||
{/if}
|
||
</optgroup>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-form-item layui-row field-div current-field-cover" >
|
||
<label class="layui-form-label">执照:</label>
|
||
<div class="layui-inline layui-col-xs12 layui-col-md8">
|
||
<div class="layui-row upload-file-div">
|
||
<div class=" layui-col-xs12 layui-col-md8">
|
||
<input class="layui-input upload-file-value" name="business_license" type="text" value="{$item.business_license??''}">
|
||
<div class="layui-form-mid layui-word-aux">图片尺寸：请选择合适尺寸</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md3">
|
||
<span>
|
||
<button type="button" class="layui-btn layui-btn-danger upload-btn">
|
||
<i class="fa fa-upload"></i> 上传
|
||
</button>
|
||
</span>
|
||
</div>
|
||
<ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 地址 -->
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">地址</label>
|
||
<div class="layui-input-block">
|
||
<input type="hidden" id="input-province" name="province" value="{$item.province ?? 0}">
|
||
<input type="hidden" id="input-city" name="city" value="{$item.city ?? 0}">
|
||
<input type="hidden" id="input-county" name="county" value="{$item.county ?? 0}">
|
||
<input type="hidden" id="input-province-text" name="province_text" value="{$item.province_text ?? ''}">
|
||
<input type="hidden" id="input-city-text" name="city_text" value="{$item.city_text ?? ''}">
|
||
<input type="hidden" id="input-county-text" name="county_text" value="{$item.county_text ?? ''}">
|
||
<div id="target" style="z-index: 1111"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">详细地址</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="business_address" lay-verify="required" value="{$item.business_address??''}" placeholder="请输入" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 经纬度 -->
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">经纬度</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-inline">
|
||
<input type="number" name="lng" value="{$item.lng ?? ''}" id="longitude" placeholder="请填写经度" lay-reqtext="经度不能为空" lay-verify="required" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<input type="number" name="lat" value="{$item.lat ?? ''}" id="latitude" placeholder="请填写纬度" lay-reqtext="纬度不能为空" lay-verify="required" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline"><button class="layui-btn-normal layui-btn" id="locationBtn">定位</button></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">联系人</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="contact_name" lay-verify="required" value="{$item.contact_name??''}" placeholder="请输入" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">联系电话</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="contact_phone" lay-verify="required" value="{$item.contact_phone??''}" placeholder="请输入" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">审核状态</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" if $item['state']==0 } disabled {/if} {if $item['state']==0 } checked="checked" {/if} name="state" value="0" title="审核中" />
|
||
<input type="radio" if $item['state']==0 } disabled {/if} {if $item['state']==1 } checked="checked" {/if} name="state" value="1" title="审核通过" />
|
||
<input type="radio" if $item['state']==0 } disabled {/if} {if $item['state']==2 } checked="checked" {/if} name="state" value="2" title="拒绝" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label ">驳回原因</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="reason" value="{$item.reason??''}" placeholder="请输入" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">启用状态</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" {if $item['enable']==0 } checked="checked" {/if} name="enable" value="0" title="正常" />
|
||
<input type="radio" {if $item['enable']==1 } checked="checked" {/if} name="enable" value="1" title="禁用" />
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">特色</label>
|
||
<div class="layui-input-block">
|
||
<textarea class="layui-textarea" name="characteristic">{$item['characteristic']}</textarea>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">介绍</label>
|
||
<div class="layui-input-block">
|
||
<div class="editor"></div>
|
||
<textarea class="layui-textarea" name="intro" style="display:none;">{$item['intro']}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">商圈</label>
|
||
<div class="layui-input-block">
|
||
<select name="business_circle_id">
|
||
<option value="">请选择</option>
|
||
{foreach $businessCircle as $bkey => $bvalue}
|
||
<option value="{$bvalue['id']}" {if $item['business_circle_id'] == $bvalue['id'] } selected {/if}>{$bvalue['name']}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item layui-row field-div current-field-cover" >
|
||
<label class="layui-form-label">商家背景图:</label>
|
||
<div class="layui-inline layui-col-xs12 layui-col-md8">
|
||
<div class="layui-row upload-file-div">
|
||
<div class=" layui-col-xs12 layui-col-md8">
|
||
<input class="layui-input upload-file-value" name="background" type="text" value="{$item.background??''}">
|
||
<div class="layui-form-mid layui-word-aux">图片尺寸：请选择合适尺寸</div>
|
||
</div>
|
||
<div class="layui-col-xs12 layui-col-md3">
|
||
<span>
|
||
<button type="button" class="layui-btn layui-btn-danger upload-btn">
|
||
<i class="fa fa-upload"></i> 上传
|
||
</button>
|
||
</span>
|
||
</div>
|
||
<ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">商家评分</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" {if $item['score']==1 } checked="checked" {/if} name="score" value="1" title="1星" />
|
||
<input type="radio" {if $item['score']==2 } checked="checked" {/if} name="score" value="2" title="2星" />
|
||
<input type="radio" {if $item['score']==3 } checked="checked" {/if} name="score" value="3" title="3星" />
|
||
<input type="radio" {if $item['score']==4 } checked="checked" {/if} name="score" value="4" title="4星" />
|
||
<input type="radio" {if $item['score']==5 } checked="checked" {/if} name="score" value="5" title="5星" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">商家模式</label>
|
||
<div class="layui-input-block">
|
||
<select name="model">
|
||
{foreach $model as $key=> $value}
|
||
<option value="{$key}" {if $item['model'] == $key } selected {/if}>{$value}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn layui-btn-normal" data-url="/manager/business/business-detail?business_code={$item.code}" lay-submit lay-filter="saveBtn">确认保存</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="__STATIC__/js/iPicker/iPicker.min.js"></script>
|
||
<script src="__STATIC__/common/jquery-3.4.1.min.js"></script>
|
||
|
||
<script>
|
||
let province = $('#input-province').val();
|
||
let city = $('#input-city').val();
|
||
let county = $('#input-county').val();
|
||
let _width = 200;
|
||
let _height = 34;
|
||
|
||
province = province ? province : '110000';
|
||
city = city ? city : '110100';
|
||
county = county ? county : '110101';
|
||
|
||
if ($('#target').length > 0) {
|
||
if ($('#target').data('width') != undefined) {
|
||
_width = $('#target').data('width');
|
||
}
|
||
if ($('#target').data('height') != undefined) {
|
||
_height = $('#target').data('height');
|
||
}
|
||
}
|
||
|
||
var picker =iPicker.create("#target", {
|
||
width: _width,
|
||
height: _height,
|
||
data: {
|
||
|
||
// 此处以通过 jquery 库获取本地数据源为例
|
||
//source: Promise.resolve($.getJSON("/static/js/iPicker/area.json"))
|
||
|
||
// 此处以通过 jquery 库获取数据为例
|
||
// 示例代码中使用的 "http://www.abcddcba.com/api/area" 是模拟地址，实际应用中替换成真实地址即可
|
||
// code 参数值就是相应地区对应的行政区划代码
|
||
// ----------------------------------------------------------------------------------------------------------
|
||
// 使用自定义数据源时，必须保证 source 属性值是 Function 类型
|
||
// iPicker 会自动执行此函数，同时要确保此函数的执行结果返回的是标准的 Promise 对象
|
||
// iPicker 会自动调用 then 方法，同时要确保 then 方法的参数就是返回的数据（Array 类型）
|
||
// ----------------------------------------------------------------------------------------------------------
|
||
// 初始状态下，iPicker 会自动执行一次 source 函数来获取 “省份” 数据，此时传入的 code 参数值为 null
|
||
// 因此，开发者可能需要给 code 参数设置一个默认值来获取 “省份” 数据（如示例代码中 code 为 null 时默认取零）
|
||
source: code => $.get( "/api/area/index.html?areaId=" + ( code || 86 ) )
|
||
|
||
},
|
||
onSelect: (code, name, all) => {
|
||
// 返回参数均为数组形式
|
||
// console.log( code );
|
||
// console.log( name );
|
||
// console.log( all );
|
||
let len = code.length;
|
||
if (len === 3) {
|
||
$('#input-province').val(code[0]);
|
||
$('#input-city').val(code[1]);
|
||
$('#input-county').val(code[2]);
|
||
$('#input-province-text').val(name[0]);
|
||
$('#input-city-text').val(name[1]);
|
||
$('#input-county-text').val(name[2]);
|
||
}
|
||
},
|
||
selected: [province, city, county],
|
||
})
|
||
</script>
|
||
|
||
<script>
|
||
layui.use(['layer','form','jquery','location'],function(){
|
||
let $ = layui.jquery;
|
||
let form = layui.form;
|
||
let location = layui.location;
|
||
|
||
let lng = $('#longitude').val();
|
||
let lat = $('#latitude').val();
|
||
|
||
lng = lng.length > 0 ? lng : '116.404';
|
||
lat = lat.length > 0 ? lat : '39.915';
|
||
let locationData = {lng: lng,lat: lat};
|
||
|
||
location.render("#locationBtn",{
|
||
type: 1,
|
||
apiType: "gaodeMap",
|
||
coordinate: "gaodeMap",
|
||
mapType: 0,
|
||
zoom: 15,
|
||
title: '区域定位',
|
||
init: function(){
|
||
// 打开地图时 延迟一定时间搜索
|
||
$('body').on('click', '#locationBtn', function () {
|
||
let address = $("input[name='address']").val();
|
||
setTimeout(function () {
|
||
$('#ew-map-select-input-search').val(address).trigger('input');
|
||
}, 1500)
|
||
})
|
||
return {longitude: $("#longitude").val()?$("#longitude").val():locationData.lng,latitude: $("#latitude").val()?$("#latitude").val():locationData.lat};
|
||
},
|
||
success: function (data) {
|
||
$("#longitude").val(data.lng);
|
||
$("#latitude").val(data.lat);
|
||
},
|
||
onClickTip: function (data) {
|
||
console.log(data);
|
||
}
|
||
|
||
});
|
||
});
|
||
</script> |