9.16/1

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.js

@@ -0,0 +1,135 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const common_http = require("../../common/http.js");
+function toDateString(d) {
+  const m = (d.getMonth() + 1).toString().padStart(2, "0");
+  const day = d.getDate().toString().padStart(2, "0");
+  return `${d.getFullYear()}-${m}-${day}`;
+}
+const _sfc_main = {
+  data() {
+    const today = /* @__PURE__ */ new Date();
+    const first = new Date(today.getFullYear(), today.getMonth(), 1);
+    return {
+      range: "month",
+      biz: "sale",
+      sub: "out",
+      kw: "",
+      begin: toDateString(first),
+      end: toDateString(today),
+      list: [],
+      loading: false
+    };
+  },
+  computed: {
+    totalAmount() {
+      return this.list.reduce((s, o) => s + Number(o.amount || 0), 0);
+    }
+  },
+  onLoad() {
+    this.reload();
+  },
+  methods: {
+    setRange(r) {
+      this.range = r;
+      const now = /* @__PURE__ */ new Date();
+      if (r === "today") {
+        this.begin = this.end = toDateString(now);
+      } else if (r === "week") {
+        const day = now.getDay() || 7;
+        const start = new Date(now);
+        start.setDate(now.getDate() - day + 1);
+        this.begin = toDateString(start);
+        this.end = toDateString(now);
+      } else if (r === "month") {
+        const first = new Date(now.getFullYear(), now.getMonth(), 1);
+        this.begin = toDateString(first);
+        this.end = toDateString(now);
+      } else if (r === "year") {
+        const first = new Date(now.getFullYear(), 0, 1);
+        this.begin = toDateString(first);
+        this.end = toDateString(now);
+      }
+      this.reload();
+    },
+    async reload() {
+      this.loading = true;
+      try {
+        const res = await common_http.get("/api/sales/orders", { begin: this.begin, end: this.end, kw: this.kw, sub: this.sub });
+        this.list = Array.isArray(res == null ? void 0 : res.list) ? res.list : Array.isArray(res) ? res : [];
+      } catch (e) {
+        this.list = [];
+      } finally {
+        this.loading = false;
+      }
+    },
+    goCreate() {
+      common_vendor.index.navigateTo({ url: "/pages/order/create" });
+    },
+    open(o) {
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $data.range === "custom" ? 1 : "",
+    b: common_vendor.o(($event) => $options.setRange("custom")),
+    c: $data.range === "week" ? 1 : "",
+    d: common_vendor.o(($event) => $options.setRange("week")),
+    e: $data.range === "today" ? 1 : "",
+    f: common_vendor.o(($event) => $options.setRange("today")),
+    g: $data.range === "month" ? 1 : "",
+    h: common_vendor.o(($event) => $options.setRange("month")),
+    i: $data.range === "year" ? 1 : "",
+    j: common_vendor.o(($event) => $options.setRange("year")),
+    k: $data.biz === "sale" ? 1 : "",
+    l: common_vendor.o(($event) => $data.biz = "sale"),
+    m: $data.biz === "purchase" ? 1 : "",
+    n: common_vendor.o(($event) => $data.biz = "purchase"),
+    o: $data.biz === "collection" ? 1 : "",
+    p: common_vendor.o(($event) => $data.biz = "collection"),
+    q: $data.biz === "capital" ? 1 : "",
+    r: common_vendor.o(($event) => $data.biz = "capital"),
+    s: $data.biz === "inventory" ? 1 : "",
+    t: common_vendor.o(($event) => $data.biz = "inventory"),
+    v: $data.sub === "out" ? 1 : "",
+    w: common_vendor.o(($event) => $data.sub = "out"),
+    x: $data.sub === "return" ? 1 : "",
+    y: common_vendor.o(($event) => $data.sub = "return"),
+    z: $data.sub === "receive" ? 1 : "",
+    A: common_vendor.o(($event) => $data.sub = "receive"),
+    B: common_vendor.o((...args) => $options.goCreate && $options.goCreate(...args)),
+    C: common_vendor.o((...args) => $options.reload && $options.reload(...args)),
+    D: $data.kw,
+    E: common_vendor.o(($event) => $data.kw = $event.detail.value),
+    F: $data.range === "custom"
+  }, $data.range === "custom" ? {
+    G: common_vendor.t($data.begin),
+    H: $data.begin,
+    I: common_vendor.o((e) => {
+      $data.begin = e.detail.value;
+      $options.reload();
+    }),
+    J: common_vendor.t($data.end),
+    K: $data.end,
+    L: common_vendor.o((e) => {
+      $data.end = e.detail.value;
+      $options.reload();
+    })
+  } : {}, {
+    M: common_vendor.t($options.totalAmount.toFixed(2)),
+    N: common_vendor.f($data.list, (o, k0, i0) => {
+      return {
+        a: common_vendor.t(o.orderDate),
+        b: common_vendor.t(o.customerName),
+        c: common_vendor.t(o.orderNo),
+        d: common_vendor.t(Number(o.amount).toFixed(2)),
+        e: o.id,
+        f: common_vendor.o(($event) => $options.open(o), o.id)
+      };
+    })
+  });
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/detail/index.js.map

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "明细",
+  "usingComponents": {}
+}

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.wxml

@@ -0,0 +1 @@
+<view class="detail"><view class="filter-tabs"><view class="{{['tab', a && 'active']}}" bindtap="{{b}}">自定义</view><view class="{{['tab', c && 'active']}}" bindtap="{{d}}">本周</view><view class="{{['tab', e && 'active']}}" bindtap="{{f}}">今日</view><view class="{{['tab', g && 'active']}}" bindtap="{{h}}">本月</view><view class="{{['tab', i && 'active']}}" bindtap="{{j}}">本年</view></view><view class="biz-tabs"><view class="{{['biz', k && 'active']}}" bindtap="{{l}}">销售</view><view class="{{['biz', m && 'active']}}" bindtap="{{n}}">进货</view><view class="{{['biz', o && 'active']}}" bindtap="{{p}}">收款</view><view class="{{['biz', q && 'active']}}" bindtap="{{r}}">资金</view><view class="{{['biz', s && 'active']}}" bindtap="{{t}}">盘点</view></view><view class="card"><view class="subtabs"><view class="{{['sub', v && 'active']}}" bindtap="{{w}}">出货</view><view class="{{['sub', x && 'active']}}" bindtap="{{y}}">退货</view><view class="{{['sub', z && 'active']}}" bindtap="{{A}}">收款</view><view class="plus" bindtap="{{B}}">+</view></view><view class="search"><input placeholder="单据号/客户/名称/规格/备注" bindconfirm="{{C}}" value="{{D}}" bindinput="{{E}}"/></view><view wx:if="{{F}}" class="daterange"><picker mode="date" value="{{H}}" bindchange="{{I}}"><text>{{G}}</text></picker><text class="sep">—</text><picker mode="date" value="{{K}}" bindchange="{{L}}"><text>{{J}}</text></picker></view><view class="total">合计：¥ {{M}}</view><scroll-view scroll-y class="list"><view wx:for="{{N}}" wx:for-item="o" wx:key="e" class="row" bindtap="{{o.f}}"><view class="left"><view class="date">{{o.a}}</view><view class="name">{{o.b}}</view><view class="no">{{o.c}}</view></view><view class="right">¥ {{o.d}}</view></view></scroll-view></view></view>

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.wxss

@@ -0,0 +1,43 @@
+
+.detail { display:flex;
+}
+.filter-tabs { display:flex; gap: 24rpx; padding: 18rpx 24rpx; color:#666;
+}
+.filter-tabs .tab.active { color:#2aa7b6; font-weight: 700;
+}
+.biz-tabs { position: fixed; left:0; top: 160rpx; bottom: 120rpx; width: 120rpx; display:flex; flex-direction: column; gap: 24rpx; padding: 12rpx;
+}
+.biz { background:#6aa9ff; color:#fff; border-radius: 16rpx; padding: 20rpx 0; text-align:center; opacity: .85;
+}
+.biz.active { opacity: 1;
+}
+.card { margin-left: 140rpx; background:#fff; border-radius: 24rpx; padding: 16rpx;
+}
+.subtabs { display:flex; align-items:center; gap: 24rpx; padding: 8rpx 6rpx 12rpx;
+}
+.sub { color:#57c2cf; padding: 8rpx 12rpx;
+}
+.sub.active { border-bottom: 4rpx solid #57c2cf; font-weight:700;
+}
+.plus { margin-left:auto; width: 60rpx; height: 60rpx; border-radius: 30rpx; background:#2ec0d0; color:#fff; font-size: 40rpx; display:flex; align-items:center; justify-content:center;
+}
+.search { background:#f6f7fb; border-radius: 999rpx; padding: 14rpx 20rpx; margin: 8rpx 0 12rpx;
+}
+.daterange { display:flex; align-items:center; gap: 12rpx; color:#888; padding-bottom: 8rpx;
+}
+.daterange .sep { color:#ccc;
+}
+.total { color:#2ec0d0; font-weight: 800; padding: 12rpx 0; border-top: 2rpx solid #eaeaea;
+}
+.list { height: calc(100vh - 420rpx);
+}
+.row { display:flex; justify-content: space-between; align-items:center; padding: 22rpx 10rpx; border-bottom: 1rpx solid #f0f0f0;
+}
+.left .date { color:#999; margin-bottom: 6rpx;
+}
+.left .name { color:#333; margin-bottom: 6rpx;
+}
+.left .no { color:#bbb;
+}
+.right { color:#555;
+}