Html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"
xmlns:method="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>井场勘查</title>
<link th:href="@{/login/skin74/style.css}" rel="stylesheet" type="text/css" id="skin"/>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" th:href="@{/m/css/weui.min.css}">
<link rel="stylesheet" th:href="@{/m/css/weui.css}">
<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css">
<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.css">
<link rel="stylesheet" th:href="@{/m/css/sm-extend-local.css}">
<link rel="stylesheet" th:href="@{/m/css/style.css?v=26}">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
<script type='text/javascript' th:src="@{/m/js/zepto.js}" charset='utf-8'></script>
<script type='text/javascript' th:src="@{/m/js/zepto.animate.alias.js}" charset='utf-8'></script>
<script type='text/javascript' th:src="@{/m/js/zepto.animate.js}" charset='utf-8'></script>
<script type='text/javascript' th:src="@{/m/js/sm-lzf.js}" charset='utf-8'></script>
<script type='text/javascript' th:src="@{/js/form.js}" charset='utf-8'></script>
<script th:src="@{/m/js/Common.js}"></script>
<script th:src="@{/m/js/swiper.js}"></script>
<script th:src="@{/m/js/HongCommon.js}"></script>
</head>
<body>
<div class="page-group">
<div class="page page-current" id="kc_list">
<header class="bar bar-nav">
<h1 class="title"><span id="bt"></span></h1>
</header>
<div class="content pull-to-refresh-content infinite-scroll" data-distance="100" style="margin-top: -15px;">
<!-- 这里是页面内容区 -->
<div class="list-block media-list" style="margin-bottom:65px;">
<!-- 默认的下拉刷新层 -->
<div class="pull-to-refresh-layer">
<div class="preloader"></div>
<div class="pull-to-refresh-arrow"></div>
</div>
<div class="list-block media-list ">
<ul class="list-container"style="background-color:#f1f1f1" >
</ul>
</div>
</div>
<!-- 加载提示符 -->
<div class="infinite-scroll-preloader">
<div class="preloader"></div>
</div>
</div>
<nav class="bar bar-tab" id="nav">
<span id="tab1" class="tab-item external active">待勘察</span>
<span id="tab2" class="tab-item external">已勘察</span>
</nav>
</div>
<script>
var basePath = [[@{/}]];
var unitid='[[${session.unitid}]]';
var org3_id=unitid.replace(/"/g,'').substr(0,11);//数据查询权限
var yt='[[${session.oilfield}]]';
var oilfield=yt.replace(/"/g,'');//油田
var kcrq;//勘查日期
var parm;
var count=0;
var count2=0;
var kcid1=0;
var sjid//临时图片id
var typesel;//能否施工下拉框
//加载数据(是否refresh,每页条数,每几页)
var loading = false;
// 最多可加载的条目
var maxItems = 150;
// 每次加载添加多少条目
var itemsPerLoad = 20;
var lastIndex = itemsPerLoad;
var img_files;
//初始化
$(function () {
//1、当前日期绑定
var date = new Date;
//date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
var year = date.getFullYear(), month = date.getMonth() + 1, day = date.getDate(), now_hours = date.getHours(),new_miunte=date.getMinutes();
if (month < 10) {month = "0" + month;}
if (day < 10) {day = "0" + day;}
kcrq = year + "-" + month + "-" + day;
$("#select_date").val(kcrq);
//2、页面初始化显示列表
$('#bt').html("待勘察列表");
tab1(1,itemsPerLoad,1);//待勘查
$.ajax({url:basePath+'Security/Kc/get_rows?unit_id='+encodeURI(org3_id)+"&parm="+encodeURI("待勘察"),
type:"post",
success:function(res){
count=res;
}
});
底部工具栏绑定start
//3、底部工具栏绑定
$(".tab-item").bind("click", function(e){
console.log('绑定');
var _this=$(this);
if(_this.attr('id')=='tab1'){
$('#bt').html("待勘察列表");
$('#batch').show();
tab1(1,itemsPerLoad,1);//待勘查
}else if(_this.attr('id')=='tab2'){
$('#bt').html("已勘察列表");
$('#batch').hide();
tab2(1,itemsPerLoad,1);//已勘察
}
_this.addClass('active');
$(".tab-item").not(_this).each(function(){
$(this).removeClass('active');
});
});
底部工具栏绑定end
//能否施工
$.ajax({url:basePath+'Security/Common/appendix?parent_id='+encodeURI("FJ20191111134000018171")+"&oilfield="+encodeURI(oilfield),
type:"post",
success:function(result){
typesel='<option value="">请选择</option>'
$.each(result.list, function (i, v) {
typesel+='<option value="'+v.value+'">'+v.key+'</option>'
})
$("#whether_construction").html(typesel);
}
});
/*
* 图片控件
*/
img_files =new Array();
var img_num = 0;
var $tooltips = $('.js_tooltips');
var tmpl = '<li class="weui-uploader__file" style="background-image:url(#url#)"></li>',//图片列表拼接li
$gallery = $("#gallery"),
$galleryImg = $("#galleryImg"),
$uploaderInput = $("#uploaderInput"),
$uploaderFiles = $("#uploaderFiles")
$uploaderInput.on("change", function(e){
var src,
url = window.URL || window.webkitURL || window.mozURL,
files = e.target.files;
var img_num_ = img_num + files.length;
if(img_num_>9){
$.toast("最多只能上传9张!");
return false;
}
for (var i = 0, len = files.length; i < len; ++i) {
img_files[img_num] = files[i];
img_num = img_num + 1;
var file = files[i];
if (url) {
src = url.createObjectURL(file);
} else {
src = e.target.result;
}
$uploaderFiles.append($(tmpl.replace('#url#', src)));
}
uploaderInput.value="";
});
var index;
$uploaderFiles.on("click", "li", function(){
index = $(this).index();
$galleryImg.attr("style", this.getAttribute("style"));
$gallery.fadeIn(100);
});
$gallery.on("click", function(){
$gallery.fadeOut(100);
});
//删除图片
$(".weui-gallery__del").click(function() {
console.log(index)
del($uploaderFiles.find("li")[index].id);
$uploaderFiles.find("li").eq(index).remove();
});
$.init();
})
//**************************************自定义函数****************************************//
//下拉刷新
$(document).on('refresh', '.pull-to-refresh-content',function(e) {
if(parm==1){
$.ajax({url:basePath+'Security/Kc/get_rows?unit_id='+encodeURI(org3_id)+"&parm="+encodeURI("待勘察"),
type:"post",
success:function(res){
count=res;
if(count>0){
tab1(1,itemsPerLoad,1);
}
}
});
}else{
$.ajax({url:basePath+'Security/Kc/get_rows?unit_id='+encodeURI(org3_id)+"&parm="+encodeURI("已勘察"),
type:"post",
success:function(res){
count2=res;
if(count2>0){
tab2(1,itemsPerLoad,1);
}
}
});
}
});
//滚动加载
$(document).on('infinite', '.infinite-scroll',function() {
// 如果正在加载,则退出
if (loading) return;
console.log("注册上滑加载");
// 重置加载flag
loading = true;
//var tab=$(".buttons-tab").find(".active").attr("href");
$('#kc_list .infinite-scroll-preloader').show();
lastIndex = $('#kc_list .list-container').find('li').length;
// 添加新条目
if(parm==1){
//alert(lastIndex+"="+maxItems+"="+count2)
if (lastIndex >= count || lastIndex >= count) {
// 加载完毕,则注销无限加载事件,以防不必要的加载
$.detachInfiniteScroll($('#kc_list .infinite-scroll'));
// 删除加载提示符
$('#kc_list .infinite-scroll-preloader').hide();
return;
}
tab1(0,itemsPerLoad+lastIndex, lastIndex+1);
}else if(parm==2){
//alert(lastIndex+"="+maxItems+"="+count2)
if (lastIndex >= maxItems || lastIndex >= count2) {
// 加载完毕,则注销无限加载事件,以防不必要的加载
$.detachInfiniteScroll($('#kc_list .infinite-scroll'));
// 删除加载提示符
$('#kc_list .infinite-scroll-preloader').hide();
return;
}
tab2(0,itemsPerLoad+lastIndex, lastIndex+1);
}
});
//日期选择事件
/*$("#select_date").calendar({
onChange:function(p, values, displayValues){//日期改变事件。
//日期重新赋值
kcrq=displayValues[0];
$('#select_date').val(kcrq);
}
});*/
//null处理
function isNull(a) {
if(a==null||a==""||a=="null"){
a="";
}
return a;
}
//1、待勘察数据加载
function tab1(re,endRow,startRow){
if(startRow<itemsPerLoad){
$('#kc_list .list-container').html(null);
}
var str='';
parm=1;
$('#kc_list .infinite-scroll-preloader').show();
$.ajax({
url: basePath + 'Security/Kc/getlist?unit_id='+encodeURI(org3_id)+"&parm="+encodeURI('待勘察')+"&startRow="+startRow+"&endRow="+endRow,
type: "post",
success: function (result) {
$.each(result.rows, function (i, v) {
var scdw = v.scdw.split('.');
var km=scdw[1];
var dm=scdw[2];
str += '<li>'
+ '<div onclick="opens(\''+v.sgid+'\',\''+v.kc_id +'\',\''+v.ssdwdm+'\',\''+v.well_name+'\',\''+v.unit+'\')" class="card open-popup" data-popup=".popup-edit" style="border-radius:10px;">'
+ '<div class="card-header">'
+ '<span class="weeknu" style="background-color: #00cc00">' + ((v.row_num < 10) ? (0 + '' + (v.row_num)) : (v.row_num)) + '</span>'
+ '<span class="weeknu" style="background-color:#f0ad4e">'+isNull(v.ffsj.substr(0,19))+'</span>'
+ '<span class="weeknu">'+isNull(v.sgxm)+'</span>'
+ '</div>'
+ '<div class="card-content">'
+ '<div class="card-content-inner" style="padding-top: 5px;padding-bottom: 5px;">'
+ '<span class="tag1" style="width: 33%;">'+isNull(v.well_name)+'</span>'
+ '<span class="tag1" style="width: 33%;">'+isNull(km)+'</span>'
+ '<span class="tag1" style="width: 33%;">'+isNull(dm)+'</span>'
+ '</div>'
+ '<div class="card-content-inner" style="padding-top: 5px;padding-bottom: 5px;">'
+ '<span class="tag" style="width: 33%;">'+isNull(v.well_purpose)+'</span>'
+ '<span class="tag" style="width: 33%;">'+isNull(v.ccfs)+'</span>'
+ '<span class="tag" style="width: 33%;">'+isNull(v.qdfs)+'</span>'
+ '</div>'
+ '</div>'
+ '</div>'
+ '</li>';
})
if(re == 1){// 下拉刷新加载完毕需要重置
$.destroyPullToRefresh('.pull-to-refresh-content');//先禁用下拉数据加载完后 重新引入$.initPullToRefresh('.pull-to-refresh-content')
$('#kc_list .list-container').html(str);
$.pullToRefreshDone('#kc_list .pull-to-refresh-content');
setTimeout(function () {//稍等
$.initPullToRefresh('#kc_list .pull-to-refresh-content');
}, 300);
//重新注册上滑
$.attachInfiniteScroll($('#kc_list .infinite-scroll'));
// 上滑加载提示符
$('#kc_list .infinite-scroll-preloader').show();
}else{
$("#kc_list .list-container").append(str);
//容器发生改变,如果是js滚动,需要刷新滚动
$.refreshScroller();
}
//数据加载完后隐藏当前标签页的加载符
$('#kc_list .infinite-scroll-preloader').hide();
loading = false;
}
})
}
//2、已勘察数据加载
function tab2(re,endRow,startRow) {
if(startRow<itemsPerLoad){
$('#kc_list .list-container').html(null);
}
var str='';
parm=2;
$('#kc_list .infinite-scroll-preloader').show();
$.ajax({
url: basePath + 'Security/Kc/getlist?unit_id='+encodeURI(org3_id)+"&parm="+encodeURI('已勘察')+"&startRow="+startRow+"&endRow="+endRow,
type: "post",
success: function (result) {
$.each(result.rows, function (i, v) {
var scdw = v.scdw.split('.');
var km=scdw[1];
var dm=scdw[2];
str += '<li>'
+ '<div onclick="opens(\''+v.sgid+'\',\''+v.kc_id +'\')" class="card open-popup" data-popup=".popup-edit" style="border-radius:10px;">'
+ '<div class="card-header">'
+ '<span class="weeknu" style="background-color: #00cc00">' + (((i+1) < 10) ? (0 + '' + (i+1)) : (i+1)) + '</span>'
+ '<span class="weeknu" style="background-color:#f0ad4e">'+isNull(v.ffsj.substr(0,19))+'</span>'
+ '<span class="weeknu">'+isNull(v.sgxm)+'</span>'
+ '</div>'
+ '<div class="card-content">'
+ '<div class="card-content-inner" style="padding-top: 5px;padding-bottom: 5px;">'
+ '<span class="tag1" style="width: 33%;">'+isNull(v.well_name)+'</span>'
+ '<span class="tag1" style="width: 33%;">'+isNull(km)+'</span>'
+ '<span class="tag1" style="width: 33%;">'+isNull(dm)+'</span>'
+ '</div>'
+ '<div class="card-content-inner" style="padding-top: 5px;padding-bottom: 5px;">'
+ '<span class="tag" style="width: 33%;">'+isNull(v.well_purpose)+'</span>'
+ '<span class="tag" style="width: 33%;">'+isNull(v.ccfs)+'</span>'
+ '<span class="tag" style="width: 33%;">'+isNull(v.qdfs)+'</span>'
+ '</div>'
+ '</div>'
+ '</div>'
+ '</li>';
})
if(re == 1){// 下拉刷新加载完毕需要重置
$.destroyPullToRefresh('.pull-to-refresh-content');//先禁用下拉数据加载完后 重新引入$.initPullToRefresh('.pull-to-refresh-content')
$('#kc_list .list-container').html(str);
$.pullToRefreshDone('#kc_list .pull-to-refresh-content');
setTimeout(function () {//稍等
$.initPullToRefresh('#kc_list .pull-to-refresh-content');
}, 300);
//重新注册上滑
$.attachInfiniteScroll($('#kc_list .infinite-scroll'));
// 上滑加载提示符
$('#kc_list .infinite-scroll-preloader').show();
}else{
$("#kc_list .list-container").append(str);
//容器发生改变,如果是js滚动,需要刷新滚动
$.refreshScroller();
}
//数据加载完后隐藏当前标签页的加载符
$('#kc_list .infinite-scroll-preloader').hide();
loading = false;
}
})
}
//3、批量勘察列表
function tab3(endRow,startRow){
$.ajax({
url: basePath + 'Security/Kc/getlist?unit_id='+encodeURI(org3_id)+"&parm="+encodeURI('待勘察')+"&startRow="+startRow+"&endRow="+endRow,
type: "post",
success: function (result) {
var str='';
$.each(result.rows, function (i, v) {
var scdw = v.scdw.split('.');
var km=scdw[1];
var dm=scdw[2];
str += '<label>'
+ '<div class="card" style="border-radius:10px;">'
+ '<div class="card-header">'
+ '<span class="weeknu check" style="background:orange;" onclick="change_color(this,\''+v.sgid+'\')">' + ((v.row_num < 10) ? (0 + '' + (v.row_num)) : (v.row_num)) + '</span>'
+ '<span class="weeknu" style="background-color:#999999">'+isNull(v.ffsj.substr(0,19))+'</span>'
+ '<span class="weeknu">'+isNull(v.sgxm)+'</span>'
+ '</div>'
+ '<div class="card-content">'
+ '<div class="card-content-inner" style="padding-top: 5px;padding-bottom: 5px;">'
+ '<span class="tag1" style="width: 33%;">'+isNull(v.well_name)+'</span>'
+ '<span class="tag1" style="width: 33%;">'+isNull(km)+'</span>'
+ '<span class="tag1" style="width: 33%;">'+isNull(dm)+'</span>'
+ '</div>'
+ '<div class="card-content-inner" style="padding-top: 5px;padding-bottom: 5px;">'
+ '<span class="tag" style="width: 33%;">'+isNull(v.well_purpose)+'</span>'
+ '<span class="tag" style="width: 33%;">'+isNull(v.ccfs)+'</span>'
+ '<span class="tag" style="width: 33%;">'+isNull(v.qdfs)+'</span>'
+ '</div>'
+ '</div>'
+ '</div>'
+ '</li>';
})
$('.popup-batch .list-container').html(str);
}
})
}
//列表卡片点击事件
function opens(sgid,kcid,ssdwdm,well_name,unit) {
$('#uploaderFiles').html("");
if(kcid>0){
sjid ="";
document.getElementById('delete').style.display="block";
//document.getElementById('delete').style.display ='none';
kcid1=kcid;
//已勘察,查询勘查数据
$.ajax({url:basePath+"Security/Kc/get_obj?kc_id="+kcid,
type:"post",
success:function(result){
$('#sgid').val(result.sgid);
$('#unit_id').val(result.org3_id);
$('#kc_date').val(result.kc_date);
$('.popup-edit #kc_information').val(isNull(result.kc_information));
$("#form_edit #whether_construction").html(typesel);
$("#form_edit #whether_construction").find("option[value = '"+result.whether_construction+"']").attr("selected","selected");//下拉框
$('.popup-edit #remark').val(isNull(result.remark));
}
});
get_file(kcid);
}else{
//document.getElementById('delete').style.display ='block';
document.getElementById('delete').style.display ='none';
kcid1=0;
sjid = Math.random().toString(36).substring(3,7);//随机id
//未勘查不需查询
$('#sgid').val(sgid);
$('#unit_id').val(org3_id);
$('#kc_date').val(kcrq);
$('#ssdwdm').val(ssdwdm);
$('#unit').val(unit);
$('#oilfield').val(oilfield);
$('#well_name').val(well_name);
$('.popup-edit #kc_information').val("");
$("#form_edit #whether_construction").html(typesel);
$("#form_edit #whether_construction").find("option[value = '']").attr("selected","selected");//下拉框
$('.popup-edit #remark').val("");
}
}
///定时查询图片
setInterval(function () {
if(kcid1>0||sjid!=null) get_file(kcid1,sjid);
}, 1000);
//图片查询
function get_file(kcid,tpid){
//查询本井勘察图片
var html='';
if(kcid>0){
$.ajax({url:basePath+"Security/Kc/imagelist?kc_id="+kcid,
type:"post",
success:function(data){
$.each(data.rows, function(i, v) {
// html+='<li class="weui-uploader__file" style="background-image:url('+basePath+v.image_name+')" name="'+v.image_name+'" id="'+v.image_id+'"></li>';
html+='<li class="weui-uploader__file" style="background-image:url('+basePath+"ImgUpload/downloadPic?picPath=AQSC/AQSCIMAGES/"+v.image_name+')" name="'+v.image_name+'" id="'+v.image_id+'"></li>';
});
$('#uploaderFiles').html(html);
}
});
}else {
$.ajax({url:basePath+"Security/Kc/lstplist?tpid="+tpid,
type:"post",
success:function(data){
$.each(data.rows, function(i, v) {
// html+='<li class="weui-uploader__file" style="background-image:url('+basePath+v.tpname+')" name="'+v.tpname+'" id="'+v.lsid+'"></li>';
html+='<li class="weui-uploader__file" style="background-image:url('+basePath+"ImgUpload/downloadPic?picPath=AQSC/AQSCIMAGES/"+v.tpname+')" name="'+v.tpname+'" id="'+v.lsid+'"></li>';
});
$('#uploaderFiles').html(html);
}
});
}
}
//上传图片
function openImg(){
kcid=kcid1;
window.AndroidWebView.jxkc_upload(sjid,kcid,oilfield);
}
//已上传图片删除
function del(id){
console.log("删除id="+id)
// 删除图片
$.ajax({url:basePath+'Security/Kc/del_image?image_id='+id,
type:"post",
success:function(data){
if(data){
$.toast("删除成功!");
}else{
$.toast("删除失败!");
}
}
});
}
//勘查信息保存
function save() {
$.showPreloader("勘查信息提交中...");
var formData = new FormData();
var t=$('#form_edit').serializeArray();//表单
$.each(t, function() {
if(this.name != "class_id[]"){
formData.append(this.name, this.value);
}
});
if(kcid1>0){
formData.append("kc_id",kcid1)
}
if(sjid!=null){
formData.append("tpid",sjid)
}
$.ajax({url:basePath+"Security/Kc/save",
type: "post",
data: formData,
contentType: false,
processData: false,
mimeType: "json",
success:function(data){
$.hidePreloader();
if(data=="1"){
$.toast("提交成功!");
$.closeModal('.popup-edit')
if(parm==1){
tab1(1,itemsPerLoad,1);
sjid=null;
}else if(parm==2){
tab2(1,itemsPerLoad,1);
kcid1=0;
}
}else{
$.toast("提交失败!");
}
}
});
}
//勘查记录删除
function kc_del(){
$.confirm('确定删除该勘察记录吗?', function () {
$.post(basePath+"Security/Kc/delete", {'kc_id':kcid1},
function(data){
if(data){
$.toast("删除成功!");
$.closeModal('.popup-edit')
tab2(1,itemsPerLoad,1);
kcid1=0;
}else{
$.toast("删除失败!");
}
});
});
}
//批量勘察部分
// function batch() {
// tab3(200,0);
// $.popup('.popup-batch');
// }
//
// function change_color(o,sgid) {
// var color = $(o).attr("style");
// var color2 = $(o).style['background'];
// alert(color2+"===="+sgid)
// }
</script>
<div class="popup popup-edit">
<header class="bar bar-nav">
<a class="icon icon-left pull-left close-popup"></a>
<div id="delete" style="display: block;" ><a onclick="kc_del();" class="button button-link button-nav pull-right" >删除</a></div>
<h1 class="title">勘察信息</h1>
</header>
<div class="content native-scroll">
<div class="list-block">
<div class="card" style="border-radius:10px;">
<form id="form_edit" action="">
<!--<input type="hidden" name="kc_id" id="kc_id" />-->
<input type="hidden" name="sgid" id="sgid" />
<input type="hidden" name="unit_id" id="unit_id" />
<input type="hidden" name="kc_date" id="kc_date" />
<input type="hidden" name="well_name" id="well_name" />
<input type="hidden" name="ssdwdm" id="ssdwdm" />
<input type="hidden" name="unit" id="unit" />
<input type="hidden" name="oilfield" id="oilfield" />
<div class="item-content">
<div class="item-inner">
<div class="item-title label"style="width: 22%;">勘察信息:</div>
<div class="item-input">
<input type="text" style="color:#06c1ae" name="kc_information" id="kc_information" value='' />
</div>
</div>
</div>
<div class="item-content">
<div class="item-inner">
<div class="item-title label" style="width: 22%;">能否施工:</div>
<div class="item-input">
<select name="whether_construction" id="whether_construction" style="width: 100px;">
</select>
</div>
</div>
</div>
<div class="item-content">
<div class="item-inner">
<div class="item-title label" style="width: 22%;">勘察备注:</div>
<div class="item-input">
<textarea style="color:#06c1ae;display: table-cell; vertical-align: middle;" name="remark" id="remark"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="weui-gallery" id="gallery">
<span class="weui-gallery__img" id="galleryImg"></span>
<div class="weui-gallery__opr">
<a href="javascript:" class="weui-gallery__del">
<i class="weui-icon-delete weui-icon_gallery-delete"></i>
</a>
</div>
</div>
<!--<div class="weui-cells weui-cells_form">
<div class="weui-cell">
<div class="weui-cell__bd">
<div class="weui-uploader">
<div class="weui-uploader__hd">
<p class="weui-uploader__title">图片</p>
</div>
<div class="weui-uploader__bd">
<ul class="weui-uploader__files" id="uploaderFiles">
</ul>
</div>
</div>
</div>
</div>
</div>-->
<div style="background-color: #fff;">
<div class="weui-cell">
<div class="weui-cell__bd">
<div class="weui-uploader">
<div class="weui-uploader__bd">
<ul class="weui-uploader__files" id="uploaderFiles">
</ul>
</div>
</div>
</div>
</div>
</div>
<img th:src="@{/m/photo/add.png}" style="width: 3rem;height: 3rem;position: fixed;bottom: 1.5rem;right: 0.5rem;z-index: 9999;" onClick="openImg()"/>
<!-- 图片控件 -->
<div class="weui-btn-area">
<p><a href="#" class="button button-big button-fill" id="showTooltips" onclick="save()">提交勘查信息</a></p>
</div>
</div>
</div>
<div class="popup popup-batch">
<header class="bar bar-nav">
<a class="icon icon-left pull-left close-popup"></a>
<h1 class="title">批量勘察列表</h1>
</header>
<div class="content native-scroll">
</div>
<div class="content infinite-scroll" style="margin-top: -15px;">
<!-- 这里是页面内容区 -->
<div class="list-block media-list" style="margin-bottom:65px;">
<ul class="list-container"style="background-color:#f1f1f1" >
</ul>
</div>
</div>
</div>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.js' charset='utf-8'></script>
</div>
</body>
</html>
Controller方法调用
//井场勘查图片上传wzw
@RequestMapping(value = "/jxkc_upload", method = RequestMethod.POST)
@ResponseBody
public String jxkc_upload(@RequestPart MultipartFile file,String picId,String kcid,String oilfield){
String msg = "";
//判断是否是照片
if(!isImage(file)){
msg = "只能上传图片。。。";
// ro.put("msg", msg);
return msg;
}
System.out.println("接收参数__"+picId);
Calendar cal = Calendar.getInstance();
int year = cal.get(Calendar.YEAR);
int month = cal.get(Calendar.MONTH )+1;
String fileName = file.getOriginalFilename(); //获取文件名
String suffixName = fileName.substring(fileName.lastIndexOf(".")); //截取文件后缀名
String newName = oilfield+"/KC/"+year+"/"+month+"/"+UUID.randomUUID().toString().replace("-", "") + suffixName; // 新文件名
String picPath = PathUtils.AQSCPICPATH;//D:/AQSC/AQSCIMAGES/
String filePath = picPath +newName;//文件绝对路径
String result="";
File dest = new File(filePath);
if (!dest.getParentFile().exists()) {
dest.getParentFile().mkdirs();
}
Calendar ca = Calendar.getInstance();
try {
file.transferTo(dest);//将临时存储的文件移动到真实存储路径下
ImageEntity tp = new ImageEntity();
tp.setTpname(newName);
if(Integer.parseInt(kcid)>0){
tp.setKc_id(Integer.parseInt(kcid));
tpService.save_image(tp);//修改时直接保存到勘查图片表
}else{
tp.setTpid(picId);
tpService.save_tp(tp);//临时图片保存
}
CommonsMultipartFile fff = null;
try {
File ff = new File(filePath);
if(ff.exists()) {
fff = CrossDomainUtils.createFileItem(ff);
// System.out.println("跨域上传开始,目标url___"+PathUtils.CROSSDOMAINSITE+"__目标存储路径__"+PathUtils.ServerB_AQSC_FILE_SAVE_PATH+"APP/KC/");
String newName_b = oilfield+"/KC/"+year+"/"+month+"/"; // 新文件名
CrossDomainUtils.upload(fff, PathUtils.CROSSDOMAINSITE, PathUtils.ServerB_AQSC_FILE_SAVE_PATH+newName_b);
}else {
result = fileName+",上传失败";
}
} catch (Exception e1) {
//记录错误日志
String note = "勘查上传图片时出错!";
errorPic.setWhc("INSERT INTO APP_ERROR_PIC ( PICNAME, RELATEID, UPLOADER, UPLOADTIME, NOTE,AIMPATH ,CURRENTPATH) VALUES ( '"+fff.getOriginalFilename()+"','"+kcid+"','',sysdate,'"+note+"','"+(PathUtils.ServerB_AQSC_FILE_SAVE_PATH+newName));
adminService.insert1(errorPic);
}
result="上传成功!";
} catch (IOException e) {
result="上传失败!";
e.printStackTrace();
}
return result;
}