huangzhenbao/medical-mall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善页面8

Browse Source
This commit is contained in:
huangzhenbao
2026-02-24 10:35:34 +08:00
parent f814db2f12
commit 92d6e8144d
90 changed files with 1183 additions and 1887 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pages/mall/admin/maintain/api/account.uvue
View File

@@ -103,8 +103,7 @@ function deleteItem(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/data/city.uvue
View File

@@ -97,8 +97,7 @@ function deleteItem(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/data/clear.uvue
View File

@@ -66,8 +66,7 @@ function handleAction(card: any) {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/data/logistics.uvue
View File

@@ -104,8 +104,7 @@ function editItem(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

363
pages/mall/admin/maintain/dev-config/category.uvue
View File

@@ -1,268 +1,153 @@
<template>
<view class="admin-page">
<view class="admin-sections">
<!-- 搜索栏 -->
<view class="admin-card filter-card">
<view class="filter-row">
<view class="filter-item">
<text class="label">是否显示：</text>
<view class="filter-select">
<text class="select-placeholder">请选择</text>
<text class="arrow">▼</text>
<template>
<AdminLayout current-page="maintain_dev_config">
<view class="admin-page category-page">
<view class="admin-sections">
<!-- 筛选区域 (1:1 复刻 CRMEB: 横向排列的过滤器) -->
<view class="admin-card filter-card">
<view class="filter-row">
<view class="filter-item">
<text class="label">是否显示:</text>
<view class="compact-select-wrapper">
<text class="select-text">请选择</text>
<text class="arrow">▼</text>
</view>
</view>
<view class="filter-item">
<text class="label">分类名称:</text>
<input class="filter-input" placeholder="请输入分类名称" />
</view>
<button class="btn-search">查询分类</button>
</view>
<view class="filter-item">
<text class="label">分类名称：</text>
<input class="filter-input" placeholder="请输入分类名称" />
<view class="filter-row second-row">
<view class="filter-item">
<text class="label">配置名称:</text>
<input class="filter-input" placeholder="请输入配置名称" />
</view>
<button class="btn-search">查询配置</button>
</view>
<button class="btn primary" @click="onSearch">查询分类</button>
</view>
<view class="filter-row mt-12">
<view class="filter-item">
<text class="label">配置名称：</text>
<input class="filter-input" placeholder="请输入配置名称" />
</view>
<button class="btn primary" @click="onSearchConfig">查询配置</button>
</view>
</view>
<!-- 内容区 -->
<view class="admin-card content-card">
<!-- 操作按钮行 -->
<view class="action-bar">
<button class="btn primary small" @click="onAdd">添加配置分类</button>
</view>
<!-- 表格 -->
<view class="table-container list-table">
<view class="table-header">
<view class="col col-id"><text>ID</text></view>
<view class="col col-name"><text>分类名称</text></view>
<view class="col col-field"><text>分类字段</text></view>
<view class="col col-status"><text>状态</text></view>
<view class="col col-ops"><text>操作</text></view>
<!-- 表格板块 -->
<view class="admin-card table-card">
<view class="table-header-actions">
<view class="btn-add">添加配置分类</view>
</view>
<view class="table-body">
<view v-for="item in dataList" :key="item.id" class="table-row">
<view class="col col-id"><text>{{ item.id }}</text></view>
<view class="col col-name">
<text class="expand-icon" v-if="item.hasChildren">▶</text>
<text>{{ item.name }}</text>
</view>
<view class="col col-field"><text>{{ item.field }}</text></view>
<view class="col col-status">
<switch :checked="item.status" color="#1890ff" scale="0.8" />
</view>
<view class="col col-ops">
<text class="op-link" @click="onConfig(item)">配置列表</text>
<view class="op-divider">|</view>
<text class="op-link" @click="onEdit(item)">编辑</text>
<view class="op-divider">|</view>
<text class="op-link op-danger" @click="onDelete(item)">删除</text>
<!-- 模拟表格 (CRMEB风格: 线条简约, 蓝调表头) -->
<view class="table-container">
<view class="table-thead">
<view class="th cell-id">ID</view>
<view class="th cell-name">分类名称</view>
<view class="th cell-field">分类字段</view>
<view class="th cell-status">状态</view>
<view class="th cell-ops">操作</view>
</view>
<view class="table-tbody">
<view v-for="item in categoryList" :key="item.id" class="tr">
<view class="td cell-id">{{ item.id }}</view>
<view class="td cell-name">
<text class="tree-icon">▶</text>
<text>{{ item.name }}</text>
</view>
<view class="td cell-field">{{ item.field }}</view>
<view class="td cell-status">
<view class="toggle-switch" :class="{ active: item.status }" @click="item.status = !item.status">
<view class="switch-ball"></view>
</view>
</view>
<view class="td cell-ops">
<text class="op-link">配置列表</text>
<view class="divider"></view>
<text class="op-link">编辑</text>
<view class="divider"></view>
<text class="op-link delete">删除</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</AdminLayout>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import AdminLayout from '@/layouts/admin/AdminLayout.uvue'
const dataList = ref([
{ id: 9, name: '分销配置', field: 'fenxiao', status: true, hasChildren: true },
{ id: 65, name: '接口设置', field: 'system_serve', status: true, hasChildren: true },
{ id: 69, name: '客服配置', field: 'kefu_config', status: true, hasChildren: true },
{ id: 78, name: '应用配置', field: 'sys_app', status: true, hasChildren: true },
{ id: 100, name: '用户配置', field: 'system_user_config', status: true, hasChildren: true },
{ id: 113, name: '订单配置', field: 'order_config', status: true, hasChildren: true },
{ id: 129, name: '系统配置', field: 'system_config', status: true, hasChildren: true },
{ id: 136, name: '商品配置', field: 'product_config', status: true, hasChildren: true }
const categoryList = ref([
{ id: 9, name: '分销配置', field: 'fenxiao', status: true },
{ id: 65, name: '接口设置', field: 'system_serve', status: true },
{ id: 69, name: '客服配置', field: 'kefu_config', status: true },
{ id: 78, name: '应用配置', field: 'sys_app', status: true },
{ id: 100, name: '用户配置', field: 'system_user_config', status: true },
{ id: 113, name: '订单配置', field: 'order_config', status: true },
{ id: 129, name: '系统配置', field: 'system_config', status: true },
{ id: 136, name: '商品配置', field: 'product_config', status: true }
])
function onSearch() {
uni.showToast({ title: '查询分类', icon: 'none' })
}
function onSearchConfig() {
uni.showToast({ title: '查询配置', icon: 'none' })
}
function onAdd() {
uni.showToast({ title: '添加配置分类', icon: 'none' })
}
function onConfig(item: any) {
uni.showToast({ title: '配置列表: ' + item.name, icon: 'none' })
}
function onEdit(item: any) {
uni.showToast({ title: '编辑: ' + item.name, icon: 'none' })
}
function onDelete(item: any) {
uni.showModal({
title: '提示',
content: '确定要删除该分类吗？',
success: (res) => {
if (res.confirm) {
uni.showToast({ title: '已删除', icon: 'none' })
}
}
})
}
</script>
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
min-height: 100vh;
<style scoped>
.category-page { padding: 0; background-color: transparent; }
.filter-card {
margin-bottom: var(--admin-section-gap);
padding: var(--admin-card-padding);
box-shadow: 0 1px 4px rgba(0,21,41,0.08);
border-radius: 8px;
}
.filter-row { display: flex; flex-direction: row; align-items: center; }
.second-row { margin-top: 15px; border-top: 1px dashed #eee; padding-top: 15px; }
.filter-item { display: flex; flex-direction: row; align-items: center; margin-right: 30px; }
.filter-item .label { font-size: 14px; color: #515a6e; margin-right: 10px; }
.compact-select-wrapper {
display: flex; flex-direction: row; align-items: center;
border: 1px solid #dcdee2; width: 180px; height: 32px;
padding: 0 10px; border-radius: 4px; justify-content: space-between;
}
.select-text { font-size: 13px; color: #c5c8ce; }
.arrow { font-size: 10px; color: #808695; }
.filter-input { border: 1px solid #dcdee2; width: 220px; height: 32px; padding: 0 10px; border-radius: 4px; font-size: 13px; }
.btn-search { background-color: #2d8cf0; color: #fff; font-size: 12px; height: 32px; line-height: 32px; padding: 0 15px; border-radius: 4px; margin-right: 10px; border: none; }
.table-card {
padding: var(--admin-card-padding);
box-shadow: 0 1px 4px rgba(0,21,41,0.08);
border-radius: 8px;
}
.admin-card {
background-color: #fff;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
}
.btn-add { display: inline-block; background-color: #2d8cf0; color: #fff; font-size: 13px; height: 32px; line-height: 32px; padding: 0 15px; border-radius: 4px; border: none; margin-bottom: 15px; cursor: pointer; }
.filter-row {
display: flex;
flex-direction: row;
align-items: center;
}
/* 表格样式 (1:1 复刻 CRMEB 极简蓝风格) */
.table-container { width: 100%; border: 1px solid #e8eaec; border-radius: 4px; overflow: hidden; }
.table-thead { display: flex; flex-direction: row; background-color: #f8f9fa; border-bottom: 1px solid #e8eaec; }
.th { padding: 12px 15px; font-size: 14px; color: #515a6e; font-weight: bold; text-align: left; }
.mt-12 { margin-top: 12px; }
.tr { display: flex; flex-direction: row; border-bottom: 1px solid #e8eaec; align-items: center; background-color: #fff; }
.tr:last-child { border-bottom: none; }
.td { padding: 12px 15px; font-size: 14px; color: #515a6e; }
.filter-item {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 24px;
}
.cell-id { width: 80px; }
.cell-name { flex: 2; }
.cell-field { flex: 2; }
.cell-status { width: 120px; }
.cell-ops { width: 260px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.label {
font-size: 14px;
color: #333;
width: 80px;
}
.filter-select {
width: 200px;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 2px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 10px;
}
.select-placeholder {
color: #bfbfbf;
font-size: 14px;
}
.arrow {
font-size: 10px;
color: #bfbfbf;
}
.filter-input {
width: 200px;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 2px;
padding: 0 10px;
font-size: 14px;
}
.btn {
height: 32px;
padding: 0 20px;
border-radius: 2px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: 1px solid #d9d9d9;
background-color: #fff;
}
.btn.primary {
background-color: #1890ff;
border-color: #1890ff;
color: #fff;
}
.btn.small {
height: 28px;
padding: 0 10px;
font-size: 12px;
}
.action-bar {
margin-bottom: 16px;
}
.table-container {
width: 100%;
border: 1px solid #f0f0f0;
}
.table-header {
display: flex;
flex-direction: row;
background-color: #fafafa;
border-bottom: 1px solid #f0f0f0;
}
.table-row {
display: flex;
flex-direction: row;
border-bottom: 1px solid #f0f0f0;
}
.col {
padding: 12px 16px;
display: flex;
align-items: center;
font-size: 14px;
color: #333;
}
.col-id { width: 80px; }
.col-name { flex: 2; }
.col-field { flex: 2; }
.col-status { width: 100px; justify-content: center; }
.col-ops { flex: 2; justify-content: flex-end; }
.expand-icon {
margin-right: 8px;
font-size: 10px;
color: #999;
}
.op-link {
color: #1890ff;
cursor: pointer;
margin: 0 4px;
}
.op-danger {
color: #ff4d4f;
}
.op-divider {
color: #f0f0f0;
margin: 0 4px;
}
</style>
.tree-icon { font-size: 12px; color: #808695; margin-right: 8px; }
/* Toggle Switch (复刻) */
.toggle-switch { width: 44px; height: 22px; background-color: #ccc; border-radius: 11px; position: relative; cursor: pointer; transition: all .2s; }
.toggle-switch.active { background-color: #2d8cf0; }
.switch-ball { position: absolute; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; left: 2px; top: 2px; transition: all .2s; }
.toggle-switch.active .switch-ball { transform: translateX(22px); }
.op-link { color: #2d8cf0; font-size: 13px; cursor: pointer; margin: 0 5px; }
.op-link.delete { color: #ed4014; }
.divider { width: 1px; height: 12px; background-color: #e8eaec; margin: 0 5px; }
</style>

7
pages/mall/admin/maintain/dev-config/combination-data.uvue
View File

@@ -100,16 +100,15 @@ function onDelete(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.admin-card {
background-color: #fff;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
padding: var(--admin-card-padding);
margin-bottom: var(--admin-section-gap);
}
.filter-row {

3
pages/mall/admin/maintain/dev-config/cron-job.uvue
View File

@@ -74,8 +74,7 @@ function onEdit(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/dev-config/custom-event.uvue
View File

@@ -46,8 +46,7 @@ function onAdd() {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/dev-config/module-config.uvue
View File

@@ -40,8 +40,7 @@ function onSubmit() {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/dev-config/permission.uvue
View File

@@ -120,8 +120,7 @@ function onDelete(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/dev-tools/codegen.uvue
View File

@@ -16,6 +16,7 @@
<style scoped>
.admin-page {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
</style>

3
pages/mall/admin/maintain/dev-tools/data-dict.uvue
View File

@@ -88,8 +88,7 @@ function handleDelete(item: any) {
<style scoped>
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

5
pages/mall/admin/maintain/dev-tools/database.uvue
View File

@@ -70,11 +70,12 @@ function handleRepair(name: string) {
<style scoped>
.admin-page {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.admin-card {
background-color: #fff;
padding: 20px;
padding: var(--admin-card-padding);
border-radius: 4px;
}
.page-header {

2
pages/mall/admin/maintain/dev-tools/file.uvue
View File

@@ -54,12 +54,12 @@ const handleLogin = () => {
<style scoped>
.admin-page {
/* 使用 Layout 的背景和内边距 */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: calc(100vh - 120px);
background-color: #f5f7f9;
}
.login-card {

3
pages/mall/admin/maintain/lang/config.uvue
View File

@@ -57,8 +57,7 @@ function onSubmit() {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/lang/detail.uvue
View File

@@ -118,8 +118,7 @@ function deleteWord(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/lang/list.uvue
View File

@@ -92,8 +92,7 @@ function deleteItem(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/lang/region.uvue
View File

@@ -90,8 +90,7 @@ function deleteItem(item: any) {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/security/online-upgrade.uvue
View File

@@ -86,8 +86,7 @@ function checkUpdates() {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/security/refresh-cache.uvue
View File

@@ -52,8 +52,7 @@ function onClearLog() {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/security/system-log.uvue
View File

@@ -91,8 +91,7 @@ function onSearch() {
<style scoped lang="scss">
.admin-page {
padding: 20px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}

3
pages/mall/admin/maintain/sys/info.uvue
View File

@@ -112,8 +112,7 @@ function editCopyright() {
<style scoped lang="scss">
.admin-page {
padding: 24px;
background-color: #f5f7f9;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}