完善销售订单, 添加订单排序页

miniprogram/pages/components/search-popup/search-popup.ts

@@ -22,7 +22,7 @@ Component({
     },
     customStyle: {
       type: String,
-      value: "",
+      value: '',
     },
     useInputSlot: {
       type: Boolean,
@@ -42,38 +42,43 @@ Component({
   methods: {
     showSearch() {
       this.setData({ show: true });
-      this.triggerEvent("showChange", true);
+      this.triggerEvent('showChange', true);
     },
     close() {
       this.setData({ show: false });
-      this.triggerEvent("showChange", false);
+      this.triggerEvent('showChange', false);
     },
     ok() {
       this.setData({ show: false });
-      this.triggerEvent("showChange", false);
-      this.triggerEvent("ok");
+      this.triggerEvent('showChange', false);
+      this.triggerEvent('ok');
+    },
+    reset() {
+      this.setData({ show: false });
+      this.triggerEvent('showChange', false);
+      this.triggerEvent('reset');
     },
     change(e: any) {
-      this.triggerEvent("change", e.detail);
+      this.triggerEvent('change', e.detail);
     },
     scanCode() {
       const _this = this;
       wx.scanCode({
         onlyFromCamera: true,
-        scanType: ["qrCode"],
+        scanType: ['qrCode'],
         success: (res) => {
-          const qrcode = res.result || "";
-          _this.triggerEvent("change", { value: qrcode });
-          _this.triggerEvent("ok");
+          const qrcode = res.result || '';
+          _this.triggerEvent('change', { value: qrcode });
+          _this.triggerEvent('ok');
         },
       });
     },
     search() {
-      this.triggerEvent("ok");
+      this.triggerEvent('ok');
     },
     clear() {
-      this.triggerEvent("change", { value: "" });
-      this.triggerEvent("ok");
+      this.triggerEvent('change', { value: '' });
+      this.triggerEvent('ok');
     },
   },
 });

miniprogram/pages/components/search-popup/search-popup.wxml

@@ -23,7 +23,7 @@
   <slot wx:if="{{useFooterSlot}}" name="footer" />
   <view wx:else
     style="padding: 24rpx 0;display: flex;justify-content: center;position: sticky;bottom: 0;left: 0;background-color: #fff;z-index: 1;">
-    <t-button bindtap="ok" style="min-width: 80px;" size="small" theme="primary">搜索
-    </t-button>
+    <t-button bindtap="ok" size="small" theme="primary" style="margin-right: 24rpx;">搜索</t-button>
+    <t-button bindtap="reset" size="small">重置</t-button>
   </view>
 </popup-plugin>