Adam / gulu-vue

Browse Code »

Commit cd8561baec1722c6874a76f4610010f490289a3c

Authored by 尹聃 2020-05-26 23:44:42 +0800

2 parents 006e965473 5f77f7e7e6

Exists in master

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

Showing 4 changed files Show diff stats

src/pages/address/addAddress.vue

Diff comments View file @cd8561b

 <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 @cd8561b

 <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 @cd8561b

 <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/store/modules/address.js

Diff comments View file @cd8561b

 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
 }