Commit 01e2253e authored by 黄奎's avatar 黄奎

页面修改

parent 8a3df3ee
<style> <style>
.backflowMain{ .backflowMain {
width:90%; width: 90%;
margin:auto; margin: auto;
height:auto; height: auto;
padding-left:30px; padding-left: 30px;
border-left:1px solid #d1d1d1; border-left: 1px solid #d1d1d1;
padding-bottom:15px; padding-bottom: 15px;
} }
.backflowMain .backflow_Top{
.backflowMain .backflow_Top {
position: relative; position: relative;
width:100%; width: 100%;
height:36px; height: 36px;
line-height: 36px; line-height: 36px;
} }
.backflowMain .back_Circle{
width:36px; .backflowMain .back_Circle {
height:36px; width: 36px;
height: 36px;
background-color: #2961FE; background-color: #2961FE;
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 36px; line-height: 36px;
left:-50px; left: -50px;
top:0; top: 0;
color:#fff; color: #fff;
font-size: 12px; font-size: 12px;
} }
.backflowMain .back_Name{
color:#2D2D2D; .backflowMain .back_Name {
color: #2D2D2D;
font-weight: bold; font-weight: bold;
font-size:15px; font-size: 15px;
} }
.backflowMain .back_OrderStatus{
padding:1px 5px; .backflowMain .back_OrderStatus {
padding: 1px 5px;
background: #FEB528; background: #FEB528;
color:#fff; color: #fff;
font-size:12px; font-size: 12px;
margin-left:10px; margin-left: 10px;
border-radius: 3px; border-radius: 3px;
} }
.backflowMain .back_Bottom{
height:auto; .backflowMain .back_Bottom {
margin:10px 0 0 10px; height: auto;
padding-bottom:15px; margin: 10px 0 0 10px;
padding-bottom: 15px;
} }
.backflowMain .back_subList{
.backflowMain .back_subList {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.backflowMain .back_Time{
color:#2D2D2D; .backflowMain .back_Time {
color: #2D2D2D;
font-size: 12px; font-size: 12px;
} }
.backflowMain .back_Names{
color:#2D2D2D; .backflowMain .back_Names {
font-size:14px; color: #2D2D2D;
font-size: 14px;
} }
.backflowMain .back_remark{
.backflowMain .back_remark {
position: relative; position: relative;
background-color: #EEEEEF; background-color: #EEEEEF;
min-height: 40px; min-height: 40px;
margin-top:13px; margin-top: 13px;
padding:10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
} }
.back_Bottom:last-child, .backflowMain:last-child{
.back_Bottom:last-child,
.backflowMain:last-child {
padding-bottom: 0; padding-bottom: 0;
} }
.backflowMain .triangle_border_up{
width:0; .backflowMain .triangle_border_up {
height:0; width: 0;
border-width:0 7px 10px; height: 0;
border-style:solid; border-width: 0 7px 10px;
border-color:transparent transparent #EEEEEF;/*透明 透明 灰*/ border-style: solid;
margin:40px auto; border-color: transparent transparent #EEEEEF;
/*透明 透明 灰*/
margin: 40px auto;
position: absolute; position: absolute;
top:-48px; top: -48px;
left:15px; left: 15px;
} }
.backflowContent{
padding-bottom:40px; .backflowContent {
height:770px; padding-bottom: 40px;
height: 770px;
overflow: auto; overflow: auto;
} }
.backflowContent::-webkit-scrollbar { .backflowContent::-webkit-scrollbar {
width: 3px; width: 3px;
height: 3px; height: 3px;
background-color: #F5F5F5; background-color: #F5F5F5;
} }
/*!*定义滚动条轨道 内阴影+圆角*!*/ /*!*定义滚动条轨道 内阴影+圆角*!*/
.backflowContent::-webkit-scrollbar-track { .backflowContent::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px; border-radius: 10px;
background-color: #F5F5F5; background-color: #F5F5F5;
} }
/*!*定义滑块 内阴影+圆角*!*/ /*!*定义滑块 内阴影+圆角*!*/
.backflowContent::-webkit-scrollbar-thumb { .backflowContent::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
...@@ -107,7 +124,7 @@ ...@@ -107,7 +124,7 @@
<div class="backflowContent"> <div class="backflowContent">
<div class="backflowMain" v-for="(item,index) in DataList" :key="index"> <div class="backflowMain" v-for="(item,index) in DataList" :key="index">
<div class="backflow_Top"> <div class="backflow_Top">
<div class="back_Circle">{{item.AduitStatus==2?'通过':item.AduitStatus}}</div> <div class="back_Circle">{{item.AduitStatusName}}</div>
<span class="back_Name">{{item.NodeName}}</span> <span class="back_Name">{{item.NodeName}}</span>
<span class="back_OrderStatus" v-if="item.AuditWayName">{{item.AuditWayName}}</span> <span class="back_OrderStatus" v-if="item.AuditWayName">{{item.AuditWayName}}</span>
</div> </div>
...@@ -115,11 +132,12 @@ ...@@ -115,11 +132,12 @@
<div class="back_subList"> <div class="back_subList">
<div> <div>
<span class="back_Names">{{subItem.AduitName}}</span> <span class="back_Names">{{subItem.AduitName}}</span>
<span class="back_OrderStatus" style="background:#51BDA5" v-if="item.AuditWayName">{{subItem.AuditWayName}}</span> <span class="back_OrderStatus" style="background:#51BDA5"
v-if="item.NodeName!='制单人'">{{subItem.AuditStatusName}}</span>
</div> </div>
<div class="back_Time">{{subItem.CreateTime}}</div> <div class="back_Time" v-if="subItem.AuditStatus!=1">{{subItem.CreateTime}}</div>
</div> </div>
<div class="back_remark"> <div class="back_remark" v-if="subItem.AuditStatus!=1">
<div class="triangle_border_up"></div> <div class="triangle_border_up"></div>
{{subItem.Description}} {{subItem.Description}}
</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