<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>车险报案</title>
<style type="text/css">
@import url("./plugins/bootstrap/css/bootstrap.css");
@import url("./plugins/custom/mobiscroll.custom-2.6.2.min.css");
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=CC56cc354df507bfd5fe907241cfb68e"></script>
<script type="text/javascript" src="./js/lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./plugins/custom/mobiscroll.custom-2.6.2.min.js"></script>
<style>
#allmap{width: 100%;height: 80%;overflow: hidden;margin:0;padding:0;}
#mapDiv{width: 100%;height: 100%;overflow: hidden;margin:0;padding:0;}
</style>
<script>
var cityList=[];
cityList.push({code:'021',name:'上海市',carcard:'沪'});
cityList.push({code:'0571',name:'杭州市',carcard:'浙A'});
cityList.push({code:'0574',name:'宁波市',carcard:'浙B'});
cityList.push({code:'0577',name:'温州市',carcard:'浙C'});
cityList.push({code:'0575',name:'绍兴市',carcard:'浙D'});
cityList.push({code:'0572',name:'湖州市',carcard:'浙E'});
cityList.push({code:'0573',name:'嘉兴市',carcard:'浙F'});
cityList.push({code:'0579',name:'金华市',carcard:'浙G'});
cityList.push({code:'0570',name:'衢州市',carcard:'浙H'});
cityList.push({code:'0580',name:'舟山市',carcard:'浙I'});
cityList.push({code:'0576',name:'台州市',carcard:'浙J'});
cityList.push({code:'0578',name:'丽水市',carcard:'浙K'});
$(function () {
$("select[name='province']").change(function(){
var code=$(this).find("option:selected").attr("code");
$("select[name='city'] option:not(:first)").remove();
for(var i=0;i<cityList.length;i++){
if(cityList[i].code.substr(0,2)==code){
$("select[name='city']").append("<option value='"+cityList[i].name+"' card='"+cityList[i].carcard+"'>"+cityList[i].name+"</option>");
}
}
});
$("select[name='city']").change(function(){
var c=$(this).find("option:selected").attr("card");
$("#thecar").val(c);
});
});
</script>
<script>
function show(){
if(document.getElementById("papers").style.display=="none"){
document.getElementById("papers").style.display="";
}else{
document.getElementById("papers").style.display="none";
}
}
</script>
<script type="text/javascript">
$(function(){
var d=new Date();
var year= d.getFullYear();
var month=d.getMonth();
var day=d.getDay();
var opt = {};
opt.datetime = { preset : 'datetime',minDate: new Date(year-1,month,1,0,0), maxDate: new Date(),stepMinute: 5 ,height: 30, showLabel: 1};
$('#thetime').val('').scroller('destroy').scroller($.extend(opt['datetime'],
{ theme: 'android', mode:'scroller', display: 'bottom', lang: 'zh',dateFormat:'yyyy-mm-dd',dateOrder:'yyyymmdd' }));
$('#thetime').click(function(){
$('#thetime').mobiscroll('show');
return false;
});
});
</script>
</head>
<body>
<div id="repoterpage">
<div class="panel panel-primary">
<div class="panel-heading" align="center"> <font size="+2">车险自助报案 </font></div>
</div>
<div class="container">
<div class="row">
<label for="area">承保地:</label>
<select name="province" id="province" style="width:60pt;margin-left:27px">
<option value="">选择省</option>
<option value="上海市" code="02">上海市</option>
<option value="浙江省" code="05">浙江省</option>
</select>
<select name="city" id="city" style="width:60pt">
<option value="">选择市</option>
</select>
</div>
<span id="areaspan"></span>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="telephone">报案电话:</label>
<input id="telephone" name="telephone" style=" margin-left:12px">
</div>
<span id="phonespan"></span>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="file" >上传事故书</label>
<p>若您已报警处理,可以拍摄事故书照片进行上传报案</p>
</div>
</div>
<div class="container" >
<div class="row">
<input type="file" name="fileupload" id="fileupload" accept="image/*">
</div>
</div>
<div class="container" style=" padding-top:10px">
<div class="row">
<label for="ckeck">没有事故书</label>
<input type="checkbox" onChange="show();" id="intype" name="intype">
</div>
<span id="checkspan"></span>
</div>
<div id="papers" style="display: none" onMouseout="hidden();">
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="thecar" >出险车牌:</label>
<input id="thecar" name="thecar" style=" margin-left:20px" placeholder="请填写出险时的车牌或发动机号">
</div>
<span id="cardspan"></span>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="theperson" >出险驾驶员:</label>
<input id="theperson" name="theperson" style=" margin-left:6px"></p>
</div>
<span id="perspan"></span>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="thetime" >出险时间:</label>
<input id="thetime" name="thetime" style=" margin-left:20px" readonly>
</div>
<span id="timespan"></span>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="thelocation" >车辆出险位置</label>
<input id="thelocation" name="thelocation" placeholder="(市+区+路名)或(道路1+道路2交叉)" size="31">
</div>
<span id="locationspan"></span>
</div>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<button type="button" class="btn btn-primary" onclick="getLocation()">GPS定位</button>
<span style="margin-left:18px">若无法实现GPS定位功能,请手动输入</span>
</div>
</div>
<div class="container" style=" padding-top:5px">
<div class="row">
<label for="theplace" >车辆目前位置</label>
<input id="theplace" name="theplace" placeholder="(市+区+路名)或(道路1+道路2交叉)" size="31">
</div>
<span id="placespan"></span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" style="width:100%" onclick="checksub()" > <font size="+1">提交</font></button>
</div>
</div>
<div id="Confirmations" style="display: none;">
<div class="panel panel-primary">
<div class="panel-heading" align="center"> <font size="+2">自助报案信息确认 </font></div>
</div>
<div class="modal-body">
<div class="container">
<p><label>承保地:</label><span id="conarea"></span></p>
<p><label>报案电话:</label><span id="contel"></span></p>
<div id="typhum" style="display: none;">
<p><label>出险车牌:</label><span id="concar"></span></p>
<p><label>出险驾驶员:</label><span id="coname"></span></p>
<p><label>出险时间:</label><span id="contme"></span></p>
<p><label>车辆出险位置:</label><span id="conloc"></span></p>
<p><label>车辆目前位置</label><span id="conplc"></span></p>
</div>
<div id="desc" style="display: none;">
<p><label>事故书:</label><span id="conpic"></span></p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" onclick="canback()" > 修改</button>
<button type="button" class="btn btn-primary" type="submit" > 确认</button>
</div>
</div>
<div style="display: none; position: absolute; top: 0px; left: 0px; background-color:#FFF" id="mapDiv">
<div id="allmap"></div>
<hr>
<div style="line-height:30px; width: 80%; float: left;font-size:16px" id="locationString">正在定�
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备、移动设备等 操作系统:LInux、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外,还有嵌入式操作系统、智能操作系统等。 网络与通信:数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络与通信是一个非常广泛的领域,它涉及到计算机科学、电子工程、数学等多个学科的知识。 云计算与大数据:包括云计算平台、大数据分析、人工智能、机器学习等,云计算是一种基于互联网的计算方式,通过这种方式,共享的软硬件资源和信息可以按需提供给计算机和其他设备。
资源推荐
资源详情
资源评论
收起资源包目录
node 微信公众号项目.zip (66个子文件)
cm
READEME 3B
helpers.js 823B
.mysql_history 41B
test_redis.js 783B
.bash_profile 52B
modules
uvindex
view.js 301B
index.js 193B
model.js 306B
socketio
view.js 292B
index.js 194B
model.js 4KB
account
forms.js 1KB
views.js 582B
index.js 309B
models.js 630B
wechat
view.js 3KB
index.js 232B
test.js 47B
model.js 4KB
test.js 26B
server_wechat.js 742B
templates
header.html 740B
web.html 1KB
socketio
try.html 507B
chatting.html 2KB
index.html 9KB
base.html 733B
account
signin.html 1KB
wechat
verification_VIP 3KB
verification_ORG 3KB
application.js 2KB
package.json 881B
.gem
ruby
2.0.0
cache
bundler-1.6.2.gem 287KB
specs
api.rubygems.org%443
quick
Marshal.4.8
bundler-1.6.2.gemspec 841B
latest_specs.4.8 1.86MB
extensions.js 2KB
config.js 2KB
test
setup.js 817B
account.js 499B
.gitignore 19B
static
plugins
bootstrap
js
bootstrap.js 54KB
bootstrap.min.js 28KB
css
bootstrap.min.css 98KB
bootstrap-theme.css.map 38KB
bootstrap-theme.css 15KB
bootstrap.css.map 242KB
bootstrap.css 119KB
bootstrap-theme.min.css 13KB
fonts
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
custom
mobiscroll.custom-2.6.2.min.js 43KB
mobiscroll.custom-2.6.2.min.css 37KB
js
lib
socket.io.js 147KB
knockout-3.0.0.js 45KB
jquery-1.11.0.min.js 94KB
verification_VIP.html 4KB
verification_ORG.html 4KB
Insurance.html 19KB
Report.html 14KB
css
socketio
style.css 2KB
account
signup.css 793B
signin.css 793B
test.js 222B
scripts
new_menu.js 2KB
共 66 条
- 1
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功