Commit f1690b9471a9c5a31cf8906b3b89aee08bc0ebde
1 parent
3b58c97b
Exists in
master
1. 维修单-维修中界面新增
Showing
7 changed files
with
149 additions
and
1 deletions
Show diff stats
app-wx/modules/order/views/default/index.php
| ... | ... | @@ -23,6 +23,7 @@ function img($file, $path = '/i/') |
| 23 | 23 | <?=$this->render('pages/index-template', ['asset' => $asset])?> |
| 24 | 24 | <?=$this->render('pages/rank-template', ['asset' => $asset])?> |
| 25 | 25 | <?=$this->render('pages/cost-list-template', ['asset' => $asset])?> |
| 26 | +<?=$this->render('pages/repairing-template', ['asset' => $asset])?> | |
| 26 | 27 | |
| 27 | 28 | <script> |
| 28 | 29 | require.config({baseUrl: $site.assets_url + '/js/',urlArgs : "v=" + require.version}); | ... | ... |
app-wx/modules/order/views/default/pages/repairing-template.php
0 → 100644
| ... | ... | @@ -0,0 +1,112 @@ |
| 1 | +<?php | |
| 2 | +use yii\helpers\Url; | |
| 3 | +$baseUrl = Url::base(true); | |
| 4 | +?> | |
| 5 | +<style> | |
| 6 | + body,div,p,span,input{padding: 0;margin: 0} | |
| 7 | + input{-webkit-appearance: none;} | |
| 8 | + #repairing .content-div { width:100%; background: #fff; display:inline-flex;padding-top: 1rem} | |
| 9 | + #repairing .left-title-div {width:33%; font-size:1rem; font-weight:400; color:rgba(0,0,0,1); line-height:1.81rem;} | |
| 10 | + #repairing .center-content-div {width:47%; font-size:1rem; font-weight:400; color:rgba(118,118,118,1); line-height:1.81rem;} | |
| 11 | + #repairing .right-content-div {width:20%; ;height:0.91rem; font-size:0.94rem; font-weight:400; color:rgba(255,255,255,1);line-height:1.81rem;} | |
| 12 | + #repairing .content-div-two {width:100%; background: #fff; display:inline-flex;height: 1.81rem;} | |
| 13 | + #repairing .page-content{ background-color: #ECF0F2 } | |
| 14 | + #repairing .content-list-div {padding-bottom: 1rem} | |
| 15 | + #repairing .status-tip {width: 4.81rem; | |
| 16 | + padding-right: 0.5rem; | |
| 17 | + height: 1.81rem; | |
| 18 | + background: url(http://localhost/gk_auto/web/i/order/repairing_tip_image.png); | |
| 19 | + background-size: 100% 100%; | |
| 20 | + background-repeat: no-repeat; | |
| 21 | + text-align: center; | |
| 22 | + float: right;} | |
| 23 | + #repairing .btn-submit{width:85%;text-align: center;line-height: 3.06rem; height:3.06rem; | |
| 24 | + background:rgba(255,135,40,1); border-radius:2rem; font-size:1.06rem; font-weight:400; | |
| 25 | + color:rgba(255,255,255,1); margin: 0 auto; margin-top: 8rem; margin-bottom: 2rem; } | |
| 26 | + #repairing .pic-div { | |
| 27 | + width:100%; background: #fff; display:inline-flex;height: 1.81rem; | |
| 28 | + } | |
| 29 | + #repairing .pic-image-div { | |
| 30 | + width: 100%;background: #fff; padding-bottom: 1rem; margin: 0 auto; | |
| 31 | + } | |
| 32 | + #repairing .pic-image-list { | |
| 33 | + padding-left: 1rem;padding-top: 0.5rem; | |
| 34 | + } | |
| 35 | + #repairing .pic-class { width:3.91rem;height: 3.91rem;margin-right: 0.5rem } | |
| 36 | + #repairing .padding-left-1rem {padding-left: 1rem} | |
| 37 | +</style> | |
| 38 | +<script id="repairing-template" type="text/template"> | |
| 39 | + <div class="pages"> | |
| 40 | + <div class="page" id="repairing" style="background: #fff"> | |
| 41 | + <div class="page-content"> | |
| 42 | + <div class="content-list-div"> | |
| 43 | + <div class="content-div"> | |
| 44 | + <div class="left-title-div"><span class="padding-left-1rem">车牌号码</span></div> | |
| 45 | + <div class="center-content-div">粤A12345 </div> | |
| 46 | + <div class="right-content-div"> | |
| 47 | + <span class="status-tip"> | |
| 48 | + 进行中 | |
| 49 | + </span> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | + <div class="content-div-two"> | |
| 53 | + <div class="left-title-div"><span class="padding-left-1rem">车辆型号</span></div> | |
| 54 | + <div class="center-content-div">宝马X6 </div> | |
| 55 | + <div class="right-content-div"> | |
| 56 | + </div> | |
| 57 | + </div> | |
| 58 | + <div class="content-div-two"> | |
| 59 | + <div class="left-title-div"><span class="padding-left-1rem">客户名称</span></div> | |
| 60 | + <div class="center-content-div">李先生 </div> | |
| 61 | + <div class="right-content-div"> | |
| 62 | + </div> | |
| 63 | + </div> | |
| 64 | + <div class="content-div-two"> | |
| 65 | + <div class="left-title-div"><span class="padding-left-1rem">联系电话</span></div> | |
| 66 | + <div class="center-content-div">15012345678 </div> | |
| 67 | + <div class="right-content-div"> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="content-div-two"> | |
| 71 | + <div class="left-title-div"><span class="padding-left-1rem">预估维修内容</span></div> | |
| 72 | + <div class="center-content-div">更换车轮胎 </div> | |
| 73 | + <div class="right-content-div"> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + <div class="content-div-two"> | |
| 77 | + <div class="left-title-div"><span class="padding-left-1rem">预估维修费用</span></div> | |
| 78 | + <div class="center-content-div">250元 </div> | |
| 79 | + <div class="right-content-div"> | |
| 80 | + </div> | |
| 81 | + </div> | |
| 82 | + <div class="content-div-two"> | |
| 83 | + <div class="left-title-div"><span class="padding-left-1rem">预估完成时间</span></div> | |
| 84 | + <div class="center-content-div">2019-12-15 15:00 </div> | |
| 85 | + <div class="right-content-div"> | |
| 86 | + </div> | |
| 87 | + </div> | |
| 88 | + <div class="content-div-two"> | |
| 89 | + <div class="left-title-div"><span class="padding-left-1rem">订单创建时间</span></div> | |
| 90 | + <div class="center-content-div">2019-12-12 12:00 </div> | |
| 91 | + <div class="right-content-div"> | |
| 92 | + </div> | |
| 93 | + </div> | |
| 94 | + <div class="pic-div"> | |
| 95 | + <div class="left-title-div"><span class="padding-left-1rem">车损照片</span></div> | |
| 96 | + </div> | |
| 97 | + <div class="pic-image-div"> | |
| 98 | + <div class="pic-image-list"> | |
| 99 | + <img src="<?=$baseUrl . "/i/order/demo.jpg"?>" class="pic-class"/> | |
| 100 | + <img src="<?=$baseUrl . "/i/order/demo.jpg"?>" class="pic-class"/> | |
| 101 | + <img src="<?=$baseUrl . "/i/order/demo.jpg"?>" class="pic-class"/> | |
| 102 | + <img src="<?=$baseUrl . "/i/order/demo.jpg"?>" class="pic-class"/> | |
| 103 | + <img src="<?=$baseUrl . "/i/order/demo.jpg"?>" class="pic-class"/> | |
| 104 | + <img src="<?=$baseUrl . "/i/order/demo.jpg"?>" class="pic-class"/> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + <div class="btn-submit"> 完成维修 </div> | |
| 109 | + </div> | |
| 110 | + </div> | |
| 111 | + </div> | |
| 112 | +</script> | ... | ... |
web/dist/js/order-app.js
| 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")},"cost-list":function(){return r=!1,i(),n.runController("cost-list")},"*":function(){return n.runController("index")}},n}),define("order/cost-list-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}),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}); | |
| 2 | 1 | \ No newline at end of file |
| 2 | +define("order-app",["mk7/app"],function(n){var e=Dom7,r=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))},i=!0;return n.name="order",n.routes={index:function(){return i=!1,r(),n.runController("index")},rank:function(){return i=!1,r(),n.runController("rank")},"cost-list":function(){return i=!1,r(),n.runController("cost-list")},repairing:function(){return i=!1,r(),n.runController("repairing")},"*":function(){return n.runController("index")}},n}),define("order/cost-list-controller",["mk7/controller","mk7/url","mk7/utils"],function(n,e,r){var n=(Dom7,Template7,new n);return n.run=function(){var n=this;n.setPageTitle("费用列表"),n.render()},n.bindEvents=function(){console.log("bindEvents")},n}),define("order/index-controller",["mk7/controller","mk7/url","mk7/utils"],function(n,e,r){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,r){var n=(Dom7,Template7,new n);return n.run=function(){var n=this;n.setPageTitle("评价"),n.render()},n.bindEvents=function(){console.log("bindEvents")},n}),define("order/repairing-controller",["mk7/controller","mk7/url","mk7/utils"],function(n,e,r){var n=(Dom7,Template7,new n);return n.run=function(){var n=this;n.setPageTitle("维修单"),n.render()},n.bindEvents=function(){console.log("bindEvents")},n}); | |
| 3 | 3 | \ No newline at end of file | ... | ... |
2.11 KB
914 Bytes
web/src/js/order/app.js
| ... | ... | @@ -49,6 +49,11 @@ define( |
| 49 | 49 | _autoLoading(); |
| 50 | 50 | return app.runController('cost-list'); |
| 51 | 51 | }, |
| 52 | + 'repairing': function () { | |
| 53 | + fromOutside = false; | |
| 54 | + _autoLoading(); | |
| 55 | + return app.runController('repairing'); | |
| 56 | + }, | |
| 52 | 57 | '*': function(){ |
| 53 | 58 | return app.runController('index'); |
| 54 | 59 | } | ... | ... |
| ... | ... | @@ -0,0 +1,30 @@ |
| 1 | +/** | |
| 2 | + * 维修中页 | |
| 3 | + */ | |
| 4 | +define( | |
| 5 | + "order/repairing-controller", | |
| 6 | + [ | |
| 7 | + 'mk7/controller', | |
| 8 | + 'mk7/url', | |
| 9 | + 'mk7/utils', | |
| 10 | + ], | |
| 11 | + | |
| 12 | + function(ctrl, url, utils) { | |
| 13 | + | |
| 14 | + var $$ = Dom7; | |
| 15 | + var t7 = Template7; | |
| 16 | + var ctrl = new ctrl(); | |
| 17 | + | |
| 18 | + ctrl.run = function () { | |
| 19 | + var me = this; | |
| 20 | + me.setPageTitle("维修单"); | |
| 21 | + me.render(); | |
| 22 | + } | |
| 23 | + ctrl.bindEvents = function () { | |
| 24 | + var me = this; | |
| 25 | + console.log("bindEvents"); | |
| 26 | + } | |
| 27 | + | |
| 28 | + return ctrl; | |
| 29 | + } | |
| 30 | +); | ... | ... |