|
@@ -0,0 +1,61 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div> 用户ID:{{userInfo.uid}}<p></p></div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="阅读记录" name="watch_record">
|
|
|
+
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="充值记录" name="order_list">
|
|
|
+
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="消耗记录" name="consume_record">
|
|
|
+
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import { wechatMinUserInfo } from '@/api/orders/index';
|
|
|
+import {useGetList} from '@/hook/curd/useGetList';
|
|
|
+import { ref } from 'vue'
|
|
|
+import type { TabsPaneContext } from 'element-plus'
|
|
|
+const props = defineProps({
|
|
|
+ uid: String | Number,
|
|
|
+});
|
|
|
+const activeName = ref('watch_record')
|
|
|
+const api = ref('channel/wechat_min_user/watch_record');
|
|
|
+const handleClick = (tab: TabsPaneContext, event: Event) => {
|
|
|
+ console.log(tab, event, tab.props.name)
|
|
|
+}
|
|
|
+
|
|
|
+const userInfo = ref({});
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ console.log('props-------=:',props)
|
|
|
+ // query.value.uid = props.uid;
|
|
|
+ wechatMinUserInfo(props.uid).then(res=>{
|
|
|
+ userInfo.value = res.data;
|
|
|
+ console.log('props-------=:',userInfo)
|
|
|
+ });
|
|
|
+})
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+::v-deep(.el-input__wrapper) {
|
|
|
+ display: flex;
|
|
|
+ width: 180px;
|
|
|
+ flex: none;
|
|
|
+}
|
|
|
+
|
|
|
+.wrapper {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+</style>
|