init

src/views/cai/userGift/index.vue

@@ -65,6 +65,7 @@
               size="mini"
               type="text"
               icon="el-icon-info"
+              v-if="scope.row.consumerLogId"
               @click="handleConsumerLog(scope.row)"
           >分销记录
           </el-button>
@@ -79,18 +80,24 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
     />
+    <consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
   </div>
 </template>
 
 <script>
 import {listUserGift} from "@/api/cai/userGift";
 import {userGiftTypeList} from "@/constant/statusMap";
+import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
 
 export default {
   name: "UserGift",
+  components: {
+    ConsumeLogInfo
+  },
   data() {
     return {
       userGiftTypeList,
+      consumeLogInfoVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -147,6 +154,10 @@ export default {
       this.multiple = !selection.length
     },
     handleConsumerLog(row) {
+      this.consumeLogInfoVisible = true
+      this.$nextTick(() => {
+        this.$refs.consumeLogInfo.init(row.consumerLogId)
+      })
     },
   }
 };