<table align="center" border="0" cellpadding="0" cellspacing="0" class="tableForm" style="table-layout: fixed;">
<colgroup>
<col width="80" />
<col /><!--hide4phone.start-->
<col width="80" />
<col width="380" /><!--hide4phone.end-->
</colgroup>
<tbody>
<tr>
<td style="text-align: right;"> <span style="color: rgb(255, 0, 0);">*</span>Subject:</td>
<td dbf.type="required" id="dbf.subject"> </td>
<!--show4phone.start></tr><tr><show4phone.end-->
<td style="text-align: right;"> Status:</td>
<td><span id="mapping.dbf.procXSource"> </span> Responsor: <span id="mapping.dbf.responsorSource"> </span> Participants: <span id="mapping.dbf.participantsSource"> </span></td>
</tr>
</tbody>
</table>
<div> </div>
<div style="text-align: center;">
<h1><img src="../common/logo.png" /> [Form Name]</h1>
</div>
<div>[Design form here, based on the template below, or customized by yourself after the template removed]</div>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="tableListBorder" style="table-layout: fixed;">
<colgroup>
<col width="130" />
<col /><!--hide4phone.start-->
<col width="130" />
<col width="330" /><!--hide4phone.end-->
</colgroup>
<tbody>
<tr>
<td colspan="4" colspan4phone="2" dbf.source="" dbf.type="" style="background-color: lightyellow;"> <strong>[Brief Information]</strong></td>
</tr>
<tr>
<td class="fieldLabel" style="text-align: center; width: 147px;"><span style="color: red;">*</span> username</td>
<td id="username" style="width: 210px;"> </td>
<!--show4phone.start-->
</tr>
<tr><!--show4phone.end-->
<td class="fieldLabel" style="text-align: center; width: 63px;"><span style="color: red;">*</span> id</td>
<td id="ID" style="width: 254px;"> </td>
</tr>
<tr>
<td class="fieldLabel" style="text-align: center;">项目名称</td>
<td id="项目名称" style="width: 210px;"> </td>
<td class="fieldLabel" style="text-align: center;">装置名称</td>
<td id="装置名称" style="width: 254px;"> </td>
</tr>
<tr>
<td class="fieldLabel" style="text-align: center;">Customer Name</td>
<td id="CustomerName" style="width: 210px;"> </td>
<td class="fieldLabel" style="text-align: center;">E-NO/序列号</td>
<td id="ENO号" style="width: 254px;"> </td>
</tr>
<tr>
<td class="fieldLabel" style="text-align: center;">产品描述</td>
<td id="产品描述" style="width: 210px;"> </td>
<td class="fieldLabel" style="text-align: center;">Remark</td>
<td id="Remark" style="width: 254px;"> </td>
</tr>
<tr>
<td class="fieldLabel" style="text-align: center;">Subject</td>
<td id="subjectid" style="width: 210px;"> </td>
<td class="fieldLabel" dbf.source="" dbf.type="" id="" style="text-align: center;"> </td>
<td dbf.source="" dbf.type="" id="" style="width: 254px;"> </td>
</tr>
<tr>
<td colspan="4" colspan4phone="2" dbf.source="" dbf.type="" style="background-color: lightyellow;"><strong> </strong><strong>[Detailed Information]</strong></td>
</tr>
</tbody>
</table>
<div style="text-align: center; margin: 20px 0;"> <input id="idslist" name="idslist" type="hidden" /> <input id="sql内容" name="sql内容" type="hidden" /> <strong> <input id="check" name="check" onclick="clickData()" type="button" value="check记录" /> </strong> <strong> <input id="check2" name="check2" onclick="clickData2()" type="button" value="下载结果" /> </strong></div>
<!-- ==================== 移动端表格占位（暂不使用）==================== --><!-- ==================== 查询结果表格容器 ==================== -->
<div id="resultTableContainer" style="margin-top: 20px; padding: 0 10px; min-height: 20px;"><!-- 动态表格将插入到这里 --></div>
<div class="slide4phone2" id="reptable" style="display:none;">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="tableListBorder2" style="width: 1300px;">
</table>
</div>
<!-- ==================== 核心脚本：查询与渲染 ==================== --><script language="javascript">
function clickData() {
// 防止重复点击
if (window.__isQuerying) {
console.warn("请勿频繁点击！");
return;
}
window.__isQuerying = true;
console.log('=== 开始执行 clickData ===');
try {
// 获取所有输入字段
var projectName = $("项目名称").value ? $("项目名称").value().trim() : "";
var deviceName = $("装置名称").value ? $("装置名称").value().trim() : "";
var customerName = $("CustomerName").value ? $("CustomerName").value().trim() : "";
var enonumber = $("ENO号").value ? $("ENO号").value().trim() : "";
var remark = $("Remark").value ? $("Remark").value().trim() : "";
var productDesc = $("产品描述").value ? $("产品描述").value().trim() : "";
var formsubject = $("subjectid").value ? $("subjectid").value().trim() : "";
/**
* 转义 SQL 字符串中的单引号（' → ''）
*/
function escapeSql(str) {
if (typeof str !== 'string' && typeof str !== 'number') return '';
return String(str).replace(/'/g, "''");
}
// 构建模糊匹配参数
var pName = '%' + escapeSql(projectName) + '%';
var dName = '%' + escapeSql(deviceName) + '%';
var cName = '%' + escapeSql(customerName) + '%';
var enoNum = '%' + escapeSql(enonumber) + '%';
var rmk = '%' + escapeSql(remark) + '%';
var prodDesc = '%' + escapeSql(productDesc) + '%';
var subj = '%' + escapeSql(formsubject) + '%';
var subj2 = '%-' + escapeSql(formsubject) + '%';
// 拼接 SQL 查询语句
var sql = `SELECT
Subject, Status, 申请人, 申请日期, 产品类别, 其他, type, 内勤, 系统, customer,
ProjectName, DeviceName, 新产品, ENO序列号, 目标价, 数量, 产地, 含税报价, HandlerRemark, Remark, 描述
FROM X_BPM_DWH_819_InquiryLines
WHERE ISNULL(ProjectName, '') LIKE '${pName}'
AND ISNULL(DeviceName, '') LIKE '${dName}'
AND ISNULL(customer, '') LIKE '${cName}'
AND ISNULL([ENO序列号], '') LIKE '${enoNum}'
AND ISNULL(Remark, '') LIKE '${rmk}'
AND ISNULL(描述, '') LIKE '${prodDesc}'
AND (ISNULL(Subject, '') LIKE '${subj}' OR ISNULL(Subject, '') LIKE '${subj2}')
`;
console.log("生成的SQL:", sql);
// 调用后端服务获取数据
var rawResult = service("common.js", "getDbsRecords", sql, "array");
// 解析结果（支持各种脏数据格式）
let arr = parseServiceResult(rawResult);
// 渲染到页面
renderTable(arr);
} catch (e) {
console.error("【查询失败】", e);
alert("查询出错：" + (e.message || e));
var container = document.getElementById("resultTableContainer");
if (container) {
container.innerHTML = `
<div style="color:red;text-align:center;padding:10px;font-family:Arial;">
<strong>❌ 查询失败</strong><br/>
${e.message || e}
</div>
`;
}
} finally {
window.__isQuerying = false;
}
}
/**
* 安全解析 service 返回的结果
* 支持：合法JSON / 非法JSON / JS数组字面量 / 字符串化数组 / null等
*/
function parseServiceResult(rawResult) {
console.log("【原始返回类型】", typeof rawResult);
console.log("【原始内容】", rawResult);
// 情况1：已经是数组
if (Array.isArray(rawResult)) {
console.log("✅ 已识别为原生数组");
return rawResult;
}
// 情况2：null/undefined/false
if (rawResult == null || rawResult === 'null' || rawResult === 'undefined') {
console.warn("⚠️ 返回为空值");
return [];
}
// 转为字符串处理
let str = String(rawResult).trim();
if (!str) {
console.warn("⚠️ 返回空字符串");
return [];
}
// 情况3：可能是HTML错误页（常见于服务异常）
if (str.startsWith('<') || str.includes('<html') || str.toLowerCase().includes('error') || str.includes('Exception')) {
console.error("🔴 返回了HTML错误页！", str.substring(0, 200));
throw new Error('服务端错误，请检查SQL语法或联系管理员');
}
/**
* 数据清洗函数：修复各种非法字符
*/
function clean(str) {
return str
.replace(/\\\\/g, '\\') // 修复多个反斜杠
.replace(/"/g, '\\"') // 先转义双引号
.replace(/'/g, '"') // 单引号 → 双引号
.replace(/\\"/g, '"') // 还原正常引号
.replace(/\\n/g, '\\n') // 显式换行
.replace(/\\r/g, '\\r')
.replace(/\\t/g, '\\t')
.replace(/\n/g, '\\n')
.replace(/\r/g, '\\r')
.replace(/\t/g, '\\t')
.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x9F]/g, '') // 移除控制字符
.replace(/^"(\[.*\])"$/, '$1') // 去掉 "[...]" 外层引号
.replace(/^"(\{.*\})"$/, '$1')
.replace(/,\s*}/g, '}') // 去除对象尾部逗号
.replace(/,\s*]/g, ']'); // 去除数组尾部逗号
}
// 尝试多种解析方式
const parsers = [
// 方式1：直接JSON.parse
() => JSON.parse(str),
// 方式2：清洗后再解析
() => JSON.parse(clean(str)),
// 方式3：作为JS表达式执行（仅限可信环境）
() => new Function(`return (${str});`)(),
// 方式4：进一步清理后尝试
() => JSON.parse(clean(str).replace(/""/g, '"').replace(/"\s+:/g, '":').replace(/:\s+"/g, ':"'))
];
for (let i = 0; i < parsers.length; i++) {
try {
const result = parsers[i]();
if (Array.isArray(result)) {
console.log(`✅ 第 ${i+1} 种方式解析成功`);
return result;
}
// 兼容 { data: [...] } 结构
if (result && Array.isArray(result.data)) return result.data;
if (result && Array.isArray(result.rows)) return result.rows;
} catch (e) {
console.warn(`📌 方式 ${i+1} 解析失败`, e.message);
}
}
// 情况5：手动解析简单二维数组字符串 [[...],[...]]
if (/^\[\s*$$[^$$]*$\s*(,\s*$$[^$$]*$)*\s*\]$/.test(str)) {
try {
console.log("🔍 检测到疑似二维数组字符串，尝试手动解析");
const rows = str.match(/$[^$$]*$/g) || [];
return rows.map(row => {
return row.replace(/^\[/, '').replace(/\]$/, '')
.split(',')
.map(field => field.trim().replace(/^"(.*)"$/, '$1').replace(/^'(.*)'$/, '$1'));
}).filter(r => r.length > 0);
} catch (e) {
console.error("手动解析失败", e);
}
}
// 所有方式都失败
console.error("🔴 所有解析方式均失败", { raw: rawResult, cleaned: clean(str) });
throw new Error('返回数据格式异常，无法解析。请检查SQL是否正确或联系开发人员。');
}
/**
* 渲染查询结果为表格
*/
function renderTable(arr) {
var container = document.getElementById("resultTableContainer");
if (!container) return;
// 清空容器
container.innerHTML = '';
if (!arr || arr.length === 0) {
container.innerHTML = `
<p style="text-align:center;color:#999;font-style:italic;padding:20px;">
📭 未找到匹配的数据。
</p>
`;
return;
}
// 创建表格
var table = document.createElement('table');
table.className = 'tableListBorder';
table.style.width = '100%';
table.style.tableLayout = 'fixed';
table.setAttribute('border', '1');
table.setAttribute('cellpadding', '6');
table.setAttribute('cellspacing', '0');
table.style.fontFamily = 'Arial, sans-serif';
table.style.fontSize = '13px';
// 表头
var thead = document.createElement('thead');
var headerRow = document.createElement('tr');
var headers = [
"Subject", "Status", "申请人", "申请日期", "产品类别", "其他", "类型",
"内勤", "系统", "客户", "项目名称", "装置名称", "新产品",
"E-NO/序列号", "目标价", "数量", "产地", "含税报价", "处理备注", "备注", "描述"
];
headers.forEach(function(text) {
var th = document.createElement('th');
th.style.backgroundColor = '#f5f5f5';
th.style.textAlign = 'center';
th.style.padding = '10px';
th.style.whiteSpace = 'nowrap';
th.style.fontWeight = 'bold';
th.textContent = text;
headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);
// 表体
var tbody = document.createElement('tbody');
arr.forEach(function(row, index) {
if (!row || !Array.isArray(row) && typeof row !== 'object') {
console.warn(`第 ${index} 行数据异常`, row);
return;
}
var tr = document.createElement('tr');
Object.values(row).forEach(function(cell) {
var td = document.createElement('td');
td.style.padding = '8px';
td.style.borderTop = '1px solid #eee';
td.style.wordBreak = 'break-word';
td.style.maxWidth = '200px';
td.textContent = cell == null ? '' : String(cell).trim();
tr.appendChild(td);
});
tbody.appendChild(tr);
});
table.appendChild(tbody);
container.appendChild(table);
console.log(`✅ 成功渲染 ${arr.length} 行数据`);
}
</script>
<div id="resultTableContainer" style="margin-top: 20px; overflow-x: auto;"> </div>
[ENO序列号] 文字可以模糊匹配 但是纯数字 888888只能匹配到8
最新发布
本文介绍了一种特殊的正则表达式匹配方法，即如何正确地匹配&但要排除某些特定情况，例如不希望匹配到紧跟在&后面的特定字符。这种技巧对于处理HTML转义字符等场景非常有用。
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
