Skip to content

H
hunan-order-h5
Commit e6395235 by chenweisong
Options

工单系统h5

parents
Showing with 638 additions and 0 deletions
create.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>新建工单</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="page-group">
<div class="page current-page" id="create">
<header class="bar bar-nav header-color">
<a class="icon icon-left pull-left to-order"></a>
<h1 class='title'>新建工单</h1>
</header>
<nav class="bar bar-tab">
<a class="tab-item external create-cancel-btn" href="javascript: void(0);">
取消
</a>
<a class="tab-item external create-submit-btn" href="javascript: void(0);">
提交
</a>
</nav>
<div class="content">
<div class="creat-form">
<div class="item">
<div class="label">
<span class="star">*</span>工单标题</div>
<div class="val">
<input type="text" maxlength="1000" placeholder="请输入工单标题，最长不超过200字" />
</div>
</div>
<div class="item">
<div class="label">
<span class="star">*</span>工单依据
<button class="ghost-btn">复制标题</button>
</div>
<div class="val">
<input maxlength="200" type="text" placeholder="请输入工单依据，最长不超过1000字" />
</div>
</div>
<div class="item">
<div class="label">
<span class="star">*</span>工单内容</div>
<div class="val">
<input maxlength="1000" type="text" placeholder="请输入工单内容，最长不超过1000字" />
</div>
</div>
</div>
<div class="list-block create-list-block">
<ul>
<li class="item-content item-link">
<div class="item-media">
<i class="icon icon-f7"></i>
</div>
<div class="item-inner target-person ">
<div class="item-title">需求对口人</div>
<div class="item-after">请选择</div>
</div>
</li>
<li class="item-content item-link">
<div class="item-media">
<i class="icon icon-f7"></i>
</div>
<div class="item-inner check-person">
<div class="item-title">涉敏审批人</div>
<div class="item-after">请选择</div>
</div>
</li>
<li class="item-content item-link">
<div class="item-media">
<i class="icon icon-f7"></i>
</div>
<div class="item-inner">
<div class="item-title">工单完成时间</div>
<div class="item-after date-picker">请选择
</div>
<input type="text" id="datePicker" style="display: none;">
</div>
</li>
</ul>
</div>
</div>
</div>
<!--popup-->
<div class="popup popup-person">
<header class="bar bar-nav header-color popup-header">
<a class="icon icon-left pull-left close-popup"></a>
<h1 class='title'>选择</h1>
</header>
<div class="content">
<div class="person-list-block"></div>
</div>
</div>
</div>
<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
<script src="js/Utils.js"></script>
<script src="js/create.js"></script>
</body>
</html>
\ No newline at end of file
css/sm.min.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/style.css 0 → 100644
This diff is collapsed. Click to expand it.
js/Utils.js 0 → 100644
!function (factory, $) {
factory(window['Utils'] = {
getHttpResultByGet: function (url, param, successCallback, async) {
$.showIndicator();
var data = {};
var AccessToken = 'Access-Token';
var accessToken = param[AccessToken];
console.log(accessToken)
if (accessToken) {
for (var p in param) {
if (p !== AccessToken) {
data[p] = param[p]
}
}
} else {
data = param;
}
$.ajax({
type: "GET",
url: url,
dataType: "json",
contentType: "application/json",
data: data,
async: async, // 默认为true, 即是异步请求函数
beforeSend: function (XMLHttpRequest) {
if (accessToken) {
XMLHttpRequest.setRequestHeader("Access-Token", accessToken);
}
},
success: function (data) {
successCallback(data);
$.hideIndicator();
},
error: function (data) {
$.hideIndicator();
$.toast("请求出错");
}
});
},
getHttpResultByPOST: function (url, param, successCallback, async) {
$.showIndicator();
$.ajax({
type: "POST",
url: url,
contentType: 'application/x-www-form-urlencoded',
data: param,
async: async, // 默认为true, 即是异步请求函数
beforeSend: function (XMLHttpRequest) {
},
success: function (data) {
successCallback(data);
$.hideIndicator();
},
error: function (data) {
$.hideIndicator();
$.toast("请求出错");
}
});
},
//获取QueryString的数组
getQueryString: function () {
var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+", "g"));
if (result == null) {
return "";
}
for (var i = 0; i < result.length; i++) {
result[i] = result[i].substring(1);
}
return result;
},
//根据QueryString参数名称获取值
getQueryStringByName: function (name) {
var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
if (result == null || result.length < 1) {
return "";
}
return result[1];
},
//根据QueryString参数索引获取值
getQueryStringByIndex: function (index) {
if (index == null) {
return "";
}
var queryStringList = getQueryString();
if (index >= queryStringList.length) {
return "";
}
var result = queryStringList[index];
var startIndex = result.indexOf("=") + 1;
result = result.substring(startIndex);
return result;
}
});
}(function (Utils) {
if (typeof Utils === undefined) {
Utils = {};
}
Object.defineProperty(Utils, 'name', {
get: function () {
return 'this is Utils .';
}
});
}, window.Zepto);
\ No newline at end of file
js/create.js 0 → 100644
/**
* 新建工单js
*/
$(function () {
var context = "hnyd"; // 请求上下文
var IntroducerId = "OCxusheng1"// 当前登陆人id，String类型
var IntroducerName = "徐胜"// 当前登陆人姓名，String类型
var account = 'XUSHENG1'; // 当前登录人的账户
var sheminId = "" // 涉敏人员返回的user_id，String类型
var Title = "" // 工作标题，String类型
var WorkBasis = "" // 工作依据，String类型
var Content = "" // 工作内容，String类型
var CounterpartId = "" // 需求对口人id，String类型
var CounterpartName = "" // 需求对口人name，String类型
var Department = "" // 发起部门，String类型
var StopTime = ""// 工单完成时间，String类型，格式“yyyy-MM-dd hh:mm:ss”
// 请求部门数据 非异步
Utils.getHttpResultByPOST(context + '/hnyd/workordermgr/getDepartment', {
'userId': IntroducerId
}, function (res) {
if (res.type === '200') {
Department = res.name;
} else {
$.toast("获取部门数据出错");
}
}, false);
/**
* 日期picker
*/
var pickerDom = $('#datePicker');
var showDateDom = $('.date-picker');
pickerDom.datetimePicker({
toolbarTemplate: '<header class="bar bar-nav date-picker-header">\
<button class="button button-link pull-left date-cancel-btn close-picker">取消</button>\
<button class="button button-link pull-right date-pick">确定</button>\
</header>',
onOpen: function (e) {
$(".date-pick").off("click");
$(".date-pick").on("click", function () {
var st = pickerDom.val();
showDateDom.html(st)
StopTime = st + ":00"
pickerDom.picker("close");
});
},
onClose: function (e) {
// $.toast("不合法时间");
}
});
showDateDom.parent().on('click', function () {
pickerDom.picker('open')
});
// 对口人按钮
$(".target-person").on("click", function () {
$(".popup-header .title").html("选择对口人");
$(".person-list-block").html("");
// 获取对口人员信息
Utils.getHttpResultByPOST(context + '/hnyd/workordermgr/getRelatedPersonnel', {
'account': account,
'id': IntroducerId
}, function (res) {
res = JSON.parse(res)
if (res.type === '200') {
var list = res.data;
for (var p in list) {
$(".person-list-block").append("<div class='person-item' data-name=" + list[p]["name"] + " data-id=" + list[p]["user_id"] + "><div class='picon'>" + list[p]["name"].substring(0, 1) + "</div><span class='name'>" + list[p]["name"] + "</span><span class='role'>市场部</span></div>");
}
$('.person-item').on("click", function () {
CounterpartName = $(this).data("name");
$(".target-person").find(".item-after").html(CounterpartName);
CounterpartId = $(this).data("id")
$.closeModal(".popup-person");
});
$.popup(".popup-person");
} else {
$.toast("获取涉敏人员数据出错");
}
}, true);
});
//复制标题
$(".creat-form .item .label .ghost-btn").on("click", function () {
var inputs = $(".creat-form .item .val input");
inputs.eq(1).val(inputs.eq(0).val());
});
// 涉敏人按钮
$(".check-person").on("click", function () {
$.popup(".popup-person");
$(".person-list-block").html("");
// 获取涉敏人员信息
Utils.getHttpResultByPOST(context + '/hnyd/workordermgr/getRelatedPersonnel', {
'account': account,
'id': IntroducerId
}, function (res) {
res = JSON.parse(res)
if (res.type === '200') {
var list = res.data;
for (var p in list) {
$(".person-list-block").append("<div class='person-item' data-name=" + list[p]["name"] + " data-id=" + list[p]["user_id"] + "><div class='picon'>" + list[p]["name"].substring(0, 1) + "</div><span class='name'>" + list[p]["name"] + "</span><span class='role'>市场部</span></div>");
}
$('.person-item').on("click", function () {
$(".check-person").find(".item-after").html($(this).data("name"));
sheminId = $(this).data("id");
$.closeModal(".popup-person");
});
$.popup(".popup-person");
} else {
$.toast("获取涉敏人员数据出错");
}
}, true);
});
function validateParam() {
var alertMsg = "";
var flag = false;
var inputs = $(".creat-form .item .val input");
if (!IntroducerId) {
alertMsg = "当前登录人id为空";
} else if (!IntroducerName) {
alertMsg = "当前登录人名称为空";
} else if (!Department) {
alertMsg = "部门信息为空";
} else if (!(Title = inputs.eq(0).val())) {
alertMsg = "工单标题不能为空";
} else if (!(WorkBasis = inputs.eq(1).val())) {
alertMsg = "工单依据不能为空";
} else if (!(Content = inputs.eq(2).val())) {
alertMsg = "工单内容不能为空";
} else if (!CounterpartId) {
alertMsg = "请选择对口人";
} else if (!CounterpartName) {
alertMsg = "请选择对口人";
} else if (!sheminId) {
alertMsg = "请选择涉敏人";
} else if (!StopTime) {
alertMsg = "请选择完成时间";
} else {
flag = true;
}
if (!flag) {
$.toast(alertMsg);
}
return flag;
}
$(".create-submit-btn").on("click", function () {
if (validateParam()) {
Utils.getHttpResultByPOST(context + '/hnyd/workordermgr/makeWorkOrder', {
sheminId: sheminId,
Title: Title,
WorkBasis: WorkBasis,
Content: Content,
CounterpartId: CounterpartId,
CounterpartName: CounterpartName,
Department: Department,
IntroducerId: IntroducerId,
IntroducerName: IntroducerName,
StopTime: StopTime
}, function (res) {
res = JSON.parse(res)
if (res.type === '200') {
$.toast("创建成功");
} else {
$.toast("涉敏人员信息不正确");
}
}, true);
}
});
$(".create-cancel-btn").on("click", function () {
// 路由跳转回去
});
});
\ No newline at end of file
js/echarts.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/moment.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/order.1.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/order.1.js.bak 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/order.js 0 → 100644
This diff is collapsed. Click to expand it.
js/pinyin.js 0 → 100644
This diff is collapsed. Click to expand it.
js/sm.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/zepto.min.js 0 → 100644
This diff is collapsed. Click to expand it.
json/overview.json 0 → 100644
{
"code": 200,
"data": {
"detail": {
"val": "112,909",
"db": 12.12,
"dr": -22.11
},
"indexes": [],
"db": [],
"dr": []
}
}
\ No newline at end of file
order.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>临时需求工单</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="page-group">
<div class="page current-page" id="order">
<!-- <header class="bar bar-nav header-color">
<a class="icon icon-left pull-left to-device" href="javascript:void(0)"></a>
<a class="pull-right to-create" href="javascript:void(0)">
<img src="./images/tj_@2x.png">
</a>
<h1 class='title'>临时需求工单</h1>
</header> -->
<div class="content main-content">
<div class="buttons-tab">
<a href="#tab1" class="tab-link active button">待办
<span id="missionOrderNum" style="color: red;">0</span>
</a>
<a href="#tab2" class="tab-link button">经手</a>
<!-- <a href="javascript:void(0);" class="tab-link button to-create" style="padding-right: 0rem;font-size: 30px;color: #0894ec;">
+</a> -->
</div>
<div class="content-block" style="margin: 0;padding: 0;">
<div class="tabs">
<div id="tab1" class="tab active">
</div>
<div id="tab2" class="tab">
</div>
</div>
</div>
</div>
</div>
<div class="page current-page" id="create">
<header class="bar bar-nav header-color">
<a class="icon icon-left pull-left to-order" href="javascript:void(0);"></a>
<h1 class='title'>新建工单</h1>
</header>
<nav class="bar bar-tab">
<a class="tab-item external create-cancel-btn" href="javascript:void(0);">
取消
</a>
<a class="tab-item external create-submit-btn" href="javascript:void(0);">
提交
</a>
</nav>
<div class="content">
<div class="creat-form">
<div class="item">
<div class="label">
<span class="star">*</span>工单标题</div>
<div class="val">
<input type="text" maxlength="1000" placeholder="请输入工单标题，最长不超过200字" />
</div>
</div>
<div class="item">
<div class="label">
<span class="star">*</span>工单依据
<button class="ghost-btn">复制标题</button>
</div>
<div class="val">
<input maxlength="200" type="text" placeholder="请输入工单依据，最长不超过1000字" />
</div>
</div>
<div class="item">
<div class="label">
<span class="star">*</span>工单内容</div>
<div class="val">
<input maxlength="1000" type="text" placeholder="请输入工单内容，最长不超过1000字" />
</div>
</div>
</div>
<div class="list-block create-list-block">
<ul>
<li class="item-content item-link">
<div class="item-media">
<i class="icon icon-f7"></i>
</div>
<div class="item-inner target-person ">
<div class="item-title">需求对口人</div>
<div class="item-after">请选择</div>
</div>
</li>
<li class="item-content item-link">
<div class="item-media">
<i class="icon icon-f7"></i>
</div>
<div class="item-inner check-person">
<div class="item-title">涉敏审批人</div>
<div class="item-after">请选择</div>
</div>
</li>
<li class="item-content item-link">
<div class="item-media">
<i class="icon icon-f7"></i>
</div>
<div class="item-inner">
<div class="item-title">工单完成时间</div>
<div class="item-after date-picker">请选择
</div>
<input type="text" id="datePicker" style="display: none;">
</div>
</li>
</ul>
</div>
</div>
</div>
<!--处理 popup-->
<div class="popup popup-handler">
<header class="bar bar-nav header-color popup-header">
<a class="icon icon-left pull-left close-popup" href="javascript:void(0);"></a>
<h1 class='title'>
<div class="buttons-tab">
<a href="#tab3" class="tab-link active button">工单处理</a>
<a href="#tab4" class="tab-link button">工单记录</a>
</div>
</h1>
</header>
<nav class="bar bar-tab">
<a class="tab-item external create-reject-btn " href="javascript:void(0);">
驳回
</a>
<a class="tab-item external create-submit-btn " href="javascript: void(0);">
通过
</a>
</nav>
<div class="content popup-handler-content">
<div class="tabs">
<div id="tab3" class="tab active">
<div id="orderDetail"></div>
</div>
<div id="tab4" class="tab"></div>
</div>
</div>
</div>
</div>
<!--详情 popup-->
<div class="popup popup-detail">
<header class="bar bar-nav header-color popup-header">
<a class="icon icon-left pull-left close-popup" href="javascript: void(0);"></a>
<h1 class='title'>工单详情</h1>
</header>
<div class="content popup-detail-content">
</div>
</div>
<!--附件 popup-->
<div class="popup popup-files">
<header class="bar bar-nav header-color popup-header">
<a class="icon icon-left pull-left close-file-popup" href="javascript: void(0);"></a>
<h1 class='title'>附件列表</h1>
</header>
<div class="content popup-file-content">
</div>
</div>
<!--厂商需求对口人 popup-->
<div class="popup popup-person">
<header class="bar bar-nav header-color popup-header">
<a href="javascript: void(0);" class="icon icon-left pull-left close-person-popup"></a>
<h1 class='title'>选择</h1>
</header>
<div class="bar bar-header-secondary">
<div class="searchbar">
<div class="search-input">
<img src="images/search_@2x.png" />搜索
</div>
</div>
</div>
<div class="content">
<div class="person-list-block">
</div>
</div>
<div id="searchedListBlock">
<header class="bar bar-nav header-color popup-header">
<div class="pull-left ">
<input placeholder="搜索" />
</div>
<div class="pull-right ">
取消
</div>
</header>
<div class="content">
<div class="list-block contact-list">
<div class="list-group">
<ul class="sort_box">
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="popup create-popup-person">
<header class="bar bar-nav header-color popup-header">
<a class="icon icon-left pull-left close-popup" href="javascript: void(0);"></a>
<h1 class='title'>选择</h1>
</header>
<div class="content">
<div class="person-list-block"></div>
</div>
</div>
<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
<script src="js/Utils.js"></script>
<script src="js/pinyin.js"></script>
<script src="js/moment.js"></script>
<script src="js/order.1.js"></script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment