Skip to content

W
work-order-system
Commit 2a9fdee4 by xueyuanyuan
Options

提交

parent 49c56b0e
Showing with 591 additions and 11 deletions
css/return-order-detail.css 0 → 100644
.detail-container{
padding: 20px;
}
.department{
display: flex;
height: 30px;
line-height: 20px;
}
.department p{
margin-right: 15px;
}
.detail-container select{
height: 25px;
width: 100px;
}
.department .btn{
width: 80px;
height: 25px;
line-height: 12px;
margin-left: 20px;
}
.table{
margin-top: 10px;
border: 1px solid #333;
}
.table>thead>tr>th{
border-bottom: 0;
}
.table1 a{
margin-right: 15px;
}
.table2 div,
.table4 div{
margin-top: 15px;
}
.table2 div i,
.table4 div i{
font-style: normal;
margin-left: 30px;
color: #999;
}
.table2 input,
.table4 input{
width: 30px;
margin-right: 5px;
}
\ No newline at end of file
css/return-order-index.css
...@@ -82,9 +82,7 @@ header .bar .fa-bars{ ...@@ -82,9 +82,7 @@ header .bar .fa-bars{
.panel .fa{ .panel .fa{
margin-right: 10px; margin-right: 10px;
} }
.main .digital-container{
height: 1000px;
}
.visible{ .visible{
display: none; display: none;
} }
......
css/return-order-type.css
...@@ -12,6 +12,12 @@ ...@@ -12,6 +12,12 @@
.type-container .subnav span{ .type-container .subnav span{
font-weight: normal; font-weight: normal;
} }
.type-container .breadcell{
float: right;
}
.type-container .breadcell span{
margin: 0 5px;
}
.subnav .colorspan{ .subnav .colorspan{
color: #5199C3; color: #5199C3;
} }
...@@ -35,14 +41,14 @@ ...@@ -35,14 +41,14 @@
margin-right: 20px; margin-right: 20px;
} }
.title{ .title{
margin-bottom: 20px; margin-bottom: 5px;
} }
.particulars .bg{ .particulars .bg{
display: block; display: block;
height: 15px; height: 5px;
width: 100%; width: 100%;
background-color: #DAE8F1; background-color: #DAE8F1;
margin: 10px 0; margin: 5px 0;
} }
.title select{ .title select{
width: 130px; width: 130px;
...@@ -52,12 +58,22 @@ ...@@ -52,12 +58,22 @@
.beizhu{ .beizhu{
background-color: #fff; background-color: #fff;
} }
.particulars .pink,
.pink .beizhu{
background-color: #F5DCDC;
}
.particulars span{
display: inline-block;
width: 100px;
}
.particulars input{
height: 30px;
}
.beizhu span{ .beizhu span{
vertical-align: top; vertical-align: top;
} }
.beizhu textarea{ .beizhu textarea{
width: 90%; width: 88%;
margin-left: 5px;
} }
.type-container .btn{ .type-container .btn{
width: 91%; width: 91%;
...@@ -68,4 +84,10 @@ ...@@ -68,4 +84,10 @@
} }
.table thead{ .table thead{
background-color: #DDE9F3; background-color: #DDE9F3;
}
.title .checkbox{
display: inline-block;
}
.checkbox input{
margin-top: -3px;
} }
\ No newline at end of file
return-order-detail.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="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>
</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 in" 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" role="tabpanel" aria-labelledby="headingFive">
<div class="panel-body">
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</a>
<a href="#">我的工作台</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
...@@ -144,6 +144,10 @@ ...@@ -144,6 +144,10 @@
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-8 col-md-10 digital-container type-container"> <div class="col-xs-6 col-sm-8 col-md-10 digital-container type-container">
<div class="breadcell">
<a href="#">首页</a><span>/</span><a href="#">回访订单列表</a>
</div>
<h4 class="particulars">回访记录</h4>
<div class="subnav"> <div class="subnav">
<p>订单号：<span class="colorspan">921348348925429</span></p> <p>订单号：<span class="colorspan">921348348925429</span></p>
<p>咨询师：<span class="colorspan">蓝奥</span></p> <p>咨询师：<span class="colorspan">蓝奥</span></p>
...@@ -161,7 +165,7 @@ ...@@ -161,7 +165,7 @@
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="3"></textarea> <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
...@@ -174,7 +178,7 @@ ...@@ -174,7 +178,7 @@
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="3"></textarea> <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
...@@ -187,9 +191,117 @@ ...@@ -187,9 +191,117 @@
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="3"></textarea> <span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
<div class="particulars">
<span class="bg"></span>
<div class="title">
<span>助理服务：</span>
<select name="on-state" >
<option value="">请选择</option>
<option value="">咨询效果</option>
</select>
</div>
<div class="beizhu">
<span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
<div class="particulars">
<span class="bg"></span>
<div class="title">
<span>助理服务：</span>
<select name="on-state" >
<option value="">请选择</option>
<option value="">咨询效果</option>
</select>
</div>
<div class="beizhu">
<span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
<div class="particulars">
<div class="pink">
<span class="bg"></span>
<div class="title">
<span>处理状态：</span>
<select name="on-state" >
<option value="">请选择</option>
<option value="">短信发送</option>
</select>
</div>
<div class="beizhu">
<span>不满意内容：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
</div>
<div class="particulars">
<div class="pink">
<span class="bg"></span>
<div class="title">
<span>不满意对象：</span>
<select name="on-state" >
<option value="">请选择</option>
<option value="">咨询效果</option>
</select>
<input type="text">
</div>
<div class="title">
<span>归属部门：</span>
<div class="checkbox">
<label class="checkbox-inline">
<input type="checkbox" value="option1"> 心暖
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option2"> 好柿
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option3"> 心期天旗舰店
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option4"> 壹点灵旗舰店
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option5"> 师资部
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option6"> 客服中心
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option7"> 产品部
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option8"> 技术部
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option9"> 财务部
</label>
</div>
</div> </div>
<div class="beizhu">
<span>处理方案：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div> </div>
</div>
<div class="particulars">
<span class="bg"></span>
<div class="beizhu">
<span>用户建议：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
<div class="particulars">
<span class="bg"></span>
<div class="title">
<span>回访状态：</span>
<select name="on-state" >
<option value="">未回访</option>
<option value="">回访</option>
</select>
</div>
<div class="beizhu">
<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
<button type="button" class="btn btn-primary">处理完成</button> <button type="button" class="btn btn-primary">处理完成</button>
<!-- 操作记录 --> <!-- 操作记录 -->
<div class="operation-record particulars"> <div class="operation-record particulars">
......
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