用户详情静态页面添加

admin/scripts/release.mjs

@@ -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)
 

admin/src/userInfo/detail.vue

@@ -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>