style 样式优化

This commit is contained in:
DaxPay
2024-07-29 20:05:14 +08:00
parent a4cf902fd4
commit 2abda94830
15 changed files with 375 additions and 293 deletions

View File

@@ -14,7 +14,8 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table ey-field="id" ref="xTable" :data="pagination.records" :loading="loading">
<div class="h-65vh">
<vxe-table height="auto" ey-field="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="字典项编码" />
<vxe-column field="name" title="字典项名称" />
@@ -43,6 +44,7 @@
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -18,43 +18,51 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="编码" />
<vxe-column field="name" title="名称" />
<vxe-column field="groupTag" title="分类标签">
<template #default="{ row }">
<a-tag color="green">{{ row.groupTag || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="enable" title="启用状态">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" />
<vxe-column field="createTime" title="创建时间" />
<vxe-column fixed="right" width="220" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
<a-divider type="vertical" />
<span>
<a href="javascript:" @click="edit(row)">编辑</a>
</span>
<a-divider type="vertical" />
<span>
<a href="javascript:" @click="itemList(row)">字典配置</a>
</span>
<a-divider type="vertical" />
<a-popconfirm title="是否删除" @confirm="remove(row)" okText="是" cancelText="否">
<a href="javascript:" style="color: red">删除</a>
</a-popconfirm>
</template>
</vxe-column>
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
row-id="id"
ref="xTable"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="编码" />
<vxe-column field="name" title="名称" />
<vxe-column field="groupTag" title="分类标签">
<template #default="{ row }">
<a-tag color="green">{{ row.groupTag || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="enable" title="启用状态">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" />
<vxe-column field="createTime" title="创建时间" />
<vxe-column fixed="right" width="220" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
<a-divider type="vertical" />
<span>
<a href="javascript:" @click="edit(row)">编辑</a>
</span>
<a-divider type="vertical" />
<span>
<a href="javascript:" @click="itemList(row)">字典配置</a>
</span>
<a-divider type="vertical" />
<a-popconfirm title="是否删除" @confirm="remove(row)" okText="是" cancelText="否">
<a href="javascript:" style="color: red">删除</a>
</a-popconfirm>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -23,34 +23,42 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="userId" title="用户id" />
<vxe-column field="account" title="用户名称" />
<vxe-column field="login" title="登录成功状态">
<template #default="{ row }">
<a-tag v-if="row.login" color="green">成功</a-tag>
<a-tag v-else color="red">失败</a-tag>
</template>
</vxe-column>
<vxe-column field="client" title="终端">
<template #default="{ row }">
{{ getClient(row.client) }}
</template>
</vxe-column>
<vxe-column field="ip" title="登录IP地址" />
<vxe-column field="os" title="操作系统" />
<vxe-column field="browser" title="浏览器类型" />
<vxe-column field="msg" title="提示消息" />
<vxe-column field="loginTime" title="访问时间" />
<vxe-column fixed="right" width="60" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
</template>
</vxe-column>
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
row-id="id"
ref="xTable"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" width="60" />
<vxe-column field="userId" title="用户id" />
<vxe-column field="account" title="用户名称" />
<vxe-column field="login" title="登录成功状态">
<template #default="{ row }">
<a-tag v-if="row.login" color="green">成功</a-tag>
<a-tag v-else color="red">失败</a-tag>
</template>
</vxe-column>
<vxe-column field="client" title="终端">
<template #default="{ row }">
{{ getClient(row.client) }}
</template>
</vxe-column>
<vxe-column field="ip" title="登录IP地址" />
<vxe-column field="os" title="操作系统" />
<vxe-column field="browser" title="浏览器类型" />
<vxe-column field="msg" title="提示消息" />
<vxe-column field="loginTime" title="访问时间" />
<vxe-column fixed="right" width="60" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"
@@ -59,7 +67,7 @@
:total="pagination.total"
@page-change="handleTableChange"
/>
<LoginLogInfo :clients="clients" :login-types="loginTypes" ref="loginLogInfo" />
<LoginLogInfo :clients="clients" ref="loginLogInfo" />
</div>
</div>
</template>

View File

@@ -23,33 +23,41 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="operateId" title="操作人员id" />
<vxe-column field="account" title="操作账号" />
<vxe-column field="title" title="操作模块" />
<vxe-column field="success" title="是否成功">
<template #default="{ row }">
<a-tag v-if="row.success" color="green">成功</a-tag>
<a-tag v-else color="red">失败</a-tag>
</template>
</vxe-column>
<vxe-column field="businessType" title="业务类型">
<template #default="{ row }">
{{ dictConvert('LogBusinessType', row.businessType) }}
</template>
</vxe-column>
<vxe-column field="operateIp" title="操作ip" />
<vxe-column field="errorMsg" title="错误提示" />
<vxe-column field="operateTime" title="操作时间" />
<vxe-column fixed="right" width="60" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
</template>
</vxe-column>
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
row-id="id"
ref="xTable"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" width="60" />
<vxe-column field="operateId" title="操作人员id" />
<vxe-column field="account" title="操作账号" />
<vxe-column field="title" title="操作模块" />
<vxe-column field="success" title="是否成功">
<template #default="{ row }">
<a-tag v-if="row.success" color="green">成功</a-tag>
<a-tag v-else color="red">失败</a-tag>
</template>
</vxe-column>
<vxe-column field="businessType" title="业务类型">
<template #default="{ row }">
{{ dictConvert('LogBusinessType', row.businessType) }}
</template>
</vxe-column>
<vxe-column field="operateIp" title="操作ip" />
<vxe-column field="errorMsg" title="错误提示" />
<vxe-column field="operateTime" title="操作时间" />
<vxe-column fixed="right" width="60" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -18,48 +18,56 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" :min-width="60" />
<vxe-column field="name" title="参数名称" :min-width="200" />
<vxe-column field="key" title="参数Key" :min-width="150" />
<vxe-column field="value" title="参数值" :min-width="200" />
<vxe-column field="type" title="参数类型" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('ParamType', row.type) || '无' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="enable" title="启用状态" :min-width="80">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="internal" title="内置参数" :min-width="80">
<template #default="{ row }">
<a-tag v-if="row.internal" color="red"></a-tag>
<a-tag v-else color="green"></a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" :min-width="220" />
<vxe-column field="createTime" title="创建时间" :min-width="160" />
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作" :min-width="150">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
<a-divider type="vertical" />
<span>
<a href="javascript:" @click="edit(row)">编辑</a>
</span>
<template v-if="!row.internal">
<a-divider type="vertical" />
<a-popconfirm title="是否删除" @confirm="remove(row)" okText="是" cancelText="否">
<a href="javascript:" style="color: red">删除</a>
</a-popconfirm>
<div class="h-65vh">
<vxe-table
height="auto"
row-id="id"
ref="xTable"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" :min-width="60" />
<vxe-column field="name" title="参数名称" :min-width="200" />
<vxe-column field="key" title="参数Key" :min-width="150" />
<vxe-column field="value" title="参数值" :min-width="200" />
<vxe-column field="type" title="参数类型" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('ParamType', row.type) || '无' }}</a-tag>
</template>
</template>
</vxe-column>
</vxe-table>
</vxe-column>
<vxe-column field="enable" title="启用状态" :min-width="80">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="internal" title="内置参数" :min-width="80">
<template #default="{ row }">
<a-tag v-if="row.internal" color="red"></a-tag>
<a-tag v-else color="green"></a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" :min-width="220" />
<vxe-column field="createTime" title="创建时间" :min-width="160" />
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作" :min-width="150">
<template #default="{ row }">
<span>
<a href="javascript:" @click="show(row)">查看</a>
</span>
<a-divider type="vertical" />
<span>
<a href="javascript:" @click="edit(row)">编辑</a>
</span>
<template v-if="!row.internal">
<a-divider type="vertical" />
<a-popconfirm title="是否删除" @confirm="remove(row)" okText="是" cancelText="否">
<a href="javascript:" style="color: red">删除</a>
</a-popconfirm>
</template>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -10,19 +10,27 @@
</div>
<div class="m-3 p-3 bg-white">
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }" />
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" :width="60" />
<vxe-column field="code" title="编码" :min-width="100" />
<vxe-column field="name" title="名称" min :min-width="100" />
<vxe-column field="api" title="接口" :min-width="220" />
<vxe-column field="enable" title="是否启用" :min-width="50">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" :min-width="200" />
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
row-id="id"
ref="xTable"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" :width="60" />
<vxe-column field="code" title="编码" :min-width="100" />
<vxe-column field="name" title="名称" min :min-width="100" />
<vxe-column field="api" title="接口" :min-width="220" />
<vxe-column field="enable" title="是否启用" :min-width="50">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" :min-width="200" />
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -10,18 +10,26 @@
</div>
<div class="m-3 p-3 bg-white">
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }" />
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="编码" />
<vxe-column field="name" title="名称" />
<vxe-column field="enable" title="是否启用">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" />
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
row-id="id"
ref="xTable"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="编码" />
<vxe-column field="name" title="名称" />
<vxe-column field="enable" title="是否启用">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" />
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -10,18 +10,20 @@
</div>
<div class="m-3 p-3 bg-white">
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }" />
<vxe-table row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="编码" />
<vxe-column field="name" title="名称" />
<vxe-column field="enable" title="是否启用">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green">启用</a-tag>
<a-tag v-else color="red"></a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" />
</vxe-table>
<div class="h-65vh">
<vxe-table height="auto" row-id="id" ref="xTable" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="code" title="编码" />
<vxe-column field="name" title="名称" />
<vxe-column field="enable" title="是否启用">
<template #default="{ row }">
<a-tag v-if="row.enable" color="green"></a-tag>
<a-tag v-else color="red">停用</a-tag>
</template>
</vxe-column>
<vxe-column field="remark" title="备注" />
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -19,39 +19,47 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table ref="xTable" key-field="id" :data="pagination.records" :loading="loading">
<vxe-column type="seq" width="60" />
<vxe-column field="appId" title="应用号" :min-width="100" />
<vxe-column field="appName" title="应用名称" :min-width="100" />
<vxe-column field="signType" title="签名方式" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('sign_type', row.signType) || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="notifyType" title="通知类型" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('notify_type', row.notifyType) || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="notifyUrl" title="通知地址" :min-width="220" />
<vxe-column field="status" title="状态" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('mach_app_status', row.status) || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="createTime" title="创建时间" :min-width="120" />
<vxe-column fixed="right" :width="220" :showOverflow="false" title="操作">
<template #default="{ row }">
<a-link @click="show(row)">查看</a-link>
<a-divider type="vertical" />
<a-link @click="edit(row)">编辑</a-link>
<a-divider type="vertical" />
<a-link @click="showChannelSetup(row)">通道配置</a-link>
<a-divider type="vertical" />
<a-link danger @click="remove(row)">删除</a-link>
</template>
</vxe-column>
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
ref="xTable"
key-field="id"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" width="60" />
<vxe-column field="appId" title="应用号" :min-width="100" />
<vxe-column field="appName" title="应用名称" :min-width="100" />
<vxe-column field="signType" title="签名方式" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('sign_type', row.signType) || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="notifyType" title="通知类型" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('notify_type', row.notifyType) || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="notifyUrl" title="通知地址" :min-width="220" />
<vxe-column field="status" title="状态" :min-width="80">
<template #default="{ row }">
<a-tag>{{ dictConvert('mach_app_status', row.status) || '空' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="createTime" title="创建时间" :min-width="120" />
<vxe-column fixed="right" :width="220" :showOverflow="false" title="操作">
<template #default="{ row }">
<a-link @click="show(row)">查看</a-link>
<a-divider type="vertical" />
<a-link @click="edit(row)">编辑</a-link>
<a-divider type="vertical" />
<a-link @click="showChannelSetup(row)">通道配置</a-link>
<a-divider type="vertical" />
<a-link danger @click="remove(row)">删除</a-link>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"

View File

@@ -18,34 +18,42 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table ref="xTable" key-field="id" :data="pagination.records" :loading="loading">
<vxe-column type="seq" :width="60" />
<vxe-column field="mchNo" title="编码" :min-width="100" />
<vxe-column field="mchName" title="名称" :min-width="100" />
<vxe-column field="companyName" title="公司名称" :min-width="150" />
<vxe-column field="idType" title="证件类型" :min-width="80">
<template #default="{ row }">
<a-tag color="green">{{ dictConvert('idType', row.idType) || '无' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="tel" title="联系方式" :min-width="100" />
<vxe-column field="legalPerson" title="法人名称" :min-width="80" />
<vxe-column field="tel" title="联系方式" :min-width="100" />
<vxe-column field="createTime" title="创建时间" :min-width="80" />
<vxe-column fixed="right" :width="150" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a-link @click="show(row)">查看</a-link>
</span>
<a-divider type="vertical" />
<span>
<a-link @click="edit(row)">编辑</a-link>
</span>
<a-divider type="vertical" />
<a-link danger @click="remove(row)">删除</a-link>
</template>
</vxe-column>
</vxe-table>
<div class="h-65vh">
<vxe-table
height="auto"
ref="xTable"
key-field="id"
:data="pagination.records"
:loading="loading"
>
<vxe-column type="seq" :width="60" />
<vxe-column field="mchNo" title="编码" :min-width="100" />
<vxe-column field="mchName" title="名称" :min-width="100" />
<vxe-column field="companyName" title="公司名称" :min-width="150" />
<vxe-column field="idType" title="证件类型" :min-width="80">
<template #default="{ row }">
<a-tag color="green">{{ dictConvert('idType', row.idType) || '无' }}</a-tag>
</template>
</vxe-column>
<vxe-column field="tel" title="联系方式" :min-width="100" />
<vxe-column field="legalPerson" title="法人名称" :min-width="80" />
<vxe-column field="tel" title="联系方式" :min-width="100" />
<vxe-column field="createTime" title="创建时间" :min-width="80" />
<vxe-column fixed="right" :width="150" :showOverflow="false" title="操作">
<template #default="{ row }">
<span>
<a-link @click="show(row)">查看</a-link>
</span>
<a-divider type="vertical" />
<span>
<a-link @click="edit(row)">编辑</a-link>
</span>
<a-divider type="vertical" />
<a-link danger @click="remove(row)">删除</a-link>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"
@@ -65,7 +73,7 @@
import useTablePage from '@/hooks/bootx/useTablePage'
import MerchantEdit from './MerchantEdit.vue'
import BQuery from '@/components/Bootx/Query/BQuery.vue'
import {QueryField, STRING} from '@/components/Bootx/Query/Query'
import { QueryField, STRING } from '@/components/Bootx/Query/Query'
import { FormEditType } from '@/enums/formTypeEnum'
import { useMessage } from '@/hooks/web/useMessage'
import { VxeTableInstance, VxeToolbarInstance } from 'vxe-table'

View File

@@ -11,9 +11,7 @@
<div class="m-3 p-3 bg-white">
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }">
<template #buttons>
<span style="font-size: 18px"
>收款金额: {{ totalAmount ? (totalAmount / 100).toFixed(2) : 0 }}</span
>
<span style="font-size: 18px">收款金额: {{ totalAmount ? totalAmount : 0 }}</span>
</template>
</vxe-toolbar>
<div class="h-65vh">

View File

@@ -25,7 +25,7 @@
{{ order.bizOrderNo }}
</a-descriptions-item>
<a-descriptions-item label="退款金额(元)" :span="2">
{{ order.amount ? (order.amount / 100).toFixed(2) : 0 }}
{{ order.amount ? order.amount : 0 }}
</a-descriptions-item>
<a-descriptions-item label="退款发起时间" :span="2">
{{ order.createTime }}

View File

@@ -15,7 +15,7 @@
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }">
<template #buttons>
<span style="font-size: 18px"
>退款金额: {{ totalAmount ? (totalAmount / 100).toFixed(2) : 0 }}</span
>退款金额: {{ totalAmount ? totalAmoun : 0 }}</span
>
</template>
</vxe-toolbar>
@@ -53,7 +53,7 @@
</vxe-column>
<vxe-column field="amount" title="退款金额(元)" :min-width="140">
<template #default="{ row }">
{{ row.amount ? (row.amount / 100).toFixed(2) : 0 }}
{{ row.amount ? row.amount : 0 }}
</template>
</vxe-column>
<vxe-column field="refundStatus" title="状态" :min-width="80">

View File

@@ -10,7 +10,16 @@
/>
</div>
<div class="m-3 p-3 bg-white">
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }" />
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }">
<template #buttons>
<span style="font-size: 18px"
>收入金额: {{ totalAmount.incomeAmount ? totalAmount.incomeAmount : 0 }}</span
>
<span style="font-size: 18px; margin-left: 50px"
>支出金额: {{ totalAmount.outlayAmount ? totalAmount.outlayAmount : 0 }}</span
>
</template>
</vxe-toolbar>
<div class="h-65vh">
<vxe-table
height="auto"
@@ -128,6 +137,10 @@
const payOrderInfo = ref<any>()
const refundOrderInfo = ref<any>()
const tradeFlowRecordInfo = ref<any>()
const totalAmount = ref({
incomeAmount: 0.0,
outlayAmount: 0.0,
})
onMounted(() => {
init()

View File

@@ -37,60 +37,63 @@
</a-space>
</template>
</vxe-toolbar>
<vxe-table
ref="xTable"
size="medium"
@checkbox-all="selectAllEvent"
@checkbox-change="selectChangeEvent"
:loading="loading"
:data="pagination.records"
>
<vxe-column type="checkbox" width="50" />
<vxe-column field="name" title="姓名" />
<vxe-column field="account" title="账号" />
<vxe-column field="phone" title="手机号" />
<vxe-column field="email" title="邮箱" />
<vxe-column field="administrator" title="是否管理员">
<template #default="{ row }">
<a-tag v-if="row.administrator" color="green"></a-tag>
<a-tag v-else color="red"></a-tag>
</template>
</vxe-column>
<vxe-column field="status" title="用户状态">
<template #default="{ row }">
{{ dictConvert('UserStatusCode', row.status) || '无' }}
</template>
</vxe-column>
<vxe-column fixed="right" width="170" :showOverflow="false" title="操作">
<template #default="{ row }">
<a href="javascript:" @click="show(row)">查看</a>
<a-divider type="vertical" />
<a href="javascript:" @click="edit(row)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a> 更多 <icon icon="ant-design:down-outlined" :size="12" /> </a>
<template #overlay>
<a-menu>
<a-menu-item>
<a-link @click="assignRoles(row)">角色分配</a-link>
</a-menu-item>
<a-menu-item>
<a-link @click="resetPwd(row)">重置密码</a-link>
</a-menu-item>
<a-menu-item v-if="[1, 3].includes(row.status)">
<a-link v-if="row.status === 1" @click="lockUserConfirm(row.id, true)"
<div class="h-65vh">
<vxe-table
ref="xTable"
height="auto"
size="medium"
@checkbox-all="selectAllEvent"
@checkbox-change="selectChangeEvent"
:loading="loading"
:data="pagination.records"
>
<vxe-column type="checkbox" width="50" />
<vxe-column field="name" title="姓名" />
<vxe-column field="account" title="账号" />
<vxe-column field="phone" title="手机号" />
<vxe-column field="email" title="邮箱" />
<vxe-column field="administrator" title="是否管理员">
<template #default="{ row }">
<a-tag v-if="row.administrator" color="green"></a-tag>
<a-tag v-else color="red"></a-tag>
</template>
</vxe-column>
<vxe-column field="status" title="用户状态">
<template #default="{ row }">
{{ dictConvert('UserStatusCode', row.status) || '无' }}
</template>
</vxe-column>
<vxe-column fixed="right" width="170" :showOverflow="false" title="操作">
<template #default="{ row }">
<a href="javascript:" @click="show(row)">查看</a>
<a-divider type="vertical" />
<a href="javascript:" @click="edit(row)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a> 更多 <icon icon="ant-design:down-outlined" :size="12" /> </a>
<template #overlay>
<a-menu>
<a-menu-item>
<a-link @click="assignRoles(row)">角色分配</a-link>
</a-menu-item>
<a-menu-item>
<a-link @click="resetPwd(row)">重置密码</a-link>
</a-menu-item>
<a-menu-item v-if="[1, 3].includes(row.status)">
<a-link v-if="row.status === 1" @click="lockUserConfirm(row.id, true)"
>封禁账号</a-link
>
<a-link v-if="row.status === 3" @click="lockUserConfirm(row.id, false)"
>
<a-link v-if="row.status === 3" @click="lockUserConfirm(row.id, false)"
>解锁账号</a-link
>
</a-menu-item>
</a-menu>
</template>
</a-dropdown>
</template>
</vxe-column>
</vxe-table>
>
</a-menu-item>
</a-menu>
</template>
</a-dropdown>
</template>
</vxe-column>
</vxe-table>
</div>
<vxe-pager
size="medium"
:loading="loading"