init

src/views/cai/accountChangeLog/index.vue

@@ -31,6 +31,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>
@@ -59,8 +67,16 @@
         </template>
       </el-table-column>
       <el-table-column label="操作时间" align="center" prop="createTime" />
+      <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.traceId"
+              @click="handleInfo(scope.row)"
+          >关联业务</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -72,18 +88,24 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+    <recharge-order-info v-if="rechargeOrderInfoVisible" ref="rechargeOrderInfo" />
   </div>
 </template>
 
 <script>
 import {listAccountChangeLog, listChangeType} from "@/api/cai/accountChangeLog";
 import {accountTypeList, yesOrNoList} from "@/constant/statusMap";
+import RechargeOrderInfo from "@/views/cai/rechargeOrder/recharge-order-info";
 
 export default {
   name: "AccountChangeLog",
+  components: {
+    RechargeOrderInfo
+  },
   data() {
     return {
       accountTypeList,yesOrNoList,
+      rechargeOrderInfoVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -104,7 +126,8 @@ export default {
         pageSize: 10,
         usercode: undefined,
         accountType: undefined,
-        cateId: undefined
+        cateId: undefined,
+        traceId:undefined
       },
       changeTypeList:[],
     };
@@ -141,6 +164,31 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    handleInfo(row){
+      const command = row.traceLinkType
+      switch (command) {
+        case "RECHARGE":
+          this.rechargeOrderInfoVisible = true
+          this.$nextTick(() => {
+            this.$refs.rechargeOrderInfo.traceIdInit(row.traceId)
+          })
+          break;
+        case "GIFT":
+          this.handleResetPwd(row);
+          break;
+        case "GUARD":
+          this.handleResetMobile(row);
+          break;
+        case "VIDEO":
+          this.handleResetMobile(row);
+          break;
+        case "WITHDRAW":
+          this.handleResetMobile(row);
+          break;
+        default:
+          break;
+      }
+    }
   }
 };
 </script>