220 lines
14 KiB
HTML
Executable File
220 lines
14 KiB
HTML
Executable File
{{include file="public/header" /}}
|
||
|
||
<!-- right content start -->
|
||
<div class="content-right">
|
||
<div class="content">
|
||
<legend>
|
||
<span class="fs-16">宠物管理系统</span>
|
||
<a href="{{:PluginsAdminUrl('petscms', 'petsadmin', 'index')}}" class="fr fs-14 m-t-5 am-icon-mail-reply"> 返回</a>
|
||
</legend>
|
||
<div class="petscms-content">
|
||
<form class="am-form form-validation view-save" action="{{:PluginsAdminUrl('petscms', 'petsadmin', 'save')}}" method="POST" request-type="ajax-url" request-value="{{:PluginsAdminUrl('petscms', 'petsadmin', 'index', $params)}}" enctype="multipart/form-data">
|
||
<!-- 基础 -->
|
||
<div class="base-view">
|
||
<div class="am-form-group">
|
||
<label>标题</label>
|
||
<input type="text" name="title" placeholder="标题" maxlength="60" data-validation-message="标题格式最多 60 个字符" class="am-radius" value="{{if !empty($data['title'])}}{{$data.title}}{{/if}}" />
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>宠物名字</label>
|
||
<input type="text" name="name" placeholder="宠物名字" maxlength="30" data-validation-message="宠物名字格式最多 30 个字符" class="am-radius" value="{{if !empty($data['name'])}}{{$data.name}}{{/if}}" />
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>出生日期</label>
|
||
<input type="text" name="birthday" class="am-form-field am-radius Wdate" placeholder="出生日期" data-validation-message="出生日期格式有误" {{if !empty($data['birthday_name'])}} value="{{$data.birthday_name}}"{{/if}} onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd'})" autocomplete="off" />
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>类型</label>
|
||
<select name="type" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择类型">
|
||
<option value="">可选择...</option>
|
||
{{foreach $pets_attribute_type_list as $v}}
|
||
<option value="{{$v.value}}" {{if isset($data['type']) and $data['type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
|
||
{{/foreach}}
|
||
</select>
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>品种</label>
|
||
<input type="text" name="varieties" placeholder="品种" maxlength="30" data-validation-message="品种格式最多 30 个字符" class="am-radius" value="{{if !empty($data['varieties'])}}{{$data.varieties}}{{/if}}" />
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>性别</label>
|
||
<select name="gender" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择性别">
|
||
<option value="">可选择...</option>
|
||
{{foreach $pets_attribute_gender_list as $v}}
|
||
<option value="{{$v.value}}" {{if isset($data['gender']) and $data['gender'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
|
||
{{/foreach}}
|
||
</select>
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>是否绝育</label>
|
||
<select name="sterilization" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择是否绝育">
|
||
<option value="">可选择...</option>
|
||
{{foreach $pets_attribute_is_text_list as $v}}
|
||
<option value="{{$v.value}}" {{if isset($data['sterilization']) and $data['sterilization'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
|
||
{{/foreach}}
|
||
</select>
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>是否疫苗</label>
|
||
<select name="vaccine" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择是否疫苗">
|
||
<option value="">可选择...</option>
|
||
{{foreach $pets_attribute_is_text_list as $v}}
|
||
<option value="{{$v.value}}" {{if isset($data['vaccine']) and $data['vaccine'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
|
||
{{/foreach}}
|
||
</select>
|
||
</div>
|
||
|
||
<!-- 相册 -->
|
||
<div class="am-form-group">
|
||
<label>宠物相册<span class="am-form-group-label-tips">可拖拽图片进行排序，建议图片尺寸一致</span></label>
|
||
<ul class="plug-file-upload-view goods-photo-view" data-form-name="photo[]" data-max-number="6" data-dialog-type="images">
|
||
{{if !empty($data['photo'])}}
|
||
{{foreach $data.photo as $v}}
|
||
<li>
|
||
<input type="text" name="photo[]" value="{{$v.images_old}}" />
|
||
<img src="{{$v.images}}" />
|
||
<i>×</i>
|
||
</li>
|
||
{{/foreach}}
|
||
{{/if}}
|
||
</ul>
|
||
<div class="plug-file-upload-submit" data-view-tag="ul.goods-photo-view">+上传相册</div>
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<label>状态</label>
|
||
<select name="status" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择状态">
|
||
<option value="">可选择...</option>
|
||
{{foreach $pets_attribute_status_list as $v}}
|
||
<option value="{{$v.value}}" {{if isset($data['status']) and $data['status'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
|
||
{{/foreach}}
|
||
</select>
|
||
</div>
|
||
|
||
<!-- 宠物简介 -->
|
||
<div class="am-form-group">
|
||
<label>宠物简介</label>
|
||
<textarea class="am-radius am-validate" name="content" maxlength="105000" id="editor-tag" data-validation-message="宠物简介内容最多 105000 个字符">{{if !empty($data['content'])}}{{$data.content}}{{/if}}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 主人信息 -->
|
||
<div class="am-alert am-alert-secondary person-view" data-am-alert>
|
||
<h2>主人信息</h2>
|
||
<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
|
||
<div class="am-form-group">
|
||
<label>主人姓名</label>
|
||
<input type="text" name="person_name" placeholder="主人姓名" maxlength="30" data-validation-message="主人姓名格式最多 30 个字符" class="am-radius" value="{{if !empty($data['person_name'])}}{{$data.person_name}}{{/if}}" />
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label>主人电话</label>
|
||
<input type="text" name="person_tel" placeholder="主人电话" maxlength="30" data-validation-message="主人电话格式最多 30 个字符" class="am-radius" value="{{if !empty($data['person_tel'])}}{{$data.person_tel}}{{/if}}" />
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label>主人微信</label>
|
||
<input type="text" name="person_weixin" placeholder="主人微信" maxlength="30" data-validation-message="主人微信格式最多 30 个字符" class="am-radius" value="{{if !empty($data['person_weixin'])}}{{$data.person_weixin}}{{/if}}" />
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 丢失信息 -->
|
||
<div class="am-alert am-alert-warning lose-view" data-am-alert>
|
||
<h2>丢失信息（丢失状态下有效）</h2>
|
||
<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
|
||
<div class="am-form-group">
|
||
<label>丢失时间</label>
|
||
<input type="text" name="lose_time" class="am-form-field am-radius Wdate" placeholder="丢失时间" data-validation-message="丢失时间格式有误" {{if !empty($data['lose_time_name'])}} value="{{$data.lose_time_name}}"{{/if}} onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd'})" autocomplete="off" />
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label>悬赏金额<span class="am-form-group-label-tips">空则无赏金</span></label>
|
||
<input type="text" name="lose_reward_amount" placeholder="悬赏金额" data-validation-message="请填写有效的悬赏金额" class="am-radius" pattern="^([0-9]{1}\d{0,6})(\.\d{1,2})?$" value="{{if !empty($data['lose_reward_amount']) and $data['lose_reward_amount'] gt 0}}{{$data.lose_reward_amount}}{{/if}}" />
|
||
</div>
|
||
<div class="am-form-group">
|
||
<label>宠物特征</label>
|
||
<textarea class="am-radius am-validate" name="lose_features" rows="5" maxlength="230" placeholder="内容最多230个字" data-validation-message="宠物特征最多 230 个字符">{{if !empty($data['lose_features'])}}{{$data.lose_features}}{{/if}}</textarea>
|
||
</div>
|
||
<div class="am-form-group region-linkage" data-url="{{:MyUrl('index/region/index')}}">
|
||
<label class="block">省市区</label>
|
||
<select name="province" data-next="city" class="am-radius chosen-select" data-placeholder="省份" data-validation-message="请选择省份" data-value="{{if isset($data['lose_province'])}}{{$data.lose_province}}{{else /}}0{{/if}}" />
|
||
<option value="">省份</option>
|
||
</select>
|
||
<select name="city" data-next="county" class="am-radius chosen-select" data-placeholder="城市" data-validation-message="请选择城市" data-value="{{if isset($data['lose_city'])}}{{$data.lose_city}}{{else /}}0{{/if}}" />
|
||
<option value="">城市</option>
|
||
</select>
|
||
<select name="county" class="am-radius chosen-select" data-placeholder="区/县" data-validation-message="请选择区/县" data-value="{{if isset($data['lose_county'])}}{{$data.lose_county}}{{else /}}0{{/if}}" />
|
||
<option value="">区/县</option>
|
||
</select>
|
||
</div>
|
||
<div class="am-form-group map-address">
|
||
<label>详细地址</label>
|
||
<div class="am-input-group am-input-group-sm">
|
||
<input type="hidden" name="lng" id="form-lng" value="{{if !empty($data['lose_lng'])}}{{$data.lose_lng}}{{/if}}" />
|
||
<input type="hidden" name="lat" id="form-lat" value="{{if !empty($data['lose_lat'])}}{{$data.lose_lat}}{{/if}}" />
|
||
<input type="text" name="address" id="form-address" placeholder="详细地址" maxlength="80" data-validation-message="详细地址格式最多 180 个字符" class="am-radius" value="{{if !empty($data['lose_address'])}}{{$data.lose_address}}{{/if}}" />
|
||
<span class="am-input-group-btn">
|
||
<button class="am-btn am-btn-default am-radius" type="button" id="map-location-submit"><span class="am-icon-map-marker"></span> 定位</button>
|
||
</span>
|
||
</div>
|
||
<div id="map" data-level="17"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-form-group am-form-group-refreshing">
|
||
<input type="hidden" name="id" value="{{if !empty($data['id'])}}{{$data.id}}{{/if}}" />
|
||
<input type="hidden" name="user_id" value="{{if !empty($data['user_id'])}}{{$data.user_id}}{{/if}}" />
|
||
<button type="submit" class="am-btn am-btn-primary am-radius btn-loading-example am-btn-sm am-btn-block" data-am-loading="{loadingText:'处理中...'}">提交</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- right content end -->
|
||
|
||
<!-- footer start -->
|
||
{{include file="public/footer" /}}
|
||
<!-- footer end -->
|
||
|
||
<!-- map -->
|
||
<script type="text/javascript" src="{{$Think.__MY_HTTP__}}://api.map.baidu.com/api?v=2.0&ak={{:MyC('common_baidu_map_ak')}}"></script>
|
||
|
||
<script type="text/javascript">
|
||
$(function()
|
||
{
|
||
// 百度地图API功能
|
||
var map = new BMap.Map("map", {enableMapClick:false});
|
||
var level = $('#map').data('level') || 16;
|
||
var point = new BMap.Point({{if !empty($data['lose_lng'])}}{{$data['lose_lng']}}{{else /}}116.400244{{/if}},{{if !empty($data['lose_lat'])}}{{$data['lose_lat']}}{{else /}}39.92556{{/if}});
|
||
map.centerAndZoom(point, level);
|
||
|
||
// 添加控件
|
||
var navigationControl = new BMap.NavigationControl({
|
||
// 靠左上角位置
|
||
anchor: BMAP_ANCHOR_TOP_LEFT,
|
||
// LARGE类型
|
||
type: BMAP_NAVIGATION_CONTROL_LARGE,
|
||
});
|
||
map.addControl(navigationControl);
|
||
|
||
// 创建标注
|
||
var marker = new BMap.Marker(point); // 创建标注
|
||
map.addOverlay(marker); // 将标注添加到地图中
|
||
marker.enableDragging(); // 可拖拽
|
||
marker.addEventListener("dragend", function(e) {
|
||
map.panTo(e.point);
|
||
$('#form-lng').val(e.point.lng);
|
||
$('#form-lat').val(e.point.lat);
|
||
});
|
||
|
||
// 设置版权控件位置
|
||
var cr = new BMap.CopyrightControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT});
|
||
map.addControl(cr); //添加版权控件
|
||
var bs = map.getBounds(); //返回地图可视区域
|
||
cr.addCopyright({id: 1, content: "<div class='map-copy'><span>拖动红色图标直接定位</span></div>", bounds:bs});
|
||
});
|
||
</script> |