init

www/vue/src/components/orderInfo.vue

@@ -45,7 +45,7 @@
 					</span>
 					<span slot="value" v-else-if="status == 0" class="order-info-operation_0">
 						 <span>立即支付</span>
-						 <span>取消订单</span>
+						 <span @click="del(userInfo.id)">取消订单</span>
 					</span>
 				</cell>
 			</group>
@@ -59,6 +59,12 @@
 
 			</x-dialog>
 		</div>
+		<div v-transfer-dom>
+			<x-dialog v-model="showScrollBox1" class="dialog-demo">
+				<span class="dialog-title">取消订单成功</span>
+				<span  class="vux-confirm" @click="flush()">完成</span>
+			</x-dialog>
+		</div>
 
 	</div>
 
@@ -123,9 +129,20 @@
       }
     },
     methods: {
+      del (id) {
+        axios.get('o2o/order/del&user_id=' + config.userId + '&order_id=' + id).then(res => {
+          if (res.data.success) {
+            this.showScrollBox1 = true
+          }
+        })
+      },
       onClick () {
         console.log('on click')
       },
+      flush () {
+        this.showScrollBox1 = false
+        this.$router.go(0)
+      },
       completeOrder (isConfirm, id) {
         console.log(id)
         if (!isConfirm) {
@@ -152,6 +169,7 @@
         userInfo: {},
         product: {},
         showScrollBox: false,
+        showScrollBox1: false,
         status: 0,
         type: 1,
         list: [{