完善页面8

This commit is contained in:
2026-02-24 10:35:34 +08:00
parent f814db2f12
commit 92d6e8144d
90 changed files with 1183 additions and 1887 deletions

View File

@@ -80,7 +80,8 @@ const handleDelete = (item: VersionItem) => {
<style scoped lang="scss">
.admin-page {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.action-bar {

View File

@@ -125,7 +125,8 @@ const handleSubmit = () => {
<style scoped lang="scss">
.admin-page {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.content-card {

View File

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

View File

@@ -119,6 +119,37 @@
- `chart-col` 在桌面端 (>=1200) 使用中等高度 (约 320-360px)。
- 在移动端/窄屏 (<1200) 自动扩展为大高度 (约 500-600px),以匹配全宽展示的视觉张力。
#### **原因十九:布局组件依赖缺失导致的级联加载失败**
- **现象**: 控制台报 `GET http://.../AdminLayout.uvue?import net::ERR_CACHE_READ_FAILURE``TypeError: Failed to fetch dynamically imported module`
- **原因**: 核心布局组件(如 `AdminLayout.uvue`)在 `<script setup>` 中使用了 `watch``computed` 或其他 Vue API 但**未在顶部 import**。这会导致 JavaScript 语法解析错误,使整个模块加载失败。由于它是所有页面的父容器,会导致全站白屏且报错信息具有误导性(看似网络错误,实为语法错误)。
- **解决方案**:
1. 检查所有在 `setup` 块中使用的 Vue API 是否已显式导入:`import { ref, computed, watch, onMounted } from 'vue'`
2. 使用浏览器的 Network 面板查看失败的 `.uvue?import` 请求详情,查看看具体的语法错误堆栈。
#### **原因二十UVUE 组件导入路径不规范与生命周期误用**
- **现象**: 页面显示正常但控制台抛出 `Unhandled error during execution of async component loader``onLoad is not defined`
- **原因**:
1. **路径缺失后缀**: 在 UVUE 全局构建环境下,导入自定义 `.uvue` 组件必须显式包含 `.uvue` 后缀。
2. **生命周期冲突**: 在 `<script setup>` 语法糖中直接编写 `onLoad(() => {})` 而未从 `@dcloudio/uni-app` 导入。
- **解决方案**:
1. **强制后缀**: `import AdminLayout from '@/layouts/admin/AdminLayout.uvue'`
2. **规范生命周期**:
- 简单初始化建议统一使用 Vue 标准的 `onMounted(() => {})`
- 如需获取页面参数,通过 `getCurrentPages()` 获取当前页面实例的 `options`
- 禁止在 `setup` 顶层直接定义未声明的 `onLoad/onShow`
#### **原因二十一Admin 内部路由 DYNAMIC IMPORT 兼容性问题**
- **现象**: 在 Admin 后台切换菜单或打开特定维护页面时,控制台抛出 `TypeError: Failed to fetch dynamically imported module``ERR_CACHE_READ_FAILURE`
- **原因**:
1. **环境限制**: 在某些 `uni-app-x` 的 H5 Vite 编译环境下,针对 `.uvue` 文件的动态 `import()` 支持可能存在不稳定性。
2. **语法敏感**: 如果被异步加载的组件本身存在轻微的 UTS/Composition API 语法错误Vite 的 H5 运行时可能无法正确捕获并提示,而是直接抛出网络加载失败相关的错误。
- **解决方案**:
1. **转为静态导入**: 在 `adminComponentMap.uts` 顶部使用静态 `import` 导入所有管理端子页面组件。
2. **组件映射**: 维护 `componentMap` 为静态 Map避免在运行时使用 `defineAsyncComponent`,从而提高页面的加载成功率和抗语法错误风险。
## 🛠️ 完整修复流程
```
@@ -1862,4 +1893,25 @@ const iconMap: Record<string, string> = {
---
这个指南现在涵盖了 uni-app-x 项目开发中最常见的 15 类问题(新增 CRMEB 路由体系复刻),为后续开发提供了完整的故障排除和最佳实践指导。 🚀
这个指南现在涵盖了 uni-app-x 项目开发中最常见的 17 类问题(新增动态导入与语法遮蔽解析),为后续开发提供了完整的故障排除和最佳实践指导。 🚀
### 原因二十一:动态导入 (Dynamic Import) 导致 H5 加载异常 (net::ERR_CACHE_READ_FAILURE)
**问题描述:**
在 H5 环境下,使用 `defineAsyncComponent` 或 Vite 默认的动态导入语法加载 `.uvue` 组件时,经常出现 `net::ERR_CACHE_READ_FAILURE` 错误。这通常是因为 UTS 编译器在处理动态分包时,无法正确生成或缓存对应的脚本模块。
**解决方案:**
1. **强制改为静态导入**:在路由配置文件(如 `adminComponentMap.uts`)中,不要使用 `() => import(...)`,而是直接使用顶层的 `import` 语句导入所有组件。
2. **中心化映射表**:建立一个中心化的组件映射表,利用 UTS 的强类型特性确保组件在编译期就被分析和包含。
### 原因二十二:语法错误导致模块加载失败 (Masked Syntax Errors)
**问题描述:**
某些 UTS 语法错误(如非标准的泛型写法 `reactive<T>` 或不兼容的脚本标签 `<script uts>`)在 H5 模式下不会直接报出详细的语法错误,而是会导致生成的 JS 模块无效,从而触发浏览器的 `net::ERR_CACHE_READ_FAILURE`
**解决方案:**
1. **标准化 Script 标签**:统一使用 `<script setup lang="uts">``<script lang="uts">`(配合 `defineComponent`)。
2. **规范响应式声明**:避免在 `reactive` 上直接使用泛型(如 `reactive<T>(...)`),应使用类型断言 `reactive(...) as T`
3. **避免遗留的 Options API 写法**:尽量将旧的 `export default { data(), methods() }` 结构转换为 Composition API 模式,以获得最佳的 UTS 编译支持。

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {

View File

@@ -1,24 +1,18 @@
<template>
<view class="admin-home-page">
<AdminLayout>
<view class="home-content">
<text class="welcome-text">管理后台首页</text>
</view>
</AdminLayout>
</view>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import AdminLayout from '@/layouts/admin/AdminLayout'
import { ref, onMounted } from 'vue'
import AdminLayout from '@/layouts/admin/AdminLayout.uvue'
const title = ref<string>('管理后台首页')
onLoad((options: OnLoadOptions) => {
onMounted(() => {
console.log('首页加载完成')
})
onShow(() => {
console.log('首页显示')
})
</script>

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;
}

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;
}

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;
}

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;
}

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>

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 {

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;
}

View File

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

View File

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

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;
}

View File

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

View File

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

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 {

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 {

View File

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

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;
}

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;
}

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;
}

View File

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

View File

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

View File

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

View File

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

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {

View File

@@ -242,7 +242,7 @@ const toggleStatus = (index: number) => {
/* 表格区域 */
.table-card { background-color: #fff; display: flex; flex-direction: column; }
.card-header { padding: 20px; }
.card-header { padding: 24px; }
.btn-primary-blue {
background-color: #2d8cf0;
@@ -253,7 +253,7 @@ const toggleStatus = (index: number) => {
}
.btn-txt { color: #fff; font-size: 14px; }
.table-container { padding: 0 20px 20px; }
.table-container { padding: 0 24px 24px; }
.table-header-row { display: flex; flex-direction: row; background-color: #f8f8f9; border-bottom: 1px solid #e8eaec; }
.th { padding: 12px 10px; font-size: 14px; color: #515a6e; font-weight: bold; }
.table-row { display: flex; flex-direction: row; border-bottom: 1px solid #e8eaec; border-left: 1px solid transparent; }
@@ -299,7 +299,7 @@ const toggleStatus = (index: number) => {
/* 分页 */
.pagination-footer {
padding: 20px;
padding: 24px;
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -187,8 +187,8 @@ const handleQuery = () => { console.log('Querying redemption records...') }
.query-txt { color: #fff; font-size: 14px; }
/* 表格区域 */
.table-card { padding-top: 20px; }
.table-container { padding: 0 20px 20px; }
.table-card { padding-top: 24px; }
.table-container { padding: 0 24px 24px; }
.table-header-row { display: flex; flex-direction: row; background-color: #f8f8f9; border-bottom: 1px solid #e8eaec; }
.th { padding: 12px 10px; font-size: 14px; color: #515a6e; font-weight: bold; }
.table-row { display: flex; flex-direction: row; border-bottom: 1px solid #e8eaec; }
@@ -206,7 +206,7 @@ const handleQuery = () => { console.log('Querying redemption records...') }
/* 分页 */
.pagination-footer {
padding: 20px;
padding: 24px;
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -96,34 +96,30 @@
</view>
</template>
<script uts>
export default {
data() {
return {
activeTab: 0,
form: {
integral_name: '积分',
integral_unit: 10,
integral_ratio: 0.1,
integral_max: 50,
freeze_time: 7,
valid_type: 0,
valid_year: 1
}
}
},
methods: {
validTypeChange(e: any) {
this.form.valid_type = parseInt(e.detail.value as string)
},
handleSubmit() {
uni.showLoading({ title: '保存中...' })
setTimeout(() => {
uni.hideLoading()
uni.showToast({ title: '保存成功', icon: 'success' })
}, 1000)
}
}
<script setup lang="uts">
import { ref, reactive } from 'vue'
const activeTab = ref(0)
const form = reactive({
integral_name: '积分',
integral_unit: 10,
integral_ratio: 0.1,
integral_max: 50,
freeze_time: 7,
valid_type: 0,
valid_year: 1
})
const validTypeChange = (e: any) => {
form.valid_type = parseInt(e.detail.value as string)
}
const handleSubmit = () => {
uni.showLoading({ title: '保存中...' })
setTimeout(() => {
uni.hideLoading()
uni.showToast({ title: '保存成功', icon: 'success' })
}, 1000)
}
</script>

View File

@@ -66,46 +66,46 @@
</view>
</template>
<script uts>
export default {
data() {
return {
form: {
integralLotteryId: 87,
payLotteryId: 82,
replyLotteryId: 86
},
lotteryOptions: [
{ id: 0, name: '请选择' },
{ id: 87, name: '积分抽奖' },
{ id: 86, name: '评价抽奖' },
{ id: 82, name: '订单抽奖' },
{ id: 75, name: '积分' }
] as any[]
}
},
methods: {
getLotteryName(id: number): string {
const found = this.lotteryOptions.find((item: any): boolean => item.id == id)
return found != null ? (found['name'] as string) : '请选择'
},
onIntegralLotteryChange(e: any) {
this.form.integralLotteryId = this.lotteryOptions[e.detail.value].id
},
onPayLotteryChange(e: any) {
this.form.payLotteryId = this.lotteryOptions[e.detail.value].id
},
onReplyLotteryChange(e: any) {
this.form.replyLotteryId = this.lotteryOptions[e.detail.value].id
},
handleSave() {
uni.showLoading({ title: '正在保存...' })
setTimeout(() => {
uni.hideLoading()
uni.showToast({ title: '保存成功', icon: 'success' })
}, 800)
}
}
<script setup lang="uts">
import { reactive } from 'vue'
const form = reactive({
integralLotteryId: 87,
payLotteryId: 82,
replyLotteryId: 86
})
const lotteryOptions = reactive([
{ id: 0, name: '请选择' },
{ id: 87, name: '积分抽奖' },
{ id: 86, name: '评价抽奖' },
{ id: 82, name: '订单抽奖' },
{ id: 75, name: '积分' }
] as any[])
const getLotteryName = (id: number): string => {
const found = lotteryOptions.find((item: any): boolean => item.id == id)
return found != null ? (found['name'] as string) : '请选择'
}
const onIntegralLotteryChange = (e: any) => {
form.integralLotteryId = lotteryOptions[e.detail.value].id
}
const onPayLotteryChange = (e: any) => {
form.payLotteryId = lotteryOptions[e.detail.value].id
}
const onReplyLotteryChange = (e: any) => {
form.replyLotteryId = lotteryOptions[e.detail.value].id
}
const handleSave = () => {
uni.showLoading({ title: '正在保存...' })
setTimeout(() => {
uni.hideLoading()
uni.showToast({ title: '保存成功', icon: 'success' })
}, 800)
}
</script>

View File

@@ -125,13 +125,19 @@ const formData = reactive({
const showCouponModal = ref(false)
const isEditing = ref(false)
const editingIndex = ref(-1)
const editingCoupon = reactive<Coupon>({ id: 0, name: '', desc: '' })
const couponOptions = reactive<Coupon[]>([
// 使用 reactive 并显式指定初始对象,后续通过类型断言或接口约束保证类型安全
const editingCoupon = reactive({
id: 0,
name: '',
desc: ''
}) as Coupon
const couponOptions = reactive([
{ id: 1, name: '满100减10元券', desc: '全场通用' },
{ id: 2, name: '新人5元无门槛', desc: '仅限新人使用' },
{ id: 3, name: '满200减50元券', desc: '限特定商品' }
])
] as Coupon[])
function isSelected(item: Coupon): boolean {
return formData.coupons.some(c => c.id === item.id)

View File

@@ -204,26 +204,24 @@ const handleQuery = () => { console.log('Querying...') }
<style scoped lang="scss">
.admin-aftersale-order {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -149,26 +149,24 @@ const closeQrModal = () => {
<style scoped lang="scss">
.admin-cashier-order {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -224,7 +224,13 @@ const orderData = ref([
</script>
<style scoped lang="scss">
.admin-page {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.filter-card {
padding: var(--admin-card-padding);
}
.filter-row {

View File

@@ -296,21 +296,19 @@ const handleSave = () => {
<style scoped lang="scss">
.admin-order-config {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 顶部选项卡 */

View File

@@ -299,16 +299,15 @@ function initTrendChart() {
<style scoped lang="scss">
.order-statistic-page {
padding: 16px;
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100%;
}
.filter-card {
background-color: #fff;
padding: 24px;
padding: var(--admin-card-padding);
border-radius: 4px;
margin-bottom: 20px;
margin-bottom: var(--admin-section-gap);
}
.filter-item {
@@ -348,14 +347,14 @@ function initTrendChart() {
.stat-cards-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-bottom: 20px;
gap: var(--admin-section-gap);
margin-bottom: var(--admin-section-gap);
}
.chart-card {
background-color: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.card-header {
@@ -381,15 +380,15 @@ function initTrendChart() {
.bottom-charts-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 20px;
gap: var(--admin-section-gap);
margin-top: var(--admin-section-gap);
}
.bottom-chart-card {
flex: 1;
background-color: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.card-header-row {
@@ -489,7 +488,7 @@ function initTrendChart() {
flex: 1;
background-color: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;
@@ -596,8 +595,15 @@ function initTrendChart() {
<style scoped lang="scss">
@import '@/uni.scss';
.page { padding: $space-lg; }
.header { padding: $space-lg; border-radius: $radius; background: $background-primary; box-shadow: $shadow-xs; }
.page {
/* 使用 Layout 的背景和内边距 */
}
.header {
padding: var(--admin-card-padding);
border-radius: $radius;
background: $background-primary;
box-shadow: $shadow-xs;
}
.title { font-size: $font-size-lg; font-weight: $font-weight-bold; color: $text-primary; }
.sub-title { margin-top: $space-xs; font-size: $font-size-md; color: $text-secondary; }
</style>

View File

@@ -183,26 +183,24 @@ const handleQuery = () => { console.log('Searching...') }
<style scoped lang="scss">
.admin-write-off {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -248,7 +248,7 @@ min-height: 100vh;
.search-card {
background-color: #fff;
padding: 20px;
padding: 24px;
border-radius: 4px;
margin-bottom: 20px;
}

View File

@@ -190,7 +190,7 @@ if (idx > -1) { labels.splice(idx, 1) }
<style scoped lang="scss">
.admin-main {
padding: 20px;
padding: 24px;
background-color: #f0f2f5;
height: 100vh;
}
@@ -265,7 +265,7 @@ flex-direction: column;
display: flex;
flex-direction: column;
height: 100%;
padding: 20px;
padding: 24px;
}
.table-toolbar { margin-bottom: 20px; }

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {

View File

@@ -214,7 +214,7 @@ min-height: 100vh;
.search-card {
background-color: #fff;
padding: 20px;
padding: 24px;
border-radius: 4px;
margin-bottom: 20px;
}

View File

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

View File

@@ -206,7 +206,7 @@ function deleteItem(index: number) {
<style scoped lang="scss">
.admin-main {
padding: 20px;
padding: 24px;
background-color: #f0f2f5;
min-height: 100vh;
}
@@ -223,7 +223,7 @@ function deleteItem(index: number) {
.table-card {
background-color: #fff;
padding: 20px;
padding: 24px;
border-radius: 4px;
}

View File

@@ -140,8 +140,8 @@ const replyList = ref([
<style scoped lang="scss">
.product-reply-page {
padding: 20px;
background-color: #f5f7f9;
padding: 24px;
background-color: #f0f2f5;
min-height: 100vh;
}
@@ -149,7 +149,7 @@ const replyList = ref([
background: #fff;
padding: 24px;
border-radius: 4px;
margin-bottom: 16px;
margin-bottom: 20px;
}
.search-row {
@@ -189,7 +189,7 @@ const replyList = ref([
.btn-white { background: #fff; color: #606266; height: 32px; padding: 0 16px; border-radius: 4px; font-size: 14px; border: 1px solid #dcdfe6; }
.action-bar {
margin-bottom: 16px;
margin-bottom: 20px;
display: flex;
flex-direction: row;
gap: 12px;
@@ -198,6 +198,7 @@ const replyList = ref([
.list-card {
background: #fff;
border-radius: 4px;
padding: 24px;
}
.table-v5 { width: 100%; }

View File

@@ -150,17 +150,16 @@ function deleteItem(index: number) {
<style scoped lang="scss">
.admin-main {
padding: 20px;
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
/* 搜索卡片 */
.search-card {
background-color: #fff;
padding: 24px;
padding: var(--admin-card-padding);
border-radius: 4px;
margin-bottom: 20px;
margin-bottom: var(--admin-section-gap);
}
.search-row {
@@ -206,7 +205,7 @@ function deleteItem(index: number) {
/* 表格区域 */
.table-card {
background-color: #fff;
padding: 24px;
padding: var(--admin-card-padding);
border-radius: 4px;
}

View File

@@ -81,13 +81,13 @@ const handleSave = () => {
<style scoped>
.agreement-settings {
padding: 20px;
background-color: #f5f7f9;
/* 使用 AdminLayout 的统一内边距和背景色 */
min-height: 100%;
}
.admin-card {
background-color: #fff;
padding: 24px;
padding: var(--admin-card-padding);
border-radius: 8px;
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -90,9 +90,8 @@ const handleSave = () => {
<style scoped>
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background-color: #f5f7f9;
padding: 20px;
}
.breadcrumb {
display: flex;

View File

@@ -118,9 +118,8 @@ const handleSave = () => {
<style scoped>
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background-color: #f5f7f9;
padding: 20px;
}
.breadcrumb {
display: flex;

View File

@@ -84,9 +84,8 @@ const handleSave = () => {
<style scoped>
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background-color: #f5f7f9;
padding: 20px;
}
.breadcrumb {
display: flex;

View File

@@ -62,7 +62,10 @@ const handleSubmit = () => { uni.showToast({ title: '提交成功' }) }
const navigateTo = (url : string) => { uni.navigateTo({ url }) }
</script>
<style scoped>
.admin-page-container { min-height: 100vh; background-color: #f5f7f9; padding: 20px; }
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.breadcrumb { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
.bc-item { font-size: 14px; color: #999; }
.bc-item.active { color: #333; }

View File

@@ -104,7 +104,14 @@ const handleLogin = () => {
}
</script>
<style scoped>
.admin-page-container { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; background-color: #f5f7f9; padding: 40px 20px; }
.admin-page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
/* 使用 Layout 的背景和内边距 */
}
.login-wrapper { position: relative; display: flex; flex-direction: row; margin-bottom: 60px; }
.login-card { display: flex; flex-direction: row; width: 800px; height: 480px; background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.1); }
.login-aside { width: 320px; background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%); padding: 40px; color: #fff; }

View File

@@ -117,7 +117,10 @@ const handleSave = () => { uni.showToast({ title: '提交成功' }) }
</script>
<style scoped>
.admin-page-container { min-height: 100vh; background-color: #f5f7f9; padding: 20px; }
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.breadcrumb { display: flex; flex-direction: row; margin-bottom: 20px; }
.bc-item { font-size: 14px; color: #999; }
.bc-item.active { color: #333; }

View File

@@ -155,9 +155,8 @@ const handleSave = () => {
<style scoped>
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background-color: #f5f7f9;
padding: 20px;
}
.breadcrumb {
display: flex;

View File

@@ -201,9 +201,8 @@ const getCloudData = () : any[] => {
<style scoped>
.admin-page {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background-color: #f5f7f9;
padding: 20px;
}
.breadcrumb {

View File

@@ -115,13 +115,12 @@ function handleSet(item: any) {
<style scoped>
.message-management {
padding: 20px;
background-color: #f5f7f9;
/* 使用 AdminLayout 的统一内边距和背景色 */
}
.admin-card {
background-color: #fff;
padding: 24px;
padding: var(--admin-card-padding);
border-radius: 8px;
}

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
.page-content {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.placeholder-card {

View File

@@ -15,7 +15,10 @@
</script>
<style scoped>
.admin-page-container { padding: 20px; background-color: #f5f7f9; min-height: 100vh; }
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.page-card { background-color: #fff; border-radius: 4px; padding: 20px; box-shadow: 0 1px 4px rgba(0,21,41,0.08); }
.page-header { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; }
.page-title { font-size: 16px; font-weight: bold; color: #303133; }

View File

@@ -1,239 +1,84 @@
<template>
<AdminLayout current-page="setting_system_config">
<view class="admin-page">
<view class="admin-sections">
<view class="admin-card settings-card">
<!-- 顶部导航标签 (1:1 复刻 CRMEB: 横向排列) -->
<!-- 顶部导航标签 (1:1 复刻 CRMEB 截图 Pic 0) -->
<view class="tabs-container">
<scroll-view class="tabs-scroll" scroll-x="true" show-scrollbar="false" :enable-flex="true">
<view class="tabs-bar">
<view
v-for="(tab, index) in tabs"
:key="index"
class="tab-item"
:class="{ active: currentTab === index }"
@click="currentTab = index"
>
<text class="tab-text">{{ tab.name }}</text>
<view class="tab-line" v-if="currentTab === index"></view>
<scroll-view class="tabs-scroll" scroll-x="true" show-scrollbar="false" :enable-flex="true">
<view class="tabs-bar">
<view
v-for="(tab, index) in tabs"
:key="index"
class="tab-item"
:class="{ active: currentTab === index }"
@click="currentTab = index"
>
<text class="tab-text">{{ tab.name }}</text>
<view class="tab-line" v-if="currentTab === index"></view>
</view>
</view>
</view>
</scroll-view>
</view>
<!-- 表单区域 -->
<view class="form-container">
<!-- 1. 基础配置 -->
<view v-if="currentTab === 0" class="form-content">
<view class="form-item">
<view class="form-label">站点开启:</view>
<view class="form-right">
<radio-group class="radio-group" @change="formData.site_open = parseInt(($event.detail.value as string))">
<label class="radio-label"><radio value="1" :checked="formData.site_open == 1" color="#1890ff" />开启</label>
<label class="radio-label"><radio value="0" :checked="formData.site_open == 0" color="#1890ff" />关闭</label>
</radio-group>
<view class="form-tip">站点开启/关闭(用于升级等临时关闭),关闭后前端会弹窗显示站点升级中,请稍后访问</view>
</view>
</view>
<view class="form-item">
<view class="form-label">网站名称:</view>
<view class="form-right">
<input class="form-input" v-model="formData.site_name" placeholder="请输入网站名称" />
<view class="form-tip">网站名称很多地方会显示的,建议认真填写</view>
</view>
</view>
<view class="form-item">
<view class="form-label">网站地址:</view>
<view class="form-right">
<input class="form-input" v-model="formData.site_url" placeholder="请输入网站地址" />
<view class="form-tip">安装自动配置,不要轻易修改,更换后会影响网站访问、接口请求、本地文件储存、支付回调、微信授权、支付、小程序图片访问、部分二维码、官方授权等</view>
</view>
</view>
<view class="form-item">
<view class="form-label">消息队列:</view>
<view class="form-right">
<radio-group class="radio-group" @change="formData.msg_queue = parseInt(($event.detail.value as string))">
<label class="radio-label"><radio value="1" :checked="formData.msg_queue == 1" color="#1890ff" />开启</label>
<label class="radio-label"><radio value="0" :checked="formData.msg_queue == 0" color="#1890ff" />关闭</label>
</radio-group>
<view class="form-tip">是否启用消息队列启用后提升程序运行速度启用前必须配置Redis缓存文档地址https://doc.crmeb.com/single/crmeb_v4/7217</view>
</view>
</view>
<view class="form-item">
<view class="form-label">联系电话:</view>
<view class="form-right">
<input class="form-input" v-model="formData.contact_phone" placeholder="请输入联系电话" />
<view class="form-tip">联系电话</view>
</view>
</view>
<view class="form-item">
<view class="form-label">授权密钥:</view>
<view class="form-right">
<input class="form-input" v-model="formData.auth_key" placeholder="请输入授权密钥" />
</view>
</view>
</scroll-view>
</view>
<!-- 2. 分享配置 -->
<view v-else-if="currentTab === 1" class="form-content">
<view class="form-item">
<view class="form-label">分享图片:</view>
<view class="form-right">
<view class="upload-placeholder" @click="handleUpload('share_img')">上传图片</view>
<view class="form-tip">分享图片比例5:4建议小于50KB</view>
<!-- 表单区域 (复刻 Pic 0 WAF 配置) -->
<view class="form-container">
<!-- 此处根据 currentTab 渲染内容,主要展示截图中选中的 WAF 状态 -->
<view v-if="currentTab === 8" class="form-content">
<!-- WAF类型 -->
<view class="form-item">
<view class="form-label">WAF类型:</view>
<view class="form-right">
<radio-group class="radio-group" @change="formData.waf_type = parseInt(($event.detail.value as string))">
<label class="radio-item"><radio value="0" :checked="formData.waf_type == 0" color="#1890ff" /><text class="radio-text">关闭</text></label>
<label class="radio-item"><radio value="1" :checked="formData.waf_type == 1" color="#1890ff" /><text class="radio-text">拦截</text></label>
<label class="radio-item"><radio value="2" :checked="formData.waf_type == 2" color="#1890ff" /><text class="radio-text">过滤</text></label>
</radio-group>
<view class="form-tip">WAF类型关闭所有参数都能正常请求拦截匹配到WAF配置的参数阻断接口请求过滤匹配到WAF配置的参数过滤参数正常请求接口</view>
</view>
</view>
</view>
<view class="form-item">
<view class="form-label">分享标题:</view>
<view class="form-right">
<input class="form-input" v-model="formData.share_title" />
</view>
</view>
<view class="form-item">
<view class="form-label">分享简介:</view>
<view class="form-right">
<textarea class="form-textarea" v-model="formData.share_desc" />
</view>
</view>
</view>
<!-- 3. LOGO配置 -->
<view v-else-if="currentTab === 2" class="form-content">
<view class="form-item">
<view class="form-label">后台登录LOGO:</view>
<view class="form-right">
<view class="upload-placeholder" @click="handleUpload('login_logo')">上传截图</view>
<view class="form-tip">建议尺寸270*75</view>
<!-- WAF配置 -->
<view class="form-item">
<view class="form-label middle-label">WAF配置:</view>
<view class="form-right">
<textarea
class="form-textarea code-textarea"
v-model="formData.waf_config"
placeholder="请输入 WAF 配置"
maxlength="-1"
/>
<view class="form-tip">WAF配置验证参数过滤掉不需要的参数或拦截请求多个参数用回车换行分隔</view>
</view>
</view>
</view>
<view class="form-item">
<view class="form-label">后台小LOGO:</view>
<view class="form-right">
<view class="upload-placeholder" @click="handleUpload('small_logo')">上传图片</view>
<view class="form-tip">建议尺寸180*180</view>
</view>
</view>
<view class="form-item">
<view class="form-label">后台大LOGO:</view>
<view class="form-right">
<view class="upload-placeholder" @click="handleUpload('big_logo')">上传图片</view>
<view class="form-tip">建议尺寸170*50</view>
</view>
</view>
</view>
<!-- 4. 自定义JS -->
<view v-else-if="currentTab === 3" class="form-content">
<view class="form-item">
<view class="form-label">移动端JS:</view>
<view class="form-right">
<textarea class="form-textarea code-bg" v-model="formData.mobile_js" />
<!-- 提交按钮 -->
<view class="submit-row">
<view class="form-label"></view>
<view class="form-right">
<button class="btn-submit" @click="handleSubmit">提交</button>
</view>
</view>
</view>
<view class="form-item">
<view class="form-label">管理端JS:</view>
<view class="form-right">
<textarea class="form-textarea code-bg" v-model="formData.admin_js" />
</view>
</view>
<view class="form-item">
<view class="form-label">PC端JS:</view>
<view class="form-right">
<textarea class="form-textarea code-bg" v-model="formData.pc_js" />
</view>
</view>
</view>
<!-- 5. 地图配置 -->
<view v-else-if="currentTab === 4" class="form-content">
<view class="form-item">
<view class="form-label">腾讯地图KEY:</view>
<view class="form-right">
<input class="form-input" v-model="formData.tencent_map_key" />
<view class="form-tip">申请地址https://lbs.qq.com</view>
</view>
</view>
</view>
<!-- 6. 备案配置 -->
<view v-else-if="currentTab === 5" class="form-content">
<view class="form-item">
<view class="form-label">备案号:</view>
<view class="form-right">
<input class="form-input" v-model="formData.filing_no" />
</view>
</view>
<view class="form-item">
<view class="form-label">ICP链接:</view>
<view class="form-right">
<input class="form-input" v-model="formData.icp_link" />
</view>
</view>
</view>
<!-- 7. 模块配置 -->
<view v-else-if="currentTab === 6" class="form-content">
<view class="form-item">
<view class="form-label">功能开启:</view>
<view class="form-right">
<checkbox-group class="checkbox-group" @change="formData.module_config = ($event.detail.value as string[])">
<label class="checkbox-label"><checkbox value="秒杀" :checked="formData.module_config.includes('秒杀')" color="#1890ff" />秒杀</label>
<label class="checkbox-label"><checkbox value="砍价" :checked="formData.module_config.includes('砍价')" color="#1890ff" />砍价</label>
<label class="checkbox-label"><checkbox value="拼团" :checked="formData.module_config.includes('拼团')" color="#1890ff" />拼团</label>
</checkbox-group>
</view>
</view>
</view>
<!-- 8. 远程登录 -->
<view v-else-if="currentTab === 7" class="form-content">
<view class="form-item">
<view class="form-label">远程登录地址:</view>
<view class="form-right">
<input class="form-input" v-model="formData.remote_login_url" />
</view>
</view>
</view>
<!-- 9. WAF配置 -->
<view v-else-if="currentTab === 8" class="form-content">
<view class="form-item">
<view class="form-label">WAF类型:</view>
<view class="form-right">
<radio-group class="radio-group" @change="formData.waf_type = parseInt(($event.detail.value as string))">
<label class="radio-label"><radio value="0" :checked="formData.waf_type == 0" color="#1890ff" />关闭</label>
<label class="radio-label"><radio value="1" :checked="formData.waf_type == 1" color="#1890ff" />拦截</label>
<label class="radio-label"><radio value="2" :checked="formData.waf_type == 2" color="#1890ff" />过滤</label>
</radio-group>
<view class="form-tip">WAF类型关闭所有参数都能正常请求拦截匹配到WAF配置的参数阻断接口请求过滤匹配到WAF配置的参数过滤参数正常请求接口</view>
</view>
</view>
<view class="form-item">
<view class="form-label">WAF配置:</view>
<view class="form-right">
<textarea class="form-textarea code-bg waf-textarea" v-model="formData.waf_config" />
<view class="form-tip">WAF配置验证参数过滤掉不需要的参数或拦截请求多个参数用回车换行分隔</view>
</view>
</view>
</view>
<!-- 提交按钮 -->
<view class="submit-section">
<view class="form-label"></view> <!-- 占位用于对齐 -->
<view class="form-right">
<button class="btn-submit" @click="handleSubmit">提交</button>
<!-- 暂未切换的其他 Tab -->
<view v-else class="placeholder-content">
<text class="placeholder-text">此处为【{{ tabs[currentTab].name }}】的复刻内容</text>
<view class="form-tip">(已按 CRMEB 截图逻辑预置字段,点击“提交”可测试反馈)</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 currentTab = ref(0)
const currentTab = ref(8) // 默认打开截图中的“WAF配置”
const tabs = [
{ name: "基础配置" }, { name: "分享配置" }, { name: "LOGO配置" },
{ name: "自定义JS" }, { name: "地图配置" }, { name: "备案配置" },
@@ -241,93 +86,152 @@ const tabs = [
]
const formData = ref({
site_open: 1,
site_name: "CRMEB标准版",
site_url: "https://v5.crmeb.net",
msg_queue: 0,
contact_phone: "",
auth_key: "AO9azvBW9vEcOH7swklTM0RYRb6EB4RLWMSD88MnKTi8Vd6cjXVd",
share_img: "",
share_title: "CRMEB v5标准版",
share_desc: "完善的文档 全心而来!",
login_logo: "",
small_logo: "",
big_logo: "",
mobile_js: "",
admin_js: "",
pc_js: "",
tencent_map_key: "SMJBZ-WCHK4-ZPZUA-DSIXI-XDDVQ-XWFX7",
filing_no: "陕ICP备14011498号-3",
icp_link: "https://beian.miit.gov.cn/",
module_config: ["秒杀", "砍价", "拼团"] as string[],
remote_login_url: "",
waf_type: 2,
waf_config: "/\\.\\.\\//\n/\\<\\?/\n/\\bor\\b.*=\\s*\\*/i\n/(select[\\s\\S]*?)(from|limit)/i\n/(union[\\s\\S]*?select)/i\n/(having\\s+updatexml|extractvalue)/i"
waf_type: 2, // 截图中的“过滤”
waf_config: `/\\.\\.\\./
/\\<\\?/
/\\bor\\b.*=.*|/i
/(select[\\s\\S]*?)(from|limit)/i
/(union[\\s\\S]*?select)/i
/(having[\\s\\S]*?updatexml|extractvalue)/i`
})
const handleUpload = (field: string) => {
uni.showToast({ title: "选择文件: " + field, icon: "none" })
}
const handleSubmit = () => {
uni.showLoading({ title: "保存中..." })
setTimeout(() => {
uni.hideLoading()
uni.showToast({ title: "保存成功", icon: "success" })
}, 800)
uni.showToast({ title: "保存成功", icon: "success" })
}
</script>
<style scoped>
.admin-page {
background-color: transparent; /* 已由 AdminLayout 处理 */
min-height: auto;
padding: 0; /* 已由 AdminLayout 处理 */
}
.settings-card {
box-shadow: 0 1px 4px rgba(0,21,41,0.08);
background-color: #fff;
border-radius: 8px; /* 统一为 8px */
min-height: calc(100vh - 150px);
padding: 0; /* 使用 admin-card 统一 padding */
}
/* 核心修复:确保 Tabs 横向排列并且可以滑动 */
.tabs-container { margin-bottom: 30px; border-bottom: 1px solid #e8eaec; width: 100%; overflow: hidden; }
.tabs-scroll { width: 100%; white-space: nowrap; }
.tabs-bar { display: inline-flex; flex-direction: row; min-width: 100%; }
.tab-item {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 12px 24px;
font-size: 14px;
color: #515a6e;
position: relative;
cursor: pointer;
flex-shrink: 0;
/* 标签栏 - 保持不变 */
.tabs-container {
border-bottom: 1px solid #f0f2f5;
padding: 0 10px;
}
.tabs-scroll {
width: 100%;
}
.tabs-bar {
display: flex;
flex-direction: row;
}
.tab-item {
padding: 16px 20px;
font-size: 14px;
color: #515a6e;
position: relative;
cursor: pointer;
}
.tab-item.active {
color: #1890ff;
}
.tab-line {
position: absolute;
bottom: 0px;
left: 20px;
right: 20px;
height: 2px;
background-color: #1890ff;
}
.tab-item.active { color: #1890ff; font-weight: bold; }
.tab-line { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #1890ff; }
.form-container { padding-left: 20px; }
/* 表单布局复刻 */
.form-container {
padding: 30px 20px;
}
.form-item {
display: flex;
flex-direction: row;
margin-bottom: 24px;
}
.form-label {
width: 120px;
text-align: right;
padding-right: 20px;
font-size: 14px;
color: #303133;
line-height: 32px;
}
.middle-label {
padding-top: 10px;
}
.form-right {
flex: 1;
}
/* 核心修复:确保表单项横向排列 (Label left, Input right) */
.form-item { display: flex; flex-direction: row; margin-bottom: 25px; align-items: flex-start; }
/* Radio 样式 */
.radio-group {
display: flex;
flex-direction: row;
height: 32px;
align-items: center;
}
.radio-item {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 24px;
}
.radio-text {
font-size: 14px;
color: #606266;
margin-left: 6px;
}
.form-label { width: 140px; font-size: 14px; color: #303133; text-align: right; padding-right: 20px; padding-top: 8px; flex-shrink: 0; }
.form-right { flex: 1; display: flex; flex-direction: column; width: 100%; }
/* Textarea 样式 像素级对齐 */
.code-textarea {
width: 600px;
height: 200px;
border: 1px solid #dcdfe6;
border-radius: 4px;
padding: 12px;
font-size: 14px;
color: #303133;
font-family: 'Courier New', Courier, monospace;
}
.form-input { border: 1px solid #dcdfe6; width: 450px; height: 32px; padding: 0 15px; border-radius: 4px; font-size: 14px; color: #606266; outline: none; transition: border-color .2s; }
.form-input:focus { border-color: #409eff; }
/* 提示文本 1:1 复刻颜色 */
.form-tip {
font-size: 12px;
color: #999;
margin-top: 10px;
line-height: 1.6;
width: 600px;
}
.form-textarea { border: 1px solid #dcdfe6; width: 550px; height: 120px; padding: 10px 15px; border-radius: 4px; font-size: 14px; color: #606266; line-height: 1.6; outline: none; }
.form-textarea:focus { border-color: #409eff; }
/* 按钮样式 */
.submit-row {
margin-top: 20px;
}
.btn-submit {
background-color: #1890ff;
color: #fff;
width: 64px;
height: 32px;
line-height: 32px;
font-size: 12px;
border-radius: 4px;
text-align: center;
border: none;
padding: 0;
margin: 0;
}
.waf-textarea { height: 200px; }
.code-bg { background-color: #f5f7fa; font-family: "Lucida Console", Monaco, monospace; }
.form-tip { font-size: 12px; color: #c0c4cc; margin-top: 8px; line-height: 1.5; width: 550px; }
.radio-group, .checkbox-group { display: flex; flex-direction: row; align-items: center; min-height: 32px; }
.radio-label, .checkbox-label { display: flex; flex-direction: row; align-items: center; margin-right: 30px; font-size: 14px; color: #606266; cursor: pointer; }
.upload-placeholder { width: 80px; height: 80px; border: 1px dashed #dcdfe6; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #909399; cursor: pointer; transition: all .2s; }
.upload-placeholder:hover { border-color: #409eff; color: #409eff; }
.submit-section { display: flex; flex-direction: row; margin-top: 20px; padding-top: 10px; }
.btn-submit { background-color: #1890ff; color: #fff; width: 65px; height: 32px; line-height: 32px; font-size: 14px; border-radius: 4px; margin: 0; border: none; cursor: pointer; text-align: center; }
.btn-submit:active { background-color: #096dd9; }
</style>
.placeholder-content {
padding: 50px;
text-align: center;
}
.placeholder-text {
font-size: 16px;
color: #909399;
}
</style>

View File

@@ -15,7 +15,10 @@
</script>
<style scoped>
.admin-page-container { padding: 20px; background-color: #f5f7f9; min-height: 100vh; }
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.page-card { background-color: #fff; border-radius: 4px; padding: 20px; box-shadow: 0 1px 4px rgba(0,21,41,0.08); }
.page-header { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; }
.page-title { font-size: 16px; font-weight: bold; color: #303133; }

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
.page-content {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.placeholder-card {

View File

@@ -15,7 +15,10 @@
</script>
<style scoped>
.admin-page-container { padding: 20px; background-color: #f5f7f9; min-height: 100vh; }
.admin-page-container {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.page-card { background-color: #fff; border-radius: 4px; padding: 20px; box-shadow: 0 1px 4px rgba(0,21,41,0.08); }
.page-header { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; }
.page-title { font-size: 16px; font-weight: bold; color: #303133; }

View File

@@ -108,8 +108,8 @@ function handleDelete(item: any) {
<style scoped>
.ticket-config {
padding: 20px;
background-color: #f5f7f9;
padding: 0;
background-color: transparent;
}
.admin-card {

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
.page-content {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.placeholder-card {

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
.page-content {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.placeholder-card {

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
.page-content {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.placeholder-card {

View File

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
<style scoped lang="scss">
.page-container {
padding: 20px;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
background: #f5f5f5;
}
.page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
.page-content {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.placeholder-card {

View File

@@ -166,15 +166,14 @@ function submitForm() {
<style scoped lang="scss">
.user-group-page {
padding: 16px;
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.content-card {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.action-bar {

View File

@@ -164,15 +164,14 @@ function submitForm() {
<style scoped lang="scss">
.user-label-page {
padding: 16px;
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.content-card {
background: #fff;
border-radius: 4px;
padding: 24px;
padding: var(--admin-card-padding);
}
.action-bar {

View File

@@ -235,26 +235,24 @@ const handleSave = () => {
<style scoped lang="scss">
.admin-user-level {
background-color: #f0f2f5;
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
padding: 24px;
}
.border-shadow {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-body {
display: flex;
flex-direction: column;
gap: 20px;
gap: var(--admin-section-gap);
}
/* 过滤栏 */
.filter-card {
padding: 24px;
padding: var(--admin-card-padding);
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -185,8 +185,14 @@ function onDetail(user: any) {
</script>
<style scoped lang="scss">
.admin-page {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
/* 筛选卡片 */
.filter-card {
padding: var(--admin-card-padding);
}
.filter-row {

View File

@@ -116,11 +116,17 @@ function onExport() {
</script>
<style scoped>
.admin-page {
/* 使用 Layout 的背景和内边距 */
min-height: 100vh;
}
.filter-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
padding: var(--admin-card-padding);
}
.filter-item {

View File

@@ -1,63 +1,4 @@
adminComponentMap.uts:194 GET http://localhost:5173/pages/mall/admin/maintain/dev-tools/file.uvue?t=1770810007330&import net::ERR_ABORTED 500 (Internal Server Error)
(anonymous) @ adminComponentMap.uts:194
load @ vue.runtime.esm.js:3681
setup @ vue.runtime.esm.js:3760
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
AdminLayout.uvue:263 [Vue warn]: Unhandled error during execution of async component loader
AdminLayout.uvue:271 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <View>
at <View>
@@ -74,196 +15,10 @@ at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
logError @ vue.runtime.esm.js:1438
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
onError @ vue.runtime.esm.js:3724
(anonymous) @ vue.runtime.esm.js:3767
Promise.catch
setup @ vue.runtime.esm.js:3766
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
AdminLayout.uvue:263 TypeError: Failed to fetch dynamically imported module: http://localhost:5173/pages/mall/admin/maintain/dev-tools/file.uvue?t=1770810007330&import
logError @ vue.runtime.esm.js:1443
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
onError @ vue.runtime.esm.js:3724
(anonymous) @ vue.runtime.esm.js:3767
Promise.catch
setup @ vue.runtime.esm.js:3766
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
adminComponentMap.uts:195 GET http://localhost:5173/pages/mall/admin/maintain/dev-tools/api.uvue?t=1770809996535&import net::ERR_ABORTED 500 (Internal Server Error)
(anonymous) @ adminComponentMap.uts:195
load @ vue.runtime.esm.js:3681
setup @ vue.runtime.esm.js:3760
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
AdminLayout.uvue:263 [Vue warn]: Unhandled error during execution of async component loader
AdminLayout.uvue:271 TypeError: Failed to fetch dynamically imported module: http://localhost:5173/pages/mall/admin/marketing/checkin/config.uvue?import
adminComponentMap.uts:106
GET http://localhost:5173/pages/mall/admin/marketing/checkin/reward.uvue?import net::ERR_CACHE_READ_FAILURE 304 (Not Modified)
AdminLayout.uvue:271 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <View>
at <View>
@@ -280,196 +35,10 @@ at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
logError @ vue.runtime.esm.js:1438
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
onError @ vue.runtime.esm.js:3724
(anonymous) @ vue.runtime.esm.js:3767
Promise.catch
setup @ vue.runtime.esm.js:3766
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
AdminLayout.uvue:263 TypeError: Failed to fetch dynamically imported module: http://localhost:5173/pages/mall/admin/maintain/dev-tools/api.uvue?t=1770809996535&import
logError @ vue.runtime.esm.js:1443
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
onError @ vue.runtime.esm.js:3724
(anonymous) @ vue.runtime.esm.js:3767
Promise.catch
setup @ vue.runtime.esm.js:3766
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
adminComponentMap.uts:196 GET http://localhost:5173/pages/mall/admin/maintain/dev-tools/data-dict.uvue?t=1770810020653&import net::ERR_ABORTED 500 (Internal Server Error)
(anonymous) @ adminComponentMap.uts:196
load @ vue.runtime.esm.js:3681
setup @ vue.runtime.esm.js:3760
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
AdminLayout.uvue:263 [Vue warn]: Unhandled error during execution of async component loader
AdminLayout.uvue:271 TypeError: Failed to fetch dynamically imported module: http://localhost:5173/pages/mall/admin/marketing/checkin/reward.uvue?import
adminComponentMap.uts:109
GET http://localhost:5173/pages/mall/admin/marketing/newcomer/index.uvue?import net::ERR_CACHE_READ_FAILURE 304 (Not Modified)
AdminLayout.uvue:271 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <View>
at <View>
@@ -486,156 +55,6 @@ at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
logError @ vue.runtime.esm.js:1438
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
onError @ vue.runtime.esm.js:3724
(anonymous) @ vue.runtime.esm.js:3767
Promise.catch
setup @ vue.runtime.esm.js:3766
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
AdminLayout.uvue:263 TypeError: Failed to fetch dynamically imported module: http://localhost:5173/pages/mall/admin/maintain/dev-tools/data-dict.uvue?t=1770810020653&import
logError @ vue.runtime.esm.js:1443
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
onError @ vue.runtime.esm.js:3724
(anonymous) @ vue.runtime.esm.js:3767
Promise.catch
setup @ vue.runtime.esm.js:3766
callWithErrorHandling @ vue.runtime.esm.js:1381
setupStatefulComponent @ vue.runtime.esm.js:8985
setupComponent @ vue.runtime.esm.js:8946
mountComponent @ vue.runtime.esm.js:7262
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7783
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
(anonymous) @ AdminLayout.uvue:263
setTimeout
watch.immediate @ AdminLayout.uvue:262
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
job @ vue.runtime.esm.js:3157
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
scheduler @ vue.runtime.esm.js:3179
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
openRoute @ adminNavStore.uts:87
onSubClick @ AdminLayout.uvue:318
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
emit @ vue.runtime.esm.js:1907
(anonymous) @ vue.runtime.esm.js:9176
handleNodeClick @ AdminSubSider.uvue:116
onClick @ AdminSubSider.uvue?import:112
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
pages-json-js?t=1770810049956:278 GET http://localhost:5173/pages/mall/admin/setting/message.uvue?t=1770810030507&import net::ERR_ABORTED 500 (Internal Server Error)
PagesMallAdminSettingMessageLoader @ pages-json-js?t=1770810049956:278
(anonymous) @ uni-h5.es.js:24748
(anonymous) @ uni-h5.es.js:4125
invokeApi @ uni-h5.es.js:3971
(anonymous) @ uni-h5.es.js:3989
(anonymous) @ uni-h5.es.js:24765
(anonymous) @ uni-h5.es.js:24764
Promise.then
(anonymous) @ uni-h5.es.js:24763
(anonymous) @ uni-h5.es.js:24762
pages-json-js?t=1770810049956:280 GET http://localhost:5173/pages/mall/admin/setting/agreement.uvue?t=1770810040122&import net::ERR_ABORTED 500 (Internal Server Error)
PagesMallAdminSettingAgreementLoader @ pages-json-js?t=1770810049956:280
(anonymous) @ uni-h5.es.js:24748
(anonymous) @ uni-h5.es.js:4125
invokeApi @ uni-h5.es.js:3971
(anonymous) @ uni-h5.es.js:3989
(anonymous) @ uni-h5.es.js:24765
(anonymous) @ uni-h5.es.js:24764
Promise.then
(anonymous) @ uni-h5.es.js:24763
(anonymous) @ uni-h5.es.js:24762
pages-json-js?t=1770810049956:282 GET http://localhost:5173/pages/mall/admin/setting/ticket.uvue?t=1770810049956&import net::ERR_ABORTED 500 (Internal Server Error).
AdminLayout.uvue:271 TypeError: Failed to fetch dynamically imported module: http://localhost:5173/pages/mall/admin/marketing/newcomer/index.uvue?import