要在现有的合同信息部分动态添加按钮,你可以在 loan.child
数组处理后,直接向其中的某个子元素(如一个特定的贷款信息项)插入你的按钮。由于你没有提供具体的 HTML 结构和目标位置,我将给出一个基本的方法来添加这些按钮。
假设我们想要在每个贷款信息项的末尾插入一些按钮,你可以使用 JavaScript 的 DOM 操作方法。以下是修改后的代码片段示例:
$.ajax({
method: "POST",
url: "../d/detail/keyInfo",
data: { custId: custId },
success: function(result) {
var jsonRes = JSON.parse(result);
for (const item of jsonRes) {
if (item.code === 'customerInfo') {
// 客户信息展示
}
if (item.code === 'loan') { // 合同信息展示
for (const loan of item.child) {
const Index = loan.path.split('.')[1];
let contractCode;
me.overDueInfoIndex[loan.path] = Index;
// ... (省略了之前的处理逻辑)
if (child_ProductLine && !child_ProductLine.ifVirtual) {
Object.assign(authMapLoan, { installmentLoanAmount: '' });
const productLine = child_ProductLine.line;
// 在这里,可以加入需要的按钮
const buttonContainer = document.createElement('div'); // 创建一个容器
const btn1 = document.createElement('button');
btn1.innerText = '按钮1'; // 按钮文本
btn1.onclick = function() {
console.log('按钮1被点击');
// 这里可以放置按钮的点击事件逻辑
};
const btn2 = document.createElement('button');
btn2.innerText = '按钮2';
btn2.onclick = function() {
console.log('按钮2被点击');
// 这里可以放置第二个按钮的点击事件逻辑
};
buttonContainer.appendChild(btn1);
buttonContainer.appendChild(btn2);
loan.child.push({
code: 'buttons',
value: buttonContainer.outerHTML // 将包含按钮的 HTML 添加到 loan.child 中
});
loan.child = loan.child.reduce((arr, child) => {
if (child.code == 'overduePeriod') {
if (child.title.includes("(") && child.title.includes(")")) {
child.title = child.title.replace('(', '(').replace(')', ')');
}
}
if (child.code == 'loanStatus' && child_OverduePeriod && child_OverduePeriod.value == '0') {
child.valueMap[child.value] += `(${lang('NO_DEBT')})`;
}
if (child.code === 'contractCode') {
contractCode = child.value;
me.loanPathContractCodes[loan.path] = child.value;
}
if (child.code === 'allowCollNextPayment' && !child.value) return arr;
const DEFAULT_SHOW = !(child.code in authMapLoan);
const AUTH_SHOW = (child.code in authMapLoan) && canI(authMapLoan[child.code]);
if (DEFAULT_SHOW || AUTH_SHOW) {
arr.push(child);
}
return arr;
}, []);
}
}
}
}
me.keyInfo = JSON.parse(result)
me.form.initForm(jsonRes)
}
});
注意事项:
- 在创建按钮时,确保它们绑定了适当的事件。
- 我们通过
outerHTML
将带有按钮的 DOM 元素添加到loan.child
中。这可能会依赖于你的渲染方式,如果其他地方会解析这些内容,需要考虑如何处理。 - 根据实际需要调整事件处理函数中的逻辑。
- 如果你需要指定插入位置,请根据数据结构或业务需求确定具体如何操作。
这种方法能使你无须额外的 HTML 文件,就能实现所需功能。如果有更复杂或特定的位置要求,请补充说明。
内容由零声教学AI助手提供,问题来源于学员提问