feat: 客户开发列表-批量审批

@@ -93,6 +93,7 @@ export function batchApproveApi(params) {
     url: `/flow/task/approve/batch`,
     url: `/flow/task/approve/batch`,
     method: 'post',
     method: 'post',
     data: params,
     data: params,
+    contentType: ContentTypeEnum.JSON
   })
   })
 }
 }
 
 

-/**
- * @description: Request result set
- */
-export enum ResultEnum {
-  SUCCESS = 200,
-  ERROR = -1,
-  TIMEOUT = 401,
-  TYPE = 'success',
-}
-
-export enum ResponseEnum {
-  BLOB = 'BLOB',
-}
-/**
- * @description: request method
- */
-export enum RequestEnum {
-  GET = 'GET',
-  POST = 'POST',
-  PUT = 'PUT',
-  DELETE = 'DELETE',
-}
-
-/**
- * @description:  contentType
- */
-export enum ContentTypeEnum {
-  // json
-  JSON = 'application/json;charset=UTF-8',
-  // form-data qs
-  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
-  // form-data  upload
-  BLOB = 'multipart/form-data;charset=UTF-8',
-}

@@ -135,6 +135,29 @@
       title="科办"
       title="科办"
       @confirm="onOfficeConfirm"
       @confirm="onOfficeConfirm"
     />
     />
+    <!-- 批量：统一弹框（通过/驳回） -->
+    <uni-popup ref="approvePopup" type="center" :mask-click="false">
+      <view class="action-modal">
+        <view class="header">{{ approveType === 'PASS' ? '通过' : '驳回' }}</view>
+        <view class="body">
+          <text class="tip">
+            {{ approveType === 'PASS' ? '您将通过该信息的审核' : '您将驳回该信息的审核' }}
+          </text>
+          <uni-easyinput
+            v-model="approveComment"
+            :placeholder="approveType === 'PASS' ? '请输入通过原因' : '请输入驳回原因'"
+          />
+        </view>
+        <view class="footer">
+          <button class="btn cancel" @click="cancelApprove">取消</button>
+          <button
+            class="btn confirm"
+            type="primary"
+            @click="confirmApprove"
+          >{{ approveType === 'PASS' ? '通过' : '驳回' }}</button>
+        </view>
+      </view>
+    </uni-popup>
   </view>
   </view>
 </template>
 </template>
 
 
@@ -142,7 +165,7 @@
 import CardList from '@/components/card/index.vue'
 import CardList from '@/components/card/index.vue'
 import FilterModal from '@/components/filter/index.vue'
 import FilterModal from '@/components/filter/index.vue'
 import SingleSelectSheet from '@/components/single-select/index.vue'
 import SingleSelectSheet from '@/components/single-select/index.vue'
-import { queryApi, officeQueryApi, statusOptions, getTodoTypeStatisticsApi } from '@/api/devManage.js'
+import { queryApi, officeQueryApi, statusOptions, getTodoTypeStatisticsApi, batchApproveApi } from '@/api/devManage.js'
 import {getDicByCodes, getDicName} from '@/utils/dic';
 import {getDicByCodes, getDicName} from '@/utils/dic';
 
 
 export default {
 export default {
@@ -150,6 +173,7 @@ export default {
   data() {
   data() {
     return {
     return {
       searchKeyword: '',
       searchKeyword: '',
+      searchKeywordDebounced: '',
       officeList: [], // 科办列表下拉选
       officeList: [], // 科办列表下拉选
       tabs: [],
       tabs: [],
       todoType: '',
       todoType: '',
@@ -180,7 +204,9 @@ export default {
       // 批量选择
       // 批量选择
       batchMode: false,
       batchMode: false,
       selectedKeys: [],
       selectedKeys: [],
-      rowKey: 'customerId',
+      rowKey: 'id',
+      selectedRows: [],
+      currentItems: [],
 
 
       // 筛选弹框
       // 筛选弹框
       filterVisible: false,
       filterVisible: false,
@@ -188,12 +214,15 @@ export default {
       officeSelectVisible: false,
       officeSelectVisible: false,
       // 审核状态枚举（来自 api/devManage.js）
       // 审核状态枚举（来自 api/devManage.js）
       statusOptions,
       statusOptions,
+      // 批量操作弹框数据
+      approveType: 'PASS', // PASS:通过；REFUSE:驳回
+      approveComment: ''
     }
     }
   },
   },
   computed: {
   computed: {
     extraCombined() {
     extraCombined() {
       return {
       return {
-        keyword: this.searchKeyword,
+        customerName: this.searchKeywordDebounced || undefined,
         todoType: this.todoType || undefined,
         todoType: this.todoType || undefined,
         workshopType: this.workshopType || undefined
         workshopType: this.workshopType || undefined
       }
       }
@@ -206,6 +235,13 @@ export default {
         this.extraParams = v
         this.extraParams = v
       },
       },
       immediate: true
       immediate: true
+    },
+    // 勾选变化时同步 selectedRows
+    selectedKeys: {
+      deep: true,
+      handler() {
+        this.updateSelectedRows()
+      }
     }
     }
   },
   },
   created() {
   created() {
@@ -229,42 +265,36 @@ export default {
   methods: {
   methods: {
     onCardLoaded({ items }) {
     onCardLoaded({ items }) {
       this.currentItems = items
       this.currentItems = items
+      this.updateSelectedRows()
     },
     },
     onCardError() {
     onCardError() {
       uni.showToast({ title: '列表加载失败', icon: 'none' })
       uni.showToast({ title: '列表加载失败', icon: 'none' })
     },
     },
-    onSearch() {
-      this.extraParams = { ...this.extraParams, keyword: this.searchKeyword }
-    },
-    // 输入实时搜索：300ms 防抖更新关键字并触发 CardList 刷新
+    // 输入实时搜索：1200ms 防抖，仅在停止输入超过阈值后刷新
     onSearchInput(val) {
     onSearchInput(val) {
-      this.searchKeyword = typeof val === 'string' ? val : (val && val.value) ? val.value : this.searchKeyword
       if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
       if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
       this.searchDebounceTimer = setTimeout(() => {
       this.searchDebounceTimer = setTimeout(() => {
-        this.extraParams = { ...this.extraParams, keyword: this.searchKeyword }
+        this.searchKeywordDebounced = this.searchKeyword
         this.searchDebounceTimer = null
         this.searchDebounceTimer = null
-      }, 300)
+      }, 1200)
     },
     },
     // uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
     // uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
     search(e) {
     search(e) {
       const val = e && e.value != null ? e.value : this.searchKeyword
       const val = e && e.value != null ? e.value : this.searchKeyword
       this.searchKeyword = val
       this.searchKeyword = val
-      this.extraParams = { ...this.extraParams, keyword: val }
+      this.searchKeywordDebounced = val
     },
     },
     switchTab(item) {
     switchTab(item) {
       this.todoType = item.value;
       this.todoType = item.value;
-      this.extraParams = { ...this.extraParams, todoType: item.value }
     },
     },
     switchWorkshopType(item, i) {
     switchWorkshopType(item, i) {
       this.workshopType = item.value;
       this.workshopType = item.value;
       this.currentWorkshopTypeIndex = i;
       this.currentWorkshopTypeIndex = i;
-      this.extraParams = { ...this.extraParams, workshopType: item.value }
     },
     },
     openFilter() {
     openFilter() {
       this.filterVisible = true
       this.filterVisible = true
     },
     },
     onFilterReset(payload) {
     onFilterReset(payload) {
-        console.log('onFilterReset',payload)
         // 保持弹框不关闭，仅同步表单
         // 保持弹框不关闭，仅同步表单
         this.filterForm = payload
         this.filterForm = payload
     },
     },
@@ -297,13 +327,45 @@ export default {
       this.batchMode = !this.batchMode
       this.batchMode = !this.batchMode
       if (!this.batchMode) this.selectedKeys = []
       if (!this.batchMode) this.selectedKeys = []
     },
     },
+    // 根据 selectedKeys 与当前页 items 计算选中行对象
+    updateSelectedRows() {
+      const key = this.rowKey || 'id'
+      const keys = Array.isArray(this.selectedKeys) ? this.selectedKeys : []
+      const items = Array.isArray(this.currentItems) ? this.currentItems : []
+      this.selectedRows = items.filter(it => keys.includes(it && it[key]))
+    },
     batchReject() {
     batchReject() {
       if (this.selectedKeys.length === 0) return uni.showToast({ title: '请选择记录', icon: 'none' })
       if (this.selectedKeys.length === 0) return uni.showToast({ title: '请选择记录', icon: 'none' })
-      uni.showToast({ title: '已发起驳回', icon: 'none' })
+      this.approveType = 'REFUSE'
+      this.approveComment = ''
+      this.$refs.approvePopup && this.$refs.approvePopup.open()
     },
     },
     batchPass() {
     batchPass() {
       if (this.selectedKeys.length === 0) return uni.showToast({ title: '请选择记录', icon: 'none' })
       if (this.selectedKeys.length === 0) return uni.showToast({ title: '请选择记录', icon: 'none' })
-      uni.showToast({ title: '已发起通过', icon: 'none' })
+      this.approveType = 'PASS'
+      this.approveComment = ''
+      this.$refs.approvePopup && this.$refs.approvePopup.open()
+    },
+    cancelApprove() {
+      this.$refs.approvePopup && this.$refs.approvePopup.close()
+      this.approveComment = ''
+    },
+    async confirmApprove() {
+        this.flowTaskIds = this.selectedRows.map((item) => item.flowTaskId || '' + "");
+        batchApproveApi({ taskIds: this.flowTaskIds, approveType: this.approveType, message: this.approveComment }).then((res) => {
+            console.log('batchApproveApi_res', res)
+            uni.showToast({ title: this.approveType === 'PASS' ? '已通过' : '已驳回', icon: 'none' })
+            this.$refs.approvePopup && this.$refs.approvePopup.close()
+            this.approveComment = '';
+            this.selectedKeys = [];
+            this.selectedRows = [];
+            this.batchMode = false;
+            this.$refs.cardRef && this.$refs.cardRef.reload && this.$refs.cardRef.reload();
+            this.getTodoTypeStatisticsFun()
+        }).catch(() => {
+            console.error('confirmApprove error', e)
+            uni.showToast({ title: '操作失败', icon: 'none' })
+        })
     },
     },
     onAdd() {
     onAdd() {
       uni.showToast({ title: '点击新增', icon: 'none' })
       uni.showToast({ title: '点击新增', icon: 'none' })
@@ -317,9 +379,9 @@ export default {
         params.createEndTime = params.dateRange[1] + ' 23:59:59'
         params.createEndTime = params.dateRange[1] + ' 23:59:59'
         delete params.dateRange
         delete params.dateRange
       }
       }
-      // 关键字
-      if (this.searchKeyword) {
-        params.keyword = this.searchKeyword
+      // 关键字（使用去抖后的值避免频繁触发）
+      if (this.searchKeywordDebounced) {
+        params.customerName = this.searchKeywordDebounced
       }
       }
       return queryApi(params)
       return queryApi(params)
         .then(res => {
         .then(res => {
@@ -633,4 +695,55 @@ export default {
   
   
 }
 }
 
 
+.action-modal {
+  width: 560rpx;
+  padding: 32rpx 28rpx 20rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  .header {
+    text-align: center;
+    font-size: 34rpx;
+    font-weight: 600;
+    margin-bottom: 12rpx;
+    color: rgba(0,0,0,0.9);
+  }
+  .body {
+    padding: 12rpx 4rpx 24rpx;
+    .tip {
+      display: block;
+      text-align: center;
+      font-size: 32rpx;
+      color: rgba(0,0,0,0.6);
+      margin-bottom: 32rpx;
+    }
+    ::v-deep .uni-easyinput {
+      width: 100%;
+    }
+  }
+  .footer {
+    display: flex;
+    justify-content: space-between;
+    gap: 16rpx;
+    .btn {
+      flex: 1;
+      height: 80rpx;
+      line-height: 80rpx;
+      border-radius: 12rpx;
+      font-size: 30rpx;
+      font-size: 32rpx;
+      &::after {
+        border: none;
+      }
+    }
+    .cancel {
+      background: #fff;
+      color: rgba(0,0,0,0.9);
+    }
+    .confirm {
+      background: #fff !important;
+      color: $theme-primary !important;
+    }
+  }
+}
+
 </style>
 </style>

@@ -44,7 +44,10 @@ config.responseType = 'blob';
         header: config.header,
         header: config.header,
         dataType: 'json'
         dataType: 'json'
       }).then(response => {
       }).then(response => {
-        let [error, res] = response
+        let [error, res] = response;
+        console.log('request__response', response)
+        console.log('request__error', error)
+        console.log('request__res', res)
         if (error) {
         if (error) {
           toast('后端接口连接异常')
           toast('后端接口连接异常')
           reject('后端接口连接异常')
           reject('后端接口连接异常')