seller-do

@@ -155,7 +155,7 @@
       "provider": "wx56c8f077de74b07c"
       "provider": "wx56c8f077de74b07c"
     },
     },
     "vktool": {
     "vktool": {
-      "version": "2.1.8",
+      "version": "2.1.9",
       "provider": "wxd3dc4206c76f14fc"
       "provider": "wxd3dc4206c76f14fc"
     }
     }
   },
   },

+// pack-book/components/checkout/confirm-price.js
+import util from '../../../utils/util'
+import App from '../../../utils/api'
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    hidden:true,
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    show(rid,files){
+      if(this.data.price<=0){
+        return util.toast('请设置金额','none')
+      }
+      let bill_list=[]
+      if(files.length>0){
+        let hasNok=false
+        files.some(f=>{
+          if(f.pro==100){
+            hasNok=true
+            bill_list.push(f.remote.url)
+          }
+        })
+        if(hasNok){
+          return util.toast('请等待图片上传完成','none')
+        }
+      }
+      this.rid=rid
+      this.bill_list=bill_list
+    },
+    hide(){
+      this.setData({
+        hidden:false,
+      })
+    },
+    submit(){
+      this.hide()
+    },
+  }
+})

+{
+  "component": true,
+  "usingComponents": {}
+}

+<!--pack-book/components/checkout/confirm-price.wxml-->
+<view class="mask flex-vc" wx:if="{{!hidden}}">
+    <view class="confirm-price">
+        <view class="title flex-rr" bindtap="hide">
+            <view class="bg-img bg-c1"></view>
+        </view>
+        <view class="center flex-vc">
+            <view class="tips">应收金额</view>
+            <view class="price">¥ {{price}}</view>
+            <view class="submit" bindtap="submit">确认发送</view>
+        </view>
+    </view>
+</view>

+/* pack-book/components/checkout/confirm-price.wxss */
+@import "/app.wxss";
+.bg-img{
+    background-image: url("http://nosqn.colorcun.com/checkout/images/css_sprites.png");
+    zoom: 33.5%;
+}
+.bg-c1 {
+    width: 36px; height: 36px;
+    background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -209px -111px;
+}
+.confirm-price{
+    width: calc(100% - 144rpx);
+    height:426rpx;
+    background:rgba(255,255,255,1);
+    border-radius:10rpx;
+}
+.title{
+    height: 92rpx;
+    line-height: 92rpx;
+    padding: 0 36rpx;
+}
+.tips{
+    height:42rpx;
+    font-size:30rpx;
+    font-family:PingFangSC-Medium,PingFang SC;
+    font-weight:500;
+    color:rgba(112,112,112,1);
+    line-height:42rpx;
+}
+.price{
+    height:92rpx;
+    font-size:66rpx;
+    font-family:PingFangSC-Medium,PingFang SC;
+    font-weight:500;
+    color:rgba(53,53,53,1);
+    line-height:92rpx;
+    margin-top: 16rpx;
+}
+.submit{
+    width:334rpx;
+    height:84rpx;
+    background:rgba(25,144,149,1);
+    border-radius:10rpx;
+    font-size:34rpx;
+    font-family:PingFangSC-Medium,PingFang SC;
+    font-weight:500;
+    color:rgba(254,254,254,1);
+    line-height:84rpx;
+    text-align: center;
+    margin-top: 40rpx;
+}

@@ -169,4 +169,7 @@ Page({
     })
     })
     util.toast('图片已删除','none')
     util.toast('图片已删除','none')
   },
   },
+  submit(){
+    this.selectComponent('#confirm-price').show()
+  },
 })
 })

@@ -4,7 +4,8 @@
   "navigationBarTextStyle":"white",
   "navigationBarTextStyle":"white",
   "usingComponents": {
   "usingComponents": {
     "nav":"/components/nav/nav",
     "nav":"/components/nav/nav",
-    "qnupload": "plugin://vktool/qnupload"
+    "qnupload": "plugin://vktool/qnupload",
+    "confirm-price":"../../components/checkout/confirm-price"
   }
   }
 
 
 }
 }

@@ -90,7 +90,7 @@
                 <view>消费清单（选填）</view>
                 <view>消费清单（选填）</view>
             </view>
             </view>
             <view class="center">
             <view class="center">
-                <block wx:for="{{files}}" wx:key="files.key">
+                <block wx:for="{{files}}" wx:key="fileskey">
                     <qnupload qnConf="{{qnConf}}" upConf="{{upConf}}"
                     <qnupload qnConf="{{qnConf}}" upConf="{{upConf}}"
                               file="{{item}}" files="{{files}}"
                               file="{{item}}" files="{{files}}"
                               bindevent="qnevent" class="qnupload">
                               bindevent="qnevent" class="qnupload">
@@ -141,3 +141,5 @@
         </view>
         </view>
     </block>
     </block>
 </view>
 </view>
+<view class="submit {{price?'active':''}}">发送给顾客</view>
+<confirm-price id="confirm-price" price="{{price}}" rid="{{rid}}" files="{{files}}"></confirm-price>

@@ -2,6 +2,9 @@
 page{
 page{
     background:rgba(245,245,245,1);
     background:rgba(245,245,245,1);
 }
 }
+.pages{
+    padding-bottom: 150rpx;
+}
 .bg-img{
 .bg-img{
     background-image: url("http://nosqn.colorcun.com/checkout/images/css_sprites.png");
     background-image: url("http://nosqn.colorcun.com/checkout/images/css_sprites.png");
     zoom: 33.5%;
     zoom: 33.5%;
@@ -10,10 +13,6 @@ page{
     width: 48px; height: 48px;
     width: 48px; height: 48px;
     background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -141px -111px;
     background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -141px -111px;
 }
 }
-.bg-c1 {
-    width: 36px; height: 36px;
-    background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -209px -111px;
-}
 .bg-x2 {
 .bg-x2 {
     width: 42px; height: 24px;
     width: 42px; height: 24px;
     background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -265px -111px;
     background: url('http://nosqn.colorcun.com/checkout/images/css_sprites.png') -265px -111px;
@@ -161,4 +160,21 @@ page{
 .orderimage .center{
 .orderimage .center{
     padding: 40rpx 0 36rpx 56rpx;
     padding: 40rpx 0 36rpx 56rpx;
 }
 }
+.submit{
+    width:calc(100% - 72rpx);
+    height:84rpx;
+    background:rgba(116,187,190,1);
+    border-radius:10rpx;
+    position: fixed;
+    left: 36rpx;
+    bottom: 40rpx;
+    font-size:34rpx;
+    font-weight:500;
+    color:rgba(254,254,254,1);
+    line-height:84rpx;
+    text-align: center;
+}
+.submit.active{
+    background:rgba(25,144,149,1);
+}
 @import "upload.wxss";
 @import "upload.wxss";