From 4dc0880780b52c0c35456666a4643a7866b454a7 Mon Sep 17 00:00:00 2001
From: fcx <2246384483@qq.com>
Date: 星期六, 20 十二月 2025 16:00:35 +0800
Subject: [PATCH] 1.产检提交增加日期选择器

---
 pages/QC/SJ/List.vue |  111 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 109 insertions(+), 2 deletions(-)

diff --git a/pages/QC/SJ/List.vue b/pages/QC/SJ/List.vue
index 00e0167..c6feaed 100644
--- a/pages/QC/SJ/List.vue
+++ b/pages/QC/SJ/List.vue
@@ -30,6 +30,30 @@
           <button class="search-button" @click="handleSearch">鎼滅储</button>
         </view>
       </view>
+      
+      <!-- 鏈彁浜ら〉闈㈡樉绀烘椂闂存棩鏈熸枃鏈紝宸叉彁浜ら〉闈㈡樉绀虹姸鎬佺瓫閫� -->
+      <view class="filter-controls" style="margin-bottom: 5px;">
+        <!-- 鏈彁浜ら〉闈細鏄剧ず鏃堕棿鏃ユ湡鏂囨湰 -->
+        <view v-if="current === 0" class="dropdown-filter">
+          <view class="picker">鏃堕棿鏃ユ湡</view>
+        </view>
+        <!-- 宸叉彁浜ら〉闈細鏄剧ず鐘舵�佷笅鎷夋 -->
+        <view v-if="current === 1" class="dropdown-filter">
+          <picker @change="onStateChange" :value="stateIndex" :range="state">
+            <view class="picker">{{state[stateIndex]}}</view>
+          </picker>
+        </view>
+        <view class="dropdown-filter">
+          <picker mode="date" :value="startDate" :end="endDate" @change="bindStartDate">
+            <view class="picker">{{startDate}}</view>
+          </picker>
+        </view>
+        <view class="dropdown-filter">
+          <picker mode="date" :value="endDate" :start="startDate" @change="bindEndDate">
+            <view class="picker">{{endDate}}</view>
+          </picker>
+        </view>
+      </view>
     </view>
 
     <!-- 妫�楠屽崟鍒楄〃 -->
@@ -153,7 +177,12 @@
       IQCJL: 0, // IQC 妫�楠屽憳鏍囪瘑
 	  userId:"",
       optionsIndex: 0, // 鏂板锛氫笅鎷夐�夐」绱㈠紩
-      options: ['椤圭洰', '绾夸綋', '宸ュ崟鍙�', '鐗╂枡鍙�', '鐗╂枡鍚�'] // 鏂板锛氭悳绱㈤�夐」
+      options: ['椤圭洰', '绾夸綋', '宸ュ崟鍙�', '鐗╂枡鍙�', '鐗╂枡鍚�'], // 鏂板锛氭悳绱㈤�夐」
+      // 娣诲姞鐘舵�佺瓫閫夊拰鏃ユ湡閫夋嫨鍣ㄧ浉鍏冲彉閲�
+      stateIndex: 0,
+      state: ['鎵�鏈夌姸鎬�', '鍚堟牸', '涓嶅悎鏍�'],
+      startDate: new Date().toISOString().slice(0, 10),
+      endDate: new Date().toISOString().slice(0, 10)
     };
   },
 
@@ -190,6 +219,33 @@
       this.optionsIndex = e.detail.value;
     },
     
+    // 鏂板锛氱姸鎬佺瓫閫夋敼鍙樹簨浠�
+    onStateChange(e) {
+      this.pageIndex = 1;
+      this.stateIndex = e.detail.value;
+      this.data = [];
+      console.log("鐘舵�佺瓫閫夋敼鍙橈紝閫変腑鐘舵��:", this.state[this.stateIndex]);
+      this.init();
+    },
+    
+    // 鏂板锛氬紑濮嬫棩鏈熸敼鍙樹簨浠�
+    bindStartDate(e) {
+      this.startDate = e.detail.value;
+      this.pageIndex = 1;
+      this.data = [];
+      console.log("寮�濮嬫棩鏈熸敼鍙�:", this.startDate);
+      this.init();
+    },
+    
+    // 鏂板锛氱粨鏉熸棩鏈熸敼鍙樹簨浠�
+    bindEndDate(e) {
+      this.endDate = e.detail.value;
+      this.pageIndex = 1;
+      this.data = [];
+      console.log("缁撴潫鏃ユ湡鏀瑰彉:", this.endDate);
+      this.init();
+    },
+    
     // 鏂板锛氭悳绱㈡寜閽偣鍑讳簨浠�
     handleSearch() {
       this.pageIndex = 1;
@@ -217,7 +273,55 @@
           }
         });
 
-        const list = res.data.tbBillList || [];
+        let list = res.data.tbBillList || [];
+        
+        // 瀵规墍鏈夐〉闈㈣繘琛屽墠绔瓫閫夛紙鏈畬鎴愬拰宸叉彁浜わ級
+        // 鐘舵�佺瓫閫�
+        if (this.stateIndex > 0) {
+          const selectedState = this.state[this.stateIndex];
+          console.log("鍓嶇鐘舵�佺瓫閫�:", selectedState);
+          if (selectedState === '鍚堟牸') {
+            list = list.filter(item => item.result === '鍚堟牸');
+          } else if (selectedState === '涓嶅悎鏍�') {
+            list = list.filter(item => item.result === '涓嶅悎鏍�');
+          }
+        }
+        
+        // 鏃ユ湡鑼冨洿绛涢��
+        if (this.startDate || this.endDate) {
+          console.log("鍓嶇鏃ユ湡绛涢��:", this.startDate, "鍒�", this.endDate);
+          const startDateObj = this.startDate ? new Date(this.startDate) : null;
+          const endDateObj = this.endDate ? new Date(this.endDate) : null;
+          
+          // 璁剧疆寮�濮嬫棩鏈熺殑鏃堕棿涓哄綋澶╃殑寮�濮嬫椂闂� (00:00:00)
+          if (startDateObj) {
+            startDateObj.setHours(0, 0, 0, 0);
+          }
+          
+          // 璁剧疆缁撴潫鏃ユ湡鐨勬椂闂翠负褰撳ぉ鐨勭粨鏉熸椂闂� (23:59:59)
+          if (endDateObj) {
+            endDateObj.setHours(23, 59, 59, 999);
+          }
+          
+          list = list.filter(item => {
+            if (item.createTime) {
+              const itemDate = new Date(item.createTime);
+              let isValid = true;
+              
+              if (startDateObj && itemDate < startDateObj) {
+                isValid = false;
+              }
+              
+              if (endDateObj && itemDate > endDateObj) {
+                isValid = false;
+              }
+              
+              return isValid;
+            }
+            return true;
+          });
+        }
+        
         if (this.pageIndex === 1) {
           this.data = list;
         } else {
@@ -250,6 +354,9 @@
         // 閲嶇疆绛涢�夋潯浠�
         this.optionsIndex = 0;
         this.searchValue = '';
+        this.stateIndex = 0;
+        this.startDate = new Date().toISOString().slice(0, 10);
+        this.endDate = new Date().toISOString().slice(0, 10);
         this.init();
       }
     },

--
Gitblit v1.9.3