shanxia2.0/bak/mobile-ui/shanxia-mp-workbench-demo.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title>山峡化工 · 工作台 Demo</title>
  <link rel="stylesheet" href="shanxia-mp-base.css" />
</head>
<body>
  <nav class="proto-nav">
    <strong>Demo 导航</strong>
    <a href="shanxia-mp-index.html">索引</a>
    <a href="shanxia-mp-home-demo.html">首页</a>
    <a href="shanxia-mp-todo-demo.html">待办</a>
    <a class="active" href="shanxia-mp-workbench-demo.html">工作台</a>
    <a href="shanxia-mp-mine-demo.html">我的</a>
    <a href="shanxia-mp-crm-demo.html">CRM列表</a>
    <a href="shanxia-mp-bx-demo.html">报销列表</a>
    <a href="shanxia-mp-db-demo.html">地磅列表</a>
    <a href="shanxia-mp-pl-demo.html">运输列表</a>
  </nav>

  <main class="phone">
    <header class="mp-header">
      <div class="mp-header__row">
        <h1 class="mp-header__title">工作台</h1>
      </div>
      <div class="mp-header__meta" style="font-size:12px;opacity:0.9">选择业务模块，进入对应功能办理</div>
    </header>

    <section class="mp-section" style="margin-top:8px">
      <!-- CRM 管理 -->
      <article class="mp-module-block mp-module-block--crm">
        <div class="mp-module-block__head">
          <span class="mp-module-block__icon">CRM</span>
          <div class="mp-module-block__title-wrap">
            <h2>CRM 管理</h2>
            <p>线索 · 商机 · 客户 · 报价 · 合同</p>
          </div>
        </div>
        <div class="mp-menu-grid">
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">产品分类</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">产品管理</span></a>
          <a class="mp-menu-card" href="shanxia-mp-crm-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">线索管理</span></a>
          <a class="mp-menu-card" href="shanxia-mp-crm-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">商机管理</span></a>
          <a class="mp-menu-card" href="shanxia-mp-crm-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">客户管理</span></a>
          <a class="mp-menu-card" href="shanxia-mp-crm-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">公海池</span></a>
          <a class="mp-menu-card" href="shanxia-mp-crm-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">报价管理</span></a>
          <a class="mp-menu-card" href="shanxia-mp-crm-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">合同管理</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">合同审批</span></a>
        </div>
      </article>

      <!-- 报销管理 -->
      <article class="mp-module-block mp-module-block--bx">
        <div class="mp-module-block__head">
          <span class="mp-module-block__icon">报销</span>
          <div class="mp-module-block__title-wrap">
            <h2>报销管理</h2>
            <p>借款 · 报销 · 审批 · 付款</p>
          </div>
        </div>
        <div class="mp-menu-grid">
          <a class="mp-menu-card" href="shanxia-mp-bx-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">待办任务</span></a>
          <a class="mp-menu-card" href="shanxia-mp-bx-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">报销申请</span></a>
          <a class="mp-menu-card" href="shanxia-mp-bx-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">报销审批</span></a>
          <a class="mp-menu-card" href="shanxia-mp-bx-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">借款申请</span></a>
          <a class="mp-menu-card" href="shanxia-mp-bx-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">借款审批</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">借款发放</span></a>
          <a class="mp-menu-card" href="shanxia-mp-bx-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">我的单据</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">全部单据</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">付款记录</span></a>
        </div>
      </article>

      <!-- 地磅管理 -->
      <article class="mp-module-block mp-module-block--db">
        <div class="mp-module-block__head">
          <span class="mp-module-block__icon">地磅</span>
          <div class="mp-module-block__title-wrap">
            <h2>地磅管理</h2>
            <p>计划 · 过磅单 · 出入库</p>
          </div>
        </div>
        <div class="mp-menu-grid">
          <a class="mp-menu-card" href="shanxia-mp-db-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">仪表盘</span></a>
          <a class="mp-menu-card" href="shanxia-mp-db-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">地磅计划</span></a>
          <a class="mp-menu-card" href="shanxia-mp-db-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">地磅单管理</span></a>
          <a class="mp-menu-card" href="shanxia-mp-db-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">地磅出入库</span></a>
        </div>
      </article>

      <!-- 运输管理 -->
      <article class="mp-module-block mp-module-block--pl">
        <div class="mp-module-block__head">
          <span class="mp-module-block__icon">运输</span>
          <div class="mp-module-block__title-wrap">
            <h2>运输管理</h2>
            <p>计划 · 运费 · 车辆事务</p>
          </div>
        </div>
        <div class="mp-menu-grid">
          <a class="mp-menu-card" href="shanxia-mp-pl-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">运输计划</span></a>
          <a class="mp-menu-card" href="shanxia-mp-pl-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">计划归档</span></a>
          <a class="mp-menu-card" href="shanxia-mp-pl-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">购买证上传</span></a>
          <a class="mp-menu-card" href="shanxia-mp-pl-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">运费结算</span></a>
          <a class="mp-menu-card" href="shanxia-mp-pl-demo.html"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">运费审批</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">财务发放</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">车辆充值</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">车辆维修</span></a>
          <a class="mp-menu-card mp-menu-card--disabled" href="#"><span class="mp-menu-card__icon"></span><span class="mp-menu-card__name">运输地址库</span></a>
        </div>
      </article>
    </section>
  </main>

  <nav class="mp-tabbar">
    <a class="mp-tabbar__item" href="shanxia-mp-home-demo.html"><span class="mp-tabbar__icon"></span>首页</a>
    <a class="mp-tabbar__item" href="shanxia-mp-todo-demo.html"><span class="mp-tabbar__icon"></span>待办</a>
    <a class="mp-tabbar__item active" href="shanxia-mp-workbench-demo.html"><span class="mp-tabbar__icon"></span>工作台</a>
    <a class="mp-tabbar__item" href="shanxia-mp-mine-demo.html"><span class="mp-tabbar__icon"></span>我的</a>
  </nav>
</body>
</html>