weiz
/
data_center
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

用户详情静态页面添加

This commit is contained in:
THK3121 2023-09-18 11:05:22 +08:00
parent 74a2173290
commit deab30eb4a
2 changed files with 157 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin/scripts/release.mjs
View File

@ -3,7 +3,7 @@ import fsExtra from 'fs-extra'
const { existsSync, remove, copy } = fsExtra
const cwd = process.cwd()
//打包发布路径，谨慎改动
const releaseRelativePath = '../server/public/admin'
const releaseRelativePath = '../../../dist'
const distPath = path.resolve(cwd, 'dist')
const releasePath = path.resolve(cwd, releaseRelativePath)

156
admin/src/userInfo/detail.vue Normal file
View File

@ -0,0 +1,156 @@
<template>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-row>
<el-col :span="4">
<el-form-item label="用户名:" prop="name"> 张用户 </el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="注册手机号:" prop="name">
19130550023
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="性别:" prop="name"> 男 </el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="年龄:" prop="name"> 36 </el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="注册时间:" prop="name"> 2023.09.11</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="身份证号:" prop="name">
513701200012105612
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="所属片区:" prop="name">
四川省泸州市江阳区xx粉红色的积分开朗大方</el-form-item
>
</el-col>
<el-col :span="8">
<el-form-item label="最近登录ip:" prop="name">
2+1.10.124</el-form-item
>
</el-col>
<el-col :span="8">
<el-form-item label="账户状态:" prop="name">
<el-select
v-model="queryParams.status"
placeholder="是否显示"
clearable
class="w-[240px]"
>
<el-option label="正常" value="1"></el-option>
<el-option label="异常" value="0"></el-option> </el-select
></el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
<el-card class="!border-none mb-4" shadow="never">
<el-form-item label="账户余额:" prop="name">
9999999999 &nbsp;&nbsp;
<el-button type="primary">查看全部</el-button></el-form-item
>
<el-table :data="pager.lists">
<el-table-column label="时间" prop="id" />
<el-table-column label="资金变动" prop="name" show-overflow-tooltip />
<el-table-column label="项目" prop="remark" show-overflow-tooltip>
</el-table-column>
<el-table-column
label="交易渠道/场所"
prop="remark"
show-overflow-tooltip
>
</el-table-column>
<el-table-column label="交易ID" prop="remark" show-overflow-tooltip>
</el-table-column>
<el-table-column label="支付方式" prop="remark" show-overflow-tooltip>
</el-table-column>
<el-table-column label="交易类型" prop="remark" show-overflow-tooltip>
</el-table-column>
<el-table-column label="账户余额" prop="remark" show-overflow-tooltip>
</el-table-column>
<!-- <el-table-column label="状态" prop="status" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.status == 1">启用</span>
<span v-if="row.status == 0">禁用</span>
</template>
</el-table-column> -->
</el-table>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<div class="bottomTables">
<el-card
style="flex: 2; margin-right: 2vw"
class="!border-none mb-4"
shadow="never"
>
<el-form-item label="积分累计:" prop="name">
9999999999 &nbsp;&nbsp;
<el-button type="primary">查看全部</el-button></el-form-item
>
<el-table :data="pager.lists">
<el-table-column label="时间" prop="id" />
<el-table-column label="积分变动" prop="name" show-overflow-tooltip />
<el-table-column label="项目" prop="remark" show-overflow-tooltip>
</el-table-column>
<el-table-column
label="积分变更场所"
prop="remark"
show-overflow-tooltip
>
</el-table-column>
<el-table-column label="分类" prop="remark" show-overflow-tooltip>
</el-table-column>
<el-table-column label="积分累计" prop="remark" show-overflow-tooltip>
</el-table-column>
</el-table>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<el-card style="flex: 1" class="!border-none mb-4" shadow="never">
<el-form-item label="各应用使用情况:" prop="name">
9999999999 &nbsp;&nbsp;
<el-button type="primary">查看全部</el-button></el-form-item
>
<el-table :data="pager.lists">
<el-table-column label="时间" prop="id" />
<el-table-column label="使用应用" prop="name" show-overflow-tooltip />
<el-table-column label="使用时长" prop="remark" show-overflow-tooltip>
</el-table-column>
</el-table>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
</div>
</template>
<script lang="ts" setup name="flowLists">
import { reactive } from "vue";
import { usePaging } from "@/hooks/usePaging";
import { apiFlowLists, apiFlowDetil, apiFlowStatus } from "@/api/examined";
const queryParams = reactive({
name: "",
status: "1",
});
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiFlowLists,
params: queryParams,
});
</script>
<style lang="scss" scoped>
.bottomTables {
display: flex;
}
</style>