<div class="layui-panel layui-padding-3">
<form class="layui-form" action="" id="form1">
<div class="layui-form-item">
<label class="layui-form-label">GPS经度：<font color="red">*</font></label>
<div class="layui-input-block">
<input type="text" name="jd" id="jd" lay-affix="clear" placeholder="自动获取" autocomplete="off" class="layui-input" lay-verify="required" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">GPS玮度：<font color="red">*</font></label>
<div class="layui-input-block">
<input type="text" name="wd" id="wd" lay-affix="clear" placeholder="自动获取" autocomplete="off" class="layui-input" lay-verify="required" readonly>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所属项目：<font color="red">*</font></label>
<div class="layui-input-block">
<select name="xmid" id="xmid" lay-affix="clear" lay-verify="required">
<option value="0">无</option>
@Html.Raw(Model.sb.ToString())
</select>
<br />
<a href="#" class="layui-btn layui-bg-blue layui-btn-sm" lay-on="xm-add">添加新项目</a>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">项目阶段：<font color="red">*</font></label>
<div class="layui-input-block">
<select name="xmjd" id="xmjd" lay-affix="clear" lay-verify="required">
<option value="0">无</option>
@Html.Raw(Model.sb1.ToString())
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">拜访事项：<font color="red">*</font></label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" name="bfsx" id="bfsx" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<div class="layui-upload ">
<button type="button" class="layui-btn layui-bg-red" id="test-upload-normal"
lay-options="{
accept: 'file',
exts: 'jpeg|png|jpg|gif'
}">
校门拍照
</button>
<div class="layui-upload-list">
<img class="layui-upload-img " id="test-upload-normal-img">
<p id="test-upload-demoText"></p>
<input type="hidden" name="pic" id="pic" class="layui-input" lay-verify="required">
</div>
(照片中包含本人)
</div>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-lg layui-btn-fluid" lay-submit lay-filter="form1-submit">提交</button>
</div>
<div class="layui-form-item">
<center> 【<a href="dk_fk">查看我的拜访反馈</a>】</center>
</div>
</form>
</div><script>
layui.config({
base: '/layui/' // 静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(function () {
var $ = layui.$;
var laydate = layui.laydate;
var form = layui.form;
var layer = layui.layer;
var util = layui.util;
var mobile = layui.device().mobile;//手机模式
var upload = layui.upload;
if (navigator.geolocation) { // 判断设备是否支持定位
navigator.geolocation.getCurrentPosition(function (position) {
$('#wd').val(position.coords.latitude); // 纬度
$('#jd').val(position.coords.longitude);// 经度
}, function (error) {
alert('你已禁止获取地址位置，请换其它app扫描二维码');
}, {
timeout: 5000
});
} else {
alert("不支持定位");
}
//弹出窗
util.on('lay-on', {
'xm-add': function () {
layer.open({
type: 2,
title: '添加新项目',
content: 'xm_my_add',
shadeClose: true,
area: mobile ? ['95%', '80%'] : ['80%', '80%'],
maxmin: true, //开启最大化最小化按钮
});
}
});
//图片上传
var uploadInst = upload.render({
elem: '#test-upload-normal' //绑定元素
, url: '/api/upload/UploadFile?savefold=/upLoadfiels/dk/' //上传接口
, before: function (obj) {
//预读本地文件示例，不支持ie8
obj.preview(function (index, file, result) {
$('#test-upload-normal-img').attr('src', result); //图片链接（base64）
});
}
, done: function (res) {
//如果上传失败
if (res.statusCode === 200) {
$('#pic').val(res.data);
}
else {
return layer.msg('上传失败');
}
}
, error: function () {
//演示失败状态，并实现重传
var demoText = $('#test-upload-demoText');
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload layui-btn-danger">重试</a>');
demoText.find('.demo-reload').on('click', function () {
uploadInst.upload();
});
}
});
// 提交事件
form.on('submit(form1-submit)', function (data) {
var field = data.field; // 获取表单全部字段值
// 执行提交
layer.confirm('确定提交吗?', function (index) {
layer.close(index); // 关闭确认提示框
// 此处可执行 Ajax 等操作
$.ajax({
url: "/api/dk/Add/@Model.loginSid",
type: "POST",
data: {
userxm: '@Model.loginxm',
xmid: field['xmid'],
xmjd: field['xmjd'],
bfsx: field['bfsx'],
jd: field['jd'],
wd: field['wd'],
pic: field['pic']
},
contentType: 'application/x-www-form-urlencoded', // 设置请求头中的 Content-Type 为 application/json
success: function (response) {
// console.log(response);
if (response.statusCode == 200) {
layer.alert("操作成功", { icon: 6 }, function () {
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//关闭当前frame
parent.layer.close(index);
location.href = 'dk_fk';
});
} else {
layer.msg("操作失败", { icon: 5 });
}
}
});
});
return false;
});
});
</script>
