兑换记录填地址

zhiyangdu
1 parent 5274a181
Showing 4 changed files with 56 additions and 2 deletions
src/components/addressToast/addressToast.vue
src/pages/pointsExchangeRecords/pointsExchangeRecords.less
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
static/img/red_right_icon.png
@@ -356,7 +356,7 @@ export default {
       // 返回处理
       if (res.code == 200) {
         Toast("提交成功等待发货");
-        this.$emit("toUpdate");
+        this.$emit("toUpdate", ext.ext.id);
       } else {
         // 兑换礼品失败
         Toast(res.message);
@@ -16,6 +16,7 @@
         height: 190px;
       }
       .right{
+        flex: 1;
         margin-left: 32px;
         .name{
           height: 80px;
@@ -47,6 +48,30 @@
           color: #9B9B9B;
           line-height: 33px;
         }
+        .btn-box{
+          display: flex;
+          justify-content: flex-end;
+          margin-top: 30px;
+          .btn{
+            width: 157px;
+            height: 50px;
+            border-radius: 26px;
+            border: 1px solid #FC1541;
+            padding:10px 20px;
+            font-size: 24px;
+            color: #FF415F;
+            text-align: center;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+          img{
+            display: block;
+            width: 22px;
+            height: 22px;
+            margin: 6px 0 0 4px;
+          }
+        }
       }
     }
   }
@@ -28,6 +28,12 @@
           <div class="exchange_time">
             兑换时间 {{item.create_time*1000 | datetime('yyyy-MM-dd hh:mm:ss')}}
           </div>
+          <div v-show="item.shop_type == 1 && !item.address_name && !item.address_name" class="btn-box">
+            <div @click="addAddressInfo(item)" class="btn">
+              填写地址 
+              <img src="static/img/red_right_icon.png" alt=""/>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -39,12 +45,15 @@
     <div v-show="list.length>0 && isMore ==0" class="is_more">
         没有更多了
     </div>
+            <!-- 地址信息组件 -->
+    <address-toast ref="itemsInfo" @toUpdate="updateAddressInfo" v-show="pointsToast_control"></address-toast>
 </div>
 </template>
 <script>
 // 引入组件
 import { Toast, Indicator } from "mint-ui";
+import addressToast from "@/components/addressToast/addressToast";
 export default {
   data () {
     return {
@@ -52,11 +61,13 @@ export default {
       page: 0,
       isMore: 1, // 0没有更多1有更多
       addressInfo: null, // 暂存已选商品发货地址信息
-      isCall: false // 是否调用接口
+      isCall: false, // 是否调用接口
+      pointsToast_control: this.$route.query.pointsToast_control,
     }
   },
   //部件
   components: {
+    addressToast
   },
   //静态
   props: [
@@ -85,6 +96,24 @@ export default {
         }
       }
     },
+    // 填写地址
+    addAddressInfo (item) {
+      // 如果是实物弹起填写地址弹窗
+      this.pointsToast_control = true;
+      // 礼品兑换弹框派发
+      this.$refs.itemsInfo.getItemInfo(item, item.id);
+    },
+    // 填写完地址回调
+    updateAddressInfo (orderId) {
+      this.list.forEach(item => {
+        let obj = item;
+        for (let key in obj) {
+          if (item.id == orderId) {
+            this.$set(item, "shop_type", 2);
+          }
+        }
+      });
+    },
     // 下拉刷新
     loadMore () {
       this.loading = true;