Skip to content

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

add page link

parent eb433f48
Showing with 488 additions and 72 deletions
index.html
......@@ -146,11 +146,11 @@
</a>
</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel"
<div id="collapseFive" class="panel-collapse collapse in" role="tabpanel"
aria-labelledby="headingFive">
<div class="panel-body">
<a href="#">我的工作台</a>
<a href="#">系统工单规则配置</a>
<a href="/index.html">我的工作台</a>
<a href="/sysWoConfig.html">系统工单规则配置</a>
</div>
</div>
</div>
......@@ -162,8 +162,8 @@
<!--<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 else">其他</button>-->
<button type="button" class="btn btn-default">回访</button>
</div>
<div class="status" id="workStatus" >
工作状态：
......@@ -171,13 +171,6 @@
<option v-for="(item,index) in woStates" :value='index'> {{item.text}}
</option>
</select>
<!--
<option value=''>空闲中</option>
<option value='' >下班</option>
<option value='' >挂起</option>
<option value='' >接待中</option>
<option value='' >会议中</option>
<option value='' >午饭中</option>-->
</div>
<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"
......@@ -231,6 +224,8 @@
<li><a href="#" v-on:click="nextPage()">下一页</a></li>
</ul>
</nav>
</div>
</div>
</div>
......
js/index.js
......@@ -10,38 +10,7 @@ jQuery(document).ready(function ($) {
woDetail: function (wo) {
console.log(wo.id);
// 获取工单详情
var data = JSON.stringify(
{
"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);
}
});
window.location.href="/woDetail.html?wo.id=" + wo.id;
}
}
})
......@@ -49,11 +18,9 @@ jQuery(document).ready(function ($) {
function initLoadWO() {
var url = "/work/wo/list?page=1&limit=10";
var data = JSON.stringify({
"reqDto": {
"woStatus": 0,
"woType": "revisit",
"woProcessUid": ''
}
"woStatus": 0,
"woType": "revisit",
"woProcessUid": 1
});
$.ajax({
url: url,
......@@ -91,9 +58,9 @@ jQuery(document).ready(function ($) {
console.log('updateWOStatus:' + val.target.value);
var url = "/work/ws/update";
var data = JSON.stringify({
"woStatus": val.target.value,
"statusDisplay": "",
"userId": '1'
"woStatus": val.target.value,
"statusDisplay": "",
"userId": 1
});
$.ajax({
url: url,
......@@ -164,7 +131,7 @@ jQuery(document).ready(function ($) {
{
"woStatus": 0,
"woType": "revisit",
"woProcessUid": ''
"woProcessUid": 1
}
);
$.ajax({
......@@ -195,7 +162,7 @@ jQuery(document).ready(function ($) {
{
"woStatus": 1,
"woType": "revisit",
"woProcessUid": ''
"woProcessUid": 1
}
);
$.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 @@
</a>
</h4>
</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">
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
......@@ -131,7 +131,7 @@
</a>
</h4>
</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">
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
......
return-order-type.html → woDetail.html
......@@ -11,6 +11,7 @@
<link rel="stylesheet" href="./css/return-order-index.css">
<link rel="stylesheet" href="./css/return-order-type.css">
<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>
</head>
<body>
......@@ -28,9 +29,9 @@
</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="#"><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>
</div>
</div>
......@@ -56,13 +57,13 @@
</a>
</h4>
</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">
<!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
......@@ -77,11 +78,11 @@
</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>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
......@@ -96,11 +97,11 @@
</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>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
......@@ -115,11 +116,11 @@
</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>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>-->
</div>
</div>
</div>
......@@ -131,13 +132,10 @@
</a>
</h4>
</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">
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="/index.html">我的工作台</a>
<a href="/sysWoConfig.html">系统工单规则配置</a>
</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