e-commerce shopping

finance banking

documentation technical

Chinese

The domain name 'banfen-order3.pages.dev' uses the developer-focused generic top-level domain (.dev) and includes subdomain 'banfen-order3'. Count 5 characters in 'pages' split between 2 vowels and three consonants. Breaking it apart gives one word: pages. The median word length lands at 5 characters. No strong language cues emerged from the frequency lists.

html/48/c7/48c7f180-87dd-47f8-8512-7189ad92c589.html.gz

5e880aa4eb4c18e452b627a341fef0c6104b11dc4de6f5277372358bc466081c

viewport

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


  /**************
   * Storage keys
   **************/
  const K = {
    PRICE: "banfen_price_v1",
    ORDERS: "banfen_orders_v1",
    COUNTER_PREFIX: "banfen_counter_", // + YYYYMMDD
    LAST_VIEWED: "banfen_last_viewed_order_id_v1"
  };

  /**************
   * Utilities
   **************/
  const $ = (sel) => document.querySelector(sel);
  const $$ = (sel) => Array.from(document.querySelectorAll(sel));

  function pad3(n){ return String(n).padStart(3,'0'); }

  function todayKey(){
    const d = new Date();
    const y = d.getFullYear();
    const m = String(d.getMonth()+1).padStart(2,'0');
    const day = String(d.getDate()).padStart(2,'0');
    return `${y}${m}${day}`;
  }

  function fmtTime(ts){
    const d = new Date(ts);
    const y = d.getFullYear();
    const m = String(d.getMonth()+1).padStart(2,'0');
    const day = String(d.getDate()).padStart(2,'0');
    const hh = String(d.getHours()).padStart(2,'0');
    const mm = String(d.getMinutes()).padStart(2,'0');
    return `${y}-${m}-${day} ${hh}:${mm}`;
  }

  function toast(msg){
    const el = $("#toast");
    el.textContent = msg;
    el.style.display = "block";
    clearTimeout(toast._t);
    toast._t = setTimeout(()=> el.style.display="none", 2200);
  }

  function loadJSON(key, fallback){
    try{
      const raw = localStorage.getItem(key);
      return raw ? JSON.parse(raw) : fallback;
    }catch(e){
      return fallback;
    }
  }
  function saveJSON(key, val){
    localStorage.setItem(key, JSON.stringify(val));
  }

  /**************
   * Domain model
   **************/
  const Status = {
    PLACED: "PLACED",
    IN_PROGRESS: "IN_PROGRESS",
    DONE: "DONE",
    CANCELLED: "CANCELLED"
  };

  function statusLabel(s){
    switch(s){
      case Status.PLACED: return "已下单";
      case Status.IN_PROGRESS: return "制作中";
      case Status.DONE: return "已完成";
      case Status.CANCELLED: return "已取消";
      default: return s;
    }
  }

  function statusBadgeClass(s){
    switch(s){
      case Status.PLACED: return "ok";
      case Status.IN_PROGRESS: return "wip";
      case Status.DONE: return "done";
      case Status.CANCELLED: return "cancel";
      default: return "";
    }
  }

  function canCancel(s){
    return s !== Status.DONE && s !== Status.CANCELLED;
  }

  function nextPickupNo(){
    const key = K.COUNTER_PREFIX + todayKey();
    const n = Number(localStorage.getItem(key) || "0") + 1;
    localStorage.setItem(key, String(n));
    return pad3(n);
  }

  function getPrice(){
    const p = Number(localStorage.getItem(K.PRICE));
    return Number.isFinite(p) ? p : 12; // 默认价格：12（你可在后台修改）
  }

  function setPrice(p){
    localStorage.setItem(K.PRICE, String(p));
  }

  function getOrders(){
    return loadJSON(K.ORDERS, []);
  }

  function saveOrders(orders){
    saveJSON(K.ORDERS, orders);
  }

  function createOrder({diningMode, spice, qty, remark}){
    const price = getPrice();
    const total = price * qty;
    const id = crypto.randomUUID ? crypto.randomUUID() : ("id_" + Date.now() + "_" + Math.random().toString(16).slice(2));
    const order = {
      order_id: id,
      pickup_no: nextPickupNo(),
      dining_mode: diningMode, // "堂食"/"外带"
      created_at: Date.now(),
      status: Status.PLACED,
      total_amount: total,
      remark: remark || "",
      line: {
        item_id: "BANFEN_001",
        name: "南昌拌粉",
        quantity: qty,
        spice_level: spice
      }
    };
    const orders = getOrders();
    orders.unshift(order);
    saveOrders(orders);
    localStorage.setItem(K.LAST_VIEWED, id);
    return order;
  }

  function updateOrderStatus(orderId, newStatus){
    const orders = getOrders();
    const idx = orders.findIndex(o => o.order_id === orderId);
    if(idx === -1) return null;

    // 简单状态约束：取消后不允许继续推进
    if(orders[idx].status === Status.CANCELLED && newStatus !== Status.CANCELLED){
      return orders[idx];
    }
    orders[idx].status = newStatus;
    saveOrders(orders);
    return orders[idx];
  }

  function findOrder(orderId){
    return getOrders().find(o => o.order_id === orderId) || null;
  }

  /**************
   * UI state
   **************/
  let diningMode = "堂食";

  function renderTop(){
    $("#todayKey").textContent = "Today " + todayKey();
  }

  function renderPrice(){
    $("#price").textContent = "¥ " + getPrice();
  }

  function getSelectedSpice(){
    const el = document.querySelector('input[name="spice"]:checked');
    return el ? el.value : "";
  }

  function renderRecent(){
    const orders = getOrders().slice(0, 6);
    const wrap = $("#recentOrders");
    if(orders.length === 0){
      wrap.innerHTML = `<div class="muted">暂无订单</div>`;
      return;
    }
    wrap.innerHTML = orders.map(o => {
      const badge = `<span class="badge ${statusBadgeClass(o.status)}">${statusLabel(o.status)}</span>`;
      return `
        <div class="card" style="padding:12px; margin-bottom:10px; background:rgba(0,0,0,.15)">
          <div class="row" style="margin:0">
            <div>
              <div style="font-weight:800">取餐号 <span class="mono">${o.pickup_no}</span> ${badge}</div>
              <div class="muted">${fmtTime(o.created_at)} · ${o.dining_mode} · ${o.line.spice_level} · x${o.line.quantity}</div>
            </div>
            <div class="right">
              <button class="btn small" data-view="${o.order_id}" type="button">查看</button>
            </div>
          </div>
        </div>
      `;
    }).join("");

    wrap.querySelectorAll("button[data-view]").forEach(btn=>{
      btn.addEventListener("click", ()=>{
        const id = btn.getAttribute("data-view");
        localStorage.setItem(K.LAST_VIEWED, id);
        renderDetail(id);
        window.scrollTo({top: 0, behavior:"smooth"});
      });
    });
  }

  function renderDetail(orderId){
    const o = findOrder(orderId);
    if(!o){
      $("#detailEmpty").style.display = "flex";
      $("#detail").style.display = "none";
      return;
    }
    $("#detailEmpty").style.display = "none";
    $("#detail").style.display = "block";

    $("#pickupNo").textContent = o.pickup_no;
    $("#orderId").textContent = o.order_id;
    $("#createdAt").textContent = fmtTime(o.created_at);
    $("#diningMode").textContent = o.dining_mode;
    $("#spice").textContent = o.line.spice_level;
    $("#quantity").textContent = String(o.line.quantity);
    $("#detailRemark").textContent = o.remark ? o.remark : "—";
    $("#total").textContent = "¥ " + o.total_amount;

    const badge = $("#statusBadge");
    badge.className = "badge " + statusBadgeClass(o.status);
    badge.textContent = statusLabel(o.status);

    const cancelBtn = $("#cancelOrder");
    cancelBtn.disabled = !canCancel(o.status);
    cancelBtn.style.opacity = cancelBtn.disabled ? .5 : 1;
  }

  function renderAdmin(){
    const filter = $("#adminFilter").value;
    const orders = getOrders();
    const filtered = filter === "ALL" ? orders : orders.filter(o => o.status === filter);

    const wrap = $("#adminTableWrap");
    if(filtered.length === 0){
      wrap.innerHTML = `<div class="muted">暂无订单</div>`;
      return;
    }

    wrap.innerHTML = `
      <table>
        <thead>
          <tr>
            <th>取餐号</th>
            <th>时间</th>
            <th>明细</th>
            <th>备注</th>
            <th>状态</th>
            <th style="width:220px">操作</th>
          </tr>
        </thead>
        <tbody>
          ${filtered.map(o => `
            <tr>
              <td class="mono" style="font-weight:900">${o.pickup_no}</td>
              <td>${fmtTime(o.created_at)}<div class="muted">${o.dining_mode}</div></td>
              <td>
                南昌拌粉 x${o.line.quantity}
                <div class="muted">辣度：${o.line.spice_level}</div>
                <div class="muted">应付：¥ ${o.total_amount}（到店付）</div>
              </td>
              <td>${o.remark ? escapeHTML(o.remark) : '<span class="muted">—</span>'}</td>
              <td><span class="badge ${statusBadgeClass(o.status)}">${statusLabel(o.status)}</span></td>
              <td>
                <div style="display:flex; flex-wrap:wrap; gap:6px">
                  <button class="btn small" data-act="view" data-id="${o.order_id}">查看</button>
                  <button class="btn small" data-act="wip" data-id="${o.order_id}" ${o.status===Status.CANCELLED?'disabled style="opacity:.5"':''}>制作中</button>
                  <button class="btn small" data-act="done" data-id="${o.order_id}" ${o.status===Status.CANCELLED?'disabled style="opacity:.5"':''}>已完成</button>
                  <button class="btn small bad" data-act="cancel" data-id="${o.order_id}" ${o.status===Status.DONE?'disabled style="opacity:.5"':''}>取消</button>
                </div>
              </td>
            </tr>
          `).join("")}
        </tbody>
      </table>
    `;

    wrap.querySelectorAll("button[data-act]").forEach(btn=>{
      btn.addEventListener("click", ()=>{
        const id = btn.getAttribute("data-id");
        const act = btn.getAttribute("data-act");
        if(act === "view"){
          localStorage.setItem(K.LAST_VIEWED, id);
          renderDetail(id);
          toast("已在右侧打开订单");
          return;
        }
        if(act === "wip"){
          updateOrderStatus(id, Status.IN_PROGRESS);
          toast("已标记为制作中");
        }else if(act === "done"){
          updateOrderStatus(id, Status.DONE);
          toast("已标记为已完成");
        }else if(act === "cancel"){
          updateOrderStatus(id, Status.CANCELLED);
          toast("已取消订单");
        }
        refreshAll();
      });
    });
  }

  function escapeHTML(str){
    return String(str).replace(/[&<>"']/g, s => ({
      "&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"
    }[s]));
  }

  function refreshAll(){
    renderPrice();
    renderRecent();
    const last = localStorage.getItem(K.LAST_VIEWED);
    if(last) renderDetail(last);
    renderAdmin();
  }

  /**************
   * Events
   **************/
  function init(){
    renderTop();
    renderPrice();

    // dining mode toggle
    $("#modeDineIn").addEventListener("click", ()=>{
      diningMode = "堂食";
      $("#modeDineIn").classList.add("on");
      $("#modeTakeout").classList.remove("on");
      toast("已选择：堂食");
    });
    $("#modeTakeout").addEventListener("click", ()=>{
      diningMode = "外带";
      $("#modeTakeout").classList.add("on");
      $("#modeDineIn").classList.remove("on");
      toast("已选择：外带");
    });

    // radio click whole card
    $$("#spiceGroup .radio").forEach(label=>{
      label.addEventListener("click", ()=>{
        const input = label.querySelector("input");
        input.checked = true;
      });
    });

    // submit
    $("#submitOrder").addEventListener("click", ()=>{
      const spice = getSelectedSpice();
      const qty = Number($("#qty").value);
      const remark = $("#remark").value.trim();

      if(!spice){
        toast("请选择辣度（必选）");
        return;
      }
      if(!Number.isFinite(qty) || qty < 1){
        toast("数量至少为 1");
        return;
      }

      const order = createOrder({diningMode, spice, qty, remark});
      toast("下单成功，已生成取餐号 " + order.pickup_no);

      // reset form
      $("#remark").value = "";
      $("#qty").value = "1";
      document.querySelectorAll('input[name="spice"]').forEach(r=> r.checked = false);

      refreshAll();
      renderDetail(order.order_id);
    });

    $("#refreshOrder").addEventListener("click", ()=>{
      const last = localStorage.getItem(K.LAST_VIEWED);
      if(last) renderDetail(last);
      toast("已刷新");
    });

    $("#cancelOrder").addEventListener("click", ()=>{
      const last = localStorage.getItem(K.LAST_VIEWED);
      if(!last) return;
      const o = findOrder(last);
      if(!o) return;
      if(!canCancel(o.status)){
        toast("该订单无法取消");
        return;
      }
      updateOrderStatus(last, Status.CANCELLED);
      toast("订单已取消");
      refreshAll();
    });

    // admin open/close
    $("#goAdmin").addEventListener("click", ()=>{
      $("#adminCard").style.display = "block";
      toast("已进入店长后台");
      window.scrollTo({top: document.body.scrollHeight, behavior:"smooth"});
      refreshAll();
    });
    $("#adminClose").addEventListener("click", ()=>{
      $("#adminCard").style.display = "none";
      toast("已返回点餐");
      window.scrollTo({top: 0, behavior:"smooth"});
    });

    // admin filter
    $("#adminFilter").addEventListener("change", ()=> renderAdmin());

    // admin price
    $("#adminPrice").value = String(getPrice());
    $("#savePrice").addEventListener("click", ()=>{
      const p = Number($("#adminPrice").value);
      if(!Number.isFinite(p) || p < 0){
        toast("价格需为非负数字");
        return;
      }
      setPrice(Math.round(p));
      toast("价格已保存");
      refreshAll();
    });

    // export / clear
    $("#exportData").addEventListener("click", ()=>{
      const data = {
        date: new Date().toISOString(),
        price: getPrice(),
        todayKey: todayKey(),
        counterToday: Number(localStorage.getItem(K.COUNTER_PREFIX + todayKey()) || "0"),
        orders: getOrders()
      };
      const blob = new Blob([JSON.stringify(data, null, 2)], {type:"application/json"});
      const url = URL.createObjectURL(blob);
      const a = document.createElement("a");
      a.href = url;
      a.download = "banfen-data.json";
      a.click();
      URL.revokeObjectURL(url);
      toast("已导出JSON");
    });

    $("#clearData").addEventListener("click", ()=>{
      if(!confirm("确定清空本机所有订单与取号计数？此操作不可恢复。")) return;
      localStorage.removeItem(K.ORDERS);
      localStorage.removeItem(K.LAST_VIEWED);
      localStorage.removeItem(K.COUNTER_PREFIX + todayKey());
      toast("已清空本机数据");
      refreshAll();
    });

    // initial
    refreshAll();
    const last = localStorage.getItem(K.LAST_VIEWED);
    if(last) renderDetail(last);
  }

  init();


Nanchang Banfen - Ordering

✅ Low Risk - http://banfen-order3.pages.dev/

Requests	IP Address	Location	AS Autonomous System
3	172.66.44.189	United States	AS13335Cloudflare, Inc.
3	1	-	-

Security Scan Report: banfen-order3.pages.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History