Skip to content

D
ddd_display
Commit cdec2b02 authored by wuxiaoli's avatar wuxiaoli
Browse files
Options

111

parent 58b7046c
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 36 deletions
display/css/style.css
View file @ cdec2b02
......@@ -207,7 +207,7 @@
.toubu_shuju{
width: 100%;
height: 132px;
/* height: 132px; */
margin-bottom: 5px;
background-size:100%;
}
......
display/displayOrder.html
View file @ cdec2b02
......@@ -48,9 +48,11 @@
.ul_title {
width: 100%;
display: inline-table;
border-top: 1px solid #e1e6eb;
border-bottom: 1px solid #e1e6eb;
/* border-top: 1px solid #e1e6eb; */
/* border-bottom: 1px solid #e1e6eb; */
margin-left: -0.4%;
color: #EFF2F7;
background-color: #EFF2F7;
}
.ul_title>li {
......@@ -142,11 +144,28 @@
}
.toubu_shuju_zi {
background: #f64f15;
border-radius: 3px;
width: 470px;
height: 160px;
float: left;
margin-left: 9px;
margin-right: 9px;
background-color: #FFFFFF;
border-radius: 3px;
}
.toubu_shuju_zi_le{
margin-left: 24px;
}
h1{
font-size: 20px;
color: #333333;
margin-top: 10px;
}
.toubu_shuju_zi_ri img{
width: 85px;
height: 85px;
}
.remberBtn {
background: #f64f15;
}
......@@ -155,49 +174,78 @@
</head>
<body>
<div class="t3" id="app">
<div class="t3" id="app" style="background-color: #F8F8F8;">
<div class="" style="width: 100%;height: 100%">
<div class="bottom_box">
<div class="" style="width:100%;height: 100%;float: left;position:absolute;top:0px;right: 0; ">
<div class="toubu_shuju" style=" overflow: hidden;height: 156px">
<p style="text-align: center;color: #f64f15;font-size: 50px;">点点达订单数据展示</p>
<div class="toubu_shuju_box" style="margin-top: 18px; padding: 0px 10px;">
<div class="toubu_shuju" style="display: block;">
<div class="toubu_shuju_botn" style="text-align:center;width: 100%;;height: 100PX;background-color: #FFFFFF;line-height: 100px;">
<p style="text-align: center;color: #6297FD;font-size: 40px;">点点达订单数据展示</p>
</div>
<div class="toubu_shuju_box" style="margin-top: 18px; padding: 0px 0px;width: 100%;height: 160px;">
<div class="toubu_shuju_zi toubu_shuju_zi1">
订单总额&nbsp;{{ totalamount }}
<div class="toubu_shuju_zi_le" style="float: left;">
<h1>订单总额</h1>
<p style="font-size: 50px;color: #FA9D2A;margin-top: 30px;">{{ totalamount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z1.png">
</div>
</div>
<div class="toubu_shuju_zi toubu_shuju_zi4">
订单总量&nbsp;{{ totalcount }}
<div class="toubu_shuju_zi_le" style="float: left;">
<h1>订单总量</h1>
<p style="font-size: 50px;color: #4892FE;margin-top: 30px;">{{ totalcount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z2.png">
</div>
</div>
<div class="toubu_shuju_zi toubu_shuju_zi5">
当日订单总额&nbsp;{{ dayamount }}
<div class="toubu_shuju_zi_le" style="float: left;">
<h1>当日订单总额</h1>
<p style="font-size: 50px;color: #FF6560;margin-top: 30px;">{{ dayamount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z3.png">
</div>
</div>
<div class="toubu_shuju_zi toubu_shuju_zi5">
当日订单量&nbsp;{{ daycount }}
<div class="toubu_shuju_zi_le" style="float: left;">
<h1>当日订单量</h1>
<p style="font-size: 50px;color: #4BD884;margin-top: 30px;">{{ daycount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z4.png">
</div>
</div>
</div>
</div>
<div class="" style="margin-top:1%; padding-left: 18px">
<ul class="ul_title">
<li class="id" style="width: 10%;">订单ID</li>
<li class="nickname" style="width: 10%;">用户姓名</li>
<li class="mobile" style="width: 10%;">手机号</li>
<li class="car_plate" style="width:10%">车牌号</li>
<li class="price" style="width: 10%;">订单金额</li>
<li class="address" style="width: 40%;">所属区域</li>
<li class="time" style="width: 10%;">创建时间</li>
</ul>
<ol class="ol" id="downpaly">
<li class="list" style="width: 100%; display: none" v-for="(item,index) in items"
:a_id="index">
<div class="id" style="width: 10%;">{{ item.id}}</div>
<div class="nickname" style="width: 10%;">{{ item.nickname}}</div>
<div class="mobile" style="width: 10%;">{{ item.mobile}}</div>
<div class="car_plate" style="width:10%">{{ item.car_plate}}</div>
<div class="price" style="width: 10%;">{{ item.price}}</div>
<div class="address" style="width: 40%;">{{ item.address}}</div>
<div class="time" style="width: 10%;">{{ item.time}}</div>
</li>
</ol>
<div class="" style="margin-top:1%; padding-left: 18px;display: block;">
<div>
<ul class="ul_title">
<li class="id" style="width: 10%;">订单ID</li>
<li class="nickname" style="width: 10%;">用户姓名</li>
<li class="mobile" style="width: 10%;">手机号</li>
<li class="car_plate" style="width:10%">车牌号</li>
<li class="price" style="width: 10%;">订单金额</li>
<li class="address" style="width: 40%;">所属区域</li>
<li class="time" style="width: 10%;">创建时间</li>
</ul>
<ol class="ol" id="downpaly" style="background-color: #FFFFFF;">
<li class="list" style="width: 100%; display: none" v-for="(item,index) in items"
:a_id="index">
<div class="id" style="width: 10%;">{{ item.id}}</div>
<div class="nickname" style="width: 10%;">{{ item.nickname}}</div>
<div class="mobile" style="width: 10%;">{{ item.mobile}}</div>
<div class="car_plate" style="width:10%">{{ item.car_plate}}</div>
<div class="price" style="width: 10%;">{{ item.price}}</div>
<div class="address" style="width: 40%;">{{ item.address}}</div>
<div class="time" style="width: 10%;">{{ item.time}}</div>
</li>
</ol>
</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