编辑页面

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>
:root{--p:#1677ff;--pd:#0958d9;--pl:#e6f4ff;--s:#52c41a;--sl:#f6ffed;--w:#faad14;--wl:#fffbe6;--d:#ff4d4f;--dl:#fff2f0;--o:#fa8c16;--pu:#722ed1;--bg:#f0f2f5;--c:#fff;--b:#e8e8e8;--l:#f0f0f0;--t:#1f2329;--sub:#8a8f99;--sw:220px;--hh:56px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--t);font-size:13px;overflow:hidden;height:100vh}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}
.lp{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999}
.lb{background:#fff;border-radius:16px;padding:48px 40px;width:420px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.lb h1{font-size:22px;text-align:center;margin-bottom:4px}
.lb .sub{text-align:center;color:var(--sub);font-size:13px;margin-bottom:32px}
.fg{margin-bottom:18px}.fg label{display:block;font-size:13px;margin-bottom:6px;font-weight:500}
.fg input,.fg select,.fg textarea{width:100%;height:38px;border:1px solid var(--b);border-radius:8px;padding:0 12px;font-size:13px;outline:none;transition:border .2s}
.fg input:focus,.fg select:focus{border-color:var(--p)}
.fg textarea{height:80px;padding:10px 12px;resize:none}
.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;gap:6px}
.bp{background:var(--p);color:#fff}.bp:hover{background:var(--pd)}
.bs{background:var(--s);color:#fff}.bw{background:var(--w);color:#fff}.bd{background:var(--d);color:#fff}
.bo{background:transparent;border:1px solid var(--b);color:var(--t)}.bo:hover{border-color:var(--p);color:var(--p)}
.bsm{height:28px;padding:0 12px;font-size:12px}.bbl{width:100%;height:42px;font-size:15px}
.al{display:none;height:100vh}.al.show{display:flex}
.side{width:var(--sw);background:#001529;color:#fff;display:flex;flex-direction:column;flex:none;overflow:hidden}
.sl{height:56px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);flex:none}
.sl .si{width:32px;height:32px;background:var(--p);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}
.sl span{font-size:15px;font-weight:600}
.sn{flex:1;overflow-y:auto;padding:8px 0}
.ng{padding:4px 0}.ngt{font-size:11px;color:rgba(255,255,255,.7);padding:8px 16px 4px;letter-spacing:1px;font-weight:600}
.ni{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;transition:all .2s;font-size:13px;color:rgba(255,255,255,.85);position:relative}
.ni:hover{color:#fff;background:rgba(255,255,255,.12)}.ni.active{color:#fff;background:var(--p)}
.ni .ic{width:20px;text-align:center;font-weight:700;font-size:15px;color:#fff}
.ti{display:flex;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;transition:all .15s;font-size:13px;color:var(--t);border-radius:6px;margin:1px 0}
.ti:hover{background:var(--pl);color:var(--p)}
.ti.sel{background:var(--p);color:#fff}
.ti .ar{width:16px;text-align:center;font-size:11px;cursor:pointer;flex:none;color:var(--sub)}
.ti.sel .ar{color:#fff}
.ni .bdg{position:absolute;right:12px;background:var(--d);color:#fff;font-size:10px;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}
.ma{flex:1;display:flex;flex-direction:column;overflow:hidden}
.th{height:var(--hh);background:var(--c);border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex:none}
.hl{display:flex;align-items:center;gap:12px}.hl h2{font-size:16px;font-weight:600}
.bc{font-size:12px;color:var(--sub)}.bc .cu{color:var(--t)}
.hr{display:flex;align-items:center;gap:16px}
.hr .nf{position:relative;cursor:pointer;font-size:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;font-weight:600}
.hr .nf .dt{position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--d);border-radius:50%;border:2px solid var(--c)}
.av{width:32px;height:32px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.pc{flex:1;overflow-y:auto;padding:20px 24px}
.pg{display:none}.pg.active{display:block;animation:fi .2s ease}
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.sc{background:var(--c);border-radius:12px;padding:20px;position:relative;overflow:hidden}
.sc::after{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.08}
.sc.s1::after{background:var(--p)}.sc.s2::after{background:var(--s)}.sc.s3::after{background:var(--w)}.sc.s4::after{background:var(--d)}
.sc .la{font-size:13px;color:var(--sub);margin-bottom:8px}.sc .va{font-size:24px;font-weight:700}
.sc .ch{font-size:12px;margin-top:6px}.sc .ch.up{color:var(--s)}.sc .ch.dn{color:var(--d)}
.cd{background:var(--c);border-radius:12px;padding:20px;margin-bottom:16px}
.chd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ct{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
table{width:100%;border-collapse:collapse}
th{background:#fafafa;font-weight:500;text-align:left;padding:12px 14px;font-size:13px;color:var(--sub);border-bottom:1px solid var(--b);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid var(--l);font-size:13px;vertical-align:middle}
tr:hover td{background:#fafafa}
.tg{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}
.tb{background:var(--pl);color:var(--p)}.tgr{background:var(--sl);color:var(--s)}
.tr{background:var(--dl);color:var(--d)}.to{background:var(--wl);color:var(--o)}
.tp{background:#f9f0ff;color:var(--pu)}
.tb2{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.tb2 input,.tb2 select{height:34px;border:1px solid var(--b);border-radius:8px;padding:0 12px;font-size:13px;outline:none}
.sb{position:relative}.sb input{padding-left:32px;width:220px}.sb .si2{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--sub);font-size:14px;font-weight:700}
.tabs{display:flex;gap:0;border-bottom:2px solid var(--b);margin-bottom:16px}
.tab{padding:10px 20px;cursor:pointer;font-size:13px;color:var(--sub);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
.tab:hover{color:var(--p)}.tab.active{color:var(--p);font-weight:600;border-bottom-color:var(--p)}
.tc{display:none}.tc.active{display:block}
.mo{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:none;align-items:center;justify-content:center}
.mo.show{display:flex}
.ml{background:var(--c);border-radius:12px;width:560px;max-height:85vh;display:flex;flex-direction:column;animation:mi .25s ease}
@keyframes mi{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
.mh{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--b);flex:none}
.mh h3{font-size:16px;font-weight:600}
.mc{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--sub);border:none;background:none}
.mc:hover{background:var(--bg)}
.mbd{flex:1;overflow-y:auto;padding:20px}
.mft{padding:12px 20px;border-top:1px solid var(--b);display:flex;justify-content:flex-end;gap:8px;flex:none}
.toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 24px;border-radius:8px;font-size:13px;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}
.toast.show{opacity:1}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.di{display:flex;gap:8px}.di .dk{color:var(--sub);min-width:80px;flex:none}.di .dv{font-weight:500}
.fb{display:flex;align-items:center;justify-content:space-between}
.fc{display:flex;align-items:center;gap:8px}
.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.ts{color:var(--sub)}.fs{font-size:12px}.fw{font-weight:600}
.pb{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}
.pb .fl{height:100%;border-radius:3px;transition:width .4s}
.cb{display:flex;align-items:flex-end;gap:6px;height:120px;padding:20px}
.cb .br{width:28px;border-radius:4px 4px 0 0;transition:height .5s ease}
</style>
</head>
<body>
<!-- LOGIN -->
<div class="lp" id="lp">
  <div class="lb">
    <h1>平台运营后台</h1>
    <p class="sub">Platform Administration System</p>
    <div class="fg"><label>管理员账号</label><input type="text" placeholder="请输入账号" value="admin"></div>
    <div class="fg"><label>密码</label><input type="password" placeholder="请输入密码" value="admin123"></div>
    <button class="btn bp bbl" onclick="doLogin()">登 录</button>
    <p style="text-align:center;margin-top:16px;font-size:12px;color:var(--sub)">演示账号: admin / admin123</p>
  </div>
</div>
<!-- APP -->
<div class="al" id="al">
  <aside class="side">
    <div class="sl"><div class="si">P</div><span>运营后台</span></div>
    <nav class="sn">
      <div class="ng"><div class="ngt">工作台</div><div class="ni active" data-page="dashboard"><span class="ic">~</span> 数据总览</div></div>
      <div class="ng"><div class="ngt">商品中心</div><div class="ni" data-page="category"><span class="ic">^</span> 类目管理</div><div class="ni" data-page="audit"><span class="ic">#</span> 商品审核<span class="bdg">12</span></div></div>
      <div class="ng"><div class="ngt">商家中心</div><div class="ni" data-page="merchant"><span class="ic">@</span> 商家管理<span class="bdg">5</span></div><div class="ni" data-page="credit"><span class="ic">*</span> 评价与信用</div></div>
      <div class="ng"><div class="ngt">运营中心</div><div class="ni" data-page="activity"><span class="ic">!</span> 运营位/活动</div><div class="ni" data-page="report"><span class="ic">?</span> 举报处罚<span class="bdg">3</span></div></div>
      <div class="ng"><div class="ngt">交易中心</div><div class="ni" data-page="trade"><span class="ic">&</span> 交易与担保</div><div class="ni" data-page="finance"><span class="ic">$</span> 财务分账</div></div>
      <div class="ng"><div class="ngt">数据中心</div><div class="ni" data-page="analytics"><span class="ic">%</span> 数据分析</div></div>
    </nav>
  </aside>
  <div class="ma">
    <header class="th">
      <div class="hl"><h2 id="pt">数据总览</h2><div class="bc">首页 / <span class="cu" id="bc">数据总览</span></div></div>
      <div class="hr">
        <div class="nf" onclick="toast('您有5条未读消息')">N<span class="dt"></span></div>
        <span style="font-size:13px;color:var(--sub)">管理员</span>
        <div class="av">管</div>
      </div>
    </header>
    <div class="pc" id="pc">
<!-- 数据总览 -->
<div class="pg active" id="pg-dashboard">
  <div class="sr">
    <div class="sc s1"><div class="la">今日 GMV</div><div class="va" style="color:var(--p)">¥286,532</div><div class="ch up">+12.5% 较昨日</div></div>
    <div class="sc s2"><div class="la">今日订单数</div><div class="va" style="color:var(--s)">1,856</div><div class="ch up">+8.2% 较昨日</div></div>
    <div class="sc s3"><div class="la">活跃商家</div><div class="va" style="color:var(--w)">342</div><div class="ch dn">-2.1% 较昨日</div></div>
    <div class="sc s4"><div class="la">待处理工单</div><div class="va" style="color:var(--d)">28</div><div class="ch dn">需要关注</div></div>
  </div>
  <div class="g2">
    <div class="cd"><div class="chd"><div class="ct">近7日 GMV 趋势</div></div><div class="cb" id="chart1"></div></div>
    <div class="cd">
      <div class="chd"><div class="ct">类目成交占比</div></div>
      <div style="padding:8px 12px">
        <div class="fb mb12"><div class="fc"><span style="width:12px;height:12px;border-radius:3px;background:#1677ff;display:inline-block"></span><span class="fs">生鲜果蔬</span></div><span class="fs fw">35.2%</span></div>
        <div class="pb mb16"><div class="fl" style="width:35.2%;background:var(--p)"></div></div>
        <div class="fb mb12"><div class="fc"><span style="width:12px;height:12px;border-radius:3px;background:#52c41a;display:inline-block"></span><span class="fs">粮油副食</span></div><span class="fs fw">28.7%</span></div>
        <div class="pb mb16"><div class="fl" style="width:28.7%;background:var(--s)"></div></div>
        <div class="fb mb12"><div class="fc"><span style="width:12px;height:12px;border-radius:3px;background:#faad14;display:inline-block"></span><span class="fs">肉禽蛋奶</span></div><span class="fs fw">22.1%</span></div>
        <div class="pb mb16"><div class="fl" style="width:22.1%;background:var(--w)"></div></div>
        <div class="fb mb12"><div class="fc"><span style="width:12px;height:12px;border-radius:3px;background:#722ed1;display:inline-block"></span><span class="fs">其他</span></div><span class="fs fw">14.0%</span></div>
        <div class="pb"><div class="fl" style="width:14%;background:var(--pu)"></div></div>
      </div>
    </div>
  </div>
  <div class="cd">
    <div class="chd"><div class="ct">待办事项</div></div>
    <table><thead><tr><th>类型</th><th>内容</th><th>数量</th><th>紧急度</th><th>操作</th></tr></thead><tbody>
      <tr><td>商品审核</td><td>新商品上架待审核</td><td><span class="tg to">12件</span></td><td><span class="tg tr">高</span></td><td><button class="btn bp bsm" onclick="navTo('audit')">去处理</button></td></tr>
      <tr><td>商家入驻</td><td>商家入驻申请待审核</td><td><span class="tg to">5家</span></td><td><span class="tg to">中</span></td><td><button class="btn bp bsm" onclick="navTo('merchant')">去处理</button></td></tr>
      <tr><td>举报处理</td><td>买家举报待处理</td><td><span class="tg to">3件</span></td><td><span class="tg to">中</span></td><td><button class="btn bp bsm" onclick="navTo('report')">去处理</button></td></tr>
      <tr><td>交易纠纷</td><td>超时未发货订单</td><td><span class="tg to">8件</span></td><td><span class="tg tb">低</span></td><td><button class="btn bp bsm" onclick="navTo('trade')">去处理</button></td></tr>
    </tbody></table>
  </div>
</div>

<!-- 类目管理 -->
<div class="pg" id="pg-category">
  <div class="cd"><div class="chd"><div class="ct">类目结构</div><button class="btn bp bsm" onclick="showModal('acm')">+ 新增一级类目</button></div>
    <div style="display:flex;gap:20px">
      <div style="width:260px;border-right:1px solid var(--b);padding-right:20px;flex:none"><div style="font-size:13px;font-weight:600;margin-bottom:12px">一级类目</div><div id="catTree"></div></div>
      <div style="flex:1" id="catDetail"><div style="text-align:center;color:var(--sub);padding:40px">请选择左侧类目查看详情</div></div>
    </div>
  </div>
  <div class="cd"><div class="chd"><div class="ct">属性模板</div><button class="btn bp bsm" onclick="showModal('aam')">+ 新增模板</button></div>
    <table><thead><tr><th>模板名称</th><th>关联类目</th><th>属性数量</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>生鲜果蔬基础属性</td><td>生鲜果蔬</td><td>8</td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:8px">停用</a></td></tr>
      <tr><td>粮油副食基础属性</td><td>粮油副食</td><td>6</td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:8px">停用</a></td></tr>
      <tr><td>肉禽蛋奶基础属性</td><td>肉禽蛋奶</td><td>7</td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:8px">停用</a></td></tr>
      <tr><td>服饰基础属性</td><td>服饰鞋帽</td><td>10</td><td><span class="tg tr">停用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--s);margin-left:8px">启用</a></td></tr>
    </tbody></table>
  </div>
  <div class="cd"><div class="chd"><div class="ct">类目费率（抽佣规则）</div><button class="btn bp bsm" onclick="showModal('arm')">+ 新增费率</button></div>
    <table><thead><tr><th>类目</th><th>费率</th><th>结算周期</th><th>最低抽佣</th><th>生效时间</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>生鲜果蔬</td><td><span style="color:var(--p);font-weight:600">3.0%</span></td><td>T+7</td><td>¥0.5/单</td><td>2026-01-01</td><td><span class="tg tgr">生效中</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>粮油副食</td><td><span style="color:var(--p);font-weight:600">2.5%</span></td><td>T+7</td><td>¥0.3/单</td><td>2026-01-01</td><td><span class="tg tgr">生效中</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>肉禽蛋奶</td><td><span style="color:var(--p);font-weight:600">3.5%</span></td><td>T+3</td><td>¥1.0/单</td><td>2026-01-01</td><td><span class="tg tgr">生效中</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>日用百货</td><td><span style="color:var(--p);font-weight:600">5.0%</span></td><td>T+15</td><td>¥1.0/单</td><td>2026-03-01</td><td><span class="tg to">待生效</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
    </tbody></table>
  </div>
</div>

<!-- 商品审核 -->
<div class="pg" id="pg-audit">
  <div class="tabs" id="auditTabs"><div class="tab active" data-tab="a-pending">待审核<span class="tg to" style="margin-left:6px">12</span></div><div class="tab" data-tab="a-off">违规下架</div><div class="tab" data-tab="a-rules">规则库</div></div>
  <div class="tc active" id="tc-a-pending"><div class="cd"><div class="tb2"><div class="sb"><span class="si2">*</span><input placeholder="搜索商品名称/SKU"></div><select><option>全部类目</option><option>生鲜果蔬</option></select><button class="btn bp bsm">搜索</button></div>
    <table><thead><tr><th>商品名称</th><th>商家</th><th>类目</th><th>价格</th><th>提交时间</th><th>审核阶段</th><th>操作</th></tr></thead><tbody>
      <tr><td><strong>红富士苹果 5斤装</strong><br><span class="fs ts">SKU: PF2026081501</span></td><td>鲜丰果园</td><td>生鲜果蔬</td><td>¥29.9</td><td>08-15 14:30</td><td><span class="tg tb">待初审</span></td><td><button class="btn bp bsm" onclick="showModal('adm')">审核</button></td></tr>
      <tr><td><strong>澳洲安格斯牛排 200g</strong><br><span class="fs ts">SKU: PF2026081502</span></td><td>绿色牧场</td><td>肉禽蛋奶</td><td>¥68.0</td><td>08-15 11:20</td><td><span class="tg to">待复审</span></td><td><button class="btn bp bsm" onclick="showModal('adm')">审核</button></td></tr>
      <tr><td><strong>有机纯牛奶 1L*6盒</strong><br><span class="fs ts">SKU: PF2026081503</span></td><td>绿色牧场</td><td>肉禽蛋奶</td><td>¥59.9</td><td>08-15 09:00</td><td><span class="tg tb">待初审</span></td><td><button class="btn bp bsm" onclick="showModal('adm')">审核</button></td></tr>
      <tr><td><strong>有机蔬菜礼盒 10种</strong><br><span class="fs ts">SKU: PF2026081401</span></td><td>田园蔬菜</td><td>生鲜果蔬</td><td>¥88.0</td><td>08-14 16:45</td><td><span class="tg to">待复审</span></td><td><button class="btn bp bsm" onclick="showModal('adm')">审核</button></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-a-off"><div class="cd"><div class="chd"><div class="ct">违规下架记录</div></div>
    <table><thead><tr><th>商品名称</th><th>商家</th><th>违规类型</th><th>违规描述</th><th>下架时间</th><th>处罚</th></tr></thead><tbody>
      <tr><td><strong>假冒有机蔬菜</strong></td><td>过期食品店</td><td><span class="tg tr">严重</span></td><td>冒用有机认证标志</td><td>07-20</td><td>下架+扣罚¥5,000</td></tr>
      <tr><td><strong>过期火腿肠</strong></td><td>过期食品店</td><td><span class="tg tr">严重</span></td><td>销售过期商品</td><td>07-15</td><td>下架+扣罚¥10,000</td></tr>
      <tr><td><strong>虚标重量大米</strong></td><td>老王粮油铺</td><td><span class="tg to">一般</span></td><td>实际重量与标注不符</td><td>06-28</td><td>下架+警告</td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-a-rules"><div class="cd"><div class="chd"><div class="ct">商品审核规则库</div><button class="btn bp bsm">+ 新增规则</button></div>
    <table><thead><tr><th>编号</th><th>规则名称</th><th>适用范围</th><th>严重等级</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>R001</td><td>禁止销售过期商品</td><td>全类目</td><td><span class="tg tr">严重</span></td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>R002</td><td>商品图片必须实拍</td><td>全类目</td><td><span class="tg to">一般</span></td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>R003</td><td>食品必须标注保质期</td><td>食品类</td><td><span class="tg tr">严重</span></td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>R004</td><td>有机认证需提供证书</td><td>生鲜果蔬</td><td><span class="tg tr">严重</span></td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
      <tr><td>R005</td><td>标题禁止极限词</td><td>全类目</td><td><span class="tg to">一般</span></td><td><span class="tg tgr">启用</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a></td></tr>
    </tbody></table></div></div>
</div>

<!-- 商家管理 -->
<div class="pg" id="pg-merchant">
  <div class="tabs" id="merchantTabs"><div class="tab active" data-tab="m-apply">入驻审核<span class="tg to" style="margin-left:6px">5</span></div><div class="tab" data-tab="m-list">商家列表</div><div class="tab" data-tab="m-deposit">保证金管理</div><div class="tab" data-tab="m-penalty">扣罚规则</div></div>
  <div class="tc active" id="tc-m-apply"><div class="cd"><table><thead><tr><th>商家名称</th><th>类型</th><th>主营类目</th><th>联系人</th><th>申请时间</th><th>状态</th><th>操作</th></tr></thead><tbody>
    <tr><td><strong>鲜果源农业科技</strong></td><td>企业</td><td>生鲜果蔬</td><td>张明 138****6789</td><td>08-15</td><td><span class="tg to">待审核</span></td><td><button class="btn bp bsm" onclick="showModal('mam')">审核</button></td></tr>
    <tr><td><strong>绿野牧场</strong></td><td>个体户</td><td>肉禽蛋奶</td><td>李华 139****1234</td><td>08-14</td><td><span class="tg to">待审核</span></td><td><button class="btn bp bsm" onclick="showModal('mam')">审核</button></td></tr>
    <tr><td><strong>好味坊食品</strong></td><td>企业</td><td>粮油副食</td><td>王丽 137****5678</td><td>08-14</td><td><span class="tg to">待审核</span></td><td><button class="btn bp bsm" onclick="showModal('mam')">审核</button></td></tr>
    <tr><td><strong>田园蔬菜合作社</strong></td><td>合作社</td><td>生鲜果蔬</td><td>赵强 136****9012</td><td>08-13</td><td><span class="tg to">待审核</span></td><td><button class="btn bp bsm" onclick="showModal('mam')">审核</button></td></tr>
    <tr><td><strong>鲜美水产</strong></td><td>企业</td><td>海鲜水产</td><td>陈海 135****3456</td><td>08-12</td><td><span class="tg to">待审核</span></td><td><button class="btn bp bsm" onclick="showModal('mam')">审核</button></td></tr>
  </tbody></table></div></div>
  <div class="tc" id="tc-m-list"><div class="cd"><div class="tb2"><div class="sb"><span class="si2">*</span><input placeholder="搜索商家名称"></div><select><option>全部状态</option><option>营业中</option><option>停业</option><option>已清退</option></select><button class="btn bp bsm">搜索</button></div>
    <table><thead><tr><th>商家名称</th><th>店铺状态</th><th>类目</th><th>保证金</th><th>月GMV</th><th>评分</th><th>操作</th></tr></thead><tbody>
      <tr><td><strong>鲜丰果园旗舰店</strong></td><td><span class="tg tgr">营业中</span></td><td>生鲜果蔬</td><td>¥50,000</td><td>¥328,500</td><td>4.9</td><td><a href="javascript:void(0)" style="color:var(--p)">详情</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:6px">停业</a></td></tr>
      <tr><td><strong>老王粮油铺</strong></td><td><span class="tg tgr">营业中</span></td><td>粮油副食</td><td>¥30,000</td><td>¥156,200</td><td>4.5</td><td><a href="javascript:void(0)" style="color:var(--p)">详情</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:6px">停业</a></td></tr>
      <tr><td><strong>绿色牧场直营</strong></td><td><span class="tg tgr">营业中</span></td><td>肉禽蛋奶</td><td>¥50,000</td><td>¥245,800</td><td>4.8</td><td><a href="javascript:void(0)" style="color:var(--p)">详情</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:6px">停业</a></td></tr>
      <tr><td><strong>过期食品店</strong></td><td><span class="tg tr">已清退</span></td><td>粮油副食</td><td>¥30,000</td><td>¥0</td><td>1.2</td><td><a href="javascript:void(0)" style="color:var(--p)">详情</a></td></tr>
      <tr><td><strong>季节性果铺</strong></td><td><span class="tg to">停业</span></td><td>生鲜果蔬</td><td>¥20,000</td><td>¥0</td><td>4.2</td><td><a href="javascript:void(0)" style="color:var(--p)">详情</a> <a href="javascript:void(0)" style="color:var(--s);margin-left:6px">恢复</a></td></tr>
  </tbody></table></div></div>
  <div class="tc" id="tc-m-deposit"><div class="sr"><div class="sc s1"><div class="la">保证金总额</div><div class="va" style="color:var(--p)">¥1,250,000</div></div><div class="sc s2"><div class="la">正常冻结</div><div class="va" style="color:var(--s)">¥1,100,000</div></div><div class="sc s3"><div class="la">已扣罚金额</div><div class="va" style="color:var(--w)">¥85,000</div></div><div class="sc s4"><div class="la">待退保证金</div><div class="va" style="color:var(--d)">¥65,000</div></div></div>
    <div class="cd"><div class="chd"><div class="ct">保证金记录</div></div><table><thead><tr><th>商家</th><th>类型</th><th>金额</th><th>时间</th><th>备注</th><th>状态</th></tr></thead><tbody>
      <tr><td>鲜丰果园旗舰店</td><td><span class="tg tb">缴纳</span></td><td>+¥50,000</td><td>01-10</td><td>入驻保证金</td><td><span class="tg tgr">已到账</span></td></tr>
      <tr><td>过期食品店</td><td><span class="tg tr">扣罚</span></td><td>-¥15,000</td><td>07-20</td><td>销售过期商品</td><td><span class="tg tr">已扣罚</span></td></tr>
      <tr><td>季节性果铺</td><td><span class="tg tr">扣罚</span></td><td>-¥5,000</td><td>06-15</td><td>缺货率超标</td><td><span class="tg tr">已扣罚</span></td></tr>
      <tr><td>老王粮油铺</td><td><span class="tg tb">补缴</span></td><td>+¥10,000</td><td>05-01</td><td>类目调整</td><td><span class="tg tgr">已到账</span></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-m-penalty"><div class="cd"><div class="chd"><div class="ct">扣罚规则配置</div><button class="btn bp bsm">+ 新增</button></div>
    <table><thead><tr><th>规则名称</th><th>违规类型</th><th>处罚方式</th><th>处罚金额</th><th>触发次数</th><th>状态</th></tr></thead><tbody>
      <tr><td>销售过期商品</td><td>严重违规</td><td>扣罚+下架</td><td>¥5,000~¥20,000</td><td>12次</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>虚假发货</td><td>一般违规</td><td>扣罚保证金</td><td>订单金额20%</td><td>8次</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>缺货率超标</td><td>一般违规</td><td>扣罚保证金</td><td>¥1,000~¥5,000</td><td>23次</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>描述不符</td><td>一般违规</td><td>扣罚+警告</td><td>¥500/次</td><td>15次</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>累计违规达上限</td><td>清退条件</td><td>清退店铺</td><td>累计12分</td><td>2次</td><td><span class="tg tgr">启用</span></td></tr>
    </tbody></table></div></div>
</div>

<!-- 评价与信用 -->
<div class="pg" id="pg-credit">
  <div class="tabs" id="creditTabs"><div class="tab active" data-tab="cr-score">商家评分</div><div class="tab" data-tab="cr-level">信誉等级</div><div class="tab" data-tab="cr-fake">虚假评价治理</div></div>
  <div class="tc active" id="tc-cr-score"><div class="sr"><div class="sc s1"><div class="la">平均评分</div><div class="va" style="color:var(--p)">4.6</div></div><div class="sc s2"><div class="la">五星店铺</div><div class="va" style="color:var(--s)">128</div></div><div class="sc s3"><div class="la">低分店铺</div><div class="va" style="color:var(--w)">12</div></div><div class="sc s4"><div class="la">本月新增评价</div><div class="va" style="color:var(--d)">3,256</div></div></div>
    <div class="cd"><div class="chd"><div class="ct">商家评分排行</div></div><table><thead><tr><th>排名</th><th>商家</th><th>商品评分</th><th>服务评分</th><th>物流评分</th><th>综合</th><th>评价数</th></tr></thead><tbody>
      <tr><td>1</td><td><strong>鲜丰果园旗舰店</strong></td><td>4.9</td><td>4.8</td><td>4.7</td><td>4.9</td><td>2,341</td></tr>
      <tr><td>2</td><td><strong>绿色牧场直营</strong></td><td>4.8</td><td>4.9</td><td>4.7</td><td>4.8</td><td>1,856</td></tr>
      <tr><td>3</td><td><strong>老王粮油铺</strong></td><td>4.5</td><td>4.4</td><td>4.6</td><td>4.5</td><td>968</td></tr>
      <tr><td>4</td><td><strong>季节性果铺</strong></td><td>4.2</td><td>4.1</td><td>4.3</td><td>4.2</td><td>523</td></tr>
      <tr><td>5</td><td><strong>过期食品店</strong></td><td>1.2</td><td>1.0</td><td>1.5</td><td>1.2</td><td>45</td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-cr-level"><div class="cd"><div class="chd"><div class="ct">信誉等级规则（对标淘宝信用体系）</div></div>
    <table><thead><tr><th>等级</th><th>积分范围</th><th>权益</th><th>商家数量</th></tr></thead><tbody>
      <tr><td>1星</td><td>0-9分</td><td>基础功能</td><td>15家</td></tr>
      <tr><td>2星</td><td>10-39分</td><td>参与普通活动</td><td>42家</td></tr>
      <tr><td>3星</td><td>40-99分</td><td>参与聚划算</td><td>86家</td></tr>
      <tr><td>4星</td><td>100-199分</td><td>优先展示+专属客服</td><td>128家</td></tr>
      <tr><td>5星</td><td>200分以上</td><td>金牌商家+流量扶持</td><td>71家</td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-cr-fake"><div class="sr"><div class="sc s1"><div class="la">识别虚假评价</div><div class="va" style="color:var(--p)">156</div></div><div class="sc s2"><div class="la">已处理</div><div class="va" style="color:var(--s)">148</div></div><div class="sc s3"><div class="la">处罚商家</div><div class="va" style="color:var(--w)">12</div></div><div class="sc s4"><div class="la">待审核</div><div class="va" style="color:var(--d)">8</div></div></div>
    <div class="cd"><div class="chd"><div class="ct">虚假评价检测记录</div></div><table><thead><tr><th>ID</th><th>商家</th><th>评价内容</th><th>检测原因</th><th>置信度</th><th>状态</th></tr></thead><tbody>
      <tr><td>EV001</td><td>过期食品店</td><td>"非常好，五星好评！"（疑似刷单）</td><td>同一IP批量评价</td><td><span class="tg tr">98%</span></td><td><span class="tg to">待处理</span></td></tr>
      <tr><td>EV002</td><td>老王粮油铺</td><td>"质量好，价格实惠，推荐！"</td><td>账号行为异常</td><td><span class="tg to">85%</span></td><td><span class="tg to">待处理</span></td></tr>
      <tr><td>EV003</td><td>鲜丰果园</td><td>"苹果很甜很新鲜"</td><td>好评返现嫌疑</td><td><span class="tg tb">72%</span></td><td><span class="tg tgr">已通过</span></td></tr>
    </tbody></table></div></div>
</div>

<!-- 运营位/活动 -->
<div class="pg" id="pg-activity">
  <div class="tabs" id="activityTabs"><div class="tab active" data-tab="act-banner">首页Banner</div><div class="tab" data-tab="act-seckill">秒杀/聚划算</div><div class="tab" data-tab="act-recruit">招商报名</div><div class="tab" data-tab="act-slot">运营位配置</div></div>
  <div class="tc active" id="tc-act-banner"><div class="cd"><div class="chd"><div class="ct">首页Banner管理</div><button class="btn bp bsm" onclick="showModal('abm')">+ 新增Banner</button></div>
    <table><thead><tr><th>排序</th><th>预览</th><th>标题</th><th>链接</th><th>展示时间</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>1</td><td><div style="width:120px;height:40px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px">夏日水果节</div></td><td>夏日水果节大促</td><td>/activity/summer</td><td>08-15~08-31</td><td><span class="tg tgr">展示中</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:6px">下线</a></td></tr>
      <tr><td>2</td><td><div style="width:120px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px">新人专享</div></td><td>新人专享福利</td><td>/activity/newuser</td><td>长期</td><td><span class="tg tgr">展示中</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:6px">下线</a></td></tr>
      <tr><td>3</td><td><div style="width:120px;height:40px;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px">有机专区</div></td><td>有机蔬菜专区</td><td>/organic</td><td>09-01~09-15</td><td><span class="tg to">待上线</span></td><td><a href="javascript:void(0)" style="color:var(--p)">编辑</a> <a href="javascript:void(0)" style="color:var(--d);margin-left:6px">删除</a></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-act-seckill"><div class="cd"><div class="chd"><div class="ct">秒杀/聚划算活动</div><button class="btn bp bsm">+ 创建活动</button></div>
    <table><thead><tr><th>活动名称</th><th>类型</th><th>活动时间</th><th>商品</th><th>报名商家</th><th>状态</th></tr></thead><tbody>
      <tr><td><strong>周末水果秒杀</strong></td><td><span class="tg tr">秒杀</span></td><td>08-16 10:00~22:00</td><td>18件</td><td>8家</td><td><span class="tg tgr">进行中</span></td></tr>
      <tr><td><strong>中秋礼盒团购</strong></td><td><span class="tg tp">聚划算</span></td><td>09-01~09-15</td><td>待定</td><td>12家</td><td><span class="tg to">报名中</span></td></tr>
      <tr><td><strong>开学季粮油特惠</strong></td><td><span class="tg tp">聚划算</span></td><td>09-01~09-07</td><td>待定</td><td>5家</td><td><span class="tg tb">未开始</span></td></tr>
      <tr><td><strong>七夕甜蜜水果</strong></td><td><span class="tg tr">秒杀</span></td><td>08-10 10:00~22:00</td><td>15件</td><td>6家</td><td><span class="tg" style="color:var(--sub);background:#f5f5f5">已结束</span></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-act-recruit"><div class="cd"><div class="chd"><div class="ct">招商报名管理</div></div>
    <table><thead><tr><th>活动</th><th>商家</th><th>类目</th><th>资质审核</th><th>商品审核</th><th>状态</th></tr></thead><tbody>
      <tr><td>周末水果秒杀</td><td>鲜果源农业科技</td><td>生鲜果蔬</td><td><span class="tg tgr">通过</span></td><td><span class="tg to">审核中</span></td><td><span class="tg to">审核中</span></td></tr>
      <tr><td>周末水果秒杀</td><td>田园蔬菜合作社</td><td>生鲜果蔬</td><td><span class="tg tgr">通过</span></td><td><span class="tg tgr">通过</span></td><td><span class="tg tgr">已通过</span></td></tr>
      <tr><td>中秋礼盒团购</td><td>好味坊食品</td><td>粮油副食</td><td><span class="tg to">审核中</span></td><td><span class="tg" style="color:var(--sub);background:#f5f5f5">待审</span></td><td><span class="tg to">审核中</span></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-act-slot"><div class="cd"><div class="chd"><div class="ct">运营位配置</div></div>
    <table><thead><tr><th>运营位</th><th>位置</th><th>类型</th><th>当前内容</th><th>规则</th><th>状态</th></tr></thead><tbody>
      <tr><td>首页轮播Banner</td><td>首页顶部</td><td>图片</td><td>3张图片</td><td>轮播5s/张</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>限时秒杀入口</td><td>首页中部</td><td>活动入口</td><td>周末水果秒杀</td><td>活动期间</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>品类推荐区</td><td>首页中下部</td><td>类目入口</td><td>4个类目</td><td>固定展示</td><td><span class="tg tgr">启用</span></td></tr>
      <tr><td>弹窗广告</td><td>首页弹窗</td><td>图片</td><td>新人大礼包</td><td>首次访问</td><td><span class="tg to">暂停</span></td></tr>
    </tbody></table></div></div>
</div>

<!-- 举报处罚 -->
<div class="pg" id="pg-report">
  <div class="sr"><div class="sc s1"><div class="la">本月举报</div><div class="va" style="color:var(--p)">47</div><div class="ch up">+15%</div></div><div class="sc s2"><div class="la">已处理</div><div class="va" style="color:var(--s)">42</div><div class="ch">89.4%</div></div><div class="sc s3"><div class="la">申诉中</div><div class="va" style="color:var(--w)">3</div></div><div class="sc s4"><div class="la">待处理</div><div class="va" style="color:var(--d)">2</div></div></div>
  <div class="cd"><div class="chd"><div class="ct">举报受理列表</div></div><div class="tb2"><select><option>全部类型</option><option>商品质量</option><option>虚假描述</option><option>假冒伪劣</option></select><button class="btn bp bsm">筛选</button></div>
    <table><thead><tr><th>编号</th><th>类型</th><th>对象</th><th>举报人</th><th>内容</th><th>时间</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>JB001</td><td><span class="tg tr">假冒伪劣</span></td><td>过期食品店</td><td>用户F</td><td>假冒有机蔬菜，无认证标识</td><td>08-15</td><td><span class="tg to">处理中</span></td><td><button class="btn bp bsm" onclick="showModal('rdm')">处理</button></td></tr>
      <tr><td>JB002</td><td><span class="tg to">虚假描述</span></td><td>老王粮油铺</td><td>用户G</td><td>大米实际重量不足</td><td>08-14</td><td><span class="tg to">处理中</span></td><td><button class="btn bp bsm" onclick="showModal('rdm')">处理</button></td></tr>
      <tr><td>JB003</td><td><span class="tg tb">售后服务</span></td><td>鲜丰果园</td><td>用户H</td><td>水果腐烂拒绝退款</td><td>08-13</td><td><span class="tg tgr">已完成</span></td><td><a href="javascript:void(0)" style="color:var(--p)">查看</a></td></tr>
      <tr><td>JB004</td><td><span class="tg tr">商品质量</span></td><td>绿色牧场</td><td>用户I</td><td>牛奶已过保质期</td><td>08-12</td><td><span class="tg tp">已申诉</span></td><td><button class="btn bp bsm">申诉审核</button></td></tr>
    </tbody></table></div>
  <div class="cd"><div class="chd"><div class="ct">违规处罚规则</div></div>
    <table><thead><tr><th>违规等级</th><th>扣分</th><th>处罚措施</th><th>累计后果</th></tr></thead><tbody>
      <tr><td><span class="tg tb">轻微</span></td><td>2分</td><td>警告+商品下架</td><td rowspan="4" style="vertical-align:middle">累计12分清退店铺，扣除全部保证金</td></tr>
      <tr><td><span class="tg to">一般</span></td><td>4分</td><td>商品下架+扣罚¥1,000</td></tr>
      <tr><td><span class="tg tr">严重</span></td><td>6分</td><td>全店下架+扣罚¥5,000</td></tr>
      <tr><td><span class="tg tr">特别严重</span></td><td>12分</td><td>直接清退+扣除全部保证金</td></tr>
    </tbody></table></div>
</div>

<!-- 交易与担保 -->
<div class="pg" id="pg-trade">
  <div class="sr"><div class="sc s1"><div class="la">今日交易额</div><div class="va" style="color:var(--p)">¥286,532</div></div><div class="sc s2"><div class="la">担保中金额</div><div class="va" style="color:var(--s)">¥1,523,800</div></div><div class="sc s3"><div class="la">待放款金额</div><div class="va" style="color:var(--w)">¥386,200</div></div><div class="sc s4"><div class="la">超时自动确认</div><div class="va" style="color:var(--d)">42笔</div></div></div>
  <div class="cd"><div class="chd"><div class="ct">担保交易订单</div></div><div class="tb2"><select><option>全部状态</option><option>待发货</option><option>已发货</option><option>已签收</option><option>已放款</option></select><button class="btn bp bsm">筛选</button></div>
    <table><thead><tr><th>订单号</th><th>买家</th><th>商家</th><th>商品</th><th>金额</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>ORD001</td><td>用户A</td><td>鲜丰果园</td><td>红富士苹果5斤</td><td>¥29.9</td><td><span class="tg tb">待发货</span></td><td><a href="javascript:void(0)" style="color:var(--p)">催发货</a></td></tr>
      <tr><td>ORD002</td><td>用户B</td><td>绿色牧场</td><td>安格斯牛排200g</td><td>¥68.0</td><td><span class="tg to">已发货</span></td><td><a href="javascript:void(0)" style="color:var(--p)">查看物流</a></td></tr>
      <tr><td>ORD003</td><td>用户C</td><td>老王粮油铺</td><td>东北大米10kg</td><td>¥45.0</td><td><span class="tg tgr">已签收</span></td><td><a href="javascript:void(0)" style="color:var(--p)">确认放款</a></td></tr>
      <tr><td>ORD004</td><td>用户D</td><td>鲜丰果园</td><td>混合水果礼盒</td><td>¥128.0</td><td><span class="tg tp">已放款</span></td><td><a href="javascript:void(0)" style="color:var(--p)">详情</a></td></tr>
    </tbody></table></div>
  <div class="cd"><div class="chd"><div class="ct">超时规则配置</div></div>
    <div class="dl" style="max-width:600px">
      <div class="di"><div class="dk">发货超时:</div><div class="dv">48小时未发货自动退款</div></div>
      <div class="di"><div class="dk">签收超时:</div><div class="dv">发货后15天自动确认收货</div></div>
      <div class="di"><div class="dk">放款时效:</div><div class="dv">确认收货后T+3自动放款</div></div>
      <div class="di"><div class="dk">退款时效:</div><div class="dv">商家48小时内处理退款</div></div>
      <div class="di"><div class="dk">纠纷介入:</div><div class="dv">买家申请后48小时内介入</div></div>
      <div class="di"><div class="dk">自动确认:</div><div class="dv"><span class="tg tgr">已开启</span></div></div>
    </div></div>
</div>

<!-- 财务分账 -->
<div class="pg" id="pg-finance">
  <div class="tabs" id="financeTabs"><div class="tab active" data-tab="fin-flow">交易流水</div><div class="tab" data-tab="fin-commission">平台抽佣</div><div class="tab" data-tab="fin-settle">商家结算</div><div class="tab" data-tab="fin-refund">退款冻结/解冻</div></div>
  <div class="tc active" id="tc-fin-flow"><div class="sr"><div class="sc s1"><div class="la">本月流水</div><div class="va" style="color:var(--p)">¥8,526,300</div></div><div class="sc s2"><div class="la">本月退款</div><div class="va" style="color:var(--s)">¥235,600</div></div><div class="sc s3"><div class="la">净交易额</div><div class="va" style="color:var(--w)">¥8,290,700</div></div><div class="sc s4"><div class="la">退款率</div><div class="va" style="color:var(--d)">2.76%</div></div></div>
    <div class="cd"><div class="chd"><div class="ct">交易流水明细</div></div><div class="tb2"><input type="date" value="2026-08-01"> <span>至</span> <input type="date" value="2026-08-17"> <button class="btn bp bsm">查询</button> <button class="btn bo bsm">导出</button></div>
      <table><thead><tr><th>流水号</th><th>订单号</th><th>类型</th><th>商家</th><th>金额</th><th>时间</th><th>状态</th></tr></thead><tbody>
        <tr><td>FLW001</td><td>ORD001</td><td><span class="tg tgr">收入</span></td><td>鲜丰果园</td><td>+¥29.90</td><td>08-15</td><td><span class="tg tgr">完成</span></td></tr>
        <tr><td>FLW002</td><td>ORD002</td><td><span class="tg tgr">收入</span></td><td>绿色牧场</td><td>+¥68.00</td><td>08-15</td><td><span class="tg tgr">完成</span></td></tr>
        <tr><td>FLW003</td><td>ORD005</td><td><span class="tg tr">退款</span></td><td>老王粮油铺</td><td>-¥45.00</td><td>08-15</td><td><span class="tg to">冻结中</span></td></tr>
        <tr><td>FLW004</td><td>ORD003</td><td><span class="tg tb">佣金</span></td><td>平台</td><td>-¥1.35</td><td>08-14</td><td><span class="tg tgr">完成</span></td></tr>
      </tbody></table></div></div>
  <div class="tc" id="tc-fin-commission"><div class="sr"><div class="sc s1"><div class="la">本月佣金</div><div class="va" style="color:var(--p)">¥256,800</div></div><div class="sc s2"><div class="la">日均佣金</div><div class="va" style="color:var(--s)">¥8,560</div></div><div class="sc s3"><div class="la">平均费率</div><div class="va" style="color:var(--w)">3.01%</div></div><div class="sc s4"><div class="la">待结算</div><div class="va" style="color:var(--d)">¥42,300</div></div></div>
    <div class="cd"><div class="chd"><div class="ct">商家佣金明细</div></div><table><thead><tr><th>商家</th><th>类目</th><th>月交易额</th><th>费率</th><th>应收</th><th>已结算</th><th>待结算</th><th>状态</th></tr></thead><tbody>
      <tr><td><strong>鲜丰果园旗舰店</strong></td><td>生鲜果蔬</td><td>¥328,500</td><td>3.0%</td><td>¥9,855</td><td>¥7,200</td><td>¥2,655</td><td><span class="tg to">部分结算</span></td></tr>
      <tr><td><strong>绿色牧场直营</strong></td><td>肉禽蛋奶</td><td>¥245,800</td><td>3.5%</td><td>¥8,603</td><td>¥8,603</td><td>¥0</td><td><span class="tg tgr">已结算</span></td></tr>
      <tr><td><strong>老王粮油铺</strong></td><td>粮油副食</td><td>¥156,200</td><td>2.5%</td><td>¥3,905</td><td>¥2,800</td><td>¥1,105</td><td><span class="tg to">部分结算</span></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-fin-settle"><div class="cd"><div class="chd"><div class="ct">商家结算管理</div></div><div class="tb2"><select><option>全部状态</option><option>待结算</option><option>已结算</option></select><button class="btn bp bsm">筛选</button></div>
    <table><thead><tr><th>商家</th><th>周期</th><th>交易额</th><th>佣金</th><th>退款</th><th>实际结算</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td><strong>鲜丰果园旗舰店</strong></td><td>08-08~08-14</td><td>¥82,100</td><td>¥2,463</td><td>¥1,200</td><td>¥78,437</td><td><span class="tg to">待结算</span></td><td><button class="btn bs bsm">确认结算</button></td></tr>
      <tr><td><strong>绿色牧场直营</strong></td><td>08-08~08-14</td><td>¥61,400</td><td>¥2,149</td><td>¥500</td><td>¥58,751</td><td><span class="tg tgr">已结算</span></td><td><a href="javascript:void(0)" style="color:var(--p)">查看</a></td></tr>
      <tr><td><strong>老王粮油铺</strong></td><td>08-08~08-14</td><td>¥38,900</td><td>¥972</td><td>¥0</td><td>¥37,928</td><td><span class="tg to">待结算</span></td><td><button class="btn bs bsm">确认结算</button></td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-fin-refund"><div class="cd"><div class="chd"><div class="ct">退款冻结/解冻管理</div></div>
    <table><thead><tr><th>订单号</th><th>商家</th><th>退款金额</th><th>冻结原因</th><th>时间</th><th>状态</th><th>操作</th></tr></thead><tbody>
      <tr><td>ORD005</td><td>老王粮油铺</td><td>¥45.00</td><td>买家申请退款-商品问题</td><td>08-15</td><td><span class="tg tr">冻结中</span></td><td><button class="btn bs bsm">解冻放款</button> <button class="btn bd bsm">退款买家</button></td></tr>
      <tr><td>ORD006</td><td>鲜丰果园</td><td>¥29.90</td><td>交易纠纷-平台介入</td><td>08-13</td><td><span class="tg tr">冻结中</span></td><td><button class="btn bs bsm">解冻放款</button> <button class="btn bd bsm">退款买家</button></td></tr>
      <tr><td>ORD007</td><td>绿色牧场</td><td>¥68.00</td><td>超时未发货自动退款</td><td>08-12</td><td><span class="tg tgr">已退款</span></td><td><a href="javascript:void(0)" style="color:var(--p)">查看</a></td></tr>
    </tbody></table></div></div>
</div>

<!-- 数据分析 -->
<div class="pg" id="pg-analytics">
  <div class="tabs" id="analyticsTabs"><div class="tab active" data-tab="an-overview">平台概览</div><div class="tab" data-tab="an-category">类目成交</div><div class="tab" data-tab="an-merchant">商家经营</div><div class="tab" data-tab="an-buyer">买家画像</div></div>
  <div class="tc active" id="tc-an-overview"><div class="sr"><div class="sc s1"><div class="la">本月GMV</div><div class="va" style="color:var(--p)">¥8.53M</div><div class="ch up">+18.3%</div></div><div class="sc s2"><div class="la">本月订单</div><div class="va" style="color:var(--s)">52,340</div><div class="ch up">+12.7%</div></div><div class="sc s3"><div class="la">客单价</div><div class="va" style="color:var(--w)">¥163.1</div><div class="ch up">+5.0%</div></div><div class="sc s4"><div class="la">复购率</div><div class="va" style="color:var(--d)">38.2%</div><div class="ch up">+2.1%</div></div></div>
    <div class="g2"><div class="cd"><div class="chd"><div class="ct">月度GMV趋势</div></div><div class="cb" id="chart2"></div></div><div class="cd"><div class="chd"><div class="ct">订单量趋势</div></div><div class="cb" id="chart3"></div></div></div></div>
  <div class="tc" id="tc-an-category"><div class="cd"><div class="chd"><div class="ct">类目成交排行</div></div>
    <table><thead><tr><th>排名</th><th>类目</th><th>本月GMV</th><th>占比</th><th>环比</th><th>订单数</th><th>客单价</th></tr></thead><tbody>
      <tr><td>1</td><td><strong>生鲜果蔬</strong></td><td>¥3,002,400</td><td>35.2%</td><td style="color:var(--s)">+15.3%</td><td>18,420</td><td>¥163.0</td></tr>
      <tr><td>2</td><td><strong>粮油副食</strong></td><td>¥2,447,000</td><td>28.7%</td><td style="color:var(--s)">+8.6%</td><td>12,650</td><td>¥193.4</td></tr>
      <tr><td>3</td><td><strong>肉禽蛋奶</strong></td><td>¥1,885,200</td><td>22.1%</td><td style="color:var(--s)">+22.1%</td><td>15,380</td><td>¥122.6</td></tr>
      <tr><td>4</td><td><strong>海鲜水产</strong></td><td>¥768,500</td><td>9.0%</td><td style="color:var(--d)">-3.2%</td><td>3,890</td><td>¥197.6</td></tr>
      <tr><td>5</td><td><strong>其他</strong></td><td>¥423,200</td><td>5.0%</td><td style="color:var(--s)">+5.8%</td><td>2,000</td><td>¥211.6</td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-an-merchant"><div class="cd"><div class="chd"><div class="ct">商家经营排行</div></div>
    <table><thead><tr><th>排名</th><th>商家</th><th>月GMV</th><th>订单数</th><th>客单价</th><th>退款率</th><th>评分</th></tr></thead><tbody>
      <tr><td>1</td><td><strong>鲜丰果园旗舰店</strong></td><td>¥328,500</td><td>2,150</td><td>¥152.8</td><td>1.8%</td><td>4.9</td></tr>
      <tr><td>2</td><td><strong>绿色牧场直营</strong></td><td>¥245,800</td><td>1,890</td><td>¥130.1</td><td>2.1%</td><td>4.8</td></tr>
      <tr><td>3</td><td><strong>老王粮油铺</strong></td><td>¥156,200</td><td>980</td><td>¥159.4</td><td>3.5%</td><td>4.5</td></tr>
    </tbody></table></div></div>
  <div class="tc" id="tc-an-buyer"><div class="g2">
    <div class="cd"><div class="chd"><div class="ct">用户性别分布</div></div><div style="padding:16px">
      <div class="fb mb12"><span>女性</span><span class="fw">62.3%</span></div><div class="pb mb16"><div class="fl" style="width:62.3%;background:var(--d)"></div></div>
      <div class="fb mb12"><span>男性</span><span class="fw">35.8%</span></div><div class="pb mb16"><div class="fl" style="width:35.8%;background:var(--p)"></div></div>
      <div class="fb mb12"><span>未知</span><span class="fw">1.9%</span></div><div class="pb"><div class="fl" style="width:1.9%;background:var(--sub)"></div></div>
    </div></div>
    <div class="cd"><div class="chd"><div class="ct">年龄分布</div></div><div style="padding:16px">
      <div class="fb mb12"><span>18-25岁</span><span class="fw">18.5%</span></div><div class="pb mb16"><div class="fl" style="width:18.5%;background:#667eea"></div></div>
      <div class="fb mb12"><span>26-35岁</span><span class="fw">38.2%</span></div><div class="pb mb16"><div class="fl" style="width:38.2%;background:var(--p)"></div></div>
      <div class="fb mb12"><span>36-45岁</span><span class="fw">28.6%</span></div><div class="pb mb16"><div class="fl" style="width:28.6%;background:var(--s)"></div></div>
      <div class="fb mb12"><span>46岁以上</span><span class="fw">14.7%</span></div><div class="pb"><div class="fl" style="width:14.7%;background:var(--w)"></div></div>
    </div></div>
  </div>
    <div class="cd"><div class="chd"><div class="ct">热门商品TOP5</div></div>
    <table><thead><tr><th>排名</th><th>商品</th><th>商家</th><th>销量</th><th>销售额</th><th>复购率</th></tr></thead><tbody>
      <tr><td>1</td><td>红富士苹果 5斤装</td><td>鲜丰果园</td><td>3,280件</td><td>¥98,072</td><td>42.5%</td></tr>
      <tr><td>2</td><td>有机纯牛奶 1L*6盒</td><td>绿色牧场</td><td>2,650件</td><td>¥158,735</td><td>55.2%</td></tr>
      <tr><td>3</td><td>安格斯牛排 200g</td><td>绿色牧场</td><td>1,890件</td><td>¥128,520</td><td>38.1%</td></tr>
      <tr><td>4</td><td>东北大米 10kg</td><td>老王粮油铺</td><td>1,560件</td><td>¥70,200</td><td>62.3%</td></tr>
      <tr><td>5</td><td>混合水果礼盒</td><td>鲜丰果园</td><td>1,230件</td><td>¥157,440</td><td>28.9%</td></tr>
    </tbody></table></div>
</div>

</div><!-- pc --></div><!-- ma --></div><!-- al -->

<!-- MODALS -->
<div class="mo" id="acm"><div class="ml"><div class="mh"><h3>新增一级类目</h3><button class="mc" onclick="hideModal('acm')">×</button></div><div class="mbd">
  <div class="fg"><label>类目名称</label><input type="text" placeholder="请输入类目名称"></div>
  <div class="fg"><label>上级类目</label><select><option>无（一级类目）</option></select></div>
  <div class="fg"><label>排序号</label><input type="number" value="1"></div>
</div><div class="mft"><button class="btn bo bsm" onclick="hideModal('acm')">取消</button><button class="btn bp bsm" onclick="hideModal('acm');toast('添加成功')">确定</button></div></div></div>

<div class="mo" id="mam"><div class="ml"><div class="mh"><h3>商家入驻审核</h3><button class="mc" onclick="hideModal('mam')">×</button></div><div class="mbd">
  <div class="dl">
    <div class="di"><div class="dk">商家名称:</div><div class="dv">鲜果源农业科技有限公司</div></div>
    <div class="di"><div class="dk">企业类型:</div><div class="dv">企业</div></div>
    <div class="di"><div class="dk">主营类目:</div><div class="dv">生鲜果蔬</div></div>
    <div class="di"><div class="dk">联系人:</div><div class="dv">张明 138****6789</div></div>
    <div class="di"><div class="dk">营业执照:</div><div class="dv"><a href="javascript:void(0)" style="color:var(--p)">查看图片</a></div></div>
    <div class="di"><div class="dk">申请时间:</div><div class="dv">2026-08-15</div></div>
  </div>
  <div class="fg" style="margin-top:16px"><label>审核备注</label><textarea placeholder="请输入审核意见">
编辑页面

商品审核

举报处理

新增Banner

新增属性模板

新增类目费率
