|
@@ -1,4 +1,5 @@
|
|
|
(function () {
|
|
|
+ var lists = [];
|
|
|
let flowInstanceId = "";
|
|
|
let isView = "";
|
|
|
window.onload = function () {
|
|
@@ -207,7 +208,6 @@
|
|
|
}
|
|
|
|
|
|
function addContractMilestone(){
|
|
|
- var lists = []
|
|
|
var trFragment = document.createDocumentFragment();
|
|
|
let tbody = document.querySelectorAll('.tbody tr')
|
|
|
let qjsjElements = document.getElementsByName("contract_milestone_seq");
|
|
@@ -216,7 +216,7 @@
|
|
|
$(".tbody").append(trFragment)
|
|
|
timeSelector({
|
|
|
ele: ".endTimeRange" + lists.length,
|
|
|
- name: "Contract[" + lists.length + "]$endTimeRange",
|
|
|
+ name: "ContractMilestone[" + lists.length + "]$endTimeRange",
|
|
|
callback: function (val) {
|
|
|
}
|
|
|
})
|
|
@@ -228,6 +228,7 @@
|
|
|
var element = document.getElementById("contract_milestone_" + index);
|
|
|
element.remove();
|
|
|
buildSeq();
|
|
|
+ updateView();
|
|
|
},
|
|
|
onCancel: function () {
|
|
|
|
|
@@ -235,12 +236,12 @@
|
|
|
})
|
|
|
|
|
|
})
|
|
|
- z.ui.date("[name='Contract[" + lists.length + "]$planReturnTime']").init()
|
|
|
+ z.ui.date("[name='ContractMilestone[" + lists.length + "]$planReturnTime']").init()
|
|
|
buildSeq();
|
|
|
lists.push(dataObj)
|
|
|
|
|
|
for (let i = 0; i < tbody.length; i++) {
|
|
|
- z.ui.date("[name='Contract[" + i + "]$planReturnTime']").init({
|
|
|
+ z.ui.date("[name='ContractMilestone[" + i + "]$planReturnTime']").init({
|
|
|
done: function (value, date, endDate) {
|
|
|
//改变日期后触发
|
|
|
console.log(value);
|
|
@@ -258,17 +259,110 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ function updateView() {
|
|
|
+ let tbodyQjsq = document.querySelector('.tbodyQjsq')
|
|
|
+ let html = ''
|
|
|
+ for (let i = 0; i < lists.length; i++) {
|
|
|
+ html += '<tr class="qjsjClass" id="contract_milestone_' + i + '" style="background:#fff">'
|
|
|
+ + '<td name="contract_milestone_seq">' + (index + 1) + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div class="form-flex">'
|
|
|
+ + '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$name">'
|
|
|
+ + '<input type="text" value="">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div class="form-flex">'
|
|
|
+ + '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ + '<div class="z-comp-input">'
|
|
|
+ + '<input type="text" value="">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div class="form-flex">'
|
|
|
+ + '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$returnAmount">'
|
|
|
+ + '<input type="text" value="">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div class="form-flex">'
|
|
|
+ + '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$actualReturnAmount">'
|
|
|
+ + '<input type="text" value="">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div class="form-flex">'
|
|
|
+ + '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ + '<div class="z-comp-date" name="ContractMilestone[' + index + ']$planReturnTime">'
|
|
|
+ + '<input type="text" value="">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '<div style="width: 50%;margin-left: 5px;" class="dateTimeRange endTimeRange' + (index) + '">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div class="form-flex">'
|
|
|
+ + '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$description">'
|
|
|
+ + '<input type="text" value="">'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td>'
|
|
|
+ + '<td>'
|
|
|
+ + '<div id="delBtn_' + (index) + '" class="table-btn delBtn_' + (index) + '" data-index="' + (index) + '">'
|
|
|
+ + '<span>删除</span>'
|
|
|
+ + '</div>'
|
|
|
+ + '</td></tr>';
|
|
|
+ }
|
|
|
+ tbodyQjsq.innerHTML = html
|
|
|
+ for (let i = 0; i < lists.length; i++) {
|
|
|
+ $("#delBtn_" + i).click(function () {
|
|
|
+ z.ui.confirm("compid").init({
|
|
|
+ content: "确定删除吗?",
|
|
|
+ onConfirm: function () {
|
|
|
+ var element = document.getElementById("contract_milestone_" + index);
|
|
|
+ element.remove();
|
|
|
+ buildSeq();
|
|
|
+ updateView();
|
|
|
+ },
|
|
|
+ onCancel: function () {
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ // if(viewState === 'v' || read=== '1'){
|
|
|
+ // detailReadonly(i)
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ detailTotalInit()
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
|
|
|
function generateTableTrHtml(index) {
|
|
|
var trDom = document.createElement("tr");
|
|
|
trDom.style.backgroundColor = "#fff";
|
|
|
trDom.id = "contract_milestone_" + index;
|
|
|
+ trDom.className = 'qjsjClass';
|
|
|
trDom.innerHTML = '<td name="contract_milestone_seq">' + (index + 1) + '</td>'
|
|
|
+ '<td>'
|
|
|
+ '<div class="form-flex">'
|
|
|
+ '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
- + '<div class="z-comp-input" name="Contract[' + index + ']$name">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$name">'
|
|
|
+ '<input type="text" value="">'
|
|
|
+ '</div>'
|
|
|
+ '</div>'
|
|
@@ -286,7 +380,7 @@
|
|
|
+ '<td>'
|
|
|
+ '<div class="form-flex">'
|
|
|
+ '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
- + '<div class="z-comp-input" name="Contract[' + index + ']$returnAmount">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$returnAmount">'
|
|
|
+ '<input type="text" value="">'
|
|
|
+ '</div>'
|
|
|
+ '</div>'
|
|
@@ -295,7 +389,7 @@
|
|
|
+ '<td>'
|
|
|
+ '<div class="form-flex">'
|
|
|
+ '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
- + '<div class="z-comp-input" name="Contract[' + index + ']$actualReturnAmount">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$actualReturnAmount">'
|
|
|
+ '<input type="text" value="">'
|
|
|
+ '</div>'
|
|
|
+ '</div>'
|
|
@@ -304,7 +398,7 @@
|
|
|
+ '<td>'
|
|
|
+ '<div class="form-flex">'
|
|
|
+ '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
- + '<div class="z-comp-date" name="Contract[' + index + ']$planReturnTime">'
|
|
|
+ + '<div class="z-comp-date" name="ContractMilestone[' + index + ']$planReturnTime">'
|
|
|
+ '<input type="text" value="">'
|
|
|
+ '</div>'
|
|
|
+ '</div>'
|
|
@@ -315,7 +409,7 @@
|
|
|
+ '<td>'
|
|
|
+ '<div class="form-flex">'
|
|
|
+ '<div class="form-item" style="width: 50%;margin-right: 5px;">'
|
|
|
- + '<div class="z-comp-input" name="Contract[' + index + ']$description">'
|
|
|
+ + '<div class="z-comp-input" name="ContractMilestone[' + index + ']$description">'
|
|
|
+ '<input type="text" value="">'
|
|
|
+ '</div>'
|
|
|
+ '</div>'
|