广告位图片替换

www/webapp/o2o/css/placeOrder.css

@@ -233,7 +233,7 @@
     height: 6rem;
     background-repeat: no-repeat;
     background-size: cover;
-    padding: 30% !important;
+    padding: 40% !important;
 }
 
 .spa-page-place-order .product-pic::after {
@@ -247,7 +247,7 @@
 }
 
 .spa-page-place-order .product-name {
-    position: absolute;
+    /*position: absolute;*/
     left: 0;
     right: 0;
     bottom: 0;

www/webapp/o2o/js/build/template.js

@@ -852,7 +852,7 @@ $out+=' <p class="bold">联系电话: <a class="service-telephone">021-62109097<
 }
 $out+=' <br> </div> </div> </div> ';
 return new String($out);
-});/*v:2*/
+});/*v:4*/
 template('home/index',function($data,$filename
 /**/) {
 'use strict';var $utils=this,$helpers=$utils.$helpers,showNavBar=$data.showNavBar,$out='';if(showNavBar ){
@@ -1434,7 +1434,7 @@ $out+=' <div class="content"> <div class="box-container"> <div class="box-contai
 include('./list');
 $out+=' </ul> </div> <div class="result-item btn-container prevent-scroll"> <div class="cost"> 总计 <span class="order-cost" data-pay="0">￥ 0</span> </div> <a class="btn btn-main btn-block btn-place">确认预约</a> </div> </div> </div> </div> ';
 return new String($out);
-});/*v:23*/
+});/*v:38*/
 template('placeOrder/index',function($data,$filename
 /**/) {
 'use strict';var $utils=this,$helpers=$utils.$helpers,showNavBar=$data.showNavBar,$escape=$utils.$escape,title=$data.title,imgSrc=$data.imgSrc,extra=$data.extra,$each=$utils.$each,e=$data.e,$index=$data.$index,type=$data.type,petName=$data.petName,petWeight=$data.petWeight,extraServiceType=$data.extraServiceType,extraService=$data.extraService,extraServiceList=$data.extraServiceList,i=$data.i,beauticianName=$data.beauticianName,showCoupon=$data.showCoupon,productType=$data.productType,petPrice=$data.petPrice,precedence=$data.precedence,couponVal=$data.couponVal,balance=$data.balance,$out='';if(showNavBar ){
@@ -1442,11 +1442,11 @@ $out+=' <header class="bar bar-nav"> <a class="left-button back-button"> <div cl
 $out+=$escape(title);
 $out+='</h1> </header> ';
 }
-$out+=' <div class="content"> <div class="box-container"> <div class="box-container box box-vertical"> <div id="placeOrderScroll" class="scroll-container box-flex-1"> <div class="scroller"> <div class=""> <ul class="table-view"> <li id="product-pic-bg" class="table-view-cell"> <a class="navigate-right product-pic" style="background-image: url(';
+$out+=' <div class="content"> <div class="box-container"> <div class="box-container box box-vertical"> <div id="placeOrderScroll" class="scroll-container box-flex-1"> <div class="scroller"> <div class=""> <ul class="table-view product-pic-o2o"> <li id="product-pic-bg" class="table-view-cell"> <a class="navigate-right product-pic" style="background-image: url(';
 $out+=$escape(imgSrc);
-$out+=');min-height: 250px;background-position: 27% 0;"> <div class="product-name">';
+$out+=');/*min-height: 250px;*/background-position: 50% 50%;"> </a> </li> <div class="product-name">';
 $out+=$escape(title);
-$out+='详情及评价 <span>&gt;&gt;&gt;</span></div> </a> </li> </ul>  ';
+$out+='详情及评价 <span>&gt;&gt;&gt;</span></div> </ul>  ';
 if(extra){
 $out+=' <div class="table-view main-service"> <p class="main-service-title">请选择</p> ';
 $each(extra,function(e,$index){
@@ -1456,11 +1456,11 @@ $out+='" data-extra-price="';
 $out+=$escape(e.price);
 $out+='">';
 $out+=$escape(e.type);
-$out+='</div> </div> ';
+$out+=' </div> </div> ';
 });
 $out+=' </div> ';
 }
-$out+=' <ul class="table-view">  <li class="table-view-cell"> <div class="link-label show-product-picker selected"> 购买数量 <div class="service-count"> <div class="btn btn-sub">-</div> <span class="num">1</span> <div class="btn btn-add">+</div> </div> </div> </li> <li class="table-view-cell"> <a class="navigate-right select-address" style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem"> 地址 <div class="table-view-cell-right-label media-body has-address" style="display: block; position: static;" > <span class="order-username"></span> <span class="order-mobile">添加服务地址</span> <p class="order-address"></p> </div> </a> </li> <!-- 不选宠物 <li class="table-view-cell"> ';
+$out+=' <ul class="table-view">  <li class="table-view-cell"> <div class="link-label show-product-picker selected"> 购买数量 <div class="service-count"> <div class="btn btn-sub">-</div> <span class="num">1</span> <div class="btn btn-add">+</div> </div> </div> </li> <li class="table-view-cell"> <a class="navigate-right select-address" style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem"> 地址 <div class="table-view-cell-right-label media-body has-address" style="display: block; position: static;"> <span class="order-username"></span> <span class="order-mobile">添加服务地址</span> <p class="order-address"></p> </div> </a> </li> <!-- 不选宠物 <li class="table-view-cell"> ';
 if(type == 7){
 $out+=' <div class="link-label show-product-picker selected"> 狗狗数量 <div class="service-count"> <div class="btn btn-sub">-</div> <span class="num">1</span> <div class="btn btn-add">+</div> </div> </div> ';
 }else if(type == 6){
@@ -1564,7 +1564,7 @@ $out+='hide';
 }
 $out+='"> <div class="link-label select-coupon-label">优惠券 <span class="table-view-cell-right-label coupon-cost"> - ';
 $out+=$escape(couponVal);
-$out+=' </span> </div> </li> </ul> -->  <div class="box bottom-box"> <div class="agreement-box"> <div class="agreement-touch-area"> </div> <input type="checkbox" class="agreement-checkbox" checked="checked" /> <span> 同意<a class="agreement">壹管家用户服务协议</a> </span> </div> </div> </div> </div> </div> <div class="result-item btn-container prevent-scroll" style="padding-left: 15px; display: flex; justify-content: space-between; align-items: center"> <div style="font-size: 14px"> 账户余额 <span style="font-size: 14px; color: #ec5330; text-align: right; display: inline" >￥ ';
+$out+=' </span> </div> </li> </ul> -->  <div class="box bottom-box"> <div class="agreement-box"> <div class="agreement-touch-area"> </div> <input type="checkbox" class="agreement-checkbox" checked="checked"/> <span> 同意<a class="agreement">壹管家用户服务协议</a> </span> </div> </div> </div> </div> </div> <div class="result-item btn-container prevent-scroll" style="padding-left: 15px; display: flex; justify-content: space-between; align-items: center"> <div style="font-size: 14px"> 账户余额 <span style="font-size: 14px; color: #ec5330; text-align: right; display: inline">￥ ';
 $out+=$escape(balance);
 $out+='</span> </div> <div style="font-size: 14px"> 费用总计 <span class="order-cost" style="font-size: 14px; color: #ec5330; text-align: right; display: inline">￥ 0</span> </div> <a class="btn btn-main btn-block btn-place">确认预约</a> </div> </div> </div> </div> </div> ';
 return new String($out);

www/webapp/o2o/js/model/product.js

@@ -14,7 +14,7 @@ define(['base', '$', 'api'], function (base, $, api) {
             {
                 id: "57e0dffc9f5160dd048b4568",
                 name: "日常清洁",
-                imgSrc: 'http://odulvej8l.bkt.clouddn.com/image_richangqingjie.png',
+                imgSrc: 'http://odulvej8l.bkt.clouddn.com/Advertising_02.png',
                 desc: [{content: "http://odqeoyzxd.bkt.clouddn.com/image/image_rc.jpg"}, {content: "日常清洁"}],
                 status: 1,
                 is_extra: 0,
@@ -64,7 +64,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 action_log: "",
                 pics: [
                     {
-                        url: "http://7oxep6.com2.z0.glb.clouddn.com/2e14c327787741474355175085.jpg",
+                        url: "http://odulvej8l.bkt.clouddn.com/Advertising_02.png",
                         width: 537,
                         height: 537
                     },
@@ -113,7 +113,7 @@ define(['base', '$', 'api'], function (base, $, api) {
             {
                 id: "57e0e0189f5160dc048b4568",
                 name: "深度清洁",
-                imgSrc: 'http://odulvej8l.bkt.clouddn.com/image_shengduqingjie.png',
+                imgSrc: 'http://odulvej8l.bkt.clouddn.com/Advertising_01.png',
                 desc: [{content: "http://odqeoyzxd.bkt.clouddn.com/image/image_sd.jpg"}, {content: "深度清洁"}],
                 status: 1,
                 is_extra: 0,
@@ -143,7 +143,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 action_log: "",
                 pics: [
                     {
-                        url: "http://oduj3utzz.bkt.clouddn.com/e4c29bbe45c911475913783707.jpg",
+                        url: "http://odulvej8l.bkt.clouddn.com/Advertising_01.png",
                         width: 658,
                         height: 663
                     },
@@ -192,7 +192,7 @@ define(['base', '$', 'api'], function (base, $, api) {
             {
                 id: "57e0e0369f5160b1048b456b",
                 name: "除螨杀菌",
-                imgSrc: 'http://odulvej8l.bkt.clouddn.com/image_chumanshajun.png',
+                imgSrc: 'http://odulvej8l.bkt.clouddn.com/Advertising_04.png',
                 desc: [{content: 'http://odqeoyzxd.bkt.clouddn.com/image/image_etsj.jpg'}, {content: "除螨杀菌"}],
                 status: 1,
                 is_extra: 0,
@@ -222,7 +222,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 action_log: "",
                 pics: [
                     {
-                        url: "http://oduj3utzz.bkt.clouddn.com/d25802d7a41971475908064272.jpg",
+                        url: "http://odulvej8l.bkt.clouddn.com/Advertising_04.png",
                         width: 658,
                         height: 663
                     },
@@ -242,12 +242,11 @@ define(['base', '$', 'api'], function (base, $, api) {
                         height: 1246
                     }
                 ]
-            }
-            ,
+            },
             {
                 id: "57e0e04e9f5160af048b456b",
                 name: "家电清洗",
-                imgSrc: 'http://odulvej8l.bkt.clouddn.com/image_jiadianqingjie.png',
+                imgSrc: 'http://odulvej8l.bkt.clouddn.com/Advertising_05.png',
                 desc: [{content: "http://odqeoyzxd.bkt.clouddn.com/image/image_jdqx.jpg"}, {content: "家电清洗"}],
                 status: 1,
                 is_extra: 0,
@@ -289,7 +288,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 action_log: "",
                 pics: [
                     {
-                        url: "http://7oxep6.com2.z0.glb.clouddn.com/7aa5766b0c71b1474355274988.jpg",
+                        url: "http://odulvej8l.bkt.clouddn.com/Advertising_05.png",
                         width: 537,
                         height: 537
                     },
@@ -334,13 +333,12 @@ define(['base', '$', 'api'], function (base, $, api) {
                         height: 786
                     }
                 ]
-            }
-            ,
+            },
             {
                 id: "57e0e0879f5160b8048b4571",
                 price: "8",
                 name: "新居开荒-每平米",
-                imgSrc: 'http://odulvej8l.bkt.clouddn.com/image_xinjukaihuang.png',
+                imgSrc: 'http://odulvej8l.bkt.clouddn.com/Advertising_03.png',
                 desc: [{content: "http://odqeoyzxd.bkt.clouddn.com/image/image_kh.jpg"}, {content: '新居开荒'}],
                 status: 1,
                 is_extra: 0,
@@ -352,7 +350,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 action_log: "",
                 pics: [
                     {
-                        url: "http://7oxep6.com2.z0.glb.clouddn.com/3e9c456521a931474509197829.jpg",
+                        url: "http://odulvej8l.bkt.clouddn.com/Advertising_03.png",
                         width: 658,
                         height: 663
                     },
@@ -367,7 +365,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 id: "57e3a5a49f5160c9048b457c",
                 price: "",
                 name: "母婴房清洁",
-                imgSrc: 'http://odulvej8l.bkt.clouddn.com/image_muyin%20richang.png',
+                imgSrc: 'http://odulvej8l.bkt.clouddn.com/Advertising_06.png',
                 desc: [{content: "http://7oxep6.com2.z0.glb.clouddn.com/0e287e871c3831474536840941.jpg"}, {content: '母婴房清洁'}],
                 status: 1,
                 is_extra: 0,
@@ -389,7 +387,7 @@ define(['base', '$', 'api'], function (base, $, api) {
                 action_log: "",
                 pics: [
                     {
-                        url: "http://7oxep6.com2.z0.glb.clouddn.com/0e287e871c3831474536840941.jpg",
+                        url: "http://odulvej8l.bkt.clouddn.com/Advertising_06.png",
                         width: 576,
                         height: 484
                     },

www/webapp/o2o/js/page/placeOrder.js

@@ -241,7 +241,7 @@ define(['$', 'template', 'order', 'native', 'helper', 'user', 'api', 'config', '
             });
 
             /* 点击查看详情。跳转到product页面 */
-            $.newTouch('.product-pic', function (event) {
+            $.newTouch('.product-pic-o2o', function (event) {
                 $doc.trigger('spa:navigate', {
                     hash: 'product',
                     pushData: {

www/webapp/o2o/tpl/placeOrder/index.html

@@ -1,248 +1,262 @@
 {{ if showNavBar }}
 <header class="bar bar-nav">
-  <a class="left-button back-button">
-    <div class="icon icon-left-nav"></div>
-  </a>
-  <h1 class="title">{{title}}</h1>
+    <a class="left-button back-button">
+        <div class="icon icon-left-nav"></div>
+    </a>
+
+    <h1 class="title">{{title}}</h1>
 </header>
 {{ /if }}
 <div class="content">
-  <div class="box-container">
-    <div class="box-container box box-vertical">
-      <div id="placeOrderScroll" class="scroll-container box-flex-1">
-        <div class="scroller">
-          <div class="">
-            <ul class="table-view">
-              <li id="product-pic-bg" class="table-view-cell">
-                <a class="navigate-right product-pic" style="background-image: url({{imgSrc}});min-height: 250px;background-position: 27% 0;">
-                  <div class="product-name">{{title}}详情及评价 <span>&gt;&gt;&gt;</span></div>
-                </a>
-              </li>
-            </ul>
-            <!-- 选择extra -->
-            {{if extra}}
-            <div class="table-view main-service">
-              <p class="main-service-title">请选择</p>
-              {{each extra as e}}
-              <div class="width-percent-50">
-                <div class="btn btn-main-service" data-extra-type="{{e.type}}" data-extra-price="{{e.price}}">{{e.type}}</div>
-              </div>
-              {{/each}}
-            </div>
-            {{/if}}
-            <ul class="table-view">
-              <!-- 选择数量 -->
-              <li class="table-view-cell">
-                <div class="link-label show-product-picker selected">
-                  购买数量
-                  <div class="service-count">
-                    <div class="btn btn-sub">-</div>
-                    <span class="num">1</span>
-                    <div class="btn btn-add">+</div>
-                  </div>
-                </div>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right select-address" style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
-                  地址
-                  <div class="table-view-cell-right-label media-body has-address" style="display: block; position: static;" >
-                    <span class="order-username"></span>
-                    <span class="order-mobile">添加服务地址</span>
-                    <p class="order-address"></p>
-                  </div>
-                </a>
-              </li>
-              <!-- 不选宠物
-              <li class="table-view-cell">
-                {{if type == 7}}
-                <div class="link-label show-product-picker selected">
-                  狗狗数量
-                  <div class="service-count">
-                    <div class="btn btn-sub">-</div>
-                    <span class="num">1</span>
-                    <div class="btn btn-add">+</div>
-                  </div>
-                </div>
-                {{else if type == 6}}
-                <div class="link-label show-product-picker selected">
-                  宠物
-                  <span class="table-view-cell-right-label pet-info">
-                    {{ if petName == '' || petWeight == '' }}
-                      选择宠物类型
-                    {{ else }}
-                      {{petName}} ({{petWeight}})
-                    {{ /if }}
-                  </span>
-                </div>
-                {{else}}
-                <a class="navigate-right show-product-picker">
-                  宠物
-                  <span class="table-view-cell-right-label pet-info">
-                    {{if petName == '' || petWeight == ''}}
-                      选择宠物类型
-                    {{else}}
-                      {{petName}} ({{petWeight}})
-                    {{/if}}
-                  </span>
-                </a>
-                {{/if}}
-              </li>
-              -->
-              <li class="table-view-cell">
-                <a class="navigate-right show-time-picker" style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
-                  服务时间
-                  <span class="table-view-cell-right-label booking-time" style="display: block; position: static; text-align: right">选择服务时间</span>
-                </a>
-              </li>
+    <div class="box-container">
+        <div class="box-container box box-vertical">
+            <div id="placeOrderScroll" class="scroll-container box-flex-1">
+                <div class="scroller">
+                    <div class="">
+                        <ul class="table-view product-pic-o2o">
+                            <li id="product-pic-bg" class="table-view-cell">
+                                <a class="navigate-right product-pic"
+                                   style="background-image: url({{imgSrc}});/*min-height: 250px;*/background-position: 50% 50%;">
+                                </a>
+                            </li>
+                            <div class="product-name">{{title}}详情及评价 <span>&gt;&gt;&gt;</span></div>
+                        </ul>
+                        <!-- 选择extra -->
+                        {{if extra}}
+                        <div class="table-view main-service">
+                            <p class="main-service-title">请选择</p>
+                            {{each extra as e}}
+                            <div class="width-percent-50">
+                                <div class="btn btn-main-service" data-extra-type="{{e.type}}"
+                                     data-extra-price="{{e.price}}">{{e.type}}
+                                </div>
+                            </div>
+                            {{/each}}
+                        </div>
+                        {{/if}}
+                        <ul class="table-view">
+                            <!-- 选择数量 -->
+                            <li class="table-view-cell">
+                                <div class="link-label show-product-picker selected">
+                                    购买数量
+                                    <div class="service-count">
+                                        <div class="btn btn-sub">-</div>
+                                        <span class="num">1</span>
 
-            </ul>
-            <!-- 附加服务
-            <div class="extra-service-title">附加服务</div>
-            <ul class="table-view extra-service-list">
-              {{if extraServiceType == 11}}
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox checked" data-name="体外驱虫"> 体外驱虫 （40元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="体内驱虫"> 体内驱虫 （30元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="药浴"> 药浴 （40元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="一次性局部染色"> 一次性局部染色 （28元）</a>
-              </li>
-              {{else if extraServiceType == 12}}
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="体外驱虫"> 体外驱虫 （40元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="体内驱虫"> 体内驱虫 （30元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox checked" data-name="药浴"> 药浴 （40元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="一次性局部染色"> 一次性局部染色 （28元）</a>
-              </li>
-              {{else if extraServiceType == 13}}
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="体外驱虫"> 体外驱虫 （40元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="体内驱虫"> 体内驱虫 （30元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-name="药浴"> 药浴 （40元）</a>
-              </li>
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox checked" data-name="一次性局部染色"> 一次性局部染色 （28元）</a>
-              </li>
-              {{/if}}
-              {{ each extraService as extraServiceList i }}
-              <li class="table-view-cell">
-                <a class="navigate-right item-checkbox" data-select="0" data-id="{{extraServiceList.id}}" data-price="{{extraServiceList.price}}" data-name="{{extraServiceList.name}}" data-serviceType="{{extraServiceList.serviceType}}">
-                {{extraServiceList.name}} （{{extraServiceList.price}}元）
-                </a>
-              </li>
-              {{ /each }}
-            </ul>
-            -->
-            <!-- 选择保洁师
-            <ul class="table-view">
-              <li class="table-view-cell">
-                <a class="navigate-right show-beautician-picker">
-                  系统推荐保洁师
-                  <span class="table-view-cell-right-label booking-people">
-                    {{if beauticianName !== ''}}{{beauticianName}}{{else}}请选择{{/if}}
-                  </span>
-                </a>
-              </li>
-            </ul>
-            -->
-            <!-- 优惠券 -->
-            <ul class="table-view">
-              <li class="table-view-cell {{if !showCoupon }}disabled{{/if}}">
-                <a class="navigate-right show-coupon-picker" style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
-                  优惠券
-                  <span class="table-view-cell-right-label coupon-selected-name" style="display: block; position: static; text-align: right">选择优惠券</span>
-                </a>
-              </li>
-                <li class="table-view-cell memo">
-                    <form class="input-group" id="order-form">
-                        <input type="text" class="order-memo" id="order-memo" placeholder="（备注）可填写附加要求">
-                    </form>
-                </li>
-            </ul>
-            <!-- 订单详情
-            <ul class="table-view order-list">
-              <li class="table-view-cell select-pet {{if petName == ''}}hide{{/if}}">
-                <div class="link-label pet-type">{{petName}} ({{petWeight}})</div>
-                <div class="link-label">
-                  <span class="service-name">{{productType}}</span>
-                  <span class="table-view-cell-right-label total-cost">¥ {{petPrice}}</span>
-                </div>
-              </li>
-              <li class="table-view-cell calc-items hide">
-                {{if extraServiceType == 11}}
-                <div class="link-label select-extra-service" data-price="40">体外驱虫
-                  <span class="table-view-cell-right-label precedence-cost">¥ 40</span>
-                </div>
-                {{else if extraServiceType == 12}}
-                <div class="link-label select-extra-service" data-price="40">药浴
-                  <span class="table-view-cell-right-label precedence-cost">¥ 40</span>
-                </div>
-                {{else if extraServiceType == 13}}
-                <div class="link-label select-extra-service" data-price="28">一次性局部染色
-                  <span class="table-view-cell-right-label precedence-cost">¥ 28</span>
-                </div>
-                {{/if}}
-                {{each extraService as extraServiceList i}}
-                  <div class="link-label select-extra-service" data-price="{{extraServiceList.price}}">{{extraServiceList.name}}
-                    <span class="table-view-cell-right-label precedence-cost">¥{{extraServiceList.price}}</span>
-                  </div>
-                {{/each}}
-              </li>
-              <li class="table-view-cell select-precedence {{if !precedence}}hide{{/if}}">
-                <div class="link-label select-precedence-label">加急
-                  <span class="table-view-cell-right-label precedence-cost">¥ {{precedence}}</span>
-                </div>
-              </li>
-              <li class="table-view-cell select-coupon {{if !couponVal}}hide{{/if}}">
-                <div class="link-label select-coupon-label">优惠券
-                  <span class="table-view-cell-right-label coupon-cost">
-                    - {{couponVal}}
-                  </span>
-                </div>
-              </li>
-            </ul>
-            -->
-            <!-- 用户协议 -->
-            <div class="box bottom-box">
-              <div class="agreement-box">
-                <div class="agreement-touch-area">
-                </div>
-                <input type="checkbox" class="agreement-checkbox" checked="checked" />
+                                        <div class="btn btn-add">+</div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li class="table-view-cell">
+                                <a class="navigate-right select-address"
+                                   style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
+                                    地址
+                                    <div class="table-view-cell-right-label media-body has-address"
+                                         style="display: block; position: static;">
+                                        <span class="order-username"></span>
+                                        <span class="order-mobile">添加服务地址</span>
+
+                                        <p class="order-address"></p>
+                                    </div>
+                                </a>
+                            </li>
+                            <!-- 不选宠物
+                            <li class="table-view-cell">
+                              {{if type == 7}}
+                              <div class="link-label show-product-picker selected">
+                                狗狗数量
+                                <div class="service-count">
+                                  <div class="btn btn-sub">-</div>
+                                  <span class="num">1</span>
+                                  <div class="btn btn-add">+</div>
+                                </div>
+                              </div>
+                              {{else if type == 6}}
+                              <div class="link-label show-product-picker selected">
+                                宠物
+                                <span class="table-view-cell-right-label pet-info">
+                                  {{ if petName == '' || petWeight == '' }}
+                                    选择宠物类型
+                                  {{ else }}
+                                    {{petName}} ({{petWeight}})
+                                  {{ /if }}
+                                </span>
+                              </div>
+                              {{else}}
+                              <a class="navigate-right show-product-picker">
+                                宠物
+                                <span class="table-view-cell-right-label pet-info">
+                                  {{if petName == '' || petWeight == ''}}
+                                    选择宠物类型
+                                  {{else}}
+                                    {{petName}} ({{petWeight}})
+                                  {{/if}}
+                                </span>
+                              </a>
+                              {{/if}}
+                            </li>
+                            -->
+                            <li class="table-view-cell">
+                                <a class="navigate-right show-time-picker"
+                                   style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
+                                    服务时间
+                                    <span class="table-view-cell-right-label booking-time"
+                                          style="display: block; position: static; text-align: right">选择服务时间</span>
+                                </a>
+                            </li>
+
+                        </ul>
+                        <!-- 附加服务
+                        <div class="extra-service-title">附加服务</div>
+                        <ul class="table-view extra-service-list">
+                          {{if extraServiceType == 11}}
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox checked" data-name="体外驱虫"> 体外驱虫 （40元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="体内驱虫"> 体内驱虫 （30元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="药浴"> 药浴 （40元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="一次性局部染色"> 一次性局部染色 （28元）</a>
+                          </li>
+                          {{else if extraServiceType == 12}}
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="体外驱虫"> 体外驱虫 （40元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="体内驱虫"> 体内驱虫 （30元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox checked" data-name="药浴"> 药浴 （40元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="一次性局部染色"> 一次性局部染色 （28元）</a>
+                          </li>
+                          {{else if extraServiceType == 13}}
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="体外驱虫"> 体外驱虫 （40元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="体内驱虫"> 体内驱虫 （30元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-name="药浴"> 药浴 （40元）</a>
+                          </li>
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox checked" data-name="一次性局部染色"> 一次性局部染色 （28元）</a>
+                          </li>
+                          {{/if}}
+                          {{ each extraService as extraServiceList i }}
+                          <li class="table-view-cell">
+                            <a class="navigate-right item-checkbox" data-select="0" data-id="{{extraServiceList.id}}" data-price="{{extraServiceList.price}}" data-name="{{extraServiceList.name}}" data-serviceType="{{extraServiceList.serviceType}}">
+                            {{extraServiceList.name}} （{{extraServiceList.price}}元）
+                            </a>
+                          </li>
+                          {{ /each }}
+                        </ul>
+                        -->
+                        <!-- 选择保洁师
+                        <ul class="table-view">
+                          <li class="table-view-cell">
+                            <a class="navigate-right show-beautician-picker">
+                              系统推荐保洁师
+                              <span class="table-view-cell-right-label booking-people">
+                                {{if beauticianName !== ''}}{{beauticianName}}{{else}}请选择{{/if}}
+                              </span>
+                            </a>
+                          </li>
+                        </ul>
+                        -->
+                        <!-- 优惠券 -->
+                        <ul class="table-view">
+                            <li class="table-view-cell {{if !showCoupon }}disabled{{/if}}">
+                                <a class="navigate-right show-coupon-picker"
+                                   style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
+                                    优惠券
+                                    <span class="table-view-cell-right-label coupon-selected-name"
+                                          style="display: block; position: static; text-align: right">选择优惠券</span>
+                                </a>
+                            </li>
+                            <li class="table-view-cell memo">
+                                <form class="input-group" id="order-form">
+                                    <input type="text" class="order-memo" id="order-memo" placeholder="（备注）可填写附加要求">
+                                </form>
+                            </li>
+                        </ul>
+                        <!-- 订单详情
+                        <ul class="table-view order-list">
+                          <li class="table-view-cell select-pet {{if petName == ''}}hide{{/if}}">
+                            <div class="link-label pet-type">{{petName}} ({{petWeight}})</div>
+                            <div class="link-label">
+                              <span class="service-name">{{productType}}</span>
+                              <span class="table-view-cell-right-label total-cost">¥ {{petPrice}}</span>
+                            </div>
+                          </li>
+                          <li class="table-view-cell calc-items hide">
+                            {{if extraServiceType == 11}}
+                            <div class="link-label select-extra-service" data-price="40">体外驱虫
+                              <span class="table-view-cell-right-label precedence-cost">¥ 40</span>
+                            </div>
+                            {{else if extraServiceType == 12}}
+                            <div class="link-label select-extra-service" data-price="40">药浴
+                              <span class="table-view-cell-right-label precedence-cost">¥ 40</span>
+                            </div>
+                            {{else if extraServiceType == 13}}
+                            <div class="link-label select-extra-service" data-price="28">一次性局部染色
+                              <span class="table-view-cell-right-label precedence-cost">¥ 28</span>
+                            </div>
+                            {{/if}}
+                            {{each extraService as extraServiceList i}}
+                              <div class="link-label select-extra-service" data-price="{{extraServiceList.price}}">{{extraServiceList.name}}
+                                <span class="table-view-cell-right-label precedence-cost">¥{{extraServiceList.price}}</span>
+                              </div>
+                            {{/each}}
+                          </li>
+                          <li class="table-view-cell select-precedence {{if !precedence}}hide{{/if}}">
+                            <div class="link-label select-precedence-label">加急
+                              <span class="table-view-cell-right-label precedence-cost">¥ {{precedence}}</span>
+                            </div>
+                          </li>
+                          <li class="table-view-cell select-coupon {{if !couponVal}}hide{{/if}}">
+                            <div class="link-label select-coupon-label">优惠券
+                              <span class="table-view-cell-right-label coupon-cost">
+                                - {{couponVal}}
+                              </span>
+                            </div>
+                          </li>
+                        </ul>
+                        -->
+                        <!-- 用户协议 -->
+                        <div class="box bottom-box">
+                            <div class="agreement-box">
+                                <div class="agreement-touch-area">
+                                </div>
+                                <input type="checkbox" class="agreement-checkbox" checked="checked"/>
                 <span>
                   同意<a class="agreement">壹管家用户服务协议</a>
                 </span>
-              </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="result-item btn-container prevent-scroll"
+                 style="padding-left: 15px; display: flex; justify-content: space-between; align-items: center">
+                <div style="font-size: 14px">
+                    账户余额
+                    <span style="font-size: 14px; color: #ec5330; text-align: right; display: inline">￥ {{balance}}</span>
+                </div>
+                <div style="font-size: 14px">
+                    费用总计
+                    <span class="order-cost"
+                          style="font-size: 14px; color: #ec5330; text-align: right; display: inline">￥ 0</span>
+                </div>
+                <a class="btn btn-main btn-block btn-place">确认预约</a>
             </div>
-          </div>
-        </div>
-      </div>
-      <div class="result-item btn-container prevent-scroll" style="padding-left: 15px; display: flex; justify-content: space-between; align-items: center">
-        <div style="font-size: 14px">
-          账户余额
-          <span style="font-size: 14px; color: #ec5330; text-align: right; display: inline" >￥ {{balance}}</span>
-        </div>
-        <div style="font-size: 14px">
-          费用总计
-          <span class="order-cost" style="font-size: 14px; color: #ec5330; text-align: right; display: inline">￥ 0</span>
         </div>
-        <a class="btn btn-main btn-block btn-place">确认预约</a>
-      </div>
     </div>
-    </div>
-  </div>
+</div>
 </div>