Commit a15f78dabcfeb5b8da643b5878973639263f9286
1 parent
973b4e0b
Exists in
master
1. 订单列表页面新增
Showing
5 changed files
with
130 additions
and
7 deletions
Show diff stats
app-wx/modules/order/views/default/pages/index-template.php
| ... | ... | @@ -5,16 +5,137 @@ use yii\helpers\Url; |
| 5 | 5 | $baseUrl = Url::base(true); |
| 6 | 6 | ?> |
| 7 | 7 | <style> |
| 8 | -#index{} | |
| 9 | - | |
| 8 | + /***头部****/ | |
| 9 | + #index .navbar-cls:after{content:'';width:100%;height: 0.0625rem;background: #e4e1e1;} | |
| 10 | + #index .navbar-cls{height: 46px;} | |
| 11 | + #index .top-tab{width:100%;display:flex;justify-content: center;align-content: center;box-sizing: border-box;background: #FFFFFF;height:2.75rem;} | |
| 12 | + #index .inner-plus {padding:0;background:initial;;box-shadow: 0 1px 2px 0 rgba(179,179,181,0.38);} | |
| 13 | + #index .top-tab .tab-cls{width:33%;display: inline-grid;text-align:center;color:#A9A9A9;position: relative; font-size: 1.06rem} | |
| 14 | + #index .top-tab .tab-a{font-size: 0.88rem;line-height:0.88rem;padding:0.6875rem 0;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;font-weight: 400} | |
| 15 | + #index .top-tab .active{color:#FF8728;position:relative; border-bottom: 0.19rem solid #ff8728; padding: 0 0 0.6875rem 0;} | |
| 16 | + #index .tab-b { width: 100%; border-left: 2px solid #E4E7E9; border-right: 2px solid #E4E7E9;} | |
| 17 | + #index .order-item {background-color: #fff; padding: 1rem;margin-top: 0.5rem;display: grid;} | |
| 18 | + #index .order-item-content {width: 100%;font-size:1.06rem;font-weight:400;color:rgba(9,9,9,1); line-height:1.37rem; padding-bottom: 0.2rem;} | |
| 19 | + #index .title-left{float: left} | |
| 20 | + #index .title-right{float: right; font-size:1rem; font-weight:400; color:rgba(255,135,40,1); line-height:0.75rem;margin-top: 2px;} | |
| 21 | + #index .order-doing-img{ width: 1rem; height: 1rem; vertical-align: text-top; margin-right: 0.5rem} | |
| 22 | + #index .order-list{width:100%;margin-top:0;margin-bottom:5rem} | |
| 23 | + #index .content-time { font-size:0.81rem;font-weight:400;color:rgba(146,146,146,1);line-height:0.75rem;} | |
| 24 | + #index .order-done {font-size:1rem; font-weight:400; color:rgba(193,193,193,1); line-height:0.75rem; float: right} | |
| 10 | 25 | </style> |
| 11 | 26 | <script id="index-template" type="text/template"> |
| 12 | - <div class="pages"> | |
| 13 | - <div class="page" id="index" style="background: #f2f3f6"> | |
| 14 | - <div class="page-content"> | |
| 15 | - | |
| 27 | + <div class="pages" id="index"> | |
| 28 | + <div class="page navbar-fixed"> | |
| 29 | + <div class="navbar navbar-cls"> | |
| 30 | + <div class="navbar-inner inner-plus"> | |
| 31 | + <div class="top-tab g-block-set"> | |
| 32 | + <div data-href="<?=$baseUrl?>/order#index" class="tab-cls"> | |
| 33 | + <span id="all-device-btn" class="tab-a"> | |
| 34 | + <span class="active">全部</span> | |
| 35 | + </span> | |
| 36 | + </div> | |
| 37 | + <div data-href="<?=$baseUrl?>/order#index/self" class="tab-cls"> | |
| 38 | + <span id="selfOrder" class="tab-a"> | |
| 39 | + <span class="tab-b">已完成</span> | |
| 40 | + </span> | |
| 41 | + </div> | |
| 42 | + <div data-href="<?=$baseUrl?>/order#index/forward" class="tab-cls"> | |
| 43 | + <span id="forwardOrder" class="tab-a"> | |
| 44 | + <span class="">进行中</span> | |
| 45 | + </span> | |
| 46 | + </div> | |
| 47 | + </div> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + <div class="page-content" > | |
| 51 | + <div class="order-list" id="index-order-list-box"> | |
| 52 | + <div class="order-item"> | |
| 53 | + <div class="order-item-content"> | |
| 54 | + <span class="title-left">车牌号码：粤A95582</span> | |
| 55 | + <span class="title-right"> | |
| 56 | + <img src="<?=$baseUrl . "/i/order/order_timer.png"?>" class="order-doing-img"/>进行中 | |
| 57 | + </span> | |
| 58 | + </div> | |
| 59 | + <div class="order-item-content"> | |
| 60 | + <span class="title-left">车辆型号：宝马X6</span> | |
| 61 | + </div> | |
| 62 | + <div class="order-item-content"> | |
| 63 | + <span class="title-left">客户名称：李先生</span> | |
| 64 | + </div> | |
| 65 | + <div class="order-item-content"> | |
| 66 | + <span class="content-time">创建时间: 2019-10-01 11:42</span> | |
| 67 | + </div> | |
| 68 | + </div> | |
| 69 | + <div class="order-item"> | |
| 70 | + <div class="order-item-content"> | |
| 71 | + <span class="title-left">车牌号码：粤A95582</span> | |
| 72 | + <span class="title-right"> | |
| 73 | + <img src="<?=$baseUrl . "/i/order/order_timer.png"?>" class="order-doing-img"/>进行中 | |
| 74 | + </span> | |
| 75 | + </div> | |
| 76 | + <div class="order-item-content"> | |
| 77 | + <span class="title-left">车辆型号：宝马X6</span> | |
| 78 | + </div> | |
| 79 | + <div class="order-item-content"> | |
| 80 | + <span class="title-left">客户名称：李先生</span> | |
| 81 | + </div> | |
| 82 | + <div class="order-item-content"> | |
| 83 | + <span class="content-time">创建时间: 2019-10-01 11:42</span> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + <div class="order-item"> | |
| 87 | + <div class="order-item-content"> | |
| 88 | + <span class="title-left">车牌号码：粤A95582</span> | |
| 89 | + <span class="order-done"> | |
| 90 | + 已完成 | |
| 91 | + </span> | |
| 92 | + </div> | |
| 93 | + <div class="order-item-content"> | |
| 94 | + <span class="title-left">车辆型号：宝马X6</span> | |
| 95 | + </div> | |
| 96 | + <div class="order-item-content"> | |
| 97 | + <span class="title-left">客户名称：李先生</span> | |
| 98 | + </div> | |
| 99 | + <div class="order-item-content"> | |
| 100 | + <span class="content-time">创建时间: 2019-10-01 11:42</span> | |
| 101 | + </div> | |
| 102 | + </div> | |
| 103 | + <div class="order-item"> | |
| 104 | + <div class="order-item-content"> | |
| 105 | + <span class="title-left">车牌号码：粤A95582</span> | |
| 106 | + <span class="order-done"> | |
| 107 | + 已完成 | |
| 108 | + </span> | |
| 109 | + </div> | |
| 110 | + <div class="order-item-content"> | |
| 111 | + <span class="title-left">车辆型号：宝马X6</span> | |
| 112 | + </div> | |
| 113 | + <div class="order-item-content"> | |
| 114 | + <span class="title-left">客户名称：李先生</span> | |
| 115 | + </div> | |
| 116 | + <div class="order-item-content"> | |
| 117 | + <span class="content-time">创建时间: 2019-10-01 11:42</span> | |
| 118 | + </div> | |
| 119 | + </div> | |
| 120 | + <div class="order-item"> | |
| 121 | + <div class="order-item-content"> | |
| 122 | + <span class="title-left">车牌号码：粤A95582</span> | |
| 123 | + <span class="order-done"> | |
| 124 | + 已完成 | |
| 125 | + </span> | |
| 126 | + </div> | |
| 127 | + <div class="order-item-content"> | |
| 128 | + <span class="title-left">车辆型号：宝马X6</span> | |
| 129 | + </div> | |
| 130 | + <div class="order-item-content"> | |
| 131 | + <span class="title-left">客户名称：李先生</span> | |
| 132 | + </div> | |
| 133 | + <div class="order-item-content"> | |
| 134 | + <span class="content-time">创建时间: 2019-10-01 11:42</span> | |
| 135 | + </div> | |
| 136 | + </div> | |
| 137 | + </div> | |
| 16 | 138 | </div> |
| 17 | - | |
| 18 | 139 | </div> |
| 19 | 140 | </div> |
| 20 | 141 | </script> | ... | ... |
| ... | ... | @@ -0,0 +1 @@ |
| 1 | +define("order-app",["mk7/app"],function(n){var e=Dom7,i=function(){var n=e(".ui-loading-block");0==n.length&&(e(".view-main").html('<div class="ui-loading-block" id="ui-loading"><div class="ui-loading-cnt"><div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div><div id="loader-inner"><p></p></div> </div> </div>'),window.waitingTime=1e4,window.loaderTimer&&clearTimeout(window.loaderTimer),window.loaderTimer=setTimeout(function(){var n=document.getElementById("loader-inner"),e=document.createElement("p");e.className="notice",n&&(e.innerHTML='加载速度太慢？试试<a class="link" href="#" onclick="javascript:location.reload();return false;">重新加载</a>',n.appendChild(e))},window.waitingTime))},r=!0;return n.name="order",n.routes={index:function(){return r=!1,i(),n.runController("index")},rank:function(){return r=!1,i(),n.runController("rank")},"*":function(){return n.runController("index")}},n}),define("order/index-controller",["mk7/controller","mk7/url","mk7/utils"],function(n,e,i){var n=(Dom7,Template7,new n);return n.run=function(){var n=this;n.setPageTitle("首页"),n.hideAllNonBaseMenuItem(window.$site),n.render()},n.bindEvents=function(){console.log("bindEvents")},n}),define("order/rank-controller",["mk7/controller","mk7/url","mk7/utils"],function(n,e,i){var n=(Dom7,Template7,new n);return n.run=function(){var n=this;n.setPageTitle("评价"),n.render()},n.bindEvents=function(){console.log("bindEvents")},n}); | |
| 0 | 2 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1 @@ |
| 1 | +define("user-app",["mk7/app"],function(e){var n=Dom7,i=function(){var e=n(".ui-loading-block");0==e.length&&(n(".view-main").html('<div class="ui-loading-block" id="ui-loading"><div class="ui-loading-cnt"><div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div><div id="loader-inner"><p></p></div> </div> </div>'),window.waitingTime=1e4,window.loaderTimer&&clearTimeout(window.loaderTimer),window.loaderTimer=setTimeout(function(){var e=document.getElementById("loader-inner"),n=document.createElement("p");n.className="notice",e&&(n.innerHTML='加载速度太慢？试试<a class="link" href="#" onclick="javascript:location.reload();return false;">重新加载</a>',e.appendChild(n))},window.waitingTime))},r=!0;return e.name="user",e.routes={index:function(){return r=!1,i(),e.runController("index")},register:function(){return r=!1,i(),e.runController("register")},"*":function(){return e.runController("index")}},e}),define("user/index-controller",["mk7/controller","mk7/url","mk7/utils"],function(e,n,i){var e=(Dom7,Template7,new e);return e.run=function(){var e=this;e.setPageTitle("首页"),e.hideAllNonBaseMenuItem(window.$site),e.render()},e.bindEvents=function(){console.log("bindEvents")},e}),define("user/register-controller",["mk7/controller","mk7/url","mk7/utils"],function(e,n,i){var e=(Dom7,Template7,new e);return e.run=function(){var e=this;e.setPageTitle("注册"),e.hideAllNonBaseMenuItem(window.$site),e.render()},e.bindEvents=function(){console.log("bindEvents")},e}); | |
| 0 | 2 | \ No newline at end of file | ... | ... |
15.4 KB
1.15 KB