访客信息增加车牌号

2026-05-06 10:12:36 +08:00
parent 85dca5c7a1
commit 57243dfdf3
11 changed files with 387 additions and 15 deletions
@@ -0,0 +1,69 @@
+<!--plate-input.wxml-->
+<view class="plate-container">
+  <!-- 车牌号格子显示 -->
+  <view class="plate-body">
+    <view class="plate-cell {{plateChars[0] ? 'filled' : 'empty'}}" bindtap="onProvinceTap">
+      {{plateChars[0] || '省'}}
+    </view>
+    <view class="plate-cell {{plateChars[1] ? 'filled' : 'empty'}}" bindtap="onCityTap">
+      {{plateChars[1] || '市'}}
+    </view>
+    <view class="plate-sep">·</view>
+    <view
+      wx:for="{{numSlots}}" wx:key="*this"
+      class="plate-cell num {{plateChars[item + 2] ? 'filled' : 'empty'}} {{item >= 5 ? 'extra' : ''}}"
+      bindtap="onNumTap"
+    >
+      {{plateChars[item + 2] || (item < 5 ? '' : '新')}}
+    </view>
+  </view>
+
+  <!-- 隐藏输入框（唤起键盘） -->
+  <input
+    class="plate-hidden-input"
+    type="text"
+    focus="{{inputFocus}}"
+    value="{{numValue}}"
+    maxlength="6"
+    bindinput="onNumInput"
+    adjust-position="{{true}}"
+    confirm-type="done"
+  />
+
+  <!-- 清除按钮 -->
+  <view class="plate-clear" wx:if="{{hasValue}}" bindtap="clearPlate">清除</view>
+
+  <!-- 省份选择弹窗 -->
+  <view class="popup-mask" wx:if="{{showProvince}}" bindtap="hidePicker">
+    <view class="popup-panel" catchtap="noop">
+      <view class="popup-title">选择省份简称</view>
+      <scroll-view scroll-y class="popup-scroll">
+        <view class="popup-grid">
+          <view
+            class="popup-item"
+            wx:for="{{provinces}}" wx:key="*this"
+            data-value="{{item}}" bindtap="selectProvince"
+          >{{item}}</view>
+        </view>
+      </scroll-view>
+      <view class="popup-cancel" bindtap="hidePicker">取消</view>
+    </view>
+  </view>
+
+  <!-- 城市选择弹窗 -->
+  <view class="popup-mask" wx:if="{{showCity}}" bindtap="hidePicker">
+    <view class="popup-panel" catchtap="noop">
+      <view class="popup-title">选择城市代码</view>
+      <scroll-view scroll-y class="popup-scroll">
+        <view class="popup-grid">
+          <view
+            class="popup-item"
+            wx:for="{{cityLetters}}" wx:key="*this"
+            data-value="{{item}}" bindtap="selectCity"
+          >{{item}}</view>
+        </view>
+      </scroll-view>
+      <view class="popup-cancel" bindtap="hidePicker">取消</view>
+    </view>
+  </view>
+</view>