569 lines
20 KiB
JavaScript
569 lines
20 KiB
JavaScript
var totalProId = localStorage.getItem("totalProId");
|
||
var token = localStorage.getItem("smz-token");
|
||
var form,laydate
|
||
var gxListArr=[];
|
||
|
||
var selectedGxListInParent = [];// 父页面存储已选数据
|
||
$(function () {
|
||
layui.use(['form', 'laydate', 'upload'], function () {
|
||
form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
laydate = layui.laydate;
|
||
form.render();
|
||
|
||
$(document).ready(function() {
|
||
getPro(); // 初始化时加载工程名称下拉列表
|
||
getSub("");
|
||
getTeam("");
|
||
|
||
|
||
// 生成甲方二维码
|
||
$("#generateQrCodeA").click(function () {
|
||
generateQrCode("partya");
|
||
});
|
||
|
||
// 生成乙方二维码
|
||
$("#generateQrCodeB").click(function () {
|
||
generateQrCode("partyb");
|
||
});
|
||
|
||
// 更新甲方签名
|
||
$("#updateSignatureA").click(function () {
|
||
updateSignature("partya");
|
||
});
|
||
|
||
// 更新乙方签名
|
||
$("#updateSignatureB").click(function () {
|
||
updateSignature("partyb");
|
||
});
|
||
});
|
||
|
||
form.on('submit(formDemo)', function (data) {
|
||
insertContract(data); //新增合同信息
|
||
});
|
||
|
||
//查询分包
|
||
form.on('select(proId)', function (data) {
|
||
getSub(data.value);
|
||
});
|
||
|
||
//查询班组
|
||
form.on('select(subId)', function (data) {
|
||
getTeam(data.value);
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#contractDate' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
// , value: new Date() //初始值 今天
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#planStartTime' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
// , value: new Date() //初始值 今天
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#planEndTime' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
// , value: new Date() //初始值 今天
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
});
|
||
|
||
// 自定义校验规则：暂定协议价
|
||
form.verify({
|
||
contractMoneyCheck: function (value, item) {
|
||
if (!value) return '请输入暂定协议价';
|
||
// 只允许数字和小数点，最多两位小数
|
||
if (!/^\d+(\.\d{1,2})?$/.test(value)) {
|
||
return '请输入正确的小写金额，最多两位小数';
|
||
}
|
||
// 金额范围限制（可选）
|
||
if (parseFloat(value) <= 0) {
|
||
return '金额必须大于0';
|
||
}
|
||
},
|
||
gxList: function (value, item) {
|
||
if (!value) return '请选择工序';
|
||
},
|
||
|
||
partyaImageUuid: function (value, item) {
|
||
if (!value) return '甲方签字不能为空';
|
||
},
|
||
|
||
partybImageUuid: function (value, item) {
|
||
if (!value) return '乙方签字不能为空';
|
||
},
|
||
});
|
||
|
||
form.on('submit(nextStep)', function (data) {
|
||
nextStep();
|
||
return false;
|
||
});
|
||
|
||
// 渲染表单
|
||
form.render();
|
||
});
|
||
});
|
||
|
||
|
||
function insertContract(data) {
|
||
var selectedOption = $("#proId option:selected");
|
||
data.field.proName = selectedOption.text(); // 获取 name（显示文本）
|
||
data.field.abbreviation = selectedOption.attr("data-abbreviation"); // 获取 abbreviation
|
||
|
||
var subOption = $("#subId option:selected");
|
||
data.field.subName = subOption.text();
|
||
|
||
var teamOption = $("#teamId option:selected");
|
||
data.field.teamName = teamOption.text();
|
||
|
||
data.field.partyaImage = $("#partyaImagePath").val();
|
||
data.field.partybImage = $("#partybImagePath").val();
|
||
|
||
data.field.contractMoneyMax = toChineseNumber(data.field.contractMoney);
|
||
|
||
data.field.gxList = gxListArr;
|
||
// alert(gxListArr)
|
||
|
||
// 加载提示
|
||
var loadingMsg = parent.layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
|
||
var formUrl = smz_ht_url + "/teamSmallBagDryTreaty/addData";
|
||
$.ajax({
|
||
type: 'POST',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址
|
||
contentType: "application/json; charset=utf-8",
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: JSON.stringify(data.field), //获取提交的表单字段
|
||
success: function (data) {
|
||
layer.close(loadingMsg); // 关闭提示层
|
||
if (data.resMsg == "保存成功") {
|
||
parent.layer.alert('新增成功', {icon: 1, time: 2000});
|
||
setTimeout("reloading()", 2001);
|
||
} else {
|
||
parent.layer.alert('新增失败', {icon: 2, time: 2000});
|
||
// setTimeout("reloading()", 2001);
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
parent.layer.close(loadingMsg); //再执行关闭
|
||
}
|
||
|
||
/**
|
||
* 获取工程
|
||
* */
|
||
function getPro() {
|
||
$("#proId").html("");
|
||
$.ajax({
|
||
type: 'get',
|
||
url: smz_ht_url + '/commonSelect/getPros',
|
||
data: {},
|
||
async: false,
|
||
success: function (data) {
|
||
var html = '<option value="">请选择工程</option>';
|
||
for (var i = 0; i < data.obj.length; i++) {
|
||
html += '<option value="' + data.obj[i].id + '" data-abbreviation="' + data.obj[i].abbreviation + '">' + data.obj[i].name + '</option>';
|
||
}
|
||
$("#proId").html(html);
|
||
form.render(); //这里就是我们要渲染的地方了
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 获取分包名称（甲方）
|
||
* */
|
||
function getSub(proId) {
|
||
$("#subId").html("");
|
||
$.ajax({
|
||
type: 'get',
|
||
url: smz_ht_url + '/commonSelect/getSetAuthSubs',
|
||
data: {
|
||
proId:proId
|
||
},
|
||
async: false,
|
||
success: function (data) {
|
||
var html = '<option value="">请选择分包</option>';
|
||
for (var i = 0; i < data.obj.length; i++) {
|
||
html += '<option value="' + data.obj[i].id + '">' + data.obj[i].name + '</option>';
|
||
}
|
||
$("#subId").html(html);
|
||
form.render(); //这里就是我们要渲染的地方了
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 获取分包名称（甲方）
|
||
* */
|
||
function getTeam(subId) {
|
||
$("#teamId").html("");
|
||
$.ajax({
|
||
type: 'get',
|
||
url: smz_ht_url + '/commonSelect/getSubTeams',
|
||
data: {
|
||
subId:subId
|
||
},
|
||
async: false,
|
||
success: function (data) {
|
||
var html = '<option value="">请选择班组</option>';
|
||
for (var i = 0; i < data.obj.length; i++) {
|
||
html += '<option value="' + data.obj[i].id + '">' + data.obj[i].name + '</option>';
|
||
}
|
||
$("#teamId").html(html);
|
||
form.render(); //这里就是我们要渲染的地方了
|
||
}
|
||
})
|
||
}
|
||
|
||
function lumpSum(){
|
||
var proId = $("#proId").val();
|
||
if(proId == "" || proId == null){
|
||
layer.msg('请先选择工程', {icon: 2});
|
||
return;
|
||
}
|
||
localStorage.setItem("lumpSumProId", proId);
|
||
localStorage.setItem("lumpSumType", "1");
|
||
let index = layer.open({
|
||
title: ['选择包干工序及桩位', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
||
type: 2,
|
||
content: 'lumpSum.html',
|
||
area: ['97.5%', '97.5%'],
|
||
maxmin: false,
|
||
btn: ['确定','关闭'],
|
||
success: function(layero, index){
|
||
var myIframe = window[layero.find('iframe')[0]['name']];
|
||
var fnc = myIframe.receiveDataFromParent(JSON.stringify(selectedGxListInParent)); //aaa()为子页面的方法
|
||
},
|
||
yes: function (index, layero) {
|
||
// 获取弹出层中的form表单元素
|
||
var formSubmit = layer.getChildFrame('form', index);
|
||
var submited = formSubmit.find('button')[1];
|
||
submited.click();
|
||
},
|
||
});
|
||
}
|
||
|
||
// 父页面 JS
|
||
function receiveDataFromChild(gxList,resultStrings) {
|
||
selectedGxListInParent = JSON.parse(gxList); // 更新父页面缓存
|
||
console.log('收到子页面数据:', gxList);
|
||
console.log('收到子页面数据groupedData:', resultStrings);
|
||
const cleaned = JSON.parse(resultStrings).map(item => item.replace(/\s+/g, ''));
|
||
// 第二步：处理每一项，生成标准化格式
|
||
const formatted = cleaned.map(item => {
|
||
// 使用正则提取工序名 和 桩位列表
|
||
const nameMatch = item.match(/^([\u4e00-\u9fa5]+)(?:工序)/);
|
||
const pileMatch = item.match(/桩位(.*)/);
|
||
if (!nameMatch || !pileMatch) return item;
|
||
const gxName = nameMatch[1]; // 工序名
|
||
let piles = pileMatch[1]; // 桩位字符串
|
||
// 去重 + 排序（可选）
|
||
const uniquePiles = [...new Set(piles.split(','))].filter(Boolean).join(',');
|
||
// 返回标准格式
|
||
return `${gxName}工序${uniquePiles}桩位`;
|
||
});
|
||
if(formatted.length > 0){
|
||
$("#gxList").val("1");
|
||
}
|
||
$("#selectedProcessAndPile").html(formatted.join('<br>'));
|
||
gxListArr = formatGxList(gxList);
|
||
}
|
||
|
||
function formatGxList(gxListStr) {
|
||
try {
|
||
// 步骤一：解析 JSON 字符串
|
||
const parsed = JSON.parse(gxListStr);
|
||
// 步骤二：遍历数组，提取每个对象中的字段并清理空格
|
||
return parsed.map(item => ({
|
||
gxId: item.gxId.trim(), // 直接取并去空格
|
||
gxName: item.gxName.trim(),
|
||
gxZw: item.gxZw.trim()
|
||
}));
|
||
} catch (e) {
|
||
console.error("JSON 解析失败", e);
|
||
return [];
|
||
}
|
||
}
|
||
|
||
|
||
function generateUUID() {
|
||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
||
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
|
||
return v.toString(16);
|
||
});
|
||
}
|
||
|
||
// 生成二维码并写入 input
|
||
function generateQrCode(party) {
|
||
var uuid = generateUUID(); // 生成唯一 UUID
|
||
// var inputId = party + "Image";
|
||
var inputId = party + "ImageUuid";
|
||
var qrCodeContainerId = party + "QrCodeContainer";
|
||
|
||
console.log("uuid: " + uuid)
|
||
$("#" + inputId).val(uuid); // 填充 input 框
|
||
|
||
// 发送请求到后台生成二维码
|
||
var formUrl = smz_ht_url + "/teamSmallBagDryTreaty/addQrCode";
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: formUrl,
|
||
contentType: "application/json; charset=utf-8", // 设置为 JSON 类型
|
||
dataType: "json",
|
||
data: JSON.stringify({ uuid: uuid }), // 转为 JSON 字符串
|
||
success: function (res) {
|
||
if (res.res !=1 ) {
|
||
layer.msg("生成二维码失败", { icon: 2 });
|
||
return;
|
||
}
|
||
|
||
// 创建弹窗容器
|
||
let $content = $('<div>', {
|
||
style: 'text-align:center; padding:10px;'
|
||
});
|
||
|
||
let $imgContainer = $('<div>').attr('id', qrCodeContainerId);
|
||
$content.append($imgContainer);
|
||
|
||
// 显示弹窗
|
||
let index = layer.open({
|
||
type: 1,
|
||
title: '电子签名二维码',
|
||
area: ['75%', '75%'],
|
||
content: $content[0].outerHTML, // 转为字符串插入弹窗
|
||
success: function () {
|
||
// 弹窗打开后执行生成二维码
|
||
QRCode.toCanvas(uuid, {
|
||
errorCorrectionLevel: 'H',
|
||
width: 180
|
||
}, function (error, canvas) {
|
||
if (error) {
|
||
layer.msg("生成二维码失败", { icon: 2 });
|
||
return;
|
||
}
|
||
|
||
// 插入二维码到弹窗中
|
||
$("#" + qrCodeContainerId).html(canvas);
|
||
});
|
||
}
|
||
});
|
||
},
|
||
error: function (xhr, status, error) {
|
||
layer.msg('数据请求异常，请稍后重试', { icon: 2 });
|
||
}
|
||
});
|
||
}
|
||
|
||
function updateSignature(party) {
|
||
var uuid = $("#" + party + "ImageUuid").val();
|
||
// var uuid ="565456546";
|
||
if (!uuid) {
|
||
layer.msg("请先生成二维码", { icon: 2 });
|
||
return;
|
||
}
|
||
|
||
// 调用接口获取图片 URL
|
||
$.ajax({
|
||
url: smz_ht_url + "/teamSmallBagDryTreaty/getSignPhoto",
|
||
type: "GET",
|
||
data: { uuid: uuid },
|
||
success: function (res) {
|
||
if (res.res !=1 ) {
|
||
layer.msg(res.resMsg || "获取图片失败", { icon: 2 });
|
||
return;
|
||
}
|
||
if(!res.obj.signPath){
|
||
layer.msg("请先完成签名", { icon: 2 });
|
||
return;
|
||
}
|
||
// 填入 input 框
|
||
var imageUrl = smz_ht_url + "/" + res.obj.signPath;
|
||
// $("#" + party + "Image").val( imageUrl );
|
||
// 设置隐藏字段，用于表单提交
|
||
$("#" + party + "ImagePath").val(res.obj.signPath); // ✅ 存储图片路径
|
||
|
||
|
||
// 设置图片预览
|
||
var previewContainer = $("#" + party + "ImagePreview");
|
||
previewContainer.html('<img src="' + imageUrl + '" style="max-width: 200px; max-height: 200px; border: 1px solid #ccc;">');
|
||
|
||
layer.msg("更新成功", { icon: 1 });
|
||
},
|
||
error: function () {
|
||
layer.msg("请求失败，请稍后重试", { icon: 2 });
|
||
}
|
||
});
|
||
}
|
||
|
||
// 小写金额转中文大写金额
|
||
function toChineseNumber(num) {
|
||
var AA = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];
|
||
var BB = ["", "拾", "佰", "仟", "万", "亿", "", "", "点", ""];
|
||
|
||
var str = (num + "").replace(/(^0*)/g, ""); // 去除前导0
|
||
var integerPart = str.split(".")[0] || "0";
|
||
var decimalPart = str.split(".")[1];
|
||
|
||
var result = "";
|
||
|
||
// 处理整数部分
|
||
for (var i = 0; i < integerPart.length; i++) {
|
||
var digit = integerPart.charAt(i);
|
||
var pos = integerPart.length - i - 1;
|
||
|
||
result += AA[digit];
|
||
|
||
if (digit !== "0") {
|
||
switch (pos % 4) {
|
||
case 1:
|
||
result += "拾"; break;
|
||
case 2:
|
||
result += "佰"; break;
|
||
case 3:
|
||
result += "仟"; break;
|
||
}
|
||
|
||
if (pos === 4 || pos === 8) {
|
||
result += "万";
|
||
} else if (pos === 5 || pos === 9) {
|
||
result += "亿";
|
||
}
|
||
}
|
||
|
||
// 每四位一组，处理完千位之后要处理是否补零
|
||
if (pos % 4 === 0 && i < integerPart.length - 1 && integerPart.charAt(i + 1) !== "0") {
|
||
result += "零";
|
||
}
|
||
}
|
||
|
||
// 去掉多余的“零”和开头的“一十”
|
||
result = result.replace(/零+/g, '零').replace(/^一十/, '十');
|
||
|
||
// 处理小数部分
|
||
if (decimalPart) {
|
||
result += "点";
|
||
|
||
// 最多取两位小数
|
||
if (decimalPart.length >= 1) {
|
||
result += AA[decimalPart.charAt(0)];
|
||
}
|
||
if (decimalPart.length >= 2) {
|
||
result += AA[decimalPart.charAt(1)];
|
||
}
|
||
}
|
||
|
||
return result + "元";
|
||
}
|
||
|
||
function reloading() {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
// window.parent.location.reload();
|
||
|
||
if (parent && typeof parent.reloading === 'function') {
|
||
parent.reloading(); // 假设父页面定义了 reloadData 函数
|
||
}
|
||
}
|
||
|
||
function cancel(){
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
}
|
||
|
||
function nextStep() {
|
||
var startTime = $("#planStartTime").val();
|
||
var endTime = $("#planEndTime").val();
|
||
|
||
var partyaImagePath = $("#partyaImagePath").val();
|
||
var partybImagePath = $("#partybImagePath").val();
|
||
if(!partyaImagePath){
|
||
layer.msg("请先完成甲方签名", { icon: 2 });
|
||
return;
|
||
}
|
||
if(!partybImagePath){
|
||
layer.msg("请先完成乙方签名", { icon: 2 });
|
||
return;
|
||
}
|
||
|
||
if (startTime && endTime && startTime > endTime) {
|
||
layer.msg("开始时间不能大于结束时间", { icon: 2 });
|
||
return false;
|
||
}
|
||
// 获取表单数据
|
||
const formData = {
|
||
agreementNumber: $("#agreementNumber").val(),
|
||
proId: $("#proId").val(),
|
||
proName: $("#proId option:selected").text(),
|
||
abbreviation: $("#proId option:selected").attr("data-abbreviation"),
|
||
subId: $("#subId").val(),
|
||
subName: $("#subId option:selected").text(),
|
||
teamId: $("#teamId").val(),
|
||
teamName: $("#teamId option:selected").text(),
|
||
partyUser: $("#partyUser").val(),
|
||
contractDate: $("#contractDate").val(),
|
||
contractLocation: $("#contractLocation").val(),
|
||
proLocation: $("#proLocation").val(),
|
||
proScale: $("#proScale").val(),
|
||
contractMoney: $("#contractMoney").val(),
|
||
contractMoneyMax: toChineseNumber($("#contractMoney").val()), // 转换为大写金额
|
||
partyaImage: $("#partyaImagePath").val(),
|
||
partybImage: $("#partybImagePath").val(),
|
||
planStartTime: $("#planStartTime").val(),
|
||
planEndTime: $("#planEndTime").val(),
|
||
gxList: gxListArr || [], // 工序列表
|
||
selectedProcessAndPile:$("#selectedProcessAndPile").html(),
|
||
gxInfo:$("#gxInfo").val()
|
||
};
|
||
// 存储到 localStorage 用于预览页读取
|
||
localStorage.setItem("contractPreviewData", JSON.stringify(formData));
|
||
// 打开预览页面
|
||
layer.open({
|
||
title: '合同预览',
|
||
type: 2,
|
||
content: 'teamPackageManageContractPreview.html',
|
||
area: ['97.5%', '97.5%'],
|
||
maxmin: true,
|
||
btn: ['确认', '返回'],
|
||
// yes: function (index, layero) {
|
||
// // 在预览页点击“确认”时触发提交
|
||
// const iframeWindow = layer.getChildFrame(index);
|
||
// if (iframeWindow && iframeWindow.submitPreviewForm) {
|
||
// alert(1)
|
||
// iframeWindow.submitPreviewForm(); // 调用预览页的方法提交数据
|
||
// }
|
||
// },
|
||
yes: function (index, layero) {
|
||
// 获取弹出层中的form表单元素
|
||
var formSubmit = layer.getChildFrame('form', index);
|
||
var submited = formSubmit.find('button')[0];
|
||
submited.click();
|
||
// example.ajax.reload(); // 刷新页面
|
||
},
|
||
btn2: function () {
|
||
// 返回编辑页
|
||
}
|
||
});
|
||
}
|