init

src/views/cai/userGift/index.vue

@@ -33,6 +33,14 @@
             @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="链路号" prop="traceId">
+        <el-input
+            v-model="queryParams.traceId"
+            placeholder="请输入链路号"
+            clearable
+            @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -63,16 +71,23 @@
       <el-table-column label="礼物价格" align="center" prop="giftPrice"/>
       <el-table-column label="礼物数量" align="center" prop="giftCount"/>
       <el-table-column label="礼物总额" align="center" prop="giftAmount"/>
+      <el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template v-slot="scope">
           <el-button
               size="mini"
               type="text"
               icon="el-icon-info"
-              v-if="scope.row.consumerLogId"
+              v-if="scope.row.traceId"
               @click="handleConsumerLog(scope.row)"
           >分销记录
           </el-button>
+          <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-info"
+              @click="handleInfo(scope.row)"
+          >详情</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -85,6 +100,7 @@
         @pagination="getList"
     />
     <consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
+    <user-gift-info v-if="userGiftInfoVisible" ref="userGiftInfo" />
   </div>
 </template>
 
@@ -92,16 +108,18 @@
 import {listUserGift} from "@/api/cai/userGift";
 import {userGiftTypeList} from "@/constant/statusMap";
 import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
+import UserGiftInfo from "@/views/cai/userGift/user-gift-info";
 
 export default {
   name: "UserGift",
   components: {
-    ConsumeLogInfo
+    ConsumeLogInfo,UserGiftInfo
   },
   data() {
     return {
       userGiftTypeList,
       consumeLogInfoVisible: false,
+      userGiftInfoVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -125,6 +143,7 @@ export default {
         toMobile: undefined,
         fromUsercode: undefined,
         fromMobile: undefined,
+        traceId: undefined
       },
     };
   },
@@ -160,9 +179,15 @@ export default {
     handleConsumerLog(row) {
       this.consumeLogInfoVisible = true
       this.$nextTick(() => {
-        this.$refs.consumeLogInfo.init(row.consumerLogId)
+        this.$refs.consumeLogInfo.traceIdInit(row.traceId)
       })
     },
+    handleInfo(row){
+      this.userGiftInfoVisible = true
+      this.$nextTick(() => {
+        this.$refs.userGiftInfo.traceIdInit(row.id)
+      })
+    }
   }
 };
 </script>