init

src/views/cai/rechargeOrder/index.vue

@@ -36,6 +36,14 @@
           />
         </el-select>
       </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>
@@ -48,7 +56,7 @@
 
     <el-table v-loading="loading" :data="rechargeOrderList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="订单号" align="center" prop="orderNo" />
+      <el-table-column label="订单号" align="center" prop="orderNo" show-overflow-tooltip/>
       <el-table-column label="蜜瓜号" align="center" prop="usercode" />
       <el-table-column label="昵称" align="center" prop="nickname" />
       <el-table-column label="手机" align="center" prop="mobile" />
@@ -81,8 +89,17 @@
           <cai-dict-tag :options="booleanList" :value="scope.row.admin" />
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140">
         <template v-slot="scope">
+          <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-info"
+              v-if="scope.row.traceId && scope.row.admin===false"
+              @click="handleConsumerLog(scope.row)"
+          >分销记录
+          </el-button>
           <el-button
               size="mini"
               type="text"
@@ -100,6 +117,7 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+    <consume-log-info v-if="consumeLogInfoVisible" ref="consumeLogInfo" />
     <recharge-order-info v-if="rechargeOrderInfoVisible" ref="rechargeOrderInfo" />
   </div>
 </template>
@@ -116,17 +134,19 @@ import {
   yesOrNoList
 } from '@/constant/statusMap'
 import RechargeOrderInfo from "@/views/cai/rechargeOrder/recharge-order-info";
+import ConsumeLogInfo from "@/views/cai/consumeLog/consume-log-info";
 
 export default {
   name: "RechargeOrder",
   components:{
-    RechargeOrderInfo
+    RechargeOrderInfo,ConsumeLogInfo
   },
   data() {
     return {
       genderList,memberTypeList,yesOrNoList,memberStatusList,booleanList,platformTypeList,
       payStatusList,
       rechargeOrderInfoVisible: false,
+      consumeLogInfoVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -148,7 +168,8 @@ export default {
         payStatus: undefined,
         usercode: undefined,
         mobile: undefined,
-        orderNo: undefined
+        orderNo: undefined,
+        traceId: undefined
       },
     };
   },
@@ -181,6 +202,12 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    handleConsumerLog(row) {
+      this.consumeLogInfoVisible = true
+      this.$nextTick(() => {
+        this.$refs.consumeLogInfo.traceIdInit(row.traceId)
+      })
+    },
     handleInfo(row) {
       this.rechargeOrderInfoVisible = true
       this.$nextTick(() => {