qiushanhe/ss-tiku-manage-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sc

Browse Source
This commit is contained in:
qsh
2026-01-30 19:26:21 +08:00
parent f2c12828ac
commit 2816c3da62
5 changed files with 103 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@@ -2,6 +2,7 @@
import config from './config'
import { getToken } from '@/utils/auth'
import { useConfigStore } from '@/store'
import { useUserStore } from '@/store'
import { getCurrentInstance } from "vue"
import { onLaunch } from '@dcloudio/uni-app'
@@ -28,6 +29,9 @@
function checkLogin() {
if (!getToken()) {
proxy.$tab.reLaunch('/pages/login')
} else {
// 重新获取用户权限
useUserStore().getInfo()
}
}
</script>

98
src/pages/distributor/add.vue
View File

@@ -37,19 +37,7 @@
/>
</view>
</view>
<view class="form-row">
<view class="form-label">角色</view>
<view class="form-control">
<picker
:range="roleOptions"
:value="roleIndex"
@change="onRoleChange"
class="picker"
>
<view class="picker-text">{{ roleOptions[roleIndex] }}</view>
</picker>
</view>
</view>
<view class="form-row">
<view class="form-label">状态</view>
<view class="form-control">
@@ -87,15 +75,10 @@
const distributorForm = ref({
name: '',
phone: '',
role: '初级分销员',
status: '启用',
remark: ''
})
// 角色选项
const roleOptions = ['初级分销员', '中级分销员', '高级分销员']
const roleIndex = ref(0)
// 状态选项
const statusOptions = ['启用', '禁用']
const statusIndex = ref(0)
@@ -145,12 +128,7 @@
}, 1500)
}
// 角色变更
function onRoleChange(e) {
const value = e.detail.value
roleIndex.value = value
distributorForm.value.role = roleOptions[value]
}
// 状态变更
function onStatusChange(e) {
@@ -226,7 +204,7 @@
.form-section {
padding: 32rpx;
background-color: #fff;
margin: 0 16rpx 16rpx;
margin: 16rpx;
border-radius: 16rpx;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
}
@@ -269,22 +247,47 @@
.form-input {
width: 100%;
height: 70rpx;
background-color: #fff;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
padding: 16rpx;
border-radius: 12rpx;
padding: 20rpx 24rpx;
font-size: 24rpx;
color: #303133;
transition: all 0.3s ease;
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.02);
}
.form-input:focus {
border-color: #409eff;
box-shadow: 0 0 0 4rpx rgba(64, 158, 255, 0.1);
outline: none;
}
.form-input::placeholder {
color: #909399;
font-size: 22rpx;
}
.picker {
background-color: #fff;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
padding: 16rpx;
border-radius: 12rpx;
padding: 20rpx 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
cursor: pointer;
}
.picker:hover {
border-color: #c6e2ff;
box-shadow: 0 2rpx 8rpx rgba(64, 158, 255, 0.1);
}
.picker:active {
background-color: #f5faff;
}
.picker-text {
@@ -297,11 +300,24 @@
height: 160rpx;
background-color: #fff;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
padding: 16rpx;
border-radius: 12rpx;
padding: 20rpx 24rpx;
font-size: 24rpx;
color: #303133;
resize: none;
transition: all 0.3s ease;
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.02);
}
.form-textarea:focus {
border-color: #409eff;
box-shadow: 0 0 0 4rpx rgba(64, 158, 255, 0.1);
outline: none;
}
.form-textarea::placeholder {
color: #909399;
font-size: 22rpx;
}
.textarea-count {
@@ -344,8 +360,9 @@
.form-input,
.picker {
padding: 20rpx;
padding: 24rpx 28rpx;
font-size: 26rpx;
border-radius: 14rpx;
}
.picker-text {
@@ -354,8 +371,14 @@
.form-textarea {
height: 200rpx;
padding: 20rpx;
padding: 24rpx 28rpx;
font-size: 26rpx;
border-radius: 14rpx;
}
.form-input::placeholder,
.form-textarea::placeholder {
font-size: 24rpx;
}
.textarea-count {
@@ -383,7 +406,9 @@
.form-input,
.picker {
padding: 28rpx 32rpx;
font-size: 28rpx;
border-radius: 16rpx;
}
.picker-text {
@@ -391,7 +416,14 @@
}
.form-textarea {
padding: 28rpx 32rpx;
font-size: 28rpx;
border-radius: 16rpx;
}
.form-input::placeholder,
.form-textarea::placeholder {
font-size: 26rpx;
}
}
</style>

26
src/pages/distributor/edit.vue
View File

@@ -37,19 +37,7 @@
/>
</view>
</view>
<view class="form-row">
<view class="form-label">角色</view>
<view class="form-control">
<picker
:range="roleOptions"
:value="roleIndex"
@change="onRoleChange"
class="picker"
>
<view class="picker-text">{{ roleOptions[roleIndex] }}</view>
</picker>
</view>
</view>
<view class="form-row">
<view class="form-label">状态</view>
<view class="form-control">
@@ -95,15 +83,10 @@
id: '',
name: '张三',
phone: '13800138001',
role: '初级分销员',
status: '启用',
remark: '默认分销员'
})
// 角色选项
const roleOptions = ['初级分销员', '中级分销员', '高级分销员']
const roleIndex = ref(0)
// 状态选项
const statusOptions = ['启用', '禁用']
const statusIndex = ref(0)
@@ -182,12 +165,7 @@
})
}
// 角色变更
function onRoleChange(e) {
const value = e.detail.value
roleIndex.value = value
distributorForm.value.role = roleOptions[value]
}
// 状态变更
function onStatusChange(e) {

17
src/pages/distributor/index.vue
View File

@@ -57,7 +57,6 @@
<view class="distributor-name">{{ distributor.name }}</view>
<view class="distributor-meta">
<view class="meta-item">{{ distributor.phone }}</view>
<view class="meta-item">{{ distributor.role }}</view>
<view class="meta-item status-{{ distributor.statusClass }}">{{ distributor.status }}</view>
</view>
</view>
@@ -118,7 +117,6 @@
id: 1,
name: '张三',
phone: '13800138001',
role: '初级分销员',
status: '启用',
statusClass: 'active'
},
@@ -126,7 +124,6 @@
id: 2,
name: '李四',
phone: '13800138002',
role: '中级分销员',
status: '启用',
statusClass: 'active'
},
@@ -134,7 +131,6 @@
id: 3,
name: '王五',
phone: '13800138003',
role: '高级分销员',
status: '禁用',
statusClass: 'inactive'
}
@@ -162,17 +158,17 @@
// 添加分销员
function addDistributor() {
uni.showToast({
title: '添加分销员功能开发中',
icon: 'none'
// 跳转至添加分销员页面
uni.navigateTo({
url: '/pages/distributor/add'
})
}
// 编辑分销员
function editDistributor(id) {
uni.showToast({
title: '编辑分销员功能开发中',
icon: 'none'
// 跳转至编辑分销员页面
uni.navigateTo({
url: '/pages/distributor/edit?id=' + id
})
}
@@ -349,6 +345,7 @@
color: #303133;
margin-bottom: 24rpx;
padding-left: 12rpx;
margin-top: 12rpx;
border-left: 8rpx solid #409eff;
line-height: 1.2;
}

66
src/pages/work/index.vue
View File

@@ -1,11 +1,11 @@
<template>
<view class="work-container">
<!-- 账号管理 -->
<view class="section">
<view v-if="checkPermi(['work:account:user'])" class="section">
<view class="section-title">账号管理</view>
<view class="feature-row">
<!-- 管理员功能 -->
<view v-if="userRole === 'admin'" class="feature-card" @click="goToAccountManage">
<view v-if="checkPermi(['work:account:user'])" class="feature-card" @click="goToAccountManage">
<view class="feature-icon distributor-icon">
<view class="icon-text">👥</view>
</view>
@@ -15,17 +15,17 @@
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToQuotaManage">
<view v-if="checkPermi(['work:member:code'])" class="feature-card" @click="goToQuotaManage">
<view class="feature-icon user-icon">
<view class="icon-text">🎁</view>
</view>
<view class="feature-info">
<view class="feature-title">赠会员额度分配</view>
<view class="feature-title">赠送会员额度分配</view>
<view class="feature-desc">分配分销员每月赠会员额度</view>
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToLogManage">
<view v-if="checkPermi(['work:account:log'])" class="feature-card" @click="goToLogManage">
<view class="feature-icon dept-icon">
<view class="icon-text">📋</view>
</view>
@@ -34,26 +34,15 @@
<view class="feature-desc">查看账号核心操作日志</view>
</view>
</view>
<!-- 分销员功能 -->
<view v-if="userRole === 'distributor'" class="feature-card" @click="goToPersonalAccount">
<view class="feature-icon notice-icon">
<view class="icon-text">👤</view>
</view>
<view class="feature-info">
<view class="feature-title">个人账号管理</view>
<view class="feature-desc">修改个人资料、登录密码</view>
</view>
</view>
</view>
</view>
<!-- 分销管理 -->
<view class="section">
<view v-if="checkPermi(['work:distribution:index'])" class="section">
<view class="section-title">分销管理</view>
<view class="feature-row">
<!-- 管理员功能 -->
<view v-if="userRole === 'admin'" class="feature-card" @click="goToDistributorManage">
<view v-if="checkPermi(['work:distribution:distributor'])" class="feature-card" @click="goToDistributorManage">
<view class="feature-icon distributor-icon">
<view class="icon-text">👥</view>
</view>
@@ -63,7 +52,7 @@
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToProfitRule">
<view v-if="checkPermi(['work:distribution:profitRule'])" class="feature-card" @click="goToProfitRule">
<view class="feature-icon user-icon">
<view class="icon-text">💰</view>
</view>
@@ -73,7 +62,7 @@
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToDistributionData">
<view v-if="checkPermi(['work:distribution:profitRecord'])" class="feature-card" @click="goToDistributionData">
<view class="feature-icon dept-icon">
<view class="icon-text">📊</view>
</view>
@@ -83,7 +72,7 @@
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToQrCodeManage">
<view v-if="checkPermi(['work:distribution:qrCode'])" class="feature-card" @click="goToQrCodeManage">
<view class="feature-icon notice-icon">
<view class="icon-text">🔗</view>
</view>
@@ -117,10 +106,10 @@
</view>
<!-- 学员学情监控 -->
<view class="section">
<view v-if="checkPermi(['work:student:index'])" class="section">
<view class="section-title">学员学情监控</view>
<view class="feature-row">
<view class="feature-card" @click="goToStudentList">
<view v-if="checkPermi(['work:student:info'])" class="feature-card" @click="goToStudentList">
<view class="feature-icon dept-icon">
<view class="icon-text">🎓</view>
</view>
@@ -130,7 +119,7 @@
</view>
</view>
<view class="feature-card" @click="goToStudentDetail">
<view v-if="checkPermi(['work:student:info'])" class="feature-card" @click="goToStudentDetail">
<view class="feature-icon notice-icon">
<view class="icon-text">📈</view>
</view>
@@ -140,7 +129,7 @@
</view>
</view>
<view class="feature-card" @click="goToLearningAnalysis">
<view v-if="checkPermi(['work:student:analysis'])" class="feature-card" @click="goToLearningAnalysis">
<view class="feature-icon log-icon">
<view class="icon-text">📊</view>
</view>
@@ -150,7 +139,7 @@
</view>
</view>
<view class="feature-card" @click="goToLearningRemind">
<view v-if="checkPermi(['work:student:notify'])" class="feature-card" @click="goToLearningRemind">
<view class="feature-icon distributor-icon">
<view class="icon-text">🔔</view>
</view>
@@ -163,11 +152,11 @@
</view>
<!-- 会员维护 -->
<view class="section">
<view v-if="checkPermi(['work:member:index'])" class="section">
<view class="section-title">会员维护</view>
<view class="feature-row">
<!-- 管理员功能 -->
<view v-if="userRole === 'admin'" class="feature-card" @click="goToMemberOrder">
<view v-if="checkPermi(['work:member:order'])" class="feature-card" @click="goToMemberOrder">
<view class="feature-icon user-icon">
<view class="icon-text">🛒</view>
</view>
@@ -177,7 +166,7 @@
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToGiftMember">
<view v-if="checkPermi(['work:member:code'])" class="feature-card" @click="goToGiftMember">
<view class="feature-icon notice-icon">
<view class="icon-text">🎁</view>
</view>
@@ -187,7 +176,7 @@
</view>
</view>
<view v-if="userRole === 'admin'" class="feature-card" @click="goToGeneralCode">
<view v-if="checkPermi(['work:member:qrCode'])" class="feature-card" @click="goToGeneralCode">
<view class="feature-icon log-icon">
<view class="icon-text">🔗</view>
</view>
@@ -198,7 +187,7 @@
</view>
<!-- 分销员功能 -->
<view v-if="userRole === 'distributor'" class="feature-card" @click="goToPersonalOrder">
<view v-if="checkPermi(['work:member:orderInfo'])" class="feature-card" @click="goToPersonalOrder">
<view class="feature-icon distributor-icon">
<view class="icon-text">📋</view>
</view>
@@ -208,7 +197,7 @@
</view>
</view>
<view v-if="userRole === 'distributor'" class="feature-card" @click="goToPersonalGiftMember">
<view v-if="checkPermi(['work:member:send'])" class="feature-card" @click="goToPersonalGiftMember">
<view class="feature-icon user-icon">
<view class="icon-text">🎁</view>
</view>
@@ -221,10 +210,10 @@
</view>
<!-- 异常提醒 -->
<view class="section">
<view v-if="checkPermi(['work:error:index'])" class="section">
<view class="section-title">异常提醒</view>
<view class="feature-row">
<view class="feature-card" @click="goToProfitException">
<view v-if="checkPermi(['work:error:profit'])" class="feature-card" @click="goToProfitException">
<view class="feature-icon notice-icon">
<view class="icon-text">💰</view>
<view v-if="exceptionCount.profit > 0" class="exception-badge">{{ exceptionCount.profit }}</view>
@@ -235,7 +224,7 @@
</view>
</view>
<view class="feature-card" @click="goToMemberOrderException">
<view v-if="checkPermi(['work:error:memOrder'])" class="feature-card" @click="goToMemberOrderException">
<view class="feature-icon notice-icon">
<view class="icon-text">🛒</view>
<view v-if="exceptionCount.member > 0" class="exception-badge">{{ exceptionCount.member }}</view>
@@ -252,6 +241,7 @@
<script setup>
import { ref, getCurrentInstance, onMounted } from "vue"
import { checkPermi } from "@/utils/permission"
const { proxy } = getCurrentInstance()
const userRole = ref('admin') // 模拟角色，实际应从登录状态获取
@@ -287,12 +277,6 @@
})
}
function goToPersonalAccount() {
uni.navigateTo({
url: '/pages/account/personal'
})
}
// 分销管理相关
function goToDistributorManage() {
uni.navigateTo({