/** * 管理初始化 */ var THonor = { id: "THonorTable", //表格id seItem: null, //选中的条目 table: null, layerIndex: -1 }; // 修改荣誉规则对象 const data1 = { type1:{ type:null, condition:[] },type2:{ type:null, condition:[] },type3:{ type:null, condition:[] },type4:{ type:null, condition:[] },type5:{ type:null, condition:[] },type6:{ type:null, condition:[] } }; THonor.edit = function(){ var inputs1 = document.querySelectorAll('#input1'); for (let i = 0; i < inputs1.length-1; i++) { data1.type1.condition.push(inputs1[i].value); if (Number(inputs1[i].value)>Number(inputs1[i+1].value)){ return Feng.error("俱乐部之星等级满足条件值设置错误!错误在等级"+(i+1)+"和等级"+(i+1+1)); } if (i === inputs1.length-1-1){ data1.type1.condition.push(inputs1[i+1].value); } } var inputs2 = document.querySelectorAll('#input2'); for (let i = 0; i < inputs2.length-1; i++) { data1.type2.condition.push(inputs2[i].value); console.log(inputs2[i].value); if (Number(inputs2[i].value)>Number(inputs2[i+1].value)){ return Feng.error("运动达人等级满足条件值设置错误!错误在等级"+(i+1)+"和等级"+(i+1+1)); } if (i === inputs2.length-1-1){ data1.type2.condition.push(inputs2[i+1].value); } } var inputs3 = document.querySelectorAll('#input3'); for (let i = 0; i < inputs3.length-1; i++) { data1.type3.condition.push(inputs3[i].value); if (Number(inputs3[i].value)>Number(inputs3[i+1].value)){ return Feng.error("社区之王等级满足条件值设置错误!错误在等级"+(i+1)+"和等级"+(i+1+1)); } if (i === inputs3.length-1-1){ data1.type3.condition.push(inputs3[i+1].value); } } var inputs4 = document.querySelectorAll('#input4'); for (let i = 0; i < inputs4.length-1; i++) { data1.type4.condition.push(inputs4[i].value); if (Number(inputs4[i].value)>Number(inputs4[i+1].value)){ return Feng.error("深度玩家等级满足条件值设置错误!错误在等级"+(i+1)+"和等级"+(i+1+1)); } if (i === inputs4.length-1-1){ data1.type4.condition.push(inputs4[i+1].value); } } var input5 = document.querySelectorAll('#input5'); for (let i = 0; i < input5.length-1; i++) { data1.type5.condition.push(input5[i].value); if (Number(input5[i].value)>Number(input5[i+1].value)){ return Feng.error("赢家等级满足条件值设置错误!错误在等级"+(i+1)+"和等级"+(i+1+1)); } if (i === input5.length-1-1){ data1.type5.condition.push(input5[i+1].value); } } var input6 = document.querySelectorAll('#input6'); for (let i = 0; i < input6.length-1; i++) { data1.type6.condition.push(input6[i].value); if (Number(input6[i].value)>Number(input6[i+1].value)){ return Feng.error("次数等级满足条件值设置错误!错误在等级"+(i+1)+"和等级"+(i+1+1)); } if (i === input6.length-1-1){ data1.type6.condition.push(input6[i+1].value); } } $.ajax({ url: Feng.ctxPath + "/tHonor/edit", type: "POST", contentType: "application/json", // 设置请求头的 Content-Type data: JSON.stringify(data1), // 将数据转换为 JSON 字符串 success: function(response) { data1.type1.condition= []; data1.type2.condition= []; data1.type3.condition= []; data1.type4.condition= []; data1.type5.condition= []; data1.type6.condition= []; Feng.success("修改成功!"); }, error: function(xhr, status, error) { data1.type1.condition= []; data1.type2.condition= []; data1.type3.condition= []; data1.type4.condition= []; data1.type5.condition= []; data1.type6.condition= []; var errorMessage = xhr.responseText ? xhr.responseText : "上架失败!"; Feng.error(errorMessage); } }); }; $(function () { // 获取表格的 DOM 元素 var tableContainer1 = document.getElementById('table1'); var tableContainer2 = document.getElementById('table2'); var tableContainer3 = document.getElementById('table3'); var tableContainer4 = document.getElementById('table4'); var tableContainer5 = document.getElementById('table5'); var tableContainer6 = document.getElementById('table6'); // 初始化四个表格 var table1 = createTable(['等级', '上课打卡次数'], tableContainer1); var table2 = createTable(['等级', '赛事报名次数'], tableContainer2); var table3 = createTable(['等级', '预约场地次数'], tableContainer3); var table4 = createTable(['等级', '作业、任务完成次数'], tableContainer4); var table5 = createTable(['等级', '社区世界杯胜利场次'], tableContainer5); var table6 = createTable(['等级', '社区世界杯参与场次'], tableContainer6); var ajax = new $ax(Feng.ctxPath + "/tHonor/list", function(data){ populateTable(table1, data[1],1); data1.type1.type = data[1][1].type; populateTable(table2, data[2],2); data1.type2.type = data[2][1].type; populateTable(table3, data[3],3); data1.type3.type = data[3][1].type; populateTable(table4, data[4],4); data1.type4.type = data[4][1].type; populateTable(table5, data[5],5); data1.type5.type = data[5][1].type; populateTable(table6, data[6],6); data1.type6.type = data[6][1].type; },function(data){ Feng.error("获取失败!" + data.responseJSON.message + "!"); }); ajax.start(); // 创建表格函数 function createTable(headerData, container) { var table = document.createElement('table'); var thead = document.createElement('thead'); var tbody = document.createElement('tbody'); // 创建表头行 var headerRow = document.createElement('tr'); for (var i = 0; i < headerData.length; i++) { var th = document.createElement('th'); th.textContent = headerData[i]; headerRow.appendChild(th); } thead.appendChild(headerRow); table.appendChild(thead); table.appendChild(tbody); container.appendChild(table); return tbody; } // 填充表格函数 function populateTable(tbody, rowData,num) { for (var i = 0; i < rowData.length; i++) { var row = document.createElement('tr'); var data1 = document.createElement('td'); data1.textContent = rowData[i].level; var input = document.createElement('input'); input.value = rowData[i].condition; // 设置id属性 用于修改时获取input输入框内的值 input.setAttribute("id","input"+num); row.appendChild(data1); row.appendChild(input); tbody.appendChild(row); } } });