Skip to content

W
work-order-system
Commit 14b81e0b by Jie Feng
Options

add page link

parent eb433f48
Showing with 883 additions and 68 deletions
index.html
...@@ -146,11 +146,11 @@ ...@@ -146,11 +146,11 @@
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" <div id="collapseFive" class="panel-collapse collapse in" role="tabpanel"
aria-labelledby="headingFive"> aria-labelledby="headingFive">
<div class="panel-body"> <div class="panel-body">
<a href="#">我的工作台</a> <a href="/index.html">我的工作台</a>
<a href="#">系统工单规则配置</a> <a href="/sysWoConfig.html">系统工单规则配置</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -162,8 +162,8 @@ ...@@ -162,8 +162,8 @@
<!--<button type="button" class="btn btn-default select">全部</button>--> <!--<button type="button" class="btn btn-default select">全部</button>-->
<!--<button type="button" class="btn btn-default">预定</button>--> <!--<button type="button" class="btn btn-default">预定</button>-->
<!--<button type="button" class="btn btn-default">费率修改</button>--> <!--<button type="button" class="btn btn-default">费率修改</button>-->
<button type="button" class="btn btn-default">回访</button>
<!--<button type="button" class="btn btn-default else">其他</button>--> <!--<button type="button" class="btn btn-default else">其他</button>-->
<button type="button" class="btn btn-default">回访</button>
</div> </div>
<div class="status" id="workStatus" > <div class="status" id="workStatus" >
工作状态： 工作状态：
...@@ -171,13 +171,6 @@ ...@@ -171,13 +171,6 @@
<option v-for="(item,index) in woStates" :value='index'> {{item.text}} <option v-for="(item,index) in woStates" :value='index'> {{item.text}}
</option> </option>
</select> </select>
<!--
<option value=''>空闲中</option>
<option value='' >下班</option>
<option value='' >挂起</option>
<option value='' >接待中</option>
<option value='' >会议中</option>
<option value='' >午饭中</option>-->
</div> </div>
<ul id="statusTab" class="nav nav-tabs" role="tablist"> <ul id="statusTab" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab"
...@@ -231,6 +224,8 @@ ...@@ -231,6 +224,8 @@
<li><a href="#" v-on:click="nextPage()">下一页</a></li> <li><a href="#" v-on:click="nextPage()">下一页</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>
</div> </div>
</div> </div>
......
js/index.js
...@@ -10,38 +10,7 @@ jQuery(document).ready(function ($) { ...@@ -10,38 +10,7 @@ jQuery(document).ready(function ($) {
woDetail: function (wo) { woDetail: function (wo) {
console.log(wo.id); console.log(wo.id);
// 获取工单详情 // 获取工单详情
var data = JSON.stringify( window.location.href="/woDetail.html?wo.id=" + wo.id;
{
"id": wo.id,
"woStatus": wo.woStatus,
"woType": wo.woType,
"woProcessUid": ''
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
}
});
} }
} }
}) })
...@@ -49,11 +18,9 @@ jQuery(document).ready(function ($) { ...@@ -49,11 +18,9 @@ jQuery(document).ready(function ($) {
function initLoadWO() { function initLoadWO() {
var url = "/work/wo/list?page=1&limit=10"; var url = "/work/wo/list?page=1&limit=10";
var data = JSON.stringify({ var data = JSON.stringify({
"reqDto": {
"woStatus": 0, "woStatus": 0,
"woType": "revisit", "woType": "revisit",
"woProcessUid": '' "woProcessUid": 1
}
}); });
$.ajax({ $.ajax({
url: url, url: url,
...@@ -93,7 +60,7 @@ jQuery(document).ready(function ($) { ...@@ -93,7 +60,7 @@ jQuery(document).ready(function ($) {
var data = JSON.stringify({ var data = JSON.stringify({
"woStatus": val.target.value, "woStatus": val.target.value,
"statusDisplay": "", "statusDisplay": "",
"userId": '1' "userId": 1
}); });
$.ajax({ $.ajax({
url: url, url: url,
...@@ -164,7 +131,7 @@ jQuery(document).ready(function ($) { ...@@ -164,7 +131,7 @@ jQuery(document).ready(function ($) {
{ {
"woStatus": 0, "woStatus": 0,
"woType": "revisit", "woType": "revisit",
"woProcessUid": '' "woProcessUid": 1
} }
); );
$.ajax({ $.ajax({
...@@ -195,7 +162,7 @@ jQuery(document).ready(function ($) { ...@@ -195,7 +162,7 @@ jQuery(document).ready(function ($) {
{ {
"woStatus": 1, "woStatus": 1,
"woType": "revisit", "woType": "revisit",
"woProcessUid": '' "woProcessUid": 1
} }
); );
$.ajax({ $.ajax({
......
js/sysWoConfig.js 0 → 100644
jQuery(document).ready(function ($) {
// 工单列表逻辑
var orderList = new Vue({
el: '#order-list',
data: {
workOrders: []
},
methods: {
woDetail: function (wo) {
console.log(wo.id);
// 获取工单详情
var data = JSON.stringify(
{
"id": wo.id,
"woStatus": wo.woStatus,
"woType": wo.woType,
"woProcessUid": 1
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
}
});
}
}
})
function initLoadWO() {
var url = "/work/wo/list?page=1&limit=10";
var data = JSON.stringify({
"woStatus": 0,
"woType": "revisit",
"woProcessUid": 1
});
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
numCount.message = res.data.total;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
}
});
}
var host = "http://localhost:8083";
// 初始化加载回访工单列表
initLoadWO();
// 员工工作状态逻辑
var workStatus = new Vue({
el: '#workStatus',
selected: {},
methods: {
updateWOStatus: function (val) {
console.log('updateWOStatus:' + val.target.value);
var url = "/work/ws/update";
var data = JSON.stringify({
"woStatus": val.target.value,
"statusDisplay": "",
"userId": 1
});
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
console.log("用户状态修改成功！");
}
});
}
},
data: {
woStates: [
{value: 0, text: '空闲中'},
{value: 1, text: '下班'},
{value: 2, text: '挂起'},
{value: 3, text: '接待中'},
{value: 4, text: '会议中'},
{value: 5, text: '午饭中'}
]
}
})
// 数据提示条
var numCount = new Vue({
el: '#numCount',
data: {
message: "100"
}
})
// 页面分页按钮逻辑
var pager = new Vue({
el: '#pager',
data: {
curPage: 1,
totalPage: 1
},
methods: {
prePage: function () {
if (this.curPage - 1 < 1) {
return;
} else {
this.curPage = this.curPage - 1;
}
},
nextPage: function () {
if (this.curPage + 1 > this.totalPage) {
return;
} else {
this.curPage = this.curPage + 1;
}
}
}
})
// 工单状态选择Tab逻辑
var url = "/work/wo/list?page=1&limit=10";
var statusTab = new Vue({
el: '#statusTab',
methods: {
unprocessed: function () {
var data = JSON.stringify(
{
"woStatus": 0,
"woType": "revisit",
"woProcessUid": 1
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (res.data.total % res.data.size == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log("Error happened, Please contact Administrator. " + msg);
}
});
},
processed: function () {
var data = JSON.stringify(
{
"woStatus": 1,
"woType": "revisit",
"woProcessUid": 1
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
}
});
}
}
})
// 将回访工单列表做页面渲染
console.log('Finished.');
});
js/woDetail.js 0 → 100644
jQuery(document).ready(function ($) {
// 工单列表逻辑
var orderList = new Vue({
el: '#order-list',
data: {
workOrders: []
},
methods: {
woDetail: function (wo) {
console.log(wo.id);
// 获取工单详情
var data = JSON.stringify(
{
"id": wo.id,
"woStatus": wo.woStatus,
"woType": wo.woType,
"woProcessUid": 1
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
}
});
}
}
})
function initLoadWO() {
var url = "/work/wo/list?page=1&limit=10";
var data = JSON.stringify({
"woStatus": 0,
"woType": "revisit",
"woProcessUid": 1
});
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
numCount.message = res.data.total;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
}
});
}
var host = "http://localhost:8083";
// 初始化加载回访工单列表
initLoadWO();
// 员工工作状态逻辑
var workStatus = new Vue({
el: '#workStatus',
selected: {},
methods: {
updateWOStatus: function (val) {
console.log('updateWOStatus:' + val.target.value);
var url = "/work/ws/update";
var data = JSON.stringify({
"woStatus": val.target.value,
"statusDisplay": "",
"userId": 1
});
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
console.log("用户状态修改成功！");
}
});
}
},
data: {
woStates: [
{value: 0, text: '空闲中'},
{value: 1, text: '下班'},
{value: 2, text: '挂起'},
{value: 3, text: '接待中'},
{value: 4, text: '会议中'},
{value: 5, text: '午饭中'}
]
}
})
// 数据提示条
var numCount = new Vue({
el: '#numCount',
data: {
message: "100"
}
})
// 页面分页按钮逻辑
var pager = new Vue({
el: '#pager',
data: {
curPage: 1,
totalPage: 1
},
methods: {
prePage: function () {
if (this.curPage - 1 < 1) {
return;
} else {
this.curPage = this.curPage - 1;
}
},
nextPage: function () {
if (this.curPage + 1 > this.totalPage) {
return;
} else {
this.curPage = this.curPage + 1;
}
}
}
})
// 工单状态选择Tab逻辑
var url = "/work/wo/list?page=1&limit=10";
var statusTab = new Vue({
el: '#statusTab',
methods: {
unprocessed: function () {
var data = JSON.stringify(
{
"woStatus": 0,
"woType": "revisit",
"woProcessUid": 1
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (res.data.total % res.data.size == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log("Error happened, Please contact Administrator. " + msg);
}
});
},
processed: function () {
var data = JSON.stringify(
{
"woStatus": 1,
"woType": "revisit",
"woProcessUid": 1
}
);
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
}
});
}
}
})
// 将回访工单列表做页面渲染
console.log('Finished.');
});
return-order-detail.html
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body"> <div class="panel-body">
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive"> <div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFive">
<div class="panel-body"> <div class="panel-body">
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
......
sysWoConfig.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>回访工单</title>
<!-- Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/return-order-index.css">
<link rel="stylesheet" href="./css/return-order-detail.css">
<script src="./js/jquery.min.js"></script>
<script src="./js/sysWoConfig.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<!-- 头部 -->
<header>
<div class="container-fluid">
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-3">
<a href="#" class="home"><i class="fa fa-home" aria-hidden="true"></i>YiDianLing.com</a>
</div>
<div class="col-xs-8 col-sm-8 col-md-9">
<div class="row">
<div class="col-sm-2 col-md-2 col-lg-5">
<a href="#" class="bar"><i class="fa fa-bars" aria-hidden="true"></i></a>
</div>
<div class="col-sm-10 col-md-10 col-lg-7 info">
<!--<a href="#">即将回收的客户<i class="circle">5</i></a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>上传</a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>备用上传</a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>海外收款</a>-->
<a href="#" class="user-img"><img src="./images/avatar.jpg" alt="">admin</a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>退出</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- 主体部分 -->
<div class="main">
<div class="container-fluid main-container">
<div class="row">
<!-- 左侧边栏 -->
<div class="col-xs-6 col-sm-4 col-md-2 aside">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<i class="fa fa-user" aria-hidden="true"></i><span>
用户
</span>
<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<i class="fa fa-diamond" aria-hidden="true"></i>业务
<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<i class="fa fa-user-secret" aria-hidden="true"></i>
专家<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<i class="fa fa-bar-chart" aria-hidden="true"></i>
市场运营<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFive">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<i class="fa fa-bookmark" aria-hidden="true"></i>工单管理<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFive">
<div class="panel-body">
<a href="/index.html">我的工作台</a>
<a href="/sysWoConfig.html">系统工单规则配置</a>
</div>
</div>
</div>
</div>
</div>
<!-- 右边内容 -->
<div class="col-xs-6 col-sm-8 col-md-10 digital-container detail-container">
<h4>系统工单管理</h4>
<div class="department">
<p>
<span>归属部门：</span>
<select name="department" id="">
<option value="">请选择</option>
<option value="">好柿</option>
<option value="">心暖</option>
<option value="">电商</option>
<option value="">客服</option>
</select>
</p>
<p>
<span>工单ID：</span>
<input type="text">
</p>
<p class="btns">
<button type="button" class="btn btn-primary">查询</button>
<button type="button" class="btn btn-primary">新增</button>
</p>
</div>
<table class="table table1">
<thead>
<tr>
<th>规则ID</th>
<th>归属部门</th>
<th>工单类型</th>
<th>紧急程度</th>
<th>工单时效</th>
<th>倒计时</th>
<th>派发上限</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">1</td>
<td>好柿</td>
<td>预定</td>
<td>一般</td>
<td>20分钟</td>
<td>20分钟</td>
<td>20</td>
<td><a href="#">编辑</a><a href="#">操作日志</a></td>
</tr>
<tr>
<td scope="row">1</td>
<td>好柿</td>
<td>费率修改</td>
<td>紧急</td>
<td>20分钟</td>
<td>20分钟</td>
<td>20</td>
<td><a href="#">编辑</a><a href="#">操作日志</a></td>
</tr>
<tr>
<td scope="row">1</td>
<td>好柿</td>
<td>回访订单</td>
<td>非常紧急</td>
<td></td>
<td>20分钟</td>
<td>20</td>
<td><a href="#">编辑</a><a href="#">操作日志</a></td>
</tr>
<tr>
<td scope="row">1</td>
<td>心暖</td>
<td>费率修改</td>
<td>紧急</td>
<td>20分钟</td>
<td></td>
<td>20</td>
<td><a href="#">编辑</a><a href="#">操作日志</a></td>
</tr>
<tr>
<td scope="row">1</td>
<td>心暖</td>
<td>回访订单</td>
<td>非常紧急</td>
<td></td>
<td>20分钟</td>
<td>20</td>
<td><a href="#">编辑</a><a href="#">操作日志</a></td>
</tr>
</tbody>
</table>
<table class="table table2">
<thead>
<tr>
<th>编辑系统工单规则</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="row1">
<span>一级部门：</span>
<select name="" id="">
<option value="">好柿</option>
<option value="">心暖</option>
<option value="">电商</option>
<option value="">客服</option>
</select>
</div>
<div class="row2">
<span>工单类型：</span>
<select name="" id="">
<option value="">回访工单</option>
<option value="">预定工单</option>
</select>
</div>
<div class="row3">
<span>紧急程度：</span>
<select name="" id="">
<option value="">一般</option>
<option value="">紧急</option>
<option value="">非常紧急</option>
</select>
</div>
<div class="row4">
<span>工单时效：</span>
<input type="text" value="0">小时
<input type="text" value="10">分钟
<i>为空值则不限定时间</i>
</div>
<div class="row5">
<span>提醒时间：</span>
<input type="text" value="5">分钟
<i>为空值则不提醒</i>
</div>
<div class="row6">
<span>派发上限：</span>
<input type="text" value="20">
<i>即每个角色当天可接收工单上限，为空值则不限定上限</i>
</div>
<div class="row7">
<button class="btn btn-default" type="submit">保存</button>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table3">
<thead>
<tr>
<th>操作日志</th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>陈小钱</td>
<td>2018.12.28 22：22：31</td>
<td>编辑</td>
<td>对工单时效进行了操作原值“10”新值“20”</td>
</tr>
<tr>
<td>陈小钱</td>
<td>2018.12.28 22：22：31</td>
<td>编辑</td>
<td>对工单时效进行了操作原值“10”新值“20”</td>
</tr>
<tr>
<td>陈小钱</td>
<td>2018.12.28 22：22：31</td>
<td>编辑</td>
<td>对工单时效进行了操作原值“10”新值“20”</td>
</tr>
<tr>
<td>陈小钱</td>
<td>2018.12.28 22：22：31</td>
<td>编辑</td>
<td>对工单时效进行了操作原值“10”新值“20”</td>
</tr>
</tbody>
</table>
<table class="table table4">
<thead>
<tr>
<th>新增系统工单规则</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="row1">
<span>一级部门：</span>
<select name="" id="">
<option value="">好柿</option>
<option value="">心暖</option>
<option value="">电商</option>
<option value="">客服</option>
</select>
</div>
<div class="row2">
<span>工单类型：</span>
<select name="" id="">
<option value="">回访工单</option>
<option value="">预定工单</option>
</select>
</div>
<div class="row3">
<span>紧急程度：</span>
<select name="" id="">
<option value="">一般</option>
<option value="">紧急</option>
<option value="">非常紧急</option>
</select>
</div>
<div class="row4">
<span>工单时效：</span>
<input type="text">小时
<input type="text">分钟
<i>为空值则不限定时间</i>
</div>
<div class="row5">
<span>提醒时间：</span>
<input type="text">分钟
<i>为空值则不提醒</i>
</div>
<div class="row6">
<span>派发上限：</span>
<input type="text">
<i>即每个角色当天可接收工单上限，为空值则不限定上限</i>
</div>
<div class="row7">
<button class="btn btn-default" type="submit">保存</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script>
$('.bar').click(function(){
$('.aside').toggleClass('visible');
$('.digital-container').toggleClass('width');
})
$('.nav-tabs a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
</script>
</body>
</html>
\ No newline at end of file
return-order-type.html → woDetail.html
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
<link rel="stylesheet" href="./css/return-order-index.css"> <link rel="stylesheet" href="./css/return-order-index.css">
<link rel="stylesheet" href="./css/return-order-type.css"> <link rel="stylesheet" href="./css/return-order-type.css">
<script src="./js/jquery.min.js"></script> <script src="./js/jquery.min.js"></script>
<script src="./js/woDetail.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head> </head>
<body> <body>
...@@ -28,9 +29,9 @@ ...@@ -28,9 +29,9 @@
</div> </div>
<div class="col-sm-10 col-md-10 col-lg-7 info"> <div class="col-sm-10 col-md-10 col-lg-7 info">
<a href="#">即将回收的客户<i class="circle">5</i></a> <a href="#">即将回收的客户<i class="circle">5</i></a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>上传</a> <!--<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>上传</a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>备用上传</a> <a href="#"><i class="fa fa-upload" aria-hidden="true"></i>备用上传</a>
<a href="#"><i class="fa fa-upload" aria-hidden="true"></i>海外收款</a> <a href="#"><i class="fa fa-upload" aria-hidden="true"></i>海外收款</a>-->
<a href="#" class="user-img"><img src="./images/avatar.jpg" alt="">admin</a> <a href="#" class="user-img"><img src="./images/avatar.jpg" alt="">admin</a>
</div> </div>
</div> </div>
...@@ -56,13 +57,13 @@ ...@@ -56,13 +57,13 @@
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>-->
<a href="#">我的工作台</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -77,11 +78,11 @@ ...@@ -77,11 +78,11 @@
</div> </div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>-->
<a href="#">我的工作台</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -96,11 +97,11 @@ ...@@ -96,11 +97,11 @@
</div> </div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>-->
<a href="#">我的工作台</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -115,11 +116,11 @@ ...@@ -115,11 +116,11 @@
</div> </div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>-->
<a href="#">我的工作台</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -131,13 +132,10 @@ ...@@ -131,13 +132,10 @@
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive"> <div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFive">
<div class="panel-body"> <div class="panel-body">
<a href="#">我的工作台</a> <a href="/index.html">我的工作台</a>
<a href="#">我的工作台</a> <a href="/sysWoConfig.html">系统工单规则配置</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
</div> </div>
</div> </div>
</div> </div>
......
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