刘文博 / gulu-vue

Browse Code »

Commit 30ace30247856b291f1f756c0d40b0d7b11d7873

Authored by 喻鹏 2020-05-27 00:13:33 +0800

2 parents b9fb65756b cd8561baec

Exists in master

Merge branch 'master' of http://121.40.31.31:8888/jp/gulu-vue

Showing 5 changed files Show diff stats

src/pages/address/addAddress.vue

Diff comments View file @30ace30

 <template>
   <form
     class="wrap"
     @submit="formSubmit"
     @reset="formReset"
   >
     <view class="content">
       <view class="item,name">
         <text class="itemText">姓名</text>
         <input
           placeholder="收货人姓名(真实姓名)"
           placeholder-style="color:#B8B8B8"
           name="name"
           :value="name"
         />
       </view>
       <view class="item,phone">
         <text class="itemText">电话</text>
         <input
           placeholder="手机号"
           type="digit"
           placeholder-style="color:#B8B8B8"
           name="mobile"
           v-model="mobile"
         />
       </view>
       <view class="item,phone">
         <text class="itemText">性别</text>
         <picker
           @change="bindPickerChange"
           :value="index"
           :range="sexArray"
           name="sex"
         >
           <view class="uni-input">{{sexArray[sexIndex]}}</view>
         </picker>
       </view>
       <view class="item,area">
         <text class="itemText">地区</text>
         <view
           class="btn"
           v-if="pickerText===''"
           @tap="openAddres"
         >选择省/市/区</view>
         <view
           class="btn"
           v-else
           @tap="openAddres"
         >{{pickerText}}</view>
         <simple-address
           ref="SimpleAddress"
           :pickerValueDefault="cityPickerValueDefault"
           @onConfirm="onConfirm"
           themeColor="#007AFF"
           name="address"
         ></simple-address>
       </view>
       <view class="item,address">
         <text class="itemText">详细地址</text>
         <input
           placeholder="街道、小区门牌等详细地址"
           name="addDetail"
           :value="addDetial"
         />
       </view>
       <view class="item,check">
         <text class="itemText">设为默认地址</text>
         <switch
           :checked="isDefalutAddress"
           color="#FF6B4A"
           style="transform:scale(0.6)"
           @change="changeDefalutAddress"
           name="isDefault"
         />
       </view>
       <input />
     </view>
     <button
       form-type="submit"
+      class="button" v-if="addId">编辑</button>
+    <button
+      form-type="submit"
       class="button"
+      v-else
     >保存并使用</button>
   </form>
 </template>
 <script>
 import SimpleAddress from '@/components/SimpleAddress/SimpleAddress.vue'
 import store from '@/store'
 export default {
   data () {
     return {
       cityPickerValueDefault: [0, 0, 1],
       pickerText: '',
       isDefalutAddress: true,
       sexArray: ['男', '女'],
       sexIndex: 0,
       flag: 0,
       addId: undefined,
       name: '',
       mobile: '',
       addDetial: '',
       isDefault: 0
     }
   },
   onLoad (option) {
     const { addId } = option
     if (addId) {
       this.addId = addId
       store.dispatch('address/details', {
         add_id: addId
       }).then(() => {
         uni.setNavigationBarTitle({
           title: '编辑地址'
         })
         const { name, mobile, sex, add_detail: addDetial, default: isDefault } = this.$store.state.address.details
         console.log('---', this.$store.state.address.details)
         const index = this.$refs.SimpleAddress.queryIndex(this.$store.state.address.details.address.split('-'), 'label')
         this.cityPickerValueDefault = index.index
         this.name = name
         this.mobile = Number(mobile)
         this.sexIndex = sex
         this.addDetial = addDetial
         this.isDefalutAddress = !!Number(isDefault)
       })
     }
   },
   components: {
     SimpleAddress
   },
   methods: {
     openAddres () {
       this.cityPickerValueDefault = [0, 0, 1]
       this.$refs.SimpleAddress.open()
     },
     onConfirm (e) {
       this.pickerText = e.label
       console.log('lll', e, this.pickerText)
     },
     changeDefalutAddress (e) {
       this.isDefalutAddress = e.target.value
     },
     bindPickerChange (e) {
       console.log('picker发送选择改变，携带值为', e.target.value)
       this.sexIndex = e.target.value
     },
     formValidation (formdata) {
       const { name, mobile, addDetail } = formdata
       this.flag = false
       if (name === '') {
         uni.showModal({
           content: '请输入姓名',
           showCancel: false
         })
         return 0
       }
       if (!(/^1[3456789]\d{9}$/.test(mobile))) {
         uni.showModal({
           content: '请输入正确的手机号',
           showCancel: false
         })
         return 0
       }
       if (this.pickerText === '') {
         uni.showModal({
           content: '请选择收货地区',
           showCancel: false
         })
         return 0
       }
       if (addDetail === '') {
         uni.showModal({
           content: '请输入收货详细地址',
           showCancel: false
         })
         return 0
       }
       this.flag = true
     },
     formSubmit (e) {
       const formdata = e.detail.value
       this.formValidation(formdata)
       const { name, mobile, addDetail, isDefault } = formdata
       if (this.flag === true) {
         const params = {
           sex: this.sexIndex,
           name,
           address: this.pickerText,
           mobile,
           default: isDefault ? 1 : 0,
           add_detail: addDetail,
           longitude: 1,
           latitude: 1
         }
         if (this.addId) {
           params.add_id = this.addId
         }
-        store.dispatch('address/edit', params)
+        store.dispatch('address/edit', params).then(() => {
+          uni.navigateBack({
+            delta: 1
+          })
+        })
       }
     }
   }
 }
 </script>
 <style lang="scss">
 .wrap {
   height: 100vh;
   background-color: #f2f2f2;
   font-family: PingFangSC-Regular;
   letter-spacing: -0.23px;
   padding-top: 19rpx;
 }
 .content {
   background-color: #ffffff;
   border-radius: 8px;
   border-radius: 8px;
   padding: 40rpx 56rpx;
   margin-left: 40rpx;
   width: 670rpx;
   box-sizing: border-box;
   .item {
     display: flex;
     justify-content: flex-start;
     font-size: 14px;
     align-items: center;
     height: 112rpx;
     border-bottom: 1rpx solid #e9e9e9;
     .itemText {
       width: 162rpx;
       font-family: PingFangSC-Regular;
       letter-spacing: -0.26px;
     }
     .btn {
       color: #333333 !important;
     }
   }
   .check {
     justify-content: space-between;
   }
 }
 .button {
   position: fixed;
   bottom: 0;
   left: 0;
   height: 112rpx;
   width: 100%;
   background: #ff6b4a;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   color: #ffffff;
   letter-spacing: -0.3px;
 }
 </style>

src/pages/address/addressList.vue

Diff comments View file @30ace30

 <template>
   <view class="content">
     <view
       v-if="addressList.length !== 0"
       class="list"
     >
       <view
         v-for="(item, index) in addressList"
         :key="index"
         class="order-user"
         @tap="toOrder(item.add_id)"
       >
         <view class="order-user-head">
           <view class="name">
             <view
               v-if="item.default === '1'"
               class="default"
             ><text>默认</text></view>{{item.name}}
           </view>
           <text class="mobile">{{item.mobile}}</text>
         </view>
         <view class="order-user-body">
           <image src="../../static/myorder-paying-location.png"></image>
           <text class="address">{{item.address.replace(/[-]/g,' ')}}\n{{item.add_detail}}</text>
         </view>
         <image
           @tap="toEditAddress(item.add_id)"
           v-if="item.default === '1'"
           class="arrow"
           src="../../static/right.png"
         ></image>
         <image
           @tap="toEditAddress(item.add_id)"
           v-else
           class="arrow pen"
           src="../../static/icon-pen.png"
         ></image>
       </view>
     </view>
     <view
       v-else
       class="empty"
     >
       暂无收货地址
     </view>
-    <button class="add">新建收货地址</button>
+    <button @tap="toAddAddress" class="add">新建收货地址</button>
   </view>
 </template>
 <script>
 import store from '@/store'
 export default {
   data () {
     return {}
   },
   computed: {
     addressList () {
       return this.$store.state.address.list
     }
   },
   onLoad ({ edit }) {
     if (edit) {
       this.edit = true
     }
     store.dispatch('address/list')
   },
   methods: {
+    toAddAddress() {
+      console.log('aaaaa-a')
+      uni.navigateTo({
+        url: 'addAddress',
+        fail: (error) => {
+          console.error('跳转出现错误', error)
+        }
+      })
+    },
     toEditAddress (addId) {
       console.log('addId', addId)
       uni.navigateTo({
         url: `addAddress?addId=${addId}`,
         fail: (error) => {
           console.error('跳转出现错误', error)
         }
       })
     },
     toOrder (addId) {
       if (this.edit) {
         uni.navigateTo({
           url: `../confirmOrder/confirmOrder?addressId=${addId}`,
           fail: (error) => {
             console.error('跳转出现错误', error)
           }
         })
       }
     }
   }
 }
 </script>
 <style lang="scss">
 .content {
   min-height: 100vh;
   background-color: #f2f2f2;
   padding-top: 20rpx;
   padding-bottom: 112rpx;
   .order-user {
     width: 670rpx;
     height: 228rpx;
     background: #ffffff;
     border-radius: 14rpx;
     margin: 0 auto;
     margin-bottom: 20rpx;
     position: relative;
     .order-user-head {
       display: flex;
       height: 108rpx;
       width: 100%;
       align-items: center;
       margin-left: 126rpx;
       .name {
         display: flex;
         justify-content: space-between;
         font-size: 14px;
         color: #333333;
         letter-spacing: -0.26px;
         margin-right: 20rpx;
         .default {
           height: 40rpx;
           width: 80rpx;
           background-color: #4a90e2;
           border-radius: 13px;
           border-radius: 13px;
           text-align: center;
           margin-right: 20rpx;
           text {
             font-size: 12px;
             color: #ffffff;
             letter-spacing: -0.23px;
           }
         }
       }
       .mobile {
         font-size: 14px;
         color: #999999;
         letter-spacing: -0.26px;
       }
     }
     .order-user-body {
       display: flex;
       width: 100%;
       image {
         width: 24px;
         height: 26px;
         margin: 12rpx 32rpx 0 40rpx;
       }
       .address {
         font-weight: bold;
         font-size: 14px;
         color: #333333;
         letter-spacing: -0.26px;
       }
     }
     .arrow {
       width: 6px;
       height: 12px;
       position: absolute;
       right: 40rpx;
       bottom: 104rpx;
     }
   }
   .empty {
     color: #666;
     font-size: 16px;
     text-align: center;
     padding-top: 30vh;
   }
   .add {
     position: fixed;
     bottom: 0;
     left: 0;
     height: 112rpx;
     width: 100%;
     background-color: #ff6b4a;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 16px;
     color: #ffffff;
     letter-spacing: -0.3px;
   }
 }
 </style>

src/pages/confirmOrder/confirmOrder.vue

Diff comments View file @30ace30

 <template>
   <view class="wrap">
     <view></view>
     <view
       class="addAddress"
       @tap="toaddAddress"
       v-if="this.showAddress"
     >
       <view class="addIcon">
         <image
           src="../../static/add.png"
           mode="aspectFill"
         ></image>
       </view>
       <view class="addressText">{{addAddress}}</view>
       <image
         src="../../static/right.png"
         mode="aspectFill"
       ></image>
     </view>
     <view
       v-else
       @tap="toaddAddress"
       class="list order-user"
     >
       <view class="order-user-head">
         <view class="name">
           <view
             v-if="addressInfo.default === '1'"
             class="default"
           ><text>默认</text></view>{{addressInfo.name}}
         </view>
         <text class="mobile">{{addressInfo.mobile}}</text>
       </view>
       <view class="order-user-body">
         <image src="../../static/myorder-paying-location.png"></image>
         <text class="address">{{addressInfo.address.replace(/[-]/g,' ')}}\n{{addressInfo.add_detail}}</text>
       </view>
       <image
         class="arrow"
         src="../../static/right.png"
       ></image>
     </view>
     <view class="content">
       <view class="orderInfo">
         <view class="title">
           <image
             src="../../static/store.png"
             mode="aspectFill"
             style="width: 40rpx;height: 40rpx;"
           ></image>
           <text>非常戴镜</text>
         </view>
         <view class="infoBox">
           <view class="infoTop">
             <image
               :src="goodInfo.img_index_url"
               mode="aspectFill"
             ></image>
             <view class="infoRight">
               <text class="goodName">商品名称商品名称商品名称名称名称</text>
               <text class="remarks">支持7天无理由退货 顺丰发货</text>
               <view class="priceBox">
                 <view class="price">￥198</view>
                 <view class="counter">
                   <view
                     class="btn"
                     disabled="this.disabled"
                     type="default"
                     @click="counter(false)"
                   >-</view>
                   <text>{{count}}</text>
                   <view
                     class="btn"
                     type="default"
                     @click="counter(true)"
                   >+</view>
                 </view>
               </view>
             </view>
           </view>
           <view class="infoBottom">
             <view class="norm">规格 <text>玫瑰金/钛合金</text></view>
             <view class="shippingMethod">配送方式 <text>快递</text></view>
             <view class="message">买家留言
               <input
                 type="text"
                 :value="note"
                 placeholder="建议提前协商(50字以内)"
               />
             </view>
           </view>
         </view>
       </view>
       <view class="payWay">
         <view class="item">
           <text>支付方式</text>
           <view class="itemRight">
             <view class="rightText">
               <view class="choosePayWay">
                 <image
                   src="../../static/store.png"
                   mode="aspectFill"
                 ></image>
                 <text>微信支付</text>
               </view>
               <!-- <view class="randomSubstraction">最高随机立减￥99</view> -->
             </view>
             <!-- <image
               src="../../static/right.png"
               mode="aspectFill"
             ></image> -->
           </view>
         </view>
         <!-- <view class="item">
           <text>优惠券</text>
           <view class="itemRight">
             <view class="rightText">
               <view class="chooseOffers">
                 <text>-￥70.00</text>
               </view>
               <view class="preferentialWay">最大优惠</view>
             </view>
             <image
               src="../../static/right.png"
               mode="aspectFill"
             ></image>
           </view>
         </view> -->
         <view class="item">
           <text>运费</text>
           <view class="itemRight">
             <view class="freight">免运费</view>
           </view>
         </view>
         <view class="item">
           <text>合计</text>
           <view class="itemRight">
             <view class="total">￥{{total}}</view>
           </view>
         </view>
       </view>
       <!--
       <view class="checkBox">
         <checkbox-group>
           <label>
             <checkbox color="#FF6B4A" value="isAnonymous" checked="true" />匿名购买
           </label>
         </checkbox-group>
       </view> -->
     </view>
     <view class="footer">
       <view class="footerLeft">实付金额:<text>￥{{total}}</text></view>
       <view class="footerRight">
         <view
           class="paybtn"
           @tap="orderBuild"
         >立即支付</view>
       </view>
     </view>
   </view>
 </template>
 <script>
 import store from '@/store'
 export default {
   data() {
     return {
       addAddress: '添加收货地址',
       count: 1,
       pid: 0,
       disabled: false,
       total: 120,
       freight: 0.00,
       showAddress: false,
       note: '',
       addressInfo: {
         address: ''
       }
       // isAnonymous:
     }
   },
   onLoad({ pid, addressId }) {
     this.pid = pid
     // 若已经选择地址
     if (addressId) {
       store.dispatch('address/details', {
         add_id: addressId
       }).then(({ code, data }) => {
         if (code === 1) {
           console.log('code', code, data)
           this.showAddress = true
           this.addressInfo = data
         }
       })
     } else {
       store.dispatch('address/default').then(({ code, data }) => {
         if (code === 1) {
           console.log('code', code, data)
           this.showAddress = true
           this.addressInfo = data
         }
       })
     }
     store.dispatch('read/fetch', {
       pid
     })
   },
   computed: {
     goodInfo () {
       console.log(this.$store.state.read.goodInfo)
       return this.$store.state.read.goodInfo
     }
   },
   methods: {
     counter(isadd) {
       if (isadd) {
         this.count++
       } else {
         this.count <= 1 ? this.disabled = true : this.count--
       }
     },
     toaddAddress() {
       uni.navigateTo({
         url: `../address/addressList?edit=${1}`,
         success: res => {},
         fail: (error) => { console.log('跳转到地址列表页面失败====>', error) },
         complete: () => {}
       })
     },
-    // 加入购物车
-    addCart() {
-      console.log('this', this.$store.state)
-      store.dispatch('cart/')
-    },
     // 下单
     orderBuild() {
       console.log('this', this.$store.state)
       // store.dispatch('order/build', {
+      //   pid: 2,
+      //   sk_id: '23',
+      //   number: 2,
+      //   mp_id: '201',
+      //   totalPrice: 101,
       //   address: this.addressInfo,
-      //   checkedGoods: [],
+      //   dir: 1
-      //   sk_id_arr: [],
-      //   totalPrice: 101
       // })
     }
     // 支付
     // pay() {
     //   const openId = uni.getStorageSync('openid')
     //   const fieldSet = {
     //     'openid': this.$store.state.user.userInfo.openid,
     //     'uid': this.$store.state.user.userInfo.uid,
     //     'shopid': 0,
     //     'payCate': 2020,
     //     'payMoney': ,
     //     ''
     //   }
     // }
   }
 }
 </script>
 <style lang="scss">
 .wrap {
   height: 100vh;
   background-color: #f2f2f2;
   font-family: PingFangSC-Regular;
   letter-spacing: -0.23px;
   position: absolute;
 }
 .addAddress {
   background-color: #ffffff;
   box-sizing: border-box;
   height: 124rpx;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 0 40rpx;
   .addIcon {
     background-color: #f2f2f2;
     height: 56rpx;
     width: 60rpx;
     border-radius: 4rpx;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 40rpx;
   }
   image {
     height: 28rpx;
     width: 28rpx;
   }
   .addressText {
     font-size: 28rpx;
     color: #333333;
     margin-right: 364rpx;
   }
 }
 .content {
   background-color: #f2f2f2;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 40rpx;
   box-sizing: border-box;
   .orderInfo {
     width: 670rpx;
     height: 488rpx;
     background-color: #ffffff;
     border-radius: 20rpx;
     box-sizing: border-box;
     padding: 0 40rpx 40rpx 40rpx;
     .title {
       display: flex;
       align-items: center;
       font-size: 28rpx;
       color: #333333;
       height: 60rpx;
       line-height: 40rpx;
       padding: 10rpx 10rpx 10rpx 0rpx;
       image {
         margin-right: 20rpx;
       }
     }
     .infoBox {
       margin-top: 42rpx;
       .infoTop {
         display: flex;
         flex-direction: row;
         image {
           height: 188rpx;
           width: 188rpx;
           margin-right: 24rpx;
         }
         .infoRight {
           width: 374rpx;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           justify-content: space-between;
           .goodName {
             font-size: 28rpx;
             color: #333333;
           }
           .remarks {
             font-size: 20rpx;
             color: #999999;
           }
           .priceBox {
             display: flex;
             justify-content: space-between;
             align-items: center;
             width: 100%;
             .price {
               color: #ff6b4a;
               font-size: 28rpx;
             }
             .counter {
               display: flex;
               flex-direction: row;
               justify-content: space-between;
               font-size: 28rpx;
               color: #333333;
               width: 122rpx;
               .btn {
                 display: flex;
                 justify-content: center;
                 line-height: 32rpx;
                 height: 32rpx;
                 width: 32rpx;
                 background-color: #f2f2f2;
                 color: #cfcfcf;
               }
             }
           }
         }
       }
       .infoBottom {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         font-size: 24rpx;
         color: #333333;
         text {
           color: #999999;
           margin-left: 20rpx;
         }
         .norm {
           margin-top: 28rpx;
         }
         .shippingMethod {
           margin-top: 12rpx;
         }
         .message {
           display: flex;
           flex-direction: row;
           align-items: center;
           margin-top: 18rpx;
           input {
             margin-left: 20rpx;
             width: 75%;
           }
         }
       }
     }
   }
   .payWay {
     height: 464rpx;
     width: 670rpx;
     background-color: #ffffff;
     color: #333333;
     font-size: 24rpx;
     border-radius: 20rpx;
     box-sizing: border-box;
     padding: 0 52rpx 0rpx 40rpx;
     margin-top: 20rpx;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     .item {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       align-items: center;
       width: 100%;
       height: 115rpx;
       .itemRight {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         image {
           height: 24rpx;
           width: 12rpx;
         }
         .rightText {
           margin-right: 20rpx;
           text-align: right;
           .choosePayWay {
             text {
               color: #333333;
             }
             image {
               height: 26rpx;
               width: 30rpx;
               margin-right: 20px;
             }
           }
           .randomSubstraction {
             color: #ff6b4a;
           }
           .preferentialWay {
             color: #999999;
           }
         }
         .freight,
         .total {
           margin-right: 32rpx;
         }
         text {
           color: #ff6b4a;
         }
       }
     }
   }
   // .checkBox {
   //   height: 58rpx;
   //   line-height: 58rpx;
   //   width: 100%;
   //   margin-top: 36rpx;
   //   margin-left: 40rpx;
   //   font-size: 12px;
   //   color: #999999;
   // }
 }
 .footer {
   height: 112rpx;
   width: 100%;
   background-color: #fff;
   font-size: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: fixed;
   bottom: 0;
   .footerLeft {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 50%;
     color: #333333;
     text {
       color: #ff6b4a;
     }
   }
   .footerRight {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     width: 50%;
     margin-right: 26rpx;
     .paybtn {
       display: flex;
       justify-content: center;
       align-items: center;
       background: #ff6b4a;
       border-radius: 20px;
       border-radius: 20px;
       color: #ffffff;
       width: 204rpx;
       height: 80rpx;
     }
   }
 }
 // 地址信息样式
 .order-user {
   width: 670rpx;
   height: 228rpx;
   background: #ffffff;
   border-radius: 14rpx;
   margin: 0 auto;
   margin-top: 20rpx;
   position: relative;
   .order-user-head {
     display: flex;
     height: 108rpx;
     width: 100%;
     align-items: center;
     margin-left: 126rpx;
     .name {
       display: flex;
       justify-content: space-between;
       font-size: 14px;
       color: #333333;
       letter-spacing: -0.26px;
       margin-right: 20rpx;
       .default {
         height: 40rpx;
         width: 80rpx;
         background-color: #4a90e2;
         border-radius: 13px;
         border-radius: 13px;
         text-align: center;
         margin-right: 20rpx;
         text {
           font-size: 12px;
           color: #ffffff;
           letter-spacing: -0.23px;
         }
       }
     }
     .mobile {
       font-size: 14px;
       color: #999999;
       letter-spacing: -0.26px;
     }
   }
   .order-user-body {
     display: flex;
     width: 100%;
     image {
       width: 24px;
       height: 26px;
       margin: 12rpx 32rpx 0 40rpx;
     }
     .address {
       font-weight: bold;
       font-size: 14px;
       color: #333333;
       letter-spacing: -0.26px;
     }
   }
   .arrow {
     width: 6px;
     height: 12px;
     position: absolute;
     right: 40rpx;

src/pages/frameDetail/frameDetail.vue

Diff comments View file @30ace30

 <template>
   <view class="container">
     <view class="D1">
       <!-- 轮播图 -->
       <swiper
         class="swiperImage"
         :indicator-dots="true"
         :autoplay="true"
         :interval="4000"
         :duration="500"
       >
         <swiper-item
           v-for="(item, index) in goodInfo.pics"
           :key="index"
         >
           <image
             :src="item"
             mode="scaleToFill"
           ></image>
         </swiper-item>
       </swiper>
       <view class="D1_price">￥{{goodInfo.p_sale_price || '暂无'}}<span class="D1_number">{{goodInfo.trade_num || '暂无'}}人购买过</span></view>
       <view class="D1_name"><span class="D1_name1">{{goodInfo.p_name || '暂无'}}</span></view>
       <view class="D1_spans"><span>支持7天无理由退货</span><span>顺丰发货</span><span>30天质量保证</span></view>
     </view>
     <view
       class="D2"
       v-if="updateGoodType == 2 || updateGoodType == 4"
     >
       <view><span class="D2_span1">框架材质：</span><span class="D2_span2">{{introduction.material}}</span></view>
       <view><span class="D2_span1">风格：</span><span class="D2_span2">{{introduction.func}}</span></view>
       <view><span class="D2_span1">适用性别：</span><span class="D2_span2">{{introduction.rate}}</span></view>
     </view>
     <view
       class="D2"
       v-if="updateGoodType == 1"
     >
       <view><span class="D2_span1">镜片材质：</span><span class="D2_span2">{{introduction.material}}</span></view>
       <view><span class="D2_span1">功能：</span><span class="D2_span2">{{introduction.func}}</span></view>
       <view><span class="D2_span1">使用场景：</span><span class="D2_span2">{{introduction.rate}}</span></view>
     </view>
     <view
       class="D2"
       v-if="updateGoodType == 3"
     >
       <view><span class="D2_span1">材质：</span><span class="D2_span2">{{introduction.material}}</span></view>
       <view><span class="D2_span1">直径/基弧：</span><span class="D2_span2">{{introduction.func}}</span></view>
       <view><span class="D2_span1">适用性别：</span><span class="D2_span2">{{introduction.rate}}</span></view>
     </view>
     <view class="D3">
       <view class="screenBar">
         <view
           v-for="item in screenItems"
           :key="item.current"
           @click="tabChange(item.current)"
         >
           <view
             class="screenItem"
             v-bind:class="{ active: current === item.current }"
           >{{ item.text || '暂无' }}</view>
         </view>
       </view>
       <view
         class="screen-item"
         v-if="current === 1"
       >
         <view class="D3_list">
           <view
             v-for="(item) in parameter"
             :key="item.key"
           >
             <image
               class="D3_image"
               v-bind:src="item.img"
             ></image>
             <span>{{item.standard || '暂无'}}</span>
             <span>{{item.slength || '暂无'}}</span>
           </view>
         </view>
       </view>
       <view
         class="screen-item"
         v-if="current === 0"
       >
         <view class="D3_list">
           <!-- <block>
             <view>主体</view>
             <view>商品产地：韩国</view>
             <view>包装清单：彩色隐形 * 1</view>
           </block> -->
           <!-- 迭代时建议配合接口修改 为数组 -->
           <view v-if="tag.prod_tag_age && tag.prod_tag_age.length !== 0">
             <view class="">
               年龄：<view
                 v-for="(item,index) in tag.prod_tag_age"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_age.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_color && tag.prod_tag_color.length !== 0">
             <view class="">
               颜色：<view
                 v-for="(item,index) in tag.prod_tag_color"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_color.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_face && tag.prod_tag_face.length !== 0">
             <view class="">
               脸型：<view
                 v-for="(item,index) in tag.prod_tag_face"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_face.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_freesend && tag.prod_tag_freesend.length !== 0">
             <view class="">
               赠品：<view
                 v-for="(item,index) in tag.prod_tag_freesend"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_freesend.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_insurance && tag.prod_tag_insurance.length !== 0">
             <view class="">
               保险：<view
                 v-for="(item,index) in tag.prod_tag_insurance"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_insurance.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_metal && tag.prod_tag_metal.length !== 0">
             <view class="">
               材质：<view
                 v-for="(item,index) in tag.prod_tag_metal"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_metal.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_personal && tag.prod_tag_personal.length !== 0">
             <view class="">
               个性：<view
                 v-for="(item,index) in tag.prod_tag_personal"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_personal.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_sense && tag.prod_tag_sense.length !== 0">
             <view class="">
               场景：<view
                 v-for="(item,index) in tag.prod_tag_sense"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_sense.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_sex && tag.prod_tag_sex.length !== 0">
             <view class="">
               性别：<view
                 v-for="(item,index) in tag.prod_tag_sex"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_sex.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_style && tag.prod_tag_style.length !== 0">
             <view class="">
               风格：<view
                 v-for="(item,index) in tag.prod_tag_style"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_style.length - 1">/</text>
               </view>
             </view>
           </view>
           <view v-if="tag.prod_tag_weight && tag.prod_tag_weight.length !== 0">
             <view class="">
               重量：<view
                 v-for="(item,index) in tag.prod_tag_weight"
                 :key="index"
               >
                 {{item.label}}<text v-if="index !== tag.prod_tag_weight.length - 1">/</text>
               </view>
             </view>
           </view>
         </view>
       </view>
       <view
         class="screen-item "
         v-if="current ===2"
       >
         <view class="customerService">
           <view class="serviceItem">
             <view class="title">
               <view style="width: 6rpx;height: 6rpx;border-radius: 3rpx;background-color: #FF6B4A;margin-right: 12rpx;"></view>
               <text class="titleText">卖家服务</text>
             </view>
             <view class="itemContent">平台卖家服务，为您在平台获得最优的购买体验</view>
           </view>
           <view class="serviceItem">
             <view class="title">
               <view style="width: 6rpx;height: 6rpx;border-radius: 3rpx;background-color: #FF6B4A;margin-right: 12rpx;"></view>
               <text class="titleText">平台承诺</text>
             </view>
             <view class="itemContent">平台卖家服务，为您在平台获得最优的购买体验阿斯蒂芬的发射点发射点发生的房贷首付的发护法国会国家和国际会更加和</view>
           </view>
           <view class="serviceItem">
             <view class="title">
               <view style="width: 6rpx;height: 6rpx;border-radius: 3rpx;background-color: #FF6B4A;margin-right: 12rpx;"></view>
               <text class="titleText">正品保证</text>
             </view>
             <view class="itemContent">向您保证所售商品均为正品行货</view>
           </view>
           <view class="serviceItem2">
             <view class="title">
               <text class="titleText">权利申明</text>
             </view>
             <view class="itemContent">任何个人或单位如果同时符合以下两个条件：1. 权利人发现网络用户利用网络服务侵害其合法权益；2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知。</view>
           </view>
           <view class="serviceItem2">
             <view class="title">
               <text class="titleText">价格保证</text>
             </view>
             <view class="itemContent">
               <view class="itemContent-child">
                 <text class="contentTitle">平台价:</text>
                 <text>任何个人或单位如果同时符合以下两个条件：1. 权利人发现网络用户利用网络服务侵害其合法权益；2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
               </view>
               <view class="itemContent-child">
                 <text class="contentTitle">划线价:</text>
                 <text>任何个人或单位如果同时符合以下两个条件：1. 权利人发现网络用户利用网络服务侵害其合法权益；2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
               </view>
               <view class="itemContent-child">
                 <text class="contentTitle">平折扣:</text>
                 <text>任何个人或单位如果同时符合以下两个条件：1. 权利人发现网络用户利用网络服务侵害其合法权益；2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
               </view>
               <view class="itemContent-child">
                 <text class="contentTitle">异常问题:</text>
                 <text>任何个人或单位如果同时符合以下两个条件：1. 权利人发现网络用户利用网络服务侵害其合法权益；2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
               </view>
             </view>
           </view>
         </view>
       </view>
     </view>
     <view
       class="D4"
       v-if="current !==2"
     >
       <view class="D4_esvalue">
         <view>{{esvalue}}&nbsp;&nbsp;{{goodInfo.judgeInfo.good}}</view>
         <view class="D4_2">
           <view
             class="star"
             v-for="o in starCount"
             :key="o"
           >
             <image
               src="../../static/img/detail/d_star.png"
               mode="aspectFill"
               style="height: 26rpx; width: 28rpx;"
             ></image>
           </view>
         </view>
       </view>
       <view class="D4_list">
         <view
           v-for="(assess) in goodInfo.judge_tag"
           :key="assess.key"
         >{{assess.name}}</view>
       </view>
     </view>
     <view
       class="D5"
       v-if="current !==2"
     >
       <view class="D5_fixed1" @click="consolg(goodInfo.prodIntro1)">
         <image src="/static/img/detail/hr.png"></image>
         <view>商品详细</view>
         <image src="/static/img/detail/hr.png"></image>
       </view>
       <view class="D5_all" v-html="test">
         <!-- <block>
           <rich-text :nodes="goodInfo.prodIntro1"></rich-text>
         </block> -->
       </view>
     </view>
     <!-- 底部菜单 -->
     <view class="botton">
       <view
         @tap="toCart()"
         class="botton_1"
       >
         <image v-bind:src="imgShop.img"></image>
         <view class="botton_image">购物车</view>
       </view>
       <view class="botton_2">
         <view
           class="botton_input"
           @tap="addCart()"
         >加入购物车</view>
         <view
           class="botton_now"
           @tap="goPerchase()"
         >立即购买</view>
       </view>
     </view>
   </view>
 </template>
 <script>
 import store from '@/store'
 export default {
   data () {
     return {
       test: '',
       goodType: 2,
       pid: 0,
       // 购物车数据
       addCartList: {
-        mp_id: 335,
+        mp_id: 0,
+        uid: 0,
         sk_id: 0,
         num: 1,
         price: ''
       },
       screenItems: [
         { current: 0, text: '商品介绍' },
         { current: 1, text: '规格参数' },
         { current: 2, text: '售后保障' }
       ],
       current: 0,
       starCount: 5,
       parameter: [
         { key: 0, img: '/static/img/detail/d2.png', standard: '框架宽', slength: '139mm' },
         { key: 1, img: '/static/img/detail/d3.png', standard: '镜片宽', slength: '51mm' },
         { key: 2, img: '/static/img/detail/d4.png', standard: '镜片高', slength: '45mm' },
         { key: 3, img: '/static/img/detail/d5.png', standard: '鼻架宽', slength: '19mm' },
         { key: 4, img: '/static/img/detail/d6.png', standard: '框架耳长', slength: '138mm' },
         { key: 5, img: '/static/img/detail/d7.png', standard: '框架重', slength: '19mm' }
       ],
       esvalue: '宝贝好评率',
       introduction: {
         material: '钛合金',
         func: '抗疲劳/防辐射',
         rate: '男/女'
       },
       imgAll: '/static/img/detail/d8.png',
       photoes: [
         { value: '日常办公', img: '/static/img/detail/d9.png' },
         { value: '上网', img: '/static/img/detail/d10.png' },
         { value: '追剧', img: '/static/img/detail/d11.png' },
         { value: '玩游戏', img: '/static/img/detail/d12.png' }
       ],
       imgDetail: '/static/img/detail/d13.png',
       imgShop: {
         img: '/static/tab-cart.png',
         IsShown: false
       },
       tag: {
         prod_tag_freesend: [{
           label: '眼镜盒',
           value: '262'
         }]
       }
     }
   },
   onLoad: function ({ pid,sk_id }) {
     this.pid = pid
 	// console.log('sk_id=====>',sk_id)
     store.dispatch('read/fetch', {
       pid,
 	  sk_id
     }).then(() => {
       this.parameter[0].slength = `${this.goodInfo.frame_width}mm`
       this.parameter[1].slength = `${this.goodInfo.glass_width}mm`
       this.parameter[2].slength = `${this.goodInfo.glass_height}mm`
       this.parameter[3].slength = `${this.goodInfo.nose_width}mm`
       this.parameter[4].slength = `${this.goodInfo.leg_long}mm`
-      this.parameter[5].slength = `${this.goodInfo.weight}mm`
-      this.tag = this.goodInfo.tag
+      this.parameter[5].slength = `${this.goodInfo.weight}mm`
-      this.addCartList.price = this.goodInfo.p_sale_price
+      this.tag = this.goodInfo.tag
+      this.test = this.goodInfo.prodIntro1
+      this.test = this.test.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
+      // addCart
+      this.addCartList.price = this.goodInfo.p_sale_price
+      this.addCartList.sk_id = this.goodInfo.skuList[0].sk_id
-      this.test = this.goodInfo.prodIntro1
+      this.addCartList.mp_id = this.goodInfo.glassData.mp_id
+      this.addCartList.uid = this.$store.state.user.userInfo.uid
-      this.test = this.test.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
+    })
-    })
+    // console.log(this.$store.state.user.userInfo.uid + 'ssss')
   },
   computed: {
     updateGoodType () {
       return this.goodType
     },
     goodInfo () {
       console.log(this.$store.state.read.goodInfo)
       return this.$store.state.read.goodInfo
     }
   },
   methods: {
     // 前往购物车
     toCart() {
       uni.switchTab({
         url: '/pages/cart/cart',
         success: res => {},
         fail: (error) => { console.log('跳转购物车失败======>', error) },
         complete: () => { console.log('toCart') }
       })
     },
     // 加入购物车
     addCart () {
       store.dispatch('cart/addCart', {
         uid: this.$store.state.user.userInfo.uid,
         openid: this.$store.state.user.userInfo.openid,
         mp_id: this.addCartList.mp_id,
         sk_id: this.addCartList.sk_id,
         num: this.addCartList.num,
-        pid: this.pid,
-        price: this.addCartList.price,
+        pid: this.pid,
-        checkedSKU: {}
+        price: this.addCartList.price
       })
       store.dispatch('cart/getCartList', {
         uid: this.$store.state.user.userInfo.uid // 用户id
       })
     },
     goPerchase () {
       // switch (this.updateGoodType) {
       //   case '1':
       console.log('goPerchase')
       uni.navigateTo({
         url: `../purchaseLenses/purchaseLenses?pid=${this.pid}`,
         success: res => {},
         fail: (error) => { console.log('跳转参数选择失败======>', error) },
         complete: () => { console.log('goPerchase') }
       })
       // break
       // case '2':
       //   uni.navigateTo({
       //     url: '../detailStandard/detailStandard_k',
       //     success: res => {},
       //     fail: () => {},
       //     complete: () => {}
       //   })
       //   break
       // case '3':
       //   uni.navigateTo({
       //     url: '../purchaseLenses/purchaseLenses',
       //     success: res => {},
       //     fail: () => {},
       //     complete: () => {}
       //   })
       //   break
       // case '4':
       //   uni.navigateTo({
       //     url: '../detailStandard/detailStandard_sun',
       //     success: res => {},
       //     fail: () => {},
       //     complete: () => {}
       //   })
       //   break
       // default :
       //   break
-      // }
-    },
-    // 加入购物车
-    addCart () {
-      store.dispatch('cart/addCart', {
-        uid: this.$store.state.user.userInfo.uid,
-        openid: this.$store.state.user.userInfo.openid,
-        pid: this.pid,
-        checkedSKU: {}
-      })
-      store.dispatch('cart/getCartList', {
-        uid: this.$store.state.user.userInfo.uid // 用户id
-      })
+      // }
     },
     tabChange (e) {
       if (this.current !== e) {
         this.current = e
       }
     }
   }
 }
 </script>
 <style lang='scss'>
 .container {
   background-color: #f8f8f8;
 }
 .D1,
 .D2,
 .D3,
 .D4,
 .D6 {
   background: #ffffff;
   margin-bottom: 10px;
   padding: 8px 20px 8px 20px;
   box-sizing: border-box;
   .swiperImage {
     width: 684rpx;
     height: 480rpx;
     image {
       max-width: 100%;
       max-height: 100%;
       border-radius: 16rpx;
     }
   }
 }
 .D5 {
   background: #ffffff;
   padding: 8px 20px 8px 20px;
   box-sizing: border-box;
 }
 .swiperImage {
   width: 100%;
   height: 560rpx;
   .swiper-item {
     width: 100%;
     image {
       width: 100%;
     }
   }
 }
 .D1 {
   .D1_price {
     color: #eb5d3b;
     font-size: 18px;
     margin-top: 5px;
     font-family: "PingFangSC-Semibold";
     display: flex;
     justify-content: space-between;
     .D1_number {
       color: #999999;
       font-size: 14px;
       font-family: "PingFangSC-Regular";
     }
   }
   .D1_name {
     font-size: 16px;
     font-family: "PingFangSC-Semibold";
     margin-top: 5px;
     .D1_name1 {
       font-weight: bold;
       font-size: 16px;
       color: #333333;
     }
   }
   .D1_spans {
     font-size: 10px;
     color: #999999;
     margin-top: 5px;
     span {
       height: 14px;
       margin-right: 10px;
     }
   }
 }
 .D2 {
   font-size: 14px;
   font-family: "PingFangSC-Regular";
   view {
     height: 24px;
   }
   .D2_span1 {
     color: #999999;
   }
   .D2_span2 {
     color: #333333;
   }
 }
 .D3 {
   .screenBar {
     width: 670rpx;
     margin-top: 20rpx;
     margin-bottom: 24rpx;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
     color: #333333;
     transition: all 0.2s;
   }
   .screen-item {
     font-size: 32rpx;
     color: #333333;
     display: flex;
     transition: all 0.2s;
     .D3_list {
       margin-bottom: 4px;
     }
     .D3_list view {
       display: flex;
       align-content: center;
       font-size: 14px;
       color: #333333;
     }
     .D3_list image {
       width: 50px;
       height: 25px;
       margin-right: 6px;
     }
     .D3_list span {
       margin-left: 6px;
       margin-right: 5px;
       font-family: "PingFangSC-Regular";
     }
   }
   .active {
     border-bottom: 4rpx solid #ff6b4a;
   }
   .customerService {
     margin-bottom: 90rpx;
     .serviceItem {
       margin-bottom: 32rpx;
       .title {
         display: flex;
         flex-direction: row;
         align-items: center;
         .titleText {
           font-size: 14px;
           color: #333333;
           margin-bottom: 12rpx;
         }
       }
       .itemContent {
         font-size: 14px;
         color: #999999;
         margin-left: 18rpx;
       }
     }
     .serviceItem2 {
       margin-left: 18rpx;
       margin-bottom: 32rpx;
       .titleText {
         font-size: 14px;
         color: #ff6b4a;
       }
       .itemContent {
         font-size: 14px;
         color: #999999;
         .itemContent-child {
           margin-bottom: 40rpx;
           .contentTitle {
             border-bottom: 1px solid #ff6b4a;
           }
         }
       }
     }
   }
 }
 .D4 {
   .D4_esvalue {
     font-size: 14px;
     color: #333333;
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
     .D4_2 {
       width: 90px;
       display: flex;
       align-items: center;
       justify-content: space-between;
     }
   }
   .D4_esvalue view {
     font-size: 14px;
     color: #333333;
     font-weight: bold;
   }
   .D4_list{
     display: grid;
     grid-row-gap: 10px;
     grid-column-gap: 4px;
   }
   .D4_list view {
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 12px;
     width: 118px;
     height: 24px;
     border-radius: 2px;
     background: #f2f2f2;
     color: #666666;
     // letter-spacing: 1px;
   }
 }
 .D5 {
   .D5_fixed1 {
     display: flex;
     justify-content: space-between;
     align-content: center;
     margin-bottom: 12px;
     view {
       font-size: 14px;
       color: #333333;
       font-weight: bold;
       font-family: "PingFangSC-Medium";
       line-height: 24px;
     }
     image {
       width: 240rpx;
       height: 3px;
       margin-top: 10px;
     }
   }
   .D5_all {
     width: 100%;
     margin-top: 30rpx;
     margin-right: 30rpx;
     margin-bottom: 180rpx;
     font-family: "PingFangSC-Regular";
     // border: #999999 solid 1.5px;
   }
 }
 .D6 {
   width: 100%;
   height: 430px;
   background: #f9f6ed;
   margin-bottom: 74px;
   view {
     text-align: center;
   }
   .D6_v1 {
     font-weight: bold;
   }
   .D6_v2 {
     font-size: 14px;
     margin-bottom: 30px;
   }
   .D6_v5 {
     .D6_v5_s1 {
       font-weight: bold;
     }
     .D6_v5_s2 {
       font-size: 14px;
     }
   }
 }
 .botton {
   position: fixed;
   bottom: 0;
   height: 74px;
   width: 100%;
   background: #ffffff;
   padding: 20px 20px 8px 20px;
   font-family: "PingFangSC-Regular";
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-content: center;
   .botton_1 {
     width: 20%;
     height: 100%;
     text-align: center;
     color: #989898;
   }
   image {
     width: 60%;
     height: 30px;
   }
   .botton_image {
     font-size: 12px;
     text-align: center;
   }
   .botton_2 {
     width: 74%;
     height: 86%;
     display: grid;
     grid-template-columns: 50% 50%;
   }
   .botton_input {
     display: inline-flex;
     align-items: center;
     justify-content: space-around;
     background: #fff0ec;
     font-size: 16px;
     color: #ff6b4a;
     border-radius: 20px 0 0 20px;
   }
   .botton_now {
     display: inline-flex;
     align-items: center;
     justify-content: space-around;
     background: #ff6b4a;

src/store/modules/address.js

Diff comments View file @30ace30

 import urlAlias from '../url'
 import request from '../request'
 const { editAddress, addressList, getAddress, getDefaultAddress } = urlAlias
 const state = { list: [], detail: {}, defaultInfo: {} }
 const mutations = {
   LIST: (state, list) => {
     state.list = list
   },
   DETAILS: (state, details) => {
     state.details = details
   },
   DEFAULT: (state, data) => {
     state.defaultInfo = data
   }
 }
 const actions = {
   edit(mutations, param, success) {
-    request({
+    return new Promise((resolve) => request({
       url: editAddress,
       data: param,
-      success,
+      success: () => {
+        resolve()
+      },
       fail: () => {
         uni.showModal({
           content: '编辑失败',
           showCancel: false
         })
       },
       complete: (res) => {
         console.log('complete status === > ', res)
       }
-    })
+    }))
   },
   list({ commit }) {
     request({
       url: addressList,
       success: (res) => {
         commit('LIST', res.data.data)
       },
       fail: () => {
         uni.showModal({
           content: '获取地址列表失败',
           showCancel: false
         })
       }
     })
   },
   details({ commit }, param) {
     return new Promise((resolve, reject) => request({
       url: getAddress,
       data: param,
       success: (res) => {
         commit('DETAILS', res.data.data)
         resolve({
           code: res.data.code,
           data: res.data.data
         })
       },
       fail: () => {
         uni.showModal({
           content: '获取地址信息失败',
           showCancel: false
         })
       }
     }))
   },
   default({ commit }, param) {
     return new Promise((resolve, reject) => request({
       url: getDefaultAddress,
       data: param,
       success: (res) => {
         resolve({
           code: res.data.code,
           data: res.data.data
         })
       },
       fail: () => {
         uni.showModal({
           content: '获取默认地址信息失败',
           showCancel: false
         })
       }
     }))
   }
 }
 export default {
   namespaced: true,
   state,
   mutations,
   actions
 }