<template>

   <div>

     <div class="content clearfix" v-on:click="goorderingDetail(v)" v-for="(v,index) in anylist" :key="index">

       <div class="clearfix">

         <div class="fl dingnumber">订单号&nbsp;&nbsp;<span>{{v.orderNum}}</span></div>

         <div class="fr state">{{v.state}}</div>

       </div>

       <div class="clearfix receive">

         <div class="fl">收</div>

         <div class="fr add reAdd">{{v.receiveAdd}}</div>

       </div>

       <div class="clearfix send">

         <div class="fl">发</div>

         <div class="fr add sAdd">{{v.sendAdd}}</div>

       </div>

       <div class="date fl">2018年9月28日&nbsp;&nbsp;&nbsp;&nbsp;12:00</div>

       <div class="fr sure" v-on:click.stop="gosureReceive(v)">确认取件</div>

     </div>

   </div>

 </template>

 <script>

 import $ from 'jquery'

 export default {

   name: 'ordering',

   data () {

     return {

       anylist: []

     }

   },

   mounted () {

     this.ready()

   },

   methods: {

     ready: function () {

       $.ajax({

         type: 'GET',

         url: './../../../static/ing.json',

         data: {},

         dataType: 'json'

       }).then(res => {

         // console.log(res)

         // console.log(res.data)

         this.anylist = res.data

       })

         .catch(error => {

           console.log(error)

         })

     },

     goorderingDetail: function (v) {

       // console.log(v.receiveAdd)

       // console.log(v.sendAdd)

       /* 获取当前点击内容的收件发件地址 */

       var IreAdd = v.receiveAdd

       var IseAdd = v.sendAdd

       var IOrderNum = v.orderNum

       sessionStorage.setItem('IReAdd', JSON.stringify(IreAdd))

       sessionStorage.setItem('ISeAdd', JSON.stringify(IseAdd))

       sessionStorage.setItem('IOrderNum', JSON.stringify(IOrderNum))

       this.$router.push({path: '/orderingDetail'})

     },

     gosureReceive: function (v) {

       // console.log(v.receiveAdd)

       // console.log(v.sendAdd)

       /* 获取当前点击内容的收件发件地址 */

       var IreAdd = v.receiveAdd

       var IseAdd = v.sendAdd

       sessionStorage.setItem('IReAdd', JSON.stringify(IreAdd))

       sessionStorage.setItem('ISeAdd', JSON.stringify(IseAdd))

       this.$router.push({path: '/sureReceive'})

     }

   }

 }

 </script>

 <style scoped>

   .content{

     width: 96%;

     margin: auto;

     padding: 0.3rem;

     background: #ffffff;

     box-shadow: 5px 5px 5px #eae8e8;

     margin-top: 0.5rem;

   }

   .dingnumber{

     font-size: 0.8rem;

     line-height: 1.7rem;

   }

   .state{

     font-size: 1rem;

     letter-spacing: 1px;

     color: #ff7c1d;

     margin-right: 0.5rem;

     font-weight: bold;

   }

   .receive,.send{

     font-size: 0.9rem;

     font-weight: bold;

     color: #ff7c1d;

     margin-top: 1rem;

   }

   .add{

     width: 85%;

     vertical-align: bottom;

     word-break:keep-all;/* 不换行 */

     white-space:nowrap;/* 不换行 */

     overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

     text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

   }

   .date{

     text-align: left;

     font-size: 0.8rem;

     padding: 0.2rem;

     margin-top: 2rem;

   }

   .sure{

     padding: 0.5rem 1rem 0.5rem 1rem;

     border: 1.5px solid #ff7c1d;

     letter-spacing: 1px;

     border-radius: 0.3rem;

     margin-top: 0.9rem;

     margin-right: 0.3rem;

     font-weight: bold;

     color: #ff7c1d;

     font-size: 0.9rem;

     z-index: 1000;

   }

 </style>