pfz_smile
/
depositroy
2
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

修改出库审批流程图（抽取统一方法）

lwx_dev
erdanergou 2 years ago
parent
5b08a6209a
commit
c48ab26b12
2 changed files with 162 additions and 362 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 252
      src/main/resources/templates/pages/application/form-step-look_back.html
  2. 252
      target/classes/templates/pages/application/form-step-look_back.html

252
src/main/resources/templates/pages/application/form-step-look_back.html
View File

@ -87,80 +87,6 @@
<td id="state" th:text="${record.getState()}">2016-11-28</td>
<td id="pass" th:text="${record.getPass()}" style="display:none;"></td>
</tr>
<!--<tr>
<td>申请人</td>
<td id="applicantName" th:text="${record.getApplicantName()}">2016-11-28</td>
</tr>
<tr>
<td>请求提交时间</td>
<td id="applicantTime" th:text="${record.getApplicantTime()}">2016-11-28</td>
</tr>
<tr>
<td>申请备注</td>
<td id="applyRemarks" th:text="${record.getApplyRemark()}">备注</td>
</tr>
<tr>
<td>负责人</td>
<td id="departmentheadName" th:text="${record.getDepartmentheadName()}">部门负责人</td>
</tr>
<tr id="departmentheadMessageT" style="display: none">
<td>负责人备注</td>
<td id="departmentheadMessage" th:text="${record.getDepartmentheadMessage()}">
2016-11-28
</td>
</tr>
<tr id="departmentheadTimeT" style="display: none">
<td>负责人审核时间</td>
<td id="departmentheadTime"
th:text="${record.getDepartmentheadTime().equals('1970-01-01 08:00:00')?'':record.getDepartmentheadTime()}">
2016-11-28
</td>
</tr>
<input id="depositoryManagerPass" style="display: none"
th:value="${record.getDepositoryManagerPass()}">
<tr id="balancePosterNameT" style="display: none">
<td th:text="${depositoryManagerText}"></td>
<td id="balancePosterName" th:text="${record.getBalancePosterName()}"></td>
</tr>
<tr id="balancePosterMessageT" style="display: none">
<td th:text="${depositoryManagerText}+'备注'"></td>
<td id="balancePosterNameMessage" th:text="${record.getBalancePosterMessage()}">
2016-11-28
</td>
</tr>
<tr id="balancePosterNameTimeT" style="display: none">
<td th:text="${depositoryManagerText}+'审核时间'"></td>
<td id="balancePosterNameTime"
th:text="${record.getBalancePosterTime().equals('1970-01-01 08:00:00')?'':record.getBalancePosterTime()}">
2016-11-28
</td>
</tr>
<tr id="depositoryManagerNameT" style="display: none">
<td th:text="${depositoryManagerText}"></td>
<td id="depositoryManagerName" th:text="${record.getDepositoryManagerName()}"></td>
</tr>
<tr id="depositoryManagerNameMessageT" style="display: none">
<td th:text="${depositoryManagerText}+'备注'"></td>
<td id="depositoryManagerNameMessage"
th:text="${record.getDepositoryManagerMessage()}">2016-11-28
</td>
</tr>
<tr id="depositoryManagerNameTimeT" style="display: none">
<td th:text="${depositoryManagerText}+'审核时间'"></td>
<td id="depositoryManagerNameTime"
th:text="${record.getDepositoryManagerTime().equals('1970-01-01 08:00:00')?'':record.getDepositoryManagerTime()}">
2016-11-28
</td>
</tr>-->
</tbody>
</table>
<!-- 用于展示审批流程-->
@ -211,6 +137,11 @@
}
// 用于构造审批节点
function createApprovalNode(nodeName, record, timeLineStartItemForId) {
}
layui.use(['form', 'step'], function () {
var $ = layui.$,
form = layui.form,
@ -232,6 +163,68 @@
let record = {};
/**
* 用于生成审批节点
* @param nodeName 当前节点名称
* @param record 当前数据
* @param timeLineStartItemForId 开始行
*/
createApprovalNode = function (nodeName, record, timeLineStartItemForId) {
let timeLineEndItem = `</div></div>`;
let approvalNode;
let nodeState = record[nodeName + "Pass"];
if (nodeState === "3") {
// 如果平衡岗未审批
let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：</h3>';
let UserIconPhoto = record[nodeState + "UserIconPhoto"];
let approvalNodeForIconPhoto = '';
for (let key in UserIconPhoto) {
if (UserIconPhoto.hasOwnProperty(key)) {
let depositoryManagerIconPhotoItem = '<div>' +
'<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</div>';
approvalNodeForIconPhoto += depositoryManagerIconPhotoItem;
}
}
approvalNode = timeLineStartItemForId + approvalNodeForTitleName + approvalNodeForIconPhoto + timeLineEndItem;
} else {
let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：';
let approvalNodeForDisposeMessage = '<p>审批意见：' + record[nodeName + "Message"] + '</p>';
let timeLineStartItemForIcon;
let UserIconPhoto = record[nodeName + "UserIconPhoto"];
let approvalNodeForIconPhoto = '';
for (let key in UserIconPhoto) {
if (UserIconPhoto.hasOwnProperty(key)) {
let IconPhotoItem = '<div>' +
'<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'<div style="position: absolute;right: 0;top: 35px">';
if (nodeState === "1") {
IconPhotoItem += '已通过&nbsp;&nbsp;&nbsp;&nbsp;';
} else if (nodeState === "2") {
IconPhotoItem += '已驳回&nbsp;&nbsp;&nbsp;&nbsp;';
}
IconPhotoItem += record[nodeName + "Time"] + '</div></div>';
approvalNodeForIconPhoto += IconPhotoItem;
}
}
if (nodeState === "1") {
// 如果审批通过
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
approvalNodeForTitleName += '已通过</h3>';
} else if (nodeState === "2") {
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
approvalNodeForTitleName += '已驳回</h3>';
}
approvalNode = timeLineStartItemForIcon + approvalNodeForTitleName + approvalNodeForIconPhoto + approvalNodeForDisposeMessage + timeLineEndItem;
}
return approvalNode;
};
$.ajax({
url: "/depositoryRecord/getApplicationOutRecord",
type: "post",
@ -256,20 +249,13 @@
// 获取部门负责人节点审批相关信息（第一个节点）
let departmenthead = record.departmenthead;
let departmentheadTime = record.departmentheadTime;
let departmentheadPass = record.departmentheadPass;
let departmentheadMessage = record.departmentheadMessage;
// 获取仓储中心负责人节点审批相关信息（第二个节点）
let depositoryManager = record.depositoryManagerName;
let depositoryManagerNameTime = record.depositoryManagerTime;
let depositoryManagerPass = record.depositoryManagerPass;
let depositoryManagerMessage = record.depositoryManagerMessage;
// 获取平衡岗人员相关信息
let balancePoster = record.balancePoster;
let balancePosterName = record.balancePosterName;
let balancePosterNameTime = record.balancePosterTime;
let balancePosterMessage = record.balancePosterMessage;
let balancePosterPass = record.balancePosterPass;
if (departmentheadPass !== "3") {
@ -290,60 +276,22 @@
let flagForBalancerNode = 2;
// 配置平衡岗节点（第二个节点）
if (balancePoster !== "" && departmentheadPass === "1") {
let nodeName = "balancePoster";
let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
// 如果需要平衡岗且第一个节点审批完成
if (balancePosterPass === "3") {
// 如果平衡岗未审批
let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
let approvalNodeForBalancerIconPhoto = '';
for (let key in balancePosterIconPhoto) {
if (balancePosterIconPhoto.hasOwnProperty(key)) {
let balancePosterIconPhotoItem = '<p>' +
'<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
}
}
let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + timeLineEndItem;
// 添加节点
firstApprovalNode.after(approvalNodeForBalancer);
flagForBalancerNode = -1; // 不展示
} else {
let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
let approvalNodeForBalancerIconPhoto = '';
for (let key in balancePosterIconPhoto) {
if (balancePosterIconPhoto.hasOwnProperty(key)) {
let balancePosterIconPhotoItem = '<p>' +
'<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
}
}
let approvalNodeForBalancerTime = '<p>审批时间：' + balancePosterNameTime + '</p>';
let approvalNodeForBalancerMessage = '<p>审批意见：' + balancePosterMessage + '</p>';
let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
let timeLineStartItemForStartIcon;
let timeLineStartItemForState;
if (balancePosterPass === "1") {
// 如果平衡岗审批通过
timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
flagForBalancerNode = 3; // 为第三个节点
timeLineStartItemForState = '<p>审批状态：审批通过</p>';
} else if (balancePosterPass === "2") {
// 如果平衡岗未审批通过
timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
flagForBalancerNode = -1; // 不展示
timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
}
let approvalNodeForBalancer = timeLineStartItemForStartIcon + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + approvalNodeForBalancerTime + timeLineStartItemForState + approvalNodeForBalancerMessage + timeLineEndItem;
firstApprovalNode.after(approvalNodeForBalancer);
}
firstApprovalNode.after(approvalNode);
}
// 配置仓储管理员节点（第三或第二个节点）
@ -357,64 +305,16 @@
// 如果是第三个节点
timeLineStartItemForId = timeLineStartItem.replace("placeholder", "thirdApprovalNode");
}
// 如果可以查看该节点
if (depositoryManagerPass === "3") {
// 如果平衡岗未审批
let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
let approvalNodeFordepositoryManagerIconPhoto = '';
for (let key in depositoryManagerIconPhoto) {
if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
let depositoryManagerIconPhotoItem = '<p>' +
'<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
}
}
let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName+approvalNodeFordepositoryManagerIconPhoto + timeLineEndItem;
// 添加节点
if (flagForBalancerNode === 2) {
// 如果是第二个节点
firstApprovalNode.after(approvalNodeForBalancer);
} else {
// 如果是第三个节点
$("#secondApprovalNode").after(approvalNodeForBalancer);
}
} else {
let approvalNodeForDepositoryManagerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let approvalNodeForDepositoryManagerTime = '<p>审批时间：' + depositoryManagerNameTime + '</p>';
let approvalNodeForDepositoryManagerMessage = '<p>审批意见：' + depositoryManagerMessage + '</p>';
let timeLineStartItemForIcon;
let timeLineStartItemForState;
let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
let approvalNodeFordepositoryManagerIconPhoto = '';
for (let key in depositoryManagerIconPhoto) {
if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
let depositoryManagerIconPhotoItem = '<p>' +
'<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
}
}
if (depositoryManagerPass === "1") {
// 如果审批通过
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
timeLineStartItemForState = '<p>审批状态：审批通过</p>';
} else if (depositoryManagerPass === "2") {
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
}
let approvalNodeForBalancer = timeLineStartItemForIcon + approvalNodeForDepositoryManagerName +approvalNodeFordepositoryManagerIconPhoto + approvalNodeForDepositoryManagerTime + timeLineStartItemForState + approvalNodeForDepositoryManagerMessage + timeLineEndItem;
// 如果可以查看该节点
let nodeName = "depositoryManager";
let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
if (flagForBalancerNode === 2) {
// 如果是第二个节点
firstApprovalNode.after(approvalNodeForBalancer);
firstApprovalNode.after(approvalNode);
} else {
// 如果是第三个节点
$("#secondApprovalNode").after(approvalNodeForBalancer);
}
$("#secondApprovalNode").after(approvalNode);
}
}

252
target/classes/templates/pages/application/form-step-look_back.html
View File

@ -87,80 +87,6 @@
<td id="state" th:text="${record.getState()}">2016-11-28</td>
<td id="pass" th:text="${record.getPass()}" style="display:none;"></td>
</tr>
<!--<tr>
<td>申请人</td>
<td id="applicantName" th:text="${record.getApplicantName()}">2016-11-28</td>
</tr>
<tr>
<td>请求提交时间</td>
<td id="applicantTime" th:text="${record.getApplicantTime()}">2016-11-28</td>
</tr>
<tr>
<td>申请备注</td>
<td id="applyRemarks" th:text="${record.getApplyRemark()}">备注</td>
</tr>
<tr>
<td>负责人</td>
<td id="departmentheadName" th:text="${record.getDepartmentheadName()}">部门负责人</td>
</tr>
<tr id="departmentheadMessageT" style="display: none">
<td>负责人备注</td>
<td id="departmentheadMessage" th:text="${record.getDepartmentheadMessage()}">
2016-11-28
</td>
</tr>
<tr id="departmentheadTimeT" style="display: none">
<td>负责人审核时间</td>
<td id="departmentheadTime"
th:text="${record.getDepartmentheadTime().equals('1970-01-01 08:00:00')?'':record.getDepartmentheadTime()}">
2016-11-28
</td>
</tr>
<input id="depositoryManagerPass" style="display: none"
th:value="${record.getDepositoryManagerPass()}">
<tr id="balancePosterNameT" style="display: none">
<td th:text="${depositoryManagerText}"></td>
<td id="balancePosterName" th:text="${record.getBalancePosterName()}"></td>
</tr>
<tr id="balancePosterMessageT" style="display: none">
<td th:text="${depositoryManagerText}+'备注'"></td>
<td id="balancePosterNameMessage" th:text="${record.getBalancePosterMessage()}">
2016-11-28
</td>
</tr>
<tr id="balancePosterNameTimeT" style="display: none">
<td th:text="${depositoryManagerText}+'审核时间'"></td>
<td id="balancePosterNameTime"
th:text="${record.getBalancePosterTime().equals('1970-01-01 08:00:00')?'':record.getBalancePosterTime()}">
2016-11-28
</td>
</tr>
<tr id="depositoryManagerNameT" style="display: none">
<td th:text="${depositoryManagerText}"></td>
<td id="depositoryManagerName" th:text="${record.getDepositoryManagerName()}"></td>
</tr>
<tr id="depositoryManagerNameMessageT" style="display: none">
<td th:text="${depositoryManagerText}+'备注'"></td>
<td id="depositoryManagerNameMessage"
th:text="${record.getDepositoryManagerMessage()}">2016-11-28
</td>
</tr>
<tr id="depositoryManagerNameTimeT" style="display: none">
<td th:text="${depositoryManagerText}+'审核时间'"></td>
<td id="depositoryManagerNameTime"
th:text="${record.getDepositoryManagerTime().equals('1970-01-01 08:00:00')?'':record.getDepositoryManagerTime()}">
2016-11-28
</td>
</tr>-->
</tbody>
</table>
<!-- 用于展示审批流程-->
@ -211,6 +137,11 @@
}
// 用于构造审批节点
function createApprovalNode(nodeName, record, timeLineStartItemForId) {
}
layui.use(['form', 'step'], function () {
var $ = layui.$,
form = layui.form,
@ -232,6 +163,68 @@
let record = {};
/**
* 用于生成审批节点
* @param nodeName 当前节点名称
* @param record 当前数据
* @param timeLineStartItemForId 开始行
*/
createApprovalNode = function (nodeName, record, timeLineStartItemForId) {
let timeLineEndItem = `</div></div>`;
let approvalNode;
let nodeState = record[nodeName + "Pass"];
if (nodeState === "3") {
// 如果平衡岗未审批
let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：</h3>';
let UserIconPhoto = record[nodeState + "UserIconPhoto"];
let approvalNodeForIconPhoto = '';
for (let key in UserIconPhoto) {
if (UserIconPhoto.hasOwnProperty(key)) {
let depositoryManagerIconPhotoItem = '<div>' +
'<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</div>';
approvalNodeForIconPhoto += depositoryManagerIconPhotoItem;
}
}
approvalNode = timeLineStartItemForId + approvalNodeForTitleName + approvalNodeForIconPhoto + timeLineEndItem;
} else {
let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：';
let approvalNodeForDisposeMessage = '<p>审批意见：' + record[nodeName + "Message"] + '</p>';
let timeLineStartItemForIcon;
let UserIconPhoto = record[nodeName + "UserIconPhoto"];
let approvalNodeForIconPhoto = '';
for (let key in UserIconPhoto) {
if (UserIconPhoto.hasOwnProperty(key)) {
let IconPhotoItem = '<div>' +
'<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'<div style="position: absolute;right: 0;top: 35px">';
if (nodeState === "1") {
IconPhotoItem += '已通过&nbsp;&nbsp;&nbsp;&nbsp;';
} else if (nodeState === "2") {
IconPhotoItem += '已驳回&nbsp;&nbsp;&nbsp;&nbsp;';
}
IconPhotoItem += record[nodeName + "Time"] + '</div></div>';
approvalNodeForIconPhoto += IconPhotoItem;
}
}
if (nodeState === "1") {
// 如果审批通过
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
approvalNodeForTitleName += '已通过</h3>';
} else if (nodeState === "2") {
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
approvalNodeForTitleName += '已驳回</h3>';
}
approvalNode = timeLineStartItemForIcon + approvalNodeForTitleName + approvalNodeForIconPhoto + approvalNodeForDisposeMessage + timeLineEndItem;
}
return approvalNode;
};
$.ajax({
url: "/depositoryRecord/getApplicationOutRecord",
type: "post",
@ -256,20 +249,13 @@
// 获取部门负责人节点审批相关信息（第一个节点）
let departmenthead = record.departmenthead;
let departmentheadTime = record.departmentheadTime;
let departmentheadPass = record.departmentheadPass;
let departmentheadMessage = record.departmentheadMessage;
// 获取仓储中心负责人节点审批相关信息（第二个节点）
let depositoryManager = record.depositoryManagerName;
let depositoryManagerNameTime = record.depositoryManagerTime;
let depositoryManagerPass = record.depositoryManagerPass;
let depositoryManagerMessage = record.depositoryManagerMessage;
// 获取平衡岗人员相关信息
let balancePoster = record.balancePoster;
let balancePosterName = record.balancePosterName;
let balancePosterNameTime = record.balancePosterTime;
let balancePosterMessage = record.balancePosterMessage;
let balancePosterPass = record.balancePosterPass;
if (departmentheadPass !== "3") {
@ -290,60 +276,22 @@
let flagForBalancerNode = 2;
// 配置平衡岗节点（第二个节点）
if (balancePoster !== "" && departmentheadPass === "1") {
let nodeName = "balancePoster";
let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
// 如果需要平衡岗且第一个节点审批完成
if (balancePosterPass === "3") {
// 如果平衡岗未审批
let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
let approvalNodeForBalancerIconPhoto = '';
for (let key in balancePosterIconPhoto) {
if (balancePosterIconPhoto.hasOwnProperty(key)) {
let balancePosterIconPhotoItem = '<p>' +
'<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
}
}
let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + timeLineEndItem;
// 添加节点
firstApprovalNode.after(approvalNodeForBalancer);
flagForBalancerNode = -1; // 不展示
} else {
let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
let approvalNodeForBalancerIconPhoto = '';
for (let key in balancePosterIconPhoto) {
if (balancePosterIconPhoto.hasOwnProperty(key)) {
let balancePosterIconPhotoItem = '<p>' +
'<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
}
}
let approvalNodeForBalancerTime = '<p>审批时间：' + balancePosterNameTime + '</p>';
let approvalNodeForBalancerMessage = '<p>审批意见：' + balancePosterMessage + '</p>';
let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
let timeLineStartItemForStartIcon;
let timeLineStartItemForState;
if (balancePosterPass === "1") {
// 如果平衡岗审批通过
timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
flagForBalancerNode = 3; // 为第三个节点
timeLineStartItemForState = '<p>审批状态：审批通过</p>';
} else if (balancePosterPass === "2") {
// 如果平衡岗未审批通过
timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
flagForBalancerNode = -1; // 不展示
timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
}
let approvalNodeForBalancer = timeLineStartItemForStartIcon + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + approvalNodeForBalancerTime + timeLineStartItemForState + approvalNodeForBalancerMessage + timeLineEndItem;
firstApprovalNode.after(approvalNodeForBalancer);
}
firstApprovalNode.after(approvalNode);
}
// 配置仓储管理员节点（第三或第二个节点）
@ -357,64 +305,16 @@
// 如果是第三个节点
timeLineStartItemForId = timeLineStartItem.replace("placeholder", "thirdApprovalNode");
}
// 如果可以查看该节点
if (depositoryManagerPass === "3") {
// 如果平衡岗未审批
let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
let approvalNodeFordepositoryManagerIconPhoto = '';
for (let key in depositoryManagerIconPhoto) {
if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
let depositoryManagerIconPhotoItem = '<p>' +
'<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
}
}
let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName+approvalNodeFordepositoryManagerIconPhoto + timeLineEndItem;
// 添加节点
if (flagForBalancerNode === 2) {
// 如果是第二个节点
firstApprovalNode.after(approvalNodeForBalancer);
} else {
// 如果是第三个节点
$("#secondApprovalNode").after(approvalNodeForBalancer);
}
} else {
let approvalNodeForDepositoryManagerName = '<h3 class="layui-timeline-title">审批人：</h3>';
let approvalNodeForDepositoryManagerTime = '<p>审批时间：' + depositoryManagerNameTime + '</p>';
let approvalNodeForDepositoryManagerMessage = '<p>审批意见：' + depositoryManagerMessage + '</p>';
let timeLineStartItemForIcon;
let timeLineStartItemForState;
let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
let approvalNodeFordepositoryManagerIconPhoto = '';
for (let key in depositoryManagerIconPhoto) {
if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
let depositoryManagerIconPhotoItem = '<p>' +
'<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
'<span>' + key + '</span>' +
'</p>';
approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
}
}
if (depositoryManagerPass === "1") {
// 如果审批通过
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
timeLineStartItemForState = '<p>审批状态：审批通过</p>';
} else if (depositoryManagerPass === "2") {
timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
}
let approvalNodeForBalancer = timeLineStartItemForIcon + approvalNodeForDepositoryManagerName +approvalNodeFordepositoryManagerIconPhoto + approvalNodeForDepositoryManagerTime + timeLineStartItemForState + approvalNodeForDepositoryManagerMessage + timeLineEndItem;
// 如果可以查看该节点
let nodeName = "depositoryManager";
let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
if (flagForBalancerNode === 2) {
// 如果是第二个节点
firstApprovalNode.after(approvalNodeForBalancer);
firstApprovalNode.after(approvalNode);
} else {
// 如果是第三个节点
$("#secondApprovalNode").after(approvalNodeForBalancer);
}
$("#secondApprovalNode").after(approvalNode);
}
}

Write Preview
Loading…
Cancel
Save