init

src/views/cai/consumeLog/consume-log-info.vue

@@ -12,6 +12,9 @@
           <el-descriptions-item label="是否计算">
             <cai-dict-tag :options="consumeLogCalculateStatusList" :value="info.calculateStatus" />
           </el-descriptions-item>
+          <el-descriptions-item label="类型">
+            <cai-dict-tag :options="consumeLogStatusList" :value="info.status" />
+          </el-descriptions-item>
           <el-descriptions-item label="后台操作？">
             <cai-dict-tag :options="booleanList" :value="info.admin" />
           </el-descriptions-item>
@@ -21,6 +24,9 @@
           <el-descriptions-item label="创建时间">
             {{info.createTime}}
           </el-descriptions-item>
+          <el-descriptions-item label="链路号">
+            {{info.traceId}}
+          </el-descriptions-item>
         </el-descriptions>
       </el-collapse-item>
       <el-collapse-item title="消费方" name="source">
@@ -102,9 +108,10 @@ import {
   booleanList,
   consumeLogCalculateStatusList,
   consumeLogStatusList,
-  consumeLogTypeList, isAnchorList
+  consumeLogTypeList,
+  isAnchorList
 } from '@/constant/statusMap'
-import {getConsumeLog} from "@/api/cai/consumeLog";
+import {getConsumeLog, getConsumeLogTraceId} from "@/api/cai/consumeLog";
 
 export default {
   name: "UserInfo",
@@ -139,7 +146,13 @@ export default {
       this.open = true;
       this.id = id;
       getConsumeLog(this.id).then(response => {
-        this.info = response.data;
+        this.info = response.data?response.data:{};
+      });
+    },
+    traceIdInit(traceId){
+      this.open = true;
+      getConsumeLogTraceId(traceId).then(response => {
+        this.info = response.data?response.data:{};
       });
     },
   }

src/views/cai/consumeLog/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>
@@ -106,6 +114,7 @@
         </template>
       </el-table-column>
       <el-table-column label="分销时间" align="center" prop="opCreate" width="180" />
+      <el-table-column label="链路号" align="center" prop="traceId" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="80" fixed="right">
         <template v-slot="scope">
           <el-button
@@ -165,7 +174,8 @@ export default {
         unionUsercode: undefined,
         oneUsercode: undefined,
         targetUsercode: undefined,
-        sourceUsercode: undefined
+        sourceUsercode: undefined,
+        traceId: undefined
       },
     };
   },