Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/sparepart/subscribeEditForDeptApply.jsp

681 lines
33 KiB
Plaintext
Raw Permalink Normal View History

2026-01-16 14:13:44 +08:00
<%@page import="com.sipai.entity.sparepart.SparePartCommString"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%request.setAttribute("DEPARTMENT", SparePartCommString.PURCHASE_DEPARTMENT); %>
<%request.setAttribute("START", SparePartCommString.STATUS_START); %>
<%request.setAttribute("DEPT_AUDIT", SparePartCommString.STATUS_DEPT_AUDIT); %>
<style type="text/css">
.select2-container .select2-selection--single{
height:34px;
line-height: 34px;
}
.select2-selection__arrow{
margin-top:3px;
}
</style>
<script type="text/javascript">
//流程审核文件上传所需参数
var masterId_process = '${subscribe.id}';//业务Id
var tbName_process = 'TB_Process_UploadFile'; //数据表
var nameSpace_process ='ProcessUploadFile';//保存文件夹
var status = 'delete';//有删除权限
function doupdate() {
$("#subForm").bootstrapValidator('validate');//提交验证
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果,如果成功,执行下面代码
$.post(ext.contextPath + "/sparepart/subscribe/update.do", $("#subForm").serialize(), function(data) {
if (data.res == 1){
closeModal('subModal');
$("#table").bootstrapTable('refresh');
}else if(data.res == 0){
showAlert('d','保存失败');
}else{
showAlert('d',data.res);
}
},'json');
}
}
/* function dosubmit(){
$("#status").val('${DEPT_AUDIT}');
$('#subUnitForm').data('bootstrapValidator')
.updateStatus('targetUsersName', 'NOT_VALIDATED',null)
.validateField('targetUsersName');
$("#subForm").bootstrapValidator('validate');//提交验证
$("#subUnitForm").bootstrapValidator('validate');//提交验证
if ($("#subForm").data('bootstrapValidator').isValid() && $("#subUnitForm").data('bootstrapValidator').isValid()) {//获取验证结果,如果成功,执行下面代码
$.post(ext.contextPath + "/sparepart/subscribe/update.do", $("#subForm").serialize(), function(data) {
if (data.res == 1){
$.post(ext.contextPath + "/sparepart/subscribe/doHandleDeptApply.do", $("#subUnitForm").serialize(), function(unitdata) {
if (unitdata.res == 1) {
closeModal('subModal')
$("#table").bootstrapTable('refresh');
}else if(unitdata.res == 0){
showAlert('d','保存失败');
}else{
showAlert('d',data.res);
}
},'json');
closeModal('subModal');
$("#table").bootstrapTable('refresh');
}else if(data.res == 0){
showAlert('d','保存失败');
}else{
showAlert('d',data.res);
}
},'json');
}
} */
function dosubmit(){
$('#subUnitForm').data('bootstrapValidator')
.updateStatus('targetUsersName', 'NOT_VALIDATED',null)
.validateField('targetUsersName');
$("#subForm").bootstrapValidator('validate');//提交验证
$("#subUnitForm").bootstrapValidator('validate');//提交验证
setTimeout(function(){
if ($("#subForm").data('bootstrapValidator').isValid() && $("#subUnitForm").data('bootstrapValidator').isValid()) {//获取验证结果,如果成功,执行下面代码
$.post(ext.contextPath + "/sparepart/subscribe/update.do", $("#subForm").serialize(), function(data) {
var routeNum = $("#routeNum").val();
if (data.res == 1){
$.post(ext.contextPath + "/sparepart/subscribe/doHandleDeptApply.do", $("#subUnitForm").serialize()+"&routeNum="+routeNum, function(unitdata) {
if (unitdata.res == 1) {
closeModal('subModal')
$("#table").bootstrapTable('refresh');
}else if(unitdata.res == 0){
showAlert('d','保存失败');
}else{
showAlert('d',data.res);
}
},'json');
}else if(data.res == 0){
showAlert('d','保存失败');
}else{
showAlert('d',data.res);
}
},'json');
}
}, 100);
}
//新增申购明细
var addSubscribeDetailFun = function() {
//新增申购明细时,验证部门不能为空
$("#subForm").data('bootstrapValidator').validateField('deptId');
if($("#subForm").data('bootstrapValidator').isValidField('deptId')){
var allTableData = $("#table_SubscribeDetail").bootstrapTable('getData');
var goodsIds="";
$.each(allTableData,function(index,item){
if(goodsIds!=""){
goodsIds+=",";
}
goodsIds+=item.goods.id;
})
$.post(ext.contextPath + '/sparepart/subscribe/selectGoodsForSubscribeDetail.do', {goodsIds:goodsIds},
function(data) {
$("#handleDetailDiv").html(data);
openModal('subDetailModal');
});
}
};
var doRefreshSubscribeDetail = function() {
$("#table_SubscribeDetail").bootstrapTable('refresh');
};
var doFinishSelectSubscribeDetail = function(data) {
$.post(ext.contextPath + '/sparepart/subscribe/updateSubscribeDetails.do', {subscribeId:'${subscribe.id}',deptId : $("#deptId").val(),
goodsIds:data} , function(data) {
if(data.res){
doRefreshSubscribeDetail();
}
},'json');
};
//删除多条申购明细数据
var deletesSubscribeDetailFun = function() {
var checkedItems = $("#table_SubscribeDetail").bootstrapTable('getSelections');
var datas="";
$.each(checkedItems, function(index, item){
datas+=item.id+",";
});
if(datas==""){
showAlert('d','请先选择记录','alertDiv');
}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/subscribe/deletesSubscribeDetail.do', {ids:datas} , function(data) {
if(data>0){
$("#table_SubscribeDetail").bootstrapTable('refresh');
}else{
showAlert('d','删除失败','alertDiv');
}
});
}
});
}
};
var showUser4SelectsFun = function() {
var userIds= $("#targetusers").val();
var jobIds= $("#targetjobs").val();
$.post(ext.contextPath + '/user/userForSelectByCompany.do', {formId:"subUnitForm",hiddenId:"targetusers",textId:"targetUsersName",userIds:userIds,jobIds:jobIds} , function(data) {
$("#user4SelectDiv").html(data);
openModal("user4SelectModal");
});
};
var companyId = "${subscribe.bizId}";
//初始化申购部门
var refreshSelect = function(companyId) {
$.post(ext.contextPath + "/user/getDeptByBizId4Select.do", {companyId:companyId}, function(data) {
//$("#deptId").empty();
var selelct_ =$("#deptId").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;} // 函数用于呈现当前的选择
});
selelct_.val('${subscribe.deptId}').trigger("change");
},'json');
};
$(function(){
//初始化文件显示
getFileList_process();
var subscribeDetail_Visible = true;
var bizPid = $("#bizPid").val();
if(bizPid=='-1'){
subscribeDetail_Visible = true;
}
//初始化选择框方法在workflow.js里
processSelectNodeForHandle("${businessUnitDeptApply.taskid}");
$('#table_SubscribeDetail').bootstrapTable({ // 对应table标签的id
url: ext.contextPath + '/sparepart/subscribe/getSubscribeDetailList.do', // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
striped: true, //表格显示条纹默认为false
pagination: true, // 在表格底部显示分页组件默认false
pageList: [10, 20,50], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码
sidePagination: 'server', // 设置为服务器端分页
queryParams: function (params) { // 请求服务器数据时发送的参数可以在这里添加额外的查询参数返回false则终止请求
return {
rows: params.limit, // 每页要显示的数据条数
page: params.offset/params.limit+1, // 每页显示数据的开始页码
sort: params.sort, // 要排序的字段
order: params.order,
pid:'${subscribe.id}',
}
},
sortName: 'id', // 要排序的字段
sortOrder: 'desc', // 排序规则
columns: [
{
checkbox: true, // 显示一个勾选框
},{
field: 'goods.name', // 返回json数据中的name
title: '物品名称', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
},{
field: 'goods.model', // 返回json数据中的name
title: '规格型号', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
},{
field: 'goods.unit', // 返回json数据中的name
title: '单位', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'brand', // 返回json数据中的name
title: '品牌', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
visible: subscribeDetail_Visible,
editable: { //编辑列元素
type: 'text',
title: '品牌',
}
},{
field: 'manufacturer', // 返回json数据中的name
title: '生产厂家', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
visible: subscribeDetail_Visible,
editable: { //编辑列元素
type: 'select2',
title: '生产厂家',
select2: {
allowClear: true,
width: '150px',
},
source: function () {
var result = [];
$.ajax({
url: ext.contextPath + "/sparepart/supplier/getSupplier4Select.do",
type: "post",
async: false,
dataType: 'json',
data: {},
success: function (data, status) {
$.each(data, function (key, value) {
result.push({ value: value.text, text: value.text });
});
}
});
return result;
},
validate: function (v) {
if (!v) return '生产厂家不能为空';
}
}
},{
field: 'number', // 返回json数据中的name
title: '数量', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
editable: { //编辑列元素
type: 'text',
title: '数量',
validate: function (v) {
if (!v) return '数量不能为空';
}
}
},{
field: 'price', // 返回json数据中的name
title: '单价/元', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
editable: { //编辑列元素
type: 'text',
title: '单价',
validate: function (v) {
if (!v) return '单价不能为空';
}
}
},{
field: 'totalMoney', // 返回json数据中的name
title: '合计/元', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle' // 上下居中
},{
field: 'planArrivalTime', // 返回json数据中的name
title: '计划到货时间', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中,
editable: { //编辑列元素
type: 'text',
title: '计划到货时间',
validate: function (v) {
if (!v) return '计划到货时间不能为空';
}
}
},{
field: 'planArrivalPlace', // 返回json数据中的name
title: '计划到货地点', // 表格表头显示文字
align: 'center', // 左右居中
valign: 'middle', // 上下居中
editable: { //编辑列元素
type: 'text',
title: '计划到货地点',
validate: function (v) {
if (!v) return '计划到货地点不能为空';
}
}
},{
field: 'purpose', // 返回json数据中的name
title: '用途', // 表格表头显示文字
width: '20%',
align: 'center', // 左右居中
valign: 'middle', // 上下居中
editable: { //编辑列元素
type: 'select2',
title: '用途',
select2: {
allowClear: true,
width: '150px',
},
source: function () {
var result = [];
$.ajax({
url: ext.contextPath + "/sparepart/purpose/getPurpose4Select.do",
type: "post",
async: false,
dataType: 'json',
data: {},
success: function (data, status) {
$.each(data, function (key, value) {
result.push({ value: value.text, text: value.text });
});
}
});
return result;
},
validate: function (v) {
if (!v) return '用途不能为空';
}
}
},
],
//保存列修改后的数据
onEditableSave: function (field, row, oldValue, $el) {
$.post(ext.contextPath + "/sparepart/subscribe/updateSubscribeDetail.do", {id:row.id,price:row.price,number:row.number,purpose:row.purpose,
brand:row.brand,design:row.design,manufacturer:row.manufacturer,planArrivalTime:row.planArrivalTime,planArrivalPlace:row.planArrivalPlace}, function(data) {
if (data.res == 1){
$("#table_SubscribeDetail").bootstrapTable('refresh');
}else if(data.res == 0){
showAlert('d','编辑失败');
}else{
showAlert('d',data.res);
}
},'json');
},
onLoadSuccess: function(){ //加载成功时执行
adjustBootstrapTableView("table_SubscribeDetail");
},
onLoadError: function(){ //加载失败时执行
console.info("加载数据失败");
}
});
//选择厂区
$.post(ext.contextPath + "/user/getSearchBizsByUserId4Select.do", {}, function(data) {
//选择厂区为一个厂时隐藏选择框
if(data.length == 1){
$("#bizId").css("display", "none");
$("#input_bizId").val(data[0].text);
$("#hidden_bizId").val(data[0].id);
companyId = data[0].id;
refreshSelect(companyId);
}else{
$("#hidden_bizId").attr("disabled","disabled");
$("#input_bizId").css("display", "none");
var selelct =$("#bizId").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;} // 函数用于呈现当前的选择
});
selelct.val('${subscribe.bizId}').trigger("change");
refreshSelect(companyId);
selelct.on("change",function(e){
companyId = $(this).val();
refreshSelect(companyId);
$("#deptId").empty();
});
}
},'json');
//选择采购形式
/* $.post(ext.contextPath + "/sparepart/purchaseMethods/getPurchaseMethods4Select.do", function(data) {
var selelct = $("#purchaseMethodsId").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;} // 函数用于呈现当前的选择
});
selelct.val('${subscribe.purchasemethodsid}').trigger("change");
},'json');
//选择列资渠道
$.post(ext.contextPath + "/sparepart/channels/getChannels4Select.do", function(data) {
var selelct = $("#channelsId").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;} // 函数用于呈现当前的选择
});
selelct.val('${subscribe.channelsid}').trigger("change");
},'json'); */
//输入框验证
$("#subForm").bootstrapValidator({
live: 'disabled',//验证时机enabled是内容有变化就验证默认disabled和submitted是提交再验证
fields: {
deptId: {
validators: {
notEmpty: {
message: '申购部门不能为空'
}
}
},
subscribeDate: {
validators: {
notEmpty: {
message: '申购日期不能为空'
}
}
},
/* purchasemethodsid: {
validators: {
notEmpty: {
message: '采购形式不能为空'
}
}
},
channelsid: {
validators: {
notEmpty: {
message: '列资渠道不能为空'
}
}
}, */
}
});
//输入框验证
$("#subUnitForm").bootstrapValidator({
live: 'disabled',//验证时机enabled是内容有变化就验证默认disabled和submitted是提交再验证
fields: {
targetUsersName: {
validators: {
notEmpty: {
message: '审核人员不能为空'
}
}
},
}
});
$("#subscribeDate").datepicker({
language: 'zh-CN',
autoclose: true,
todayHighlight: true,
format:'yyyy-mm-dd',
})
//显示流程详情
var id = '${subscribe.id}';
$.post(ext.contextPath + '/sparepart/subscribe/showSubscribeView.do', {id:id,inModal:'inModal'} , function(data) {
$("#showView").html(data);
});
})
</script>
<div class="modal fade" id="subModal">
<div class="modal-dialog modal-xlg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">重新编辑部门申购</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-7 col-xs-12">
<input id="bizPid" type="hidden" value="${subscribe.company.pid}"/>
<!-- 新增界面formid强制为subForm -->
<form class="form-horizontal" id="subForm">
<!-- 界面提醒div强制id为alertDiv -->
<div id="alertDiv"></div>
<input id="status" name="status" type="hidden" value="${subscribe.status}"/>
<input id ="type" name ="type" type="hidden" value="${subscribe.type}" />
<div class="form-group">
<label class="col-md-2 col-sm-2 control-label">*所属厂区</label>
<!-- <div class="col-sm-6">
<select class="form-control select2" id="bizId" name ="bizId" style="width: 270px;">
</select>
<input class="form-control" id="input_bizId" style="border: none;background: transparent;">
<input type="hidden" id="hidden_bizId" name ="bizId">
</div> -->
<div class="col-md-4 col-sm-10">
<input name="bizId" type="hidden" value="${subscribe.company.id}"/>
<p class="form-control-static" >${subscribe.company.name}</p>
</div>
<label class="col-md-2 col-sm-2 control-label">*申购单号</label>
<div class="col-md-4 col-sm-10">
<input type="text" class="form-control" id="id" name ="id" placeholder="名称" value="${subscribe.id}" readonly>
</div>
</div>
<div class="form-group">
<label class="col-md-2 col-sm-2 control-label">*申购日期</label>
<div class="col-md-4 col-sm-10">
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control" id="subscribeDate" name="subscribeDate" placeholder="请选择" value="${subscribe.subscribeDate.substring(0,10)}"/>
</div>
</div>
<label class="col-md-2 col-sm-2 control-label">*申购部门</label>
<div class="col-md-4 col-sm-10">
<select class="form-control" id="deptId" name ="deptId" >
</select>
</div>
</div>
<div class="form-group" id="audit">
<label class="col-sm-2 control-label">*审核人</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="auditMan" name ="auditMan" placeholder="点击选择" onclick="showUser4SelectsFun();" value="${subscribe.subscribeAuditName}">
<input id="subscribeAuditId" name="subscribeAuditId" type="hidden" value="${subscribe.subscribeAuditId}" />
</div>
<!-- <label class="col-md-2 col-sm-2 control-label">采购形式</label>
<div class="col-md-4 col-sm-10">
<select class="form-control select2" id="purchaseMethodsId" name ="purchasemethodsid" style="width: 270px;"></select>
</div> -->
</div>
<%-- <div class="form-group">
<label class="col-sm-2 control-label">列资渠道</label>
<div class="col-sm-10">
<select class="form-control select2" multiple="multiple" id="channelsId" style="width: 100%;"></select>
<input id="channelsid" name ="channelsid" type="hidden" value="${subscribe.channelsid}" />
</div>
</div> --%>
<div class="form-group">
<label class="col-sm-2 control-label">备注</label>
<div class="col-sm-10">
<textarea class="form-control" rows="2" id ="remark" name ="remark" placeholder="备注...">${subscribe.remark}</textarea>
</div>
</div>
</form>
<form class="form-horizontal" id="subUnitForm" enctype="multipart/form-data" >
<input type="hidden" class="form-control" name ="id" value="${businessUnitDeptApply.id}">
<input type="hidden" class="form-control" name ="processid" value="${businessUnitDeptApply.processid}">
<input type="hidden" class="form-control" name ="taskid" value="${businessUnitDeptApply.taskid}">
<input type="hidden" class="form-control" name ="subscribeId" value="${businessUnitDeptApply.subscribeId}">
<input type="hidden" class="form-control" name ="taskdefinitionkey" value="${businessUnitDeptApply.taskdefinitionkey}">
<c:if test='${not empty rejectReson }'>
<div class="form-group">
<label class="col-sm-2 control-label">退回意见:</label>
<div class="col-sm-10">
<textarea class="form-control " id="auditopinion" name="auditopinion" rows="2" placeholder="退回意见" >${rejectReson}</textarea>
</div>
</div>
</c:if>
<div class="form-group">
<label class="col-sm-2 control-label">*下一节点</label>
<div class="col-sm-6">
<select class="form-control select2" id="routeNum" name ="routeNum" style="width: 270px;">
</select>
</div>
</div>
<div id = "selectUsers" class="form-group">
<label class="col-sm-2 control-label">提交至:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="targetUsersName" name ="targetUsersName" placeholder="下一级人员" onclick="showUser4SelectsFun();" >
<input id="targetusers" name="targetusers" type="hidden" value="${businessUnitDeptApply.targetusers}"/>
<input class="form-control" id="targetjobs" name="targetjobs" type="hidden" value=""/>
</div>
</div>
</form>
<!-- 文件上传,显示 -->
<div class="form-group" style="margin:8px">
<label class="col-sm-2 control-label"></label>
<button type="button" class="btn btn-default btn-file" onclick="fileinput_process()" id="btn_save"><i class="fa fa-paperclip"></i>上传文件</button>
</div>
<div id="fileArea">
</div>
<div class="box box-primary" >
<div class="box-header with-border">
<h3 class="box-title">申购明细</h3>
<div class="box-tools pull-right">
<c:if test="${subscribe.type!=personal}">
<button type="button" class="btn btn-default btn-sm" onclick="importPersonalFun();" ><i class="fa fa-cloud-upload"></i>导入申购数据</button>
</c:if>
<button type="button" class="btn btn-default btn-sm" onclick="importFun();" ><i class="fa fa-cloud-upload"></i>导入Excel</button>
<a onclick="addSubscribeDetailFun()" class="btn btn-box-tool" data-toggle="tooltip" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
<a onclick="deletesSubscribeDetailFun()" class="btn btn-box-tool" data-toggle="tooltip" title="删除"><i class="glyphicon glyphicon-minus"></i></a>
<!--
<a onclick="addchannelsId()" class="btn btn-default" data-toggle="tooltip" title="设置">设置子项工程</a>
<a onclick="addSubscribeHistoryFun()" class="btn btn-box-tool" data-toggle="tooltip" title="新增">历史订单</a>
<a onclick="addScrapFun()" class="btn btn-box-tool" data-toggle="tooltip" title="新增">报废设备</a> -->
</div>
</div>
<!-- /.box-header -->
<div class="box-body ">
<input id="subscribeDetail_channelsId" type="hidden" value="" />
<table id="table_SubscribeDetail"></table>
</div>
</div>
</div>
<div class="col-md-5 col-xs-12" id="showView"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="doupdate()" id="btn_update">保存</button>
<!-- <button type="button" class="btn btn-primary" onclick="dosubmit()" id="btn_submit">提交</button> -->
<button type="button" class="btn btn-primary" onclick="dosubmit()" id="btn_submit">提交审核</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>