vr-shopxo-source/application/plugins/view/petscms/pets/saveinfo.html

245 lines
16 KiB
HTML
Raw Normal View History

2019-04-11 10:27:50 +00:00
{{include file="public/header" /}}
<!-- header top nav -->
{{include file="public/header_top_nav" /}}
<!-- search -->
{{include file="public/nav_search" /}}
<!-- header nav -->
{{include file="public/header_nav" /}}
<!-- goods category -->
{{include file="public/goods_category" /}}
<!-- content -->
<div class="am-container user-main">
<!-- user menu start -->
{{include file="public/user_menu" /}}
<!-- user menu end -->
<!-- content start -->
<div class="user-content">
<div class="user-content-body">
<form class="am-form form-validation view-save" action="{{:PluginsHomeUrl('petscms', 'pets', 'save')}}" method="POST" request-type="ajax-url" request-value="{{:PluginsHomeUrl('petscms', 'pets', 'index', $params)}}" enctype="multipart/form-data">
2019-04-12 10:41:10 +00:00
<legend>
<span class="legend-title">我的宠物</span>
<a href="{{:PluginsHomeUrl('petscms', 'pets', 'index', $params)}}" class="am-fr am-icon-mail-reply"> 返回</a>
</legend>
<!-- 基础 -->
<div class="base-view">
{{if empty($data['id'])}}
<div class="am-form-group">
<label>编号<span class="am-form-group-label-tips-must">请输入二维码上的编号(无二维码留空即可)</span></label>
<input type="text" name="pest_no" placeholder="编号" maxlength="60" data-validation-message="编号格式 1~60 个字符之间" class="am-radius" value="" />
</div>
{{/if}}
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>标题<span class="am-form-group-label-tips-must">必填</span></label>
<input type="text" name="title" placeholder="标题" minlength="1" maxlength="60" data-validation-message="标题格式 1~60 个字符之间" class="am-radius" value="{{if !empty($data['title'])}}{{$data.title}}{{/if}}" required />
</div>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>宠物名字<span class="am-form-group-label-tips-must">必填</span></label>
<input type="text" name="name" placeholder="宠物名字" minlength="1" maxlength="30" data-validation-message="宠物名字格式 1~30 个字符之间" class="am-radius" value="{{if !empty($data['name'])}}{{$data.name}}{{/if}}" required />
</div>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>出生日期<span class="am-form-group-label-tips-must">必填</span></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" required />
</div>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>类型<span class="am-form-group-label-tips-must">必选</span></label>
<select name="type" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择类型" required>
<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>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>品种<span class="am-form-group-label-tips">必填</span></label>
<input type="text" name="varieties" placeholder="品种" maxlength="30" data-validation-message="品种格式最多 30 个字符" class="am-radius" value="{{if !empty($data['varieties'])}}{{$data.varieties}}{{/if}}" required />
</div>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>性别<span class="am-form-group-label-tips-must">必选</span></label>
<select name="gender" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择性别" required>
<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>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>是否绝育<span class="am-form-group-label-tips-must">必选</span></label>
<select name="sterilization" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择是否绝育" required>
<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>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<div class="am-form-group">
<label>是否疫苗<span class="am-form-group-label-tips-must">必选</span></label>
<select name="vaccine" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择是否疫苗" required>
<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>
2019-04-11 10:27:50 +00:00
{{/foreach}}
2019-04-12 10:41:10 +00:00
</select>
</div>
2019-04-11 10:27:50 +00:00
2019-04-12 10:41:10 +00:00
<!-- 相册 -->
<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>宠物简介<span class="am-form-group-label-tips">选填</span></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>
2019-04-11 10:27:50 +00:00
</div>
<!-- 主人信息 -->
<div class="am-alert am-alert-secondary person-view" data-am-alert>
2019-04-12 10:41:10 +00:00
<h2>主人信息</h2>
<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
2019-04-11 10:27:50 +00:00
<div class="am-form-group">
<label>主人姓名<span class="am-form-group-label-tips-must">必填</span></label>
2019-04-12 10:41:10 +00:00
<input type="text" name="person_name" placeholder="主人姓名" minlength="1" maxlength="30" data-validation-message="主人姓名格式 1~30 个字符之间" class="am-radius" value="{{if !empty($data['person_name'])}}{{$data.person_name}}{{/if}}" required />
2019-04-11 10:27:50 +00:00
</div>
<div class="am-form-group">
<label>主人电话<span class="am-form-group-label-tips-must">必填</span></label>
2019-04-12 10:41:10 +00:00
<input type="text" name="person_tel" placeholder="主人电话" minlength="1" maxlength="30" data-validation-message="主人电话格式 1~30 个字符之间" class="am-radius" value="{{if !empty($data['person_tel'])}}{{$data.person_tel}}{{/if}}" required />
2019-04-11 10:27:50 +00:00
</div>
<div class="am-form-group">
<label>主人微信<span class="am-form-group-label-tips-must">必填</span></label>
2019-04-12 10:41:10 +00:00
<input type="text" name="person_weixin" placeholder="主人微信" minlength="1" maxlength="30" data-validation-message="主人微信格式 1~30 个字符之间" class="am-radius" value="{{if !empty($data['person_weixin'])}}{{$data.person_weixin}}{{/if}}" required />
2019-04-11 10:27:50 +00:00
</div>
</div>
2019-04-12 10:41:10 +00:00
<!-- 丢失信息 -->
<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>丢失时间<span class="am-form-group-label-tips">选填</span></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>宠物特征<span class="am-form-group-label-tips">选填</span></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>
2019-04-14 15:16:18 +00:00
<div class="am-form-group region-linkage" data-url="{{:MyUrl('index/region/index')}}">
<label class="block">省市区<span class="am-form-group-label-tips">选填</span></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>
2019-04-12 10:41:10 +00:00
<div class="am-form-group map-address">
2019-04-14 15:16:18 +00:00
<label>详细地址<span class="am-form-group-label-tips">选填</span></label>
2019-04-12 10:41:10 +00:00
<div class="am-input-group am-input-group-sm">
2019-04-14 15:16:18 +00:00
<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="详细地址格式 1~80 个字符之间" class="am-radius" value="{{if !empty($data['lose_address'])}}{{$data.lose_address}}{{/if}}" />
2019-04-12 10:41:10 +00:00
<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>
<div id="map" data-level="17" class="am-form-group"></div>
</div>
<div class="am-form-group">
<label>状态<span class="am-form-group-label-tips-must">必选</span></label>
<select name="status" class="am-radius chosen-select" data-placeholder="可选择..." data-validation-message="请选择状态" required>
<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>
2019-04-11 10:27:50 +00:00
<div class="am-form-group am-form-group-refreshing">
2019-04-12 10:41:10 +00:00
<input type="hidden" name="id" value="{{if !empty($data['id'])}}{{$data.id}}{{/if}}" />
2019-04-11 10:27:50 +00:00
<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>
<!-- content end -->
</div>
<!-- footer start -->
{{include file="public/footer" /}}
2019-04-12 10:41:10 +00:00
<!-- 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;
2019-04-14 15:16:18 +00:00
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}});
2019-04-12 10:41:10 +00:00
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>