Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/sparepart/contractPaymentAndInvoiceList.jsp
2026-01-16 14:13:44 +08:00

597 lines
30 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ page import="com.sipai.entity.base.ServerObject"%>
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
<%@page import="com.sipai.entity.sparepart.SparePartCommString"%>
<%request.setAttribute("START", SparePartCommString.STATUS_START); %>
<%request.setAttribute("DEPT_AUDIT", SparePartCommString.STATUS_DEPT_AUDIT); %>
<%request.setAttribute("DEPT_REJECT", SparePartCommString.STATUS_DEPT_REJECT); %>
<%request.setAttribute("FINISH", SparePartCommString.STATUS_FINISH); %>
<%request.setAttribute("INQUIRY_AUDIT", SparePartCommString.STATUS_INQUIRY_AUDIT); %>
<%request.setAttribute("INQUIRY_REJECT", SparePartCommString.STATUS_INQUIRY_REJECT); %>
<%request.setAttribute("PURCHASE_INQUIRY", SparePartCommString.STATUS_PURCHASE_INQUIRY); %>
<%request.setAttribute("STATUS_CONTRACT_START", SparePartCommString.STATUS_CONTRACT_START); %>
<%request.setAttribute("STATUS_CONTRACT_DEPT_AUDIT", SparePartCommString.STATUS_CONTRACT_DEPT_AUDIT); %>
<%request.setAttribute("STATUS_CONTRACT_DEPT_REJECT", SparePartCommString.STATUS_CONTRACT_DEPT_REJECT); %>
<%request.setAttribute("STATUS_CONTRACT_AUDIT", SparePartCommString.STATUS_CONTRACT_AUDIT); %>
<%request.setAttribute("STATUS_CONTRACT_REJECT", SparePartCommString.STATUS_CONTRACT_REJECT); %>
<%request.setAttribute("STATUS_CONTRACT_EXECUTE", SparePartCommString.STATUS_CONTRACT_EXECUTE); %>
<%request.setAttribute("STATUS_CONTRACT_FINISH", SparePartCommString.STATUS_CONTRACT_FINISH); %>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<!--bootstrap-table 导出 -->
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/libs/FileSaver/FileSaver.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/libs/js-xlsx/xlsx.core.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/libs/jsPDF/jspdf.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/libs/html2canvas/html2canvas.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-table/tableExport/tableExport.min.js"></script>
<!-- bootstrap switch -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js" charset="utf-8"></script>
<!--bootstrap-edittable 表格行内编辑 -->
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-editable/css/bootstrap-editable.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-editable.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-table-editable.js" charset="utf-8"></script>
<style type="text/css">
.select2-container .select2-selection--single{
height:30px;
line-height: 30px;
}
.select2-selection__arrow{
margin-top:3px;
}
.table-hover>tbody>tr:hover {
cursor: pointer;
}
.fixed-table-toolbar .bs-bars,.fixed-table-toolbar .columns{
margin-top: 0px;
margin-bottom: 0px;
line-height: 20px;
}
</style>
<script type="text/javascript">
var addFun = function() {
$("#searchForm").bootstrapValidator('validate');//提交验证
if ($("#searchForm").data('bootstrapValidator').isValid()) {//获取验证结果,如果成功,执行下面代码
$.post(ext.contextPath + '/sparepart/contract/add.do', {companyId :companyId } , function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
};
var editFun = function(id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/sparepart/contract/editFinance.do', {id:id} , function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
var viewFun = function(id){
$.post(ext.contextPath + '/sparepart/contract/view.do', {id:id} , function(data) {
$("#subDiv").html(data);
openModal('subModal');
});
};
//流程处理详情
var viewDetailHandleFun = function(id) {
stopBubbleDefaultEvent();
$.post(ext.contextPath + '/sparepart/contract/showContractView.do', {id:id} , function(data) {
$("#subDiv").html(data);
openModal('contractExcuteModal');
});
};
var deleteFun = function(id) {
stopBubbleDefaultEvent();
swal({
text: "您确定要删除此记录?",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
})
.then(function(willDelete){
if (willDelete) {
$.post(ext.contextPath + '/sparepart/contract/delete.do', {id : id}, function(data) {
if(data==1){
$("#table").bootstrapTable('refresh');
}else{
showAlert('d','删除失败','mainAlertdiv');
}
});
}
});
};
var deletesFun = function() {
var checkedItems = $("#table").bootstrapTable('getSelections');
var datas="";
$.each(checkedItems, function(index, item){
datas+=item.id+",";
});
if(datas==""){
showAlert('d','请先选择记录','mainAlertdiv');
}else{
swal({
text: "您确定要删除此记录?",
dangerMode: true,
buttons: {
cancel: {
text: "取消",
value: null,
visible: true,
className: "btn btn-default btn-sm",
closeModal: true,
},
confirm: {
text: "确定",
value: true,
visible: true,
className: "btn btn-danger btn-sm",
closeModal: true
}
}
})
.then(function(willDelete) {
if (willDelete) {
$.post(ext.contextPath + '/sparepart/contract/deletes.do', {ids:datas} , function(data) {
if(data>0){
$("#table").bootstrapTable('refresh');
}else{
showAlert('d','删除失败','mainAlertdiv');
}
});
}
});
}
};
//查询方法,选择厂区后自动加载
var dosearch = function() {
$("#table").bootstrapTable('refresh');
selectDept();
};
var companyId = unitId;
$(function() {
//简易公司combotree
$.post(ext.contextPath + "/user/showCompanySelectTree.do", {}, function (data) {
$('#companySelectTree').html(data);
});
//输入框验证
$("#searchForm").bootstrapValidator({
live: 'disabled',//验证时机enabled是内容有变化就验证默认disabled和submitted是提交再验证
fields: {
search_code: {
validators: {
notEmpty: {
message: '请先选择厂区'
}
}
},
}
});
});
//表格查询参数
function queryParamsFun (params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
return {
rows: params.limit, // 每页要显示的数据条数
page: params.offset/params.limit+1, // 每页显示数据的开始页码
sort: params.sort, // 要排序的字段
order: params.order,
search_name: $('#search_name').val(),
search_code: companyId,
deptId: $('#dept_id').val(),
status:$('#status').val(),
agentid:$('#agentid').val(),
};
}
function selectDept(){
//选择部门
$.post(ext.contextPath + "/user/getDeptByBizId4Select.do", {companyId:companyId}, function(data) {
$("#dept_id").empty();
var selelct = $("#dept_id").select2({
data: data,
placeholder:'请选择',//默认文字提示
allowClear: false,//允许清空
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据超过十个启用搜索框
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
});
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
selelct.val('').trigger("change");
selelct.on("change",function(e){
$("#table").bootstrapTable('refresh');
});
},'json');
}
var showUser4SelectsFun = function() {
var userIds= $("#agentid").val();
$.post(ext.contextPath + '/user/userForSelectByStructure.do', {formId:"searchForm",hiddenId:"agentid",textId:"agentname",userIds:userIds} , function(data) {
$("#user4SelectDiv").html(data);
openModal("user4SelectModal");
});
};
var initFun = function(){
selectDept();
$("#table").bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/sparepart/contract/getFinanceList.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [10, 20,50], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: 'server', // 设置为服务器端分页
queryParams: queryParamsFun,
showColumns:true,
sortName: 'id', // 要排序的字段
sortOrder: 'desc', // 排序规则
toolbar: '#action', //工具按钮用哪个容器
//导出配置使用需要单独引用js
//是否显示导出按钮
showExport: true,
//导出表格方式默认basic只导出当前页的表格数据all导出所有数据selected导出选中的数据
exportDataType: "all",
//导出文件类型
exportTypes: ['excel'],
exportOptions:{
worksheetName: '合同信息', //表格工作区名称
fileName: '导出合同信息'
},
//end
onClickRow: function (row) {//单击行事件,执行查看功能
viewFun(row.id);
},
columns: [
{
field: 'contractnumber', // 返回json数据中的name
title: '合同编号', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'contractname', // 返回json数据中的name
title: '合同名称', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'contractclassName', // 返回json数据中的name
title: '合同类型', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'agentName', // 返回json数据中的name
title: '经办人', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'contractamount', // 返回json数据中的name
title: '合同金额', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'contractstartdate', // 返回json数据中的name
title: '开始日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter:function (value, row, index){
return value.substring(0,10);
}
},{
field: 'contractenddate', // 返回json数据中的name
title: '结束日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter:function (value, row, index){
return value.substring(0,10);
}
},{
field: 'contracttaxrateName', // 返回json数据中的name
title: '合同税率', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'supplierName', // 返回json数据中的name
title: '供应商', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'purchasemethodsName', // 返回json数据中的name
title: '采购形式', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'purchaseName', // 返回json数据中的name
title: '采购申请单', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: '_totalinvoice', // 返回json数据中的name
title: '开票金额', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
cellStyle:function(value,row,index){
if (value>row.contractamount){
return {css:{"background-color":"yellow"}}
}else{
return {css:{}}
}
}
},{
field: '_totalpayment', // 返回json数据中的name
title: '付款金额', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
},{
field: '_nototalpayment', // 返回json数据中的name
title: '未付数', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle',
},{
field: 'performancebond', // 返回json数据中的name
title: '履约保证金', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'warrantydeposit', // 返回json数据中的name
title: '质保金(%', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'qualitydeposit', // 返回json数据中的name
title: '质保金(元)', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'warrantyperiod', // 返回json数据中的name
title: '质保期(年)', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'supplyplanstartdate', // 返回json数据中的name
title: '供货计划开始日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter:function (value, row, index){
return value.substring(0,10);
}
},{
field: 'supplyplanenddate', // 返回json数据中的name
title: '供货计划结束日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter:function (value, row, index){
return value.substring(0,10);
}
},{
field: 'supplyactualstartdate', // 返回json数据中的name
title: '供货实际开始日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter:function (value, row, index){
return value.substring(0,10);
}
},{
field: 'supplyactualenddate', // 返回json数据中的name
title: '供货实际结束日期', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
formatter:function (value, row, index){
return value.substring(0,10);
}
},{
field: 'remark', // 返回json数据中的name
title: '备注', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
title: "操作",
align: 'center',
valign: 'middle',
width: 120, // 定义列的宽度单位为像素px
formatter: function (value, row, index) {
var buts= '';
if(row.status == '${STATUS_CONTRACT_START}'){
buts+= '<security:authorize buttonUrl="sparepart/contract/editFinance.do">';
buts+= '<button class="btn btn-default btn-sm" title="编辑" onclick="editFun(\'' + row.id + '\')"><i class="fa fa-edit"></i><span class="hidden-md hidden-lg"> 编辑</span></button>';
buts+= '</security:authorize>';
buts+= '<security:authorize buttonUrl="sparepart/contract/delete.do">';
buts+='<button class="btn btn-default btn-sm" title="删除" onclick="deleteFun(\''+row.id+'\')"><i class="fa fa fa-trash-o"></i><span class="hidden-md hidden-lg">删除</span></button';
buts+= '</security:authorize>';
}else{
if(row.status == '${STATUS_CONTRACT_EXECUTE}'){
buts+= '<security:authorize buttonUrl="sparepart/contract/editFinance.do">';
buts+= '<button class="btn btn-default btn-sm" title="编辑" onclick="editFun(\'' + row.id + '\')"><i class="fa fa-edit"></i><span class="hidden-md hidden-lg"> 编辑</span></button>';
buts+= '</security:authorize>';
}
//流程未发起时不能查看流程详情
buts+= '<button class="btn btn-default btn-sm" title="查看流程详情" onclick="viewDetailHandleFun(\'' + row.id + '\')"><i class="fa fa-history"></i><span class="hidden-md hidden-lg">查看</span></button>';
/* if(row.processid!=null && row.processid!=''){
buts+= '<button class="btn btn-default btn-sm" title="撤回" onclick="doWithdraw(\'' + row.processid + '\')"><i class="fa fa-reply"></i><span class="hidden-md hidden-lg">撤回</span></button>';
} */
}
buts='<div class="btn-group" >'+buts+'</div>';
return buts;
}
}
],
onLoadSuccess: function(){ //加载成功时执行
adjustBootstrapTableView("table");
$('#table').bootstrapTable('hideColumn', 'supplyplanstartdate');
$('#table').bootstrapTable('hideColumn', 'remark');
$('#table').bootstrapTable('hideColumn', 'supplyactualenddate');
$('#table').bootstrapTable('hideColumn', 'supplyactualstartdate');
$('#table').bootstrapTable('hideColumn', 'supplyplanenddate');
$('#table').bootstrapTable('hideColumn', 'warrantyperiod');
$('#table').bootstrapTable('hideColumn', 'qualitydeposit');
$('#table').bootstrapTable('hideColumn', 'warrantydeposit');
$('#table').bootstrapTable('hideColumn', 'performancebond');
$('#table').bootstrapTable('hideColumn', 'purchaseName');
$('#table').bootstrapTable('hideColumn', 'purchasemethodsName');
$('#table').bootstrapTable('hideColumn', 'contractstartdate');
$('#table').bootstrapTable('hideColumn', 'contractenddate');
$('#table').bootstrapTable('hideColumn', 'supplierName');
$('#table').bootstrapTable('hideColumn', '_nototalpayment');
},
onLoadError: function(){ //加载失败时执行
console.info("加载数据失败");
}
});
//状态
$.post(ext.contextPath + "/sparepart/contract/getContractCheckForSelect.do", {}, function(data) {
var selelct =$("#status").select2({
data: data,
placeholder:'请选择',//默认文字提示
allowClear: true,//允许清空
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
language: "zh-CN",
minimumInputLength: 0,
minimumResultsForSearch: 10,//数据大于10个启用搜索框
formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
});
$(".select2-selection--single").css({'height':'30px','paddingTop':'4px'})
selelct.val('').trigger("change");
selelct.on("change",function(e){
dosearch();
});
},'json');
}
//导出设备表,要用get请求的方式
function downloadFuns() {
if (companyId == "") {//获取验证结果,如果成功,执行下面代码
showAlert('d','请先选择厂区','mainAlertdiv');
}else{
var checkedItems = $("#table").bootstrapTable('getAllSelections');
var datas="";
$.each(checkedItems, function(index, item){
datas+=item.id+",";
});
if(checkedItems.length>0){
window.open(ext.contextPath + "/sparepart/subscribe/downloadSubscribeDetailExcel.do?contractId="+datas);
}else{
showAlert('d','请先选择合同','mainAlertdiv');
}
}
}
function doWithdraw(processInstanceId){
stopBubbleDefaultEvent();
$.post(ext.contextPath + "/sparepart/contract/doWithdrawContract.do", {processInstanceId:processInstanceId}, function(data) {
if (data.res == 1){
closeModal('subModal');
$("#table").bootstrapTable('refresh');
}else if(data.res == 0){
showAlert('d','撤回失败');
}else{
showAlert('d',data.res);
}
},'json');
}
</script>
</head>
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
<div class="wrapper">
<!-- 引用top -->
<%-- <jsp:include page="/jsp/top.jsp"></jsp:include> --%>
<!-- 菜单栏 -->
<%-- <jsp:include page="/jsp/left.jsp"></jsp:include> --%>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id ="head_title"></h1>
<ol class="breadcrumb">
<li><a id ='head_firstlevel' href="#"><i class="fa fa-dashboard"></i> </a></li>
<!-- <li class="active">Here</li> -->
</ol>
</section>
<!-- Main content -->
<section class="content container-fluid">
<div id="mainAlertdiv"></div>
<div id="subDiv"></div>
<div id="subDetailDiv"></div>
<div id="Goods4SelectDiv"></div>
<div id="Goods4SelectsDiv"></div>
<div id="user4SelectDiv"></div>
<div id="fileInputDiv"></div>
<div id="goodsAddDiv"></div>
<div id="equ4SelectDiv"></div>
<div id="fault4SelectDiv"></div>
<div id="importDiv"></div>
<div id="templateDiv"></div>
<form id="searchForm">
<div >
<div id="companySelectTree" style="float:left;"></div>
<div class="form-group" style="padding:0;margin-bottom: 0px;float:right;" id="action">
<div class="btn-group" style="width: 300px;">
<security:authorize buttonUrl="sparepart/contract/add.do">
<button type="button" class="btn btn-default btn-sm" onclick="addFun();"><i class="fa fa-plus"></i> 新增</button>
<button type="button" class="btn btn-default btn-sm" onclick="deletesFun();"><i class="fa fa-trash-o"></i> 删除</button>
</security:authorize>
<button type="button" class="btn btn-default btn-sm" onclick="downloadFuns();"><i class="fa fa-cloud-download"></i> 导出合同明细表</button>
</div>
<div class="form-group pull-right form-inline" style="margin-bottom: 0px;">
<div class="input-group input-group-sm" style="line-height: 30px">
<label class="form-label" style="margin-bottom:0;">经办人:</label>
<input type="text" class="form-control pull-right" id="agentname" name ="agentname"
placeholder="点击选择" style="width: 160px;" onclick="showUser4SelectsFun();" value="">
<input id="agentid" name="agentid" type="hidden" value="" />
</div>
<div class="input-group input-group-sm" style="width: 250px;">
<input type="text" id="search_name" name="search_name" class="form-control pull-right" placeholder="合同编号/名称">
<div class="input-group-btn" style="line-height: 30px">
<button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button>
</div>
</div>
</div>
</div>
</div>
<table id="table"></table>
</form>
</section>
<!-- /.content -->
</div>
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
</div>
</body>
<!-- 文件上传-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js" charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/commonFileUpload.js" charset="utf-8"></script>
</html>