9.20 界面502

2025-09-20 22:09:15 +08:00
parent 44ac2723a0
commit 3894cc1c57
38 changed files with 411 additions and 241 deletions
--- a/frontend/unpackage/dist/dev/mp-weixin/pages/order/create.js
+++ b/frontend/unpackage/dist/dev/mp-weixin/pages/order/create.js
@@ -337,15 +337,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
    Y: $data.order.orderTime,
    Z: common_vendor.o((...args) => $options.onDateChange && $options.onDateChange(...args))
  }) : $data.biz === "sale" || $data.biz === "purchase" ? {
-    ab: common_vendor.t($options.totalQuantity),
-    ac: common_vendor.t($options.totalAmount.toFixed(2)),
-    ad: common_vendor.o((...args) => $options.chooseProduct && $options.chooseProduct(...args))
+    ab: common_vendor.t($data.biz === "sale" ? "客户" : "供应商"),
+    ac: common_vendor.t($data.biz === "sale" ? $options.customerLabel : $options.supplierLabel),
+    ad: common_vendor.o(($event) => $data.biz === "sale" ? $options.chooseCustomer() : $options.chooseSupplier()),
+    ae: common_vendor.t($data.order.orderTime),
+    af: $data.order.orderTime,
+    ag: common_vendor.o((...args) => $options.onDateChange && $options.onDateChange(...args)),
+    ah: common_assets._imports_0,
+    ai: common_vendor.o((...args) => $options.chooseProduct && $options.chooseProduct(...args)),
+    aj: common_vendor.t($options.totalQuantity),
+    ak: common_vendor.t($options.totalAmount.toFixed(2)),
+    al: common_vendor.o((...args) => $options.chooseProduct && $options.chooseProduct(...args))
  } : {
-    ae: $data.counterpartyType === "customer" ? 1 : "",
-    af: common_vendor.o(($event) => $options.setCounterparty("customer")),
-    ag: $data.counterpartyType === "supplier" ? 1 : "",
-    ah: common_vendor.o(($event) => $options.setCounterparty("supplier")),
-    ai: common_vendor.f($data.biz === "income" ? $options.incomeCategories : $options.expenseCategories, (c, k0, i0) => {
+    am: $data.counterpartyType === "customer" ? 1 : "",
+    an: common_vendor.o(($event) => $options.setCounterparty("customer")),
+    ao: $data.counterpartyType === "supplier" ? 1 : "",
+    ap: common_vendor.o(($event) => $options.setCounterparty("supplier")),
+    aq: common_vendor.f($data.biz === "income" ? $options.incomeCategories : $options.expenseCategories, (c, k0, i0) => {
      return {
        a: common_vendor.t(c.label),
        b: c.key,
@@ -353,23 +361,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
        d: common_vendor.o(($event) => $data.activeCategory = c.key, c.key)
      };
    }),
-    aj: common_vendor.t($options.counterpartyLabel),
-    ak: common_vendor.o((...args) => $options.chooseCounterparty && $options.chooseCounterparty(...args)),
-    al: common_vendor.t($options.accountLabel),
-    am: common_vendor.o((...args) => $options.chooseAccount && $options.chooseAccount(...args)),
-    an: $data.trxAmount,
-    ao: common_vendor.o(common_vendor.m(($event) => $data.trxAmount = $event.detail.value, {
+    ar: common_vendor.t($options.counterpartyLabel),
+    as: common_vendor.o((...args) => $options.chooseCounterparty && $options.chooseCounterparty(...args)),
+    at: common_vendor.t($options.accountLabel),
+    av: common_vendor.o((...args) => $options.chooseAccount && $options.chooseAccount(...args)),
+    aw: $data.trxAmount,
+    ax: common_vendor.o(common_vendor.m(($event) => $data.trxAmount = $event.detail.value, {
      number: true
    })),
-    ap: $data.order.remark,
-    aq: common_vendor.o(($event) => $data.order.remark = $event.detail.value)
+    ay: $data.order.remark,
+    az: common_vendor.o(($event) => $data.order.remark = $event.detail.value)
  }, {
    aa: $data.biz === "sale" || $data.biz === "purchase",
-    ar: !$data.items.length
+    aA: !$data.items.length
  }, !$data.items.length ? {
-    as: common_assets._imports_0
+    aB: common_assets._imports_0
  } : {
-    at: common_vendor.f($data.items, (it, idx, i0) => {
+    aC: common_vendor.f($data.items, (it, idx, i0) => {
      return {
        a: common_vendor.t(it.productName),
        b: common_vendor.o([common_vendor.m(($event) => it.quantity = $event.detail.value, {
@@ -385,8 +393,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
      };
    })
  }, {
-    av: common_vendor.o((...args) => $options.saveAndReset && $options.saveAndReset(...args)),
-    aw: common_vendor.o((...args) => $options.submit && $options.submit(...args))
+    aD: common_vendor.o((...args) => $options.saveAndReset && $options.saveAndReset(...args)),
+    aE: common_vendor.o((...args) => $options.submit && $options.submit(...args))
  });
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
--- a/frontend/unpackage/dist/dev/mp-weixin/pages/order/create.wxml
+++ b/frontend/unpackage/dist/dev/mp-weixin/pages/order/create.wxml
@@ -1 +1 @@
-<view class="order"><view class="tabs"><text class="{{[a && 'active']}}" bindtap="{{b}}">销售</text><text class="{{[c && 'active']}}" bindtap="{{d}}">进货</text><text class="{{[e && 'active']}}" bindtap="{{f}}">其他收入</text><text class="{{[g && 'active']}}" bindtap="{{h}}">其他支出</text></view><view wx:if="{{i}}" class="subtabs"><button class="{{['subbtn', j && 'active']}}" bindtap="{{k}}">出货</button><button class="{{['subbtn', l && 'active']}}" bindtap="{{m}}">退货</button><button class="{{['subbtn', n && 'active']}}" bindtap="{{o}}">收款</button></view><view wx:elif="{{p}}" class="subtabs"><button class="{{['subbtn', q && 'active']}}" bindtap="{{r}}">进货</button><button class="{{['subbtn', s && 'active']}}" bindtap="{{t}}">退货</button><button class="{{['subbtn', v && 'active']}}" bindtap="{{w}}">付款</button></view><picker mode="date" value="{{y}}" bindchange="{{z}}"><view class="field"><text class="label">时间</text><text class="value">{{x}}</text></view></picker><view wx:if="{{A}}" class="field" bindtap="{{C}}"><text class="label">客户</text><text class="value">{{B}}</text></view><view wx:elif="{{D}}" class="field" bindtap="{{F}}"><text class="label">供应商</text><text class="value">{{E}}</text></view><view wx:if="{{G}}"><view wx:if="{{H}}" class="field" bindtap="{{J}}"><text class="label">客户</text><text class="value">{{I}}</text></view><view wx:else class="field" bindtap="{{L}}"><text class="label">供应商</text><text class="value">{{K}}</text></view><view class="field pay-row"><text class="label">现金</text><input class="pay-input" type="digit" placeholder="0.00" bindinput="{{M}}" value="{{N}}"/></view><view class="field pay-row"><text class="label">银行存款</text><input class="pay-input" type="digit" placeholder="0.00" bindinput="{{O}}" value="{{P}}"/></view><view class="field pay-row"><text class="label">微信</text><input class="pay-input" type="digit" placeholder="0.00" bindinput="{{Q}}" value="{{R}}"/></view><view class="collapse-trigger" bindtap="{{T}}">{{S}}</view><view class="textarea"><view class="amount-badge">总金额：{{U}}</view><block wx:if="{{r0}}"><textarea maxlength="200" placeholder="备注（最多输入200个字）" value="{{V}}" bindinput="{{W}}"></textarea></block><view class="date-mini"><picker mode="date" value="{{Y}}" bindchange="{{Z}}"><text>{{X}}</text></picker></view></view></view><view wx:elif="{{aa}}"><view class="summary"><text>选中货品（{{ab}}）</text><text>合计金额：¥ {{ac}}</text></view><view class="add" bindtap="{{ad}}">+</view></view><view wx:else><view class="subtabs"><button class="{{['subbtn', ae && 'active']}}" bindtap="{{af}}">客户</button><button class="{{['subbtn', ag && 'active']}}" bindtap="{{ah}}">供应商</button></view><view class="chips"><view wx:for="{{ai}}" wx:for-item="c" wx:key="b" class="{{['chip', c.c && 'active']}}" bindtap="{{c.d}}">{{c.a}}</view></view><view class="field" bindtap="{{ak}}"><text class="label">往来单位</text><text class="value">{{aj}}</text></view><view class="field" bindtap="{{am}}"><text class="label">结算账户</text><text class="value">{{al}}</text></view><view class="field"><text class="label">金额</text><input class="value" type="digit" placeholder="0.00" value="{{an}}" bindinput="{{ao}}"/></view><view class="textarea"><block wx:if="{{r0}}"><textarea maxlength="200" placeholder="备注（最多输入200个字）" value="{{ap}}" bindinput="{{aq}}"></textarea></block></view></view><view wx:if="{{ar}}" class="empty"><image src="{{as}}" mode="widthFix" class="empty-img"></image><text class="empty-text">购物车里空空如也</text><text class="empty-sub">扫描或点击 “+” 选择商品吧</text></view><view wx:else class="list"><view wx:for="{{at}}" wx:for-item="it" wx:key="g" class="row"><view class="col name">{{it.a}}</view><view class="col qty"><input type="number" bindinput="{{it.b}}" value="{{it.c}}"/></view><view class="col price"><input type="number" bindinput="{{it.d}}" value="{{it.e}}"/></view><view class="col amount">¥ {{it.f}}</view></view></view><view class="bottom"><button class="ghost" bindtap="{{av}}">再记一笔</button><button class="primary" bindtap="{{aw}}">保存</button></view></view>
+<view class="order"><view class="tabs"><text class="{{[a && 'active']}}" bindtap="{{b}}">销售</text><text class="{{[c && 'active']}}" bindtap="{{d}}">进货</text><text class="{{[e && 'active']}}" bindtap="{{f}}">其他收入</text><text class="{{[g && 'active']}}" bindtap="{{h}}">其他支出</text></view><view wx:if="{{i}}" class="subtabs"><button class="{{['subbtn', j && 'active']}}" bindtap="{{k}}">出货</button><button class="{{['subbtn', l && 'active']}}" bindtap="{{m}}">退货</button><button class="{{['subbtn', n && 'active']}}" bindtap="{{o}}">收款</button></view><view wx:elif="{{p}}" class="subtabs"><button class="{{['subbtn', q && 'active']}}" bindtap="{{r}}">进货</button><button class="{{['subbtn', s && 'active']}}" bindtap="{{t}}">退货</button><button class="{{['subbtn', v && 'active']}}" bindtap="{{w}}">付款</button></view><picker mode="date" value="{{y}}" bindchange="{{z}}"><view class="field"><text class="label">时间</text><text class="value">{{x}}</text></view></picker><view wx:if="{{A}}" class="field" bindtap="{{C}}"><text class="label">客户</text><text class="value">{{B}}</text></view><view wx:elif="{{D}}" class="field" bindtap="{{F}}"><text class="label">供应商</text><text class="value">{{E}}</text></view><view wx:if="{{G}}"><view wx:if="{{H}}" class="field" bindtap="{{J}}"><text class="label">客户</text><text class="value">{{I}}</text></view><view wx:else class="field" bindtap="{{L}}"><text class="label">供应商</text><text class="value">{{K}}</text></view><view class="field pay-row"><text class="label">现金</text><input class="pay-input" type="digit" placeholder="0.00" bindinput="{{M}}" value="{{N}}"/></view><view class="field pay-row"><text class="label">银行存款</text><input class="pay-input" type="digit" placeholder="0.00" bindinput="{{O}}" value="{{P}}"/></view><view class="field pay-row"><text class="label">微信</text><input class="pay-input" type="digit" placeholder="0.00" bindinput="{{Q}}" value="{{R}}"/></view><view class="collapse-trigger" bindtap="{{T}}">{{S}}</view><view class="textarea"><view class="amount-badge">总金额：{{U}}</view><block wx:if="{{r0}}"><textarea maxlength="200" placeholder="备注（最多输入200个字）" value="{{V}}" bindinput="{{W}}"></textarea></block><view class="date-mini"><picker mode="date" value="{{Y}}" bindchange="{{Z}}"><text>{{X}}</text></picker></view></view></view><view wx:elif="{{aa}}"><view class="info-card"><view class="info-field" bindtap="{{ad}}"><text class="info-label">{{ab}}</text><text class="info-value">{{ac}}</text></view><picker class="info-field" mode="date" value="{{af}}" bindchange="{{ag}}"><view><text class="info-label">时间</text><text class="info-value">{{ae}}</text></view></picker><button class="info-action" bindtap="{{ai}}"><image src="{{ah}}" class="info-icon" mode="aspectFit"/><text>加商品</text></button></view><view class="summary"><text>选中货品（{{aj}}）</text><text>合计金额：¥ {{ak}}</text></view><view class="add" bindtap="{{al}}">+</view></view><view wx:else><view class="subtabs"><button class="{{['subbtn', am && 'active']}}" bindtap="{{an}}">客户</button><button class="{{['subbtn', ao && 'active']}}" bindtap="{{ap}}">供应商</button></view><view class="chips"><view wx:for="{{aq}}" wx:for-item="c" wx:key="b" class="{{['chip', c.c && 'active']}}" bindtap="{{c.d}}">{{c.a}}</view></view><view class="field" bindtap="{{as}}"><text class="label">往来单位</text><text class="value">{{ar}}</text></view><view class="field" bindtap="{{av}}"><text class="label">结算账户</text><text class="value">{{at}}</text></view><view class="field"><text class="label">金额</text><input class="value" type="digit" placeholder="0.00" value="{{aw}}" bindinput="{{ax}}"/></view><view class="textarea"><block wx:if="{{r0}}"><textarea maxlength="200" placeholder="备注（最多输入200个字）" value="{{ay}}" bindinput="{{az}}"></textarea></block></view></view><view wx:if="{{aA}}" class="empty"><image src="{{aB}}" mode="widthFix" class="empty-img"></image><text class="empty-text">购物车里空空如也</text><text class="empty-sub">扫描或点击 “+” 选择商品吧</text></view><view wx:else class="list"><view wx:for="{{aC}}" wx:for-item="it" wx:key="g" class="row"><view class="col name">{{it.a}}</view><view class="col qty"><input type="number" bindinput="{{it.b}}" value="{{it.c}}"/></view><view class="col price"><input type="number" bindinput="{{it.d}}" value="{{it.e}}"/></view><view class="col amount">¥ {{it.f}}</view></view></view><view class="bottom"><button class="ghost" bindtap="{{aD}}">再记一笔</button><button class="primary" bindtap="{{aE}}">保存</button></view></view>
--- a/frontend/unpackage/dist/dev/mp-weixin/pages/order/create.wxss
+++ b/frontend/unpackage/dist/dev/mp-weixin/pages/order/create.wxss
@@ -67,23 +67,34 @@
 .value {
  color: #111;
 }
+
+/* 汇总卡片：白底卡片+主色按钮 */
 .summary {
  display: flex;
  justify-content: space-between;
-  padding: 22rpx 24rpx;
+  align-items: center;
+  padding: 16rpx 18rpx;
+  margin: 12rpx 16rpx;
+  background: #fff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 16rpx;
  color: #111;
 }
+
+/* 加号改为图标按钮 */
 .add {
-  margin: 24rpx auto;
+  margin: 18rpx auto;
  width: 120rpx;
  height: 120rpx;
-  border-radius: 20rpx;
-  background: #4C8DFF;
-  color: #fff;
+  border-radius: 24rpx;
+  background: #fff;
+  border: 2rpx solid #4C8DFF;
+  color: #4C8DFF;
  font-size: 72rpx;
  display: flex;
  align-items: center;
  justify-content: center;
+  box-shadow: 0 6rpx 16rpx rgba(76, 141, 255, 0.12);
 }
 .empty {
  display: flex;
@@ -93,14 +104,18 @@
  color: #444;
 }
 .empty-img {
-  width: 220rpx;
-  margin-bottom: 20rpx;
+  width: 160rpx;
+  margin-bottom: 16rpx;
 }
 .empty-text {
  margin-bottom: 8rpx;
 }
 .list {
-  background: #ffffff;
+  background: #fff;
+  margin: 0 16rpx 12rpx;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 16rpx;
+  overflow: hidden;
 }
 .row {
  display: grid;
@@ -181,4 +196,51 @@
 .chip.active {
  background: #4C8DFF;
  color: #fff;
+}
+
+/* 顶部旧 tabs 简化隐藏（改为更简洁布局） */
+.tabs {
+  display: none;
+}
+
+/* 快捷操作宫格 */
+/* 信息卡片式表达（更稳重） */
+.info-card {
+  display: grid;
+  grid-template-columns: 1fr 1fr auto;
+  gap: 10rpx;
+  margin: 12rpx 16rpx 0;
+  background: #fff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 16rpx;
+  padding: 10rpx;
+  align-items: center;
+}
+.info-field {
+  background: #ffffff;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 12rpx;
+  padding: 10rpx 12rpx;
+}
+.info-label {
+  color: #444;
+  font-size: 24rpx;
+  margin-right: 8rpx;
+}
+.info-value {
+  color: #111;
+  font-weight: 700;
+}
+.info-action {
+  display: flex;
+  align-items: center;
+  gap: 6rpx;
+  background: #4C8DFF;
+  color: #fff;
+  border-radius: 12rpx;
+  padding: 12rpx 14rpx;
+}
+.info-icon {
+  width: 32rpx;
+  height: 32rpx;
 }