<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<head th:include="include :: header"></head>
<style type="text/css">
.gg-formGroup .gg-formDetail{
width:66%;
display: inline-block;
}
.gg-font0{
font-size:0;
}
.gg-area{
width: 22.20%;
display: inline-block;
padding-right: 2%;
}
.layui-upload-file{display: none!important; opacity: .01; filter: Alpha(opacity=1);}
.span-required{
color: red;
margin-right: 5px;
}
#container {
min-width:580px;
/* width: 580px; */
left: 88px;
min-height:660px;
}
</style>
<script charset="utf-8" src="http://map.qq.com/api/js?v=MNWBZ-AU4CP-HBDDK-VNLUH-B2KS7-NTFVE"></script>
<script type="text/javascript" src="/js/appjs/system/carServiceCompany/txMap.js"></script>
<body class="gray-bg" onload="init()">
<div class="wrapper wrapper-content ">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-content">
<form class="form-horizontal m-t" id="signupForm">
<input id="id" name="id" th:value="${carServiceCompany.id}" type="hidden">
<div class="form-group">
<label class="col-sm-3 control-label"><span class="span-required">*</span>公司名称：</label>
<div class="col-sm-8">
<input id="name" name="name" th:value="${carServiceCompany.name}" maxlength="225" class="form-control" type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">
</div>
</div>
<div class="form-group">
<input id="shopPic" name="shopPic" th:value="${carServiceCompany.shopPic}" type="hidden">
<label class="col-sm-3 control-label"><span class="span-required">*</span>门店图片：</label>
<div class="col-sm-8">
<button type="button" class="layer-btn" id="shopPicImg">
<i class="fa fa-cloud"></i>上传图片
</button>
<img id="imgShopPic" style="width: 460px;height: 300px;" th:src="${carServiceCompany.shopPic}" >
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="span-required">*</span>联系电话：</label>
<div class="col-sm-8">
<input id="phone" name="phone" maxlength="15" th:value="${carServiceCompany.phone}" class="form-control" type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="span-required">*</span>所在区域：</label>
<div class="gg-formDetail gg-font0" data-toggle="distpicker" th:attr="data-province=${carServiceCompany.province},data-city=${carServiceCompany.city},data-district=${carServiceCompany.county}">
<div class="gg-area">
<select class="form-control" id="province" name="province" style="margin-left: 15px;">
</select>
</div>
<div class="gg-area">
<select class="form-control" id="city" name="city" style="margin-left: 8px;">
</select>
</div>
<div class="gg-area">
<select class="form-control" id="county" name="county">
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="span-required">*</span>详细地址：</label>
<div class="col-sm-8">
<input id="addressDetail" name="addressDetail" maxlength="225" onchange="codeAddress();" th:value="${carServiceCompany.addressDetail}" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"><span class="span-required">*</span>排序：</label>
<div class="col-sm-8">
<input id="orderBy" name="orderBy" maxlength="10" th:value="${carServiceCompany.orderBy}" class="form-control" type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">经纬度：</label>
<div class="col-sm-4">
<input id="longitude" name="longitude" th:value="${carServiceCompany.longitude}" class="form-control" type="text" readonly="readonly">
</div>
<div class="col-sm-4">
<input id="latitude" name="latitude" th:value="${carServiceCompany.latitude}" class="form-control" type="text" readonly="readonly">
</div>
</div>
<div class="form-group"><div class="col-sm-8"><div id="container"></div></div></div>
<div class="form-group">
<label class="col-sm-3 control-label">备注：</label>
<div class="col-sm-8">
<input id="remark" name="remark" maxlength="500" th:value="${carServiceCompany.remark}" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<div class="col-sm-8 col-sm-offset-3">
<button type="submit" class="btn btn-primary">提交</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/appjs/system/carServiceCompany/edit.js"></script>
<script type="text/javascript" src="/js/plugins/distpicker/distpicker.data.min.js"></script>
<script type="text/javascript" src="/js/plugins/distpicker/distpicker.min.js"></script>
<script src="/js/layui.js"></script>
<script type="text/javascript">
layui.use('upload', function() {
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem : '#shopPicImg', //绑定元素
url : '/common/sysFile/upload', //上传接口
size : 2048,
accept : 'file',
exts: 'jpg|png|jpeg|jif',
before : function(obj) {
//预读本地文件示例，不支持ie8
obj.preview(function(index, file, result) {
$('#imgShopPic').attr('src', result); //图片链接（base64）
$("#imgShopPic").width(480).height(300);
});
},
done : function(r) {
parent.layer.msg(r.msg);
$("#shopPic").val(r.fileName);
},
error : function(r) {
parent.layer.msg(r.msg);
}
});
});
</script>
</body>
</html>
