<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>工单审核</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
|
<style>
|
.mui-bar-nav {
|
background: #245ca7;
|
}
|
.mui-title {
|
color: #FFFFFF;
|
}
|
.mui-icon-back:before, .mui-icon-left-nav:before {
|
color: #FFFFFF;
|
}
|
|
.mui-content{
|
margin: 0 4px;
|
}
|
.mui-table-view {
|
background-color: unset;
|
}
|
.mui-content>.mui-table-view:first-child {
|
margin-top: -1px;
|
}
|
.mui-table-view-chevron .mui-table-view-cell {
|
padding: 6px;
|
}
|
.mui-table-view-cell {
|
position: unset;
|
margin-bottom: 5px;
|
background-color: #fff;
|
}
|
.mui-h4, h4 {
|
font-size: 17px;
|
font-weight: 600;
|
}
|
.stn{
|
float: right;
|
margin-top: -125px;
|
}
|
.btn{
|
padding: 5px 10px;
|
margin: 0 2px;
|
}
|
.mui-h5, h5 {
|
font-size: 14px;
|
font-weight: 400;
|
color: #333;
|
margin: 10px 0;
|
}
|
.mui-table-view-cell p {
|
color: #DD524D;
|
}
|
</style>
|
</head>
|
<body>
|
<header class="mui-bar mui-bar-nav">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">工单审核</h1>
|
</header>
|
<div class="mui-content">
|
<!--数据列表-->
|
<ul id="listData" class="mui-table-view mui-table-view-chevron">
|
<!-- <li class="mui-table-view-cell">
|
<div onclick="getDetail()" class="mui-table">
|
<div class="mui-table-cell mui-col-xs-10">
|
<h4>申请人：<span>张三</span>
|
</h4>
|
<h5>业务类型：<span>门禁</span></h5>
|
<h5>所属分库：<span>黑土一分库</span></h5>
|
<h5>关联仓库：<span>1号仓库</span></h5>
|
<p>
|
时间：<span>2020-10-10 10:10</span>至
|
<span>2020-10-10 10:10</span>
|
</p>
|
</div>
|
</div>
|
<span class="stn">
|
<button class="btn mui-btn-blue" onclick="toAudit('20')">通过</button>
|
<button class="btn mui-btn-red" onclick="toAudit('30')">拒绝</button>
|
<button class="btn mui-btn-yellow" onclick="toAudit('40')">退回</button>
|
</span>
|
</li> -->
|
</ul>
|
</div>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
<script src="./js/echarts.min.js"></script>
|
</body>
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
var url; //接口路径
|
var dataList; //数据集合
|
var data = {
|
"interfaceId": "5703",
|
"sign": "10703",
|
"outId": "10703",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"status": "10", //待审核
|
}
|
};
|
var data0 = {
|
"interfaceId": "5704",
|
"sign": "10704",
|
"outId": "10704",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"status": "",
|
"id": ""
|
}
|
};
|
mui.plusReady(function() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
data.tokenAuth = user.tokenAuth;
|
data0.tokenAuth = user.tokenAuth;
|
url = user.url + "/api-phone/gateway";
|
getOrderList();
|
})
|
|
//获取信息
|
function getOrderList() {
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data),
|
success: function(result) {
|
if (result.code == "0000") {
|
dataList = result.data;
|
renderOrderList();
|
} else {
|
mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
|
}
|
},
|
error: function() {
|
mui.alert('系统繁忙,请重试！', '提示', ["确定"], function() {}, "div");
|
}
|
})
|
}
|
|
//渲染
|
function renderOrderList() {
|
var html = '';
|
if (dataList != null && dataList.length > 0) {
|
$.each(dataList, function(index, item) {
|
html += '<li class="mui-table-view-cell"><div class="mui-table">';
|
html += '<div class="mui-table-cell mui-col-xs-10">';
|
html += '<h4>申请人：<span>' + item.applyUserName + '</span></h4>';
|
html += '<h5>业务类型：<span>' + item.type + '</span></h5>';
|
html += '<h5>所属分库：<span>' + item.deptId + '</span></h5>';
|
html += '<h5>关联仓库：<span>' + item.depotId + '</span></h5>';
|
html += '<p>时间：<span>' + item.start + '</span>至';
|
html += '<span>' + item.end + '</span></p></div></div>';
|
html += '<span class="stn">';
|
html += '<button class="btn mui-btn-blue" onclick="toAudit(\'' + item.id + '\',\'20\')">通过</button>';
|
html += '<button class="btn mui-btn-red" onclick="toAudit(\'' + item.id + '\',\'30\')">拒绝</button>';
|
html += '<button class="btn mui-btn-yellow" onclick="toAudit(\'' + item.id + '\',\'40\')">退回</button>';
|
html += '</span></li>';
|
})
|
} else {
|
mui.alert('暂无数据！', '提示', ["确定"], function() {}, "div");
|
}
|
$("#listData").html(html);
|
}
|
|
function toAudit(id, status) {
|
data0.data.status = status;
|
data0.data.id = id;
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data0),
|
success: function(result) {
|
if (result.code == "0000") {
|
mui.toast("审核成功！");
|
location.reload();
|
} else {
|
mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
|
}
|
},
|
error: function() {
|
mui.alert('系统繁忙,请重试！', '提示', ["确定"], function() {}, "div");
|
}
|
})
|
}
|
</script>
|
</html>
|
