Commit e481d8f8 by Jie Feng
parents 50e7ad59 6797ce8d
.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
html,body{
margin: 0;
padding: 0;
}
.left{
float: left;
}
......@@ -82,9 +84,7 @@ header .bar .fa-bars{
.panel .fa{
margin-right: 10px;
}
.main .digital-container{
height: 1000px;
}
.visible{
display: none;
}
......
......@@ -12,6 +12,14 @@
.type-container .subnav span{
font-weight: normal;
}
.type-container .breadcell{
float: right;
margin-right: 50px;
margin-top: 15px;
}
.type-container .breadcell span{
margin: 0 5px;
}
.subnav .colorspan{
color: #5199C3;
}
......@@ -35,14 +43,14 @@
margin-right: 20px;
}
.title{
margin-bottom: 20px;
margin-bottom: 5px;
}
.particulars .bg{
display: block;
height: 15px;
height: 5px;
width: 100%;
background-color: #DAE8F1;
margin: 10px 0;
margin: 5px 0;
}
.title select{
width: 130px;
......@@ -52,12 +60,22 @@
.beizhu{
background-color: #fff;
}
.particulars .pink,
.pink .beizhu{
background-color: #F5DCDC;
}
.particulars span{
display: inline-block;
width: 100px;
}
.particulars input{
height: 30px;
}
.beizhu span{
vertical-align: top;
}
.beizhu textarea{
width: 90%;
margin-left: 5px;
width: 88%;
}
.type-container .btn{
width: 91%;
......@@ -68,4 +86,10 @@
}
.table thead{
background-color: #DDE9F3;
}
.title .checkbox{
display: inline-block;
}
.checkbox input{
margin-top: -3px;
}
\ No newline at end of file
......@@ -144,6 +144,10 @@
</div>
</div>
<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">
<p>订单号:<span class="colorspan">921348348925429</span></p>
<p>咨询师:<span class="colorspan">蓝奥</span></p>
......@@ -161,7 +165,7 @@
</select>
</div>
<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">
......@@ -174,7 +178,7 @@
</select>
</div>
<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">
......@@ -187,9 +191,117 @@
</select>
</div>
<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 class="beizhu">
<span>处理方案:</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</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>
<!-- 操作记录 -->
<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