编辑页面

页面标题

有效期修改后将从当前时间重新计算过期时间

CSS文件（可选）

JS文件（可选）

HTML内容

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>茶叶商城 - 管理后台</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: #f5f0e8; min-height: 100vh; display: flex; }
.sidebar { width: 240px; background: linear-gradient(180deg, #2d5016 0%, #1a3009 100%); color: #fff; min-height: 100vh; padding: 20px 0; position: fixed; }
.logo { padding: 0 24px 30px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px; }
.logo h1 { font-size: 22px; font-weight: 500; display: flex; align-items: center; gap: 10px; }
.logo h1::before { content: "🍃"; font-size: 28px; }
.nav-item { padding: 14px 24px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 12px; border-left: 3px solid transparent; }
.nav-item:hover { background: rgba(255,255,255,0.1); }
.nav-item.active { background: rgba(255,255,255,0.15); border-left-color: #8bc34a; }
.nav-item .icon { font-size: 20px; }
.nav-item .arrow { margin-left: auto; transition: transform 0.3s; }
.nav-item.expanded .arrow { transform: rotate(180deg); }
.sub-nav { display: none; background: rgba(0,0,0,0.2); }
.sub-nav.show { display: block; }
.sub-item { padding: 12px 24px 12px 56px; cursor: pointer; transition: all 0.3s; font-size: 14px; }
.sub-item:hover { background: rgba(255,255,255,0.1); }
.sub-item.active { color: #8bc34a; }
.main { flex: 1; margin-left: 240px; }
.header { background: #fff; padding: 16px 32px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e8e0d0; }
.header-left { display: flex; align-items: center; gap: 16px; }
.header-left h2 { color: #2d5016; font-size: 20px; font-weight: 500; }
.breadcrumb { color: #888; font-size: 14px; }
.user-info { display: flex; align-items: center; gap: 12px; color: #666; }
.user-info .avatar { width: 36px; height: 36px; background: #8bc34a; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; }
.content { padding: 24px 32px; }
.card { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #eee; }
.card-title { font-size: 16px; font-weight: 600; color: #333; display: flex; align-items: center; gap: 8px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 24px; }
.stat-card { background: linear-gradient(135deg, #fff 0%, #f9f7f3 100%); border-radius: 12px; padding: 20px; border: 1px solid #e8e0d0; }
.stat-card .stat-icon { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 12px; }
.stat-card .stat-value { font-size: 28px; font-weight: 700; color: #2d5016; margin-bottom: 4px; }
.stat-card .stat-label { color: #888; font-size: 14px; }
.stat-card .stat-change { font-size: 12px; margin-top: 8px; }
.stat-card .stat-change.up { color: #4caf50; }
.stat-card .stat-change.down { color: #f44336; }
.btn { padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; transition: all 0.3s; display: inline-flex; align-items: center; gap: 6px; }
.btn-primary { background: #2d5016; color: #fff; }
.btn-primary:hover { background: #3d6820; }
.btn-secondary { background: #f0ebe0; color: #666; }
.btn-secondary:hover { background: #e5dfd0; }
.btn-sm { padding: 6px 12px; font-size: 12px; }
.table-container { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 16px; text-align: left; border-bottom: 1px solid #f0ebe0; }
th { background: #f9f7f3; color: #666; font-weight: 500; font-size: 14px; }
td { color: #333; font-size: 14px; }
tr:hover { background: #f9f7f3; }
.status { padding: 4px 10px; border-radius: 12px; font-size: 12px; display: inline-block; }
.status-active { background: #e8f5e9; color: #4caf50; }
.status-pending { background: #fff3e0; color: #ff9800; }
.status-disabled { background: #ffebee; color: #f44336; }
.action-btns { display: flex; gap: 8px; }
.table-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.search-box { display: flex; gap: 12px; }
.search-box input { padding: 10px 16px; border: 1px solid #e8e0d0; border-radius: 6px; width: 240px; outline: none; }
.search-box input:focus { border-color: #8bc34a; }
.filter-tabs { display: flex; gap: 8px; margin-left: 20px; }
.filter-tab { padding: 8px 16px; border: 1px solid #e8e0d0; border-radius: 20px; cursor: pointer; font-size: 13px; transition: all 0.3s; background: #fff; }
.filter-tab.active { background: #2d5016; color: #fff; border-color: #2d5016; }
.pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.pagination-info { color: #888; font-size: 14px; }
.pagination-btns { display: flex; gap: 4px; }
.page-btn { width: 36px; height: 36px; border: 1px solid #e8e0d0; border-radius: 6px; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.page-btn:hover { border-color: #8bc34a; }
.page-btn.active { background: #2d5016; color: #fff; border-color: #2d5016; }
.page-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.detail-panel { display: none; background: #fff; border-radius: 12px; padding: 24px; margin-top: 20px; }
.detail-panel.show { display: block; }
.detail-title { font-size: 18px; font-weight: 600; color: #2d5016; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #8bc34a; display: flex; align-items: center; gap: 10px; }
.form-row { display: flex; gap: 20px; margin-bottom: 16px; }
.form-group { flex: 1; }
.form-group label { display: block; margin-bottom: 8px; color: #666; font-size: 14px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px 14px; border: 1px solid #e8e0d0; border-radius: 6px; font-size: 14px; outline: none; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: #8bc34a; }
.form-group textarea { resize: vertical; min-height: 100px; }
.form-actions { display: flex; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #eee; justify-content: flex-end; }
.modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; justify-content: center; align-items: center; }
.modal-overlay.show { display: flex; }
.modal { background: #fff; border-radius: 12px; padding: 24px; width: 480px; max-width: 90%; }
.modal-header { font-size: 18px; font-weight: 600; color: #2d5016; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.modal-body { margin-bottom: 20px; }
.modal-footer { display: flex; gap: 12px; justify-content: flex-end; }
.alert { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.alert-success { background: #e8f5e9; color: #4caf50; border: 1px solid #c8e6c9; }
.alert-warning { background: #fff3e0; color: #ff9800; border: 1px solid #ffe0b2; }
.toast { position: fixed; top: 20px; right: 20px; background: #2d5016; color: #fff; padding: 16px 24px; border-radius: 8px; z-index: 2000; transform: translateX(400px); transition: transform 0.3s; }
.toast.show { transform: translateX(0); }
.timeline { position: relative; padding-left: 30px; }
.timeline::before { content: ""; position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: #e8e0d0; }
.timeline-item { position: relative; padding-bottom: 20px; }
.timeline-item::before { content: ""; position: absolute; left: -26px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #8bc34a; border: 3px solid #fff; box-shadow: 0 0 0 2px #8bc34a; }
.timeline-item .time { font-size: 12px; color: #888; margin-bottom: 4px; }
.timeline-item .content { font-size: 14px; color: #333; }
.chart-container { height: 300px; background: #f9f7f3; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #888; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.empty-state { text-align: center; padding: 60px 20px; color: #888; }
.empty-state .icon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; }
.info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.info-item { display: flex; gap: 12px; }
.info-item .label { color: #888; width: 80px; }
.info-item .value { color: #333; }
.list-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0ebe0; }
.list-item:last-child { border-bottom: none; }
.badge { padding: 2px 8px; border-radius: 10px; font-size: 11px; }
.badge-success { background: #e8f5e9; color: #4caf50; }
.badge-warning { background: #fff3e0; color: #ff9800; }
.badge-danger { background: #ffebee; color: #f44336; }
</style>
</head>
<body>
<!-- 侧边栏 -->
<aside class="sidebar">
  <div class="logo">
    <h1>茶叶商城</h1>
  </div>
  <div class="nav-item active" onclick="toggleNav(this)">
    <span class="icon">📊</span>
    <span>工作台</span>
  </div>
  <div class="nav-item" onclick="toggleNav(this)">
    <span class="icon">👥</span>
    <span>用户管理</span>
    <span class="arrow">▼</span>
  </div>
  <div class="sub-nav">
    <div class="sub-item" onclick="showSection('user-list', this)">用户列表</div>
    <div class="sub-item" onclick="showSection('roles', this)">角色权限</div>
  </div>
  <div class="nav-item" onclick="toggleNav(this)">
    <span class="icon">📦</span>
    <span>商品管理</span>
    <span class="arrow">▼</span>
  </div>
  <div class="sub-nav">
    <div class="sub-item" onclick="showSection('product-audit', this)">商品审核</div>
    <div class="sub-item" onclick="showSection('product-list', this)">商品管理</div>
  </div>
  <div class="nav-item" onclick="toggleNav(this)">
    <span class="icon">📋</span>
    <span>订单管理</span>
    <span class="arrow">▼</span>
  </div>
  <div class="sub-nav">
    <div class="sub-item" onclick="showSection('order-list', this)">订单列表</div>
    <div class="sub-item" onclick="showSection('refund', this)">退款售后</div>
  </div>
  <div class="nav-item" onclick="toggleNav(this)">
    <span class="icon">🎁</span>
    <span>营销管理</span>
    <span class="arrow">▼</span>
  </div>
  <div class="sub-nav">
    <div class="sub-item" onclick="showSection('activities', this)">平台活动</div>
    <div class="sub-item" onclick="showSection('coupons', this)">优惠券管理</div>
  </div>
  <div class="nav-item" onclick="toggleNav(this)">
    <span class="icon">💰</span>
    <span>财务对账</span>
    <span class="arrow">▼</span>
  </div>
  <div class="sub-nav">
    <div class="sub-item" onclick="showSection('settlement', this)">货款结算</div>
    <div class="sub-item" onclick="showSection('withdraw', this)">提现审核</div>
  </div>
  <div class="nav-item" onclick="toggleNav(this)">
    <span class="icon">⚙️</span>
    <span>系统设置</span>
    <span class="arrow">▼</span>
  </div>
  <div class="sub-nav">
    <div class="sub-item" onclick="showSection('payment', this)">支付设置</div>
    <div class="sub-item" onclick="showSection('logistics', this)">物流设置</div>
  </div>
</aside>

<!-- 主内容区 -->
<main class="main">
  <header class="header">
    <div class="header-left">
      <h2 id="page-title">工作台</h2>
      <span class="breadcrumb" id="breadcrumb">首页 / 工作台</span>
    </div>
    <div class="user-info">
      <span>管理员：张明</span>
      <div class="avatar">张</div>
    </div>
  </header>
  
  <div class="content">
    <!-- 工作台 -->
    <section id="dashboard" class="tab-content active">
      <div class="alert alert-warning">
        <span>📢</span> 您有 <strong>3</strong> 条商品待审核，<strong>2</strong> 笔退款申请待处理
      </div>
      <div class="stats-grid">
        <div class="stat-card">
          <div class="stat-icon" style="background:#e8f5e9;">👥</div>
          <div class="stat-value">12,584</div>
          <div class="stat-label">总用户数</div>
          <div class="stat-change up">↑ 12.5% 较上月</div>
        </div>
        <div class="stat-card">
          <div class="stat-icon" style="background:#fff3e0;">📦</div>
          <div class="stat-value">3,268</div>
          <div class="stat-label">商品总数</div>
          <div class="stat-change up">↑ 8.3% 较上月</div>
        </div>
        <div class="stat-card">
          <div class="stat-icon" style="background:#e3f2fd;">💵</div>
          <div class="stat-value">¥856,420</div>
          <div class="stat-label">本月销售额</div>
          <div class="stat-change up">↑ 23.1% 较上月</div>
        </div>
        <div class="stat-card">
          <div class="stat-icon" style="background:#fce4ec;">📋</div>
          <div class="stat-value">156</div>
          <div class="stat-label">待处理订单</div>
          <div class="stat-change down">↓ 5.2% 较上月</div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <div class="card-title">📈 销售趋势</div>
          <div class="filter-tabs">
            <span class="filter-tab active">近7天</span>
            <span class="filter-tab">近30天</span>
            <span class="filter-tab">近90天</span>
          </div>
        </div>
        <div class="chart-container">销售趋势图表区域（模拟数据）</div>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
        <div class="card">
          <div class="card-header">
            <div class="card-title">📋 待办事项</div>
          </div>
          <div class="list-item">
            <span>商品审核申请</span>
            <span class="badge badge-warning">3 条</span>
          </div>
          <div class="list-item">
            <span>退款申请</span>
            <span class="badge badge-danger">2 条</span>
          </div>
          <div class="list-item">
            <span>提现申请</span>
            <span class="badge badge-warning">5 条</span>
          </div>
          <div class="list-item">
            <span>商家入驻申请</span>
            <span class="badge badge-success">1 条</span>
          </div>
        </div>
        <div class="card">
          <div class="card-header">
            <div class="card-title">🔔 最新动态</div>
          </div>
          <div class="timeline">
            <div class="timeline-item">
              <div class="time">10分钟前</div>
              <div class="content">用户「茶香四溢」完成一笔订单，金额 ¥328</div>
            </div>
            <div class="timeline-item">
              <div class="time">30分钟前</div>
              <div class="content">商家「高山云雾茶」提交商品审核</div>
            </div>
            <div class="timeline-item">
              <div class="time">1小时前</div>
              <div class="content">用户「茶道爱好者」发起退款申请</div>
            </div>
            <div class="timeline-item">
              <div class="time">2小时前</div>
              <div class="content">商家「龙井茶庄」申请提现 ¥12,580</div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 用户管理 - 用户列表 -->
    <section id="user-list" class="tab-content">
      <div class="card">
        <div class="table-header">
          <div class="search-box">
            <input type="text" placeholder="搜索用户名/手机号...">
            <button class="btn btn-primary">搜索</button>
          </div>
          <div class="filter-tabs">
            <span class="filter-tab active">全部</span>
            <span class="filter-tab">买家</span>
            <span class="filter-tab">商家</span>
          </div>
        </div>
        <div class="table-container">
          <table>
            <thead>
              <tr>
                <th>用户ID</th>
                <th>用户名</th>
                <th>手机号</th>
                <th>用户类型</th>
                <th>注册时间</th>
                <th>状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>10001</td>
                <td>茶香四溢</td>
                <td>138****5678</td>
                <td><span class="badge badge-success">买家</span></td>
                <td>2024-03-15</td>
                <td><span class="status status-active">正常</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-secondary" onclick="viewUserDetail()">查看</button><button class="btn btn-sm btn-secondary">禁用</button></div></td>
              </tr>
              <tr>
                <td>10002</td>
                <td>龙井茶庄</td>
                <td>139****1234</td>
                <td><span class="badge badge-warning">商家</span></td>
                <td>2024-02-20</td>
                <td><span class="status status-active">正常</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-secondary" onclick="viewUserDetail()">查看</button><button class="btn btn-sm btn-secondary">禁用</button></div></td>
              </tr>
              <tr>
                <td>10003</td>
                <td>茶道爱好者</td>
                <td>137****9876</td>
<td><span class="badge badge-success">买家</span></td>
                <td>2024-04-01</td>
                <td><span class="status status-pending">待审核</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-primary" onclick="viewUserDetail()">审核</button></div></td>
              </tr>
              <tr>
                <td>10004</td>
                <td>高山云雾茶</td>
                <td>136****5432</td>
                <td><span class="badge badge-warning">商家</span></td>
                <td>2024-03-28</td>
                <td><span class="status status-active">正常</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-secondary" onclick="viewUserDetail()">查看</button><button class="btn btn-sm btn-secondary">禁用</button></div></td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="pagination">
          <div class="pagination-info">共 45 条记录，第 1/5 页</div>
          <div class="pagination-btns">
            <button class="page-btn" disabled>‹</button>
            <button class="page-btn active">1</button>
            <button class="page-btn">2</button>
            <button class="page-btn">3</button>
            <button class="page-btn">›</button>
          </div>
        </div>
      </div>
      <!-- 用户详情面板 -->
      <div id="user-detail" class="detail-panel">
        <div class="detail-title">👤 用户详情</div>
        <div class="info-grid">
          <div class="info-item"><span class="label">用户ID：</span><span class="value">10001</span></div>
          <div class="info-item"><span class="label">用户名：</span><span class="value">茶香四溢</span></div>
          <div class="info-item"><span class="label">手机号：</span><span class="value">138****5678</span></div>
          <div class="info-item"><span class="label">用户类型：</span><span class="value">买家</span></div>
          <div class="info-item"><span class="label">注册时间：</span><span class="value">2024-03-15 14:32:18</span></div>
          <div class="info-item"><span class="label">最后登录：</span><span class="value">2024-05-10 09:15:32</span></div>
        </div>
        <div class="form-actions">
          <button class="btn btn-secondary" onclick="closeDetail()">关闭</button>
          <button class="btn btn-primary">编辑</button>
        </div>
      </div>
    </section>

    <!-- 用户管理 - 角色权限 -->
    <section id="roles" class="tab-content">
      <div class="card">
        <div class="card-header">
          <div class="card-title">👥 角色权限管理</div>
          <button class="btn btn-primary" onclick="showModal('addRole')">+ 新增角色</button>
        </div>
        <div class="table-container">
          <table>
            <thead>
              <tr>
                <th>角色名称</th>
                <th>角色描述</th>
                <th>用户数量</th>
                <th>创建时间</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>超级管理员</td>
                <td>拥有系统所有权限</td>
                <td>2</td>
                <td>2024-01-01</td>
                <td><button class="btn btn-sm btn-secondary" disabled>编辑</button></td>
              </tr>
              <tr>
                <td>运营专员</td>
                <td>负责商品审核、活动管理等</td>
                <td>5</td>
                <td>2024-01-15</td>
                <td><button class="btn btn-sm btn-primary" onclick="editRole()">编辑</button></td>
              </tr>
              <tr>
                <td>财务专员</td>
                <td>负责订单对账、提现审核</td>
                <td>3</td>
                <td>2024-02-01</td>
                <td><button class="btn btn-sm btn-primary" onclick="editRole()">编辑</button></td>
              </tr>
              <tr>
                <td>客服专员</td>
                <td>负责退款售后处理</td>
                <td>4</td>
                <td>2024-02-10</td>
                <td><button class="btn btn-sm btn-primary" onclick="editRole()">编辑</button></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </section>

    <!-- 商品管理 - 商品审核 -->
    <section id="product-audit" class="tab-content">
      <div class="card">
        <div class="card-header">
          <div class="card-title">📦 商品审核</div>
          <div class="filter-tabs">
            <span class="filter-tab active">待审核</span>
            <span class="filter-tab">已通过</span>
            <span class="filter-tab">已驳回</span>
          </div>
        </div>
        <div class="table-container">
          <table>
            <thead>
              <tr>
                <th>商品ID</th>
                <th>商品名称</th>
                <th>商家</th>
                <th>价格</th>
                <th>提交时间</th>
                <th>状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>P2024001</td>
                <td>明前龙井特级</td>
                <td>高山云雾茶</td>
                <td>¥298.00</td>
                <td>2024-05-10 14:30</td>
                <td><span class="status status-pending">待审核</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-primary" onclick="auditProduct(this)">审核</button><button class="btn btn-sm btn-secondary">查看</button></div></td>
              </tr>
              <tr>
                <td>P2024002</td>
                <td>铁观音浓香型</td>
                <td>龙井茶庄</td>
                <td>¥168.00</td>
                <td>2024-05-10 10:15</td>
                <td><span class="status status-pending">待审核</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-primary" onclick="auditProduct(this)">审核</button><button class="btn btn-sm btn-secondary">查看</button></div></td>
              </tr>
              <tr>
                <td>P2024003</td>
                <td>云南普洱熟茶</td>
                <td>茶韵阁</td>
                <td>¥458.00</td>
                <td>2024-05-09 16:45</td>
                <td><span class="status status-pending">待审核</span></td>
                <td><div class="action-btns"><button class="btn btn-sm btn-primary" onclick="auditProduct(this)">审核</button><button class="btn btn-sm btn-secondary">查看</button></div></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <!-- 审核详情 -->
      <div id="product-audit-detail" class="detail-panel">
        <div class="detail-title">🔍 商品审核详情</div>
        <div class="info-grid">
          <div class="info-item"><span class="label">商品名称：</span><span class="value">明前龙井特级</span></div>
          <div class="info-item"><span class="label">商品ID：</span><span class="value">P2024001</span></div>
          <div class="info-item"><span class="label">商家：</span><span class="value">高山云雾茶</span></div>
          <div class="info-item"><span class="label">价格：</span><span class="value">¥298.00</span></div>
          <div class="info-item"><span class="label">库存：</span><span class="value">500</span></div>
          <div class="info-item"><span class="label">分类：</span><span class="value">绿茶 / 龙井</span></div>
        </div>
        <div class="form-group" style="margin-top:16px;">
          <label>商品描述</label>
          <textarea>明前采摘的特级龙井茶，产自杭州西湖产区，色泽嫩绿，香气清高，滋味鲜醇。叶底匀整明亮，是送礼自饮的佳品。

审核备注

商品ID	商品名称	商家	价格	销量	状态
P2023001	碧螺春特级	龙井茶庄	¥228.00	1,256	上架
P2023002	大红袍珍品	武夷山茶厂	¥568.00	856	上架
P2023003	茉莉花茶	茶韵阁	¥98.00	2,341	已下架

共 156 条记录，第 1/8 页

全部待付款待发货已发货已完成

订单号	用户	商品	金额	下单时间	状态
ORD20240510001	茶香四溢	明前龙井 x2	¥596.00	2024-05-10 14:32	待发货
ORD20240509002	茶道爱好者	铁观音浓香型 x1	¥168.00	2024-05-09 18:20	已发货
ORD20240508003	普洱茶友	云南普洱熟茶 x3	¥1,374.00	2024-05-08 09:15	已完成

📋 订单详情

订单号：ORD20240510001

状态：待发货

用户：茶香四溢 (138****5678)

下单时间：2024-05-10 14:32:18

收货地址：浙江省杭州市西湖区文三路123号

支付方式：微信支付

商品信息

明前龙井特级 x 2¥596.00

🔄 退款售后处理

待处理处理中已完成

申请ID	订单号	用户	申请类型	申请金额	申请时间	状态	操作
R2024001	ORD20240508003	普洱茶友	仅退款	¥458.00	2024-05-10 11:20	待处理
R2024002	ORD20240506005	茶道爱好者	退货退款	¥168.00	2024-05-09 16:45	待处理

🔍 退款申请详情

申请ID：R2024001

订单号：ORD20240508003

用户：普洱茶友

申请类型：仅退款

申请金额：¥458.00

申请时间：2024-05-10 11:20:35

退款原因

处理意见

🎪 平台活动管理

活动ID	活动名称	活动类型	时间	状态
A2024001	春季茶叶节	满减优惠	2024-03-01 至 2024-05-31	进行中
A2024002	新品首发特惠	限时折扣	2024-05-01 至 2024-05-15	进行中
A2024003	年货节	满减优惠	2024-01-10 至 2024-02-10	已结束

🎫 优惠券管理

优惠券ID	优惠券名称	面额	发放数量	使用数量	有效期	状态
C2024001	新人专享券	¥20	5,000	1,234	2024-05-01 至 2024-05-31	进行中
C2024002	满100减10券	¥10	10,000	3,567	2024-04-01 至 2024-06-30	进行中
C2024003	限时秒杀券	¥50	500	500	2024-05-01 至 2024-05-03	已结束

💰

¥1,256,800

本月平台交易额

📊

¥877,420

待结算金额

✓

¥379,380

已结算金额

💵 货款结算记录

结算单号	商家	结算周期	订单金额	平台抽成	实际结算	状态
S2024050101	龙井茶庄	2024-04-01 至 2024-04-30	¥128,560	¥12,856	¥115,704	已结算
S2024050102	茶韵阁	2024-04-01 至 2024-04-30	¥98,320	¥9,832	¥88,488	已结算
S2024050201	高山云雾茶	2024-04-01 至 2024-04-30	¥156,800	¥15,680	¥141,120	待结算

💳 商家提现审核

待审核已通过已驳回

申请ID	商家	提现金额	银行账户	申请时间	状态
W2024001	龙井茶庄	¥12,580.00	****4567	2024-05-10 09:30	待审核
W2024002	茶韵阁	¥8,960.00	****1234	2024-05-09 15:20	待审核
W2024003	武夷山茶厂	¥25,000.00	****7890	2024-05-08 11:45	已通过

💳 提现审核详情

申请ID：W2024001

商家：龙井茶庄

提现金额：¥12,580.00

账户信息：中国银行 ****4567

申请时间：2024-05-10 09:30:15

可用余额：¥45,680.00

审核意见

💳 支付设置

微信支付商户号

微信支付API密钥

微信支付证书路径

支付回调地址

平台抽成比例 (%)

🚚 物流设置

物流API服务商

物流API密钥

物流查询回调地址

默认运费模板