feat: card组件+filter组件+单选组件+缺省页+客户开发列表-list功能

+import request from '@/utils/request'
+/**
+ * 根据编号获取数据字段
+ * @param code
+ */
+export function getDicByCodeApi(code) {
+  return request({
+    url: `/system/dic/item/getDicByCode`,
+    method: 'get',
+    params: {
+      code
+    },
+  })
+}

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum';
+
+// 模拟字典接口，后续你可以替换为真实接口请求 utils/request.js
+export function getTabsDict() {
+  return Promise.resolve([
+    { label: '全部', value: 'all' },
+    { label: '待办', value: 'todo' },
+    { label: '已办', value: 'done' }
+  ])
+}
+
+export function getFactoryDict() {
+  return Promise.resolve([
+    { label: '全部', value: '' },
+    { label: '一、二分厂', value: '12' },
+    { label: '三、四分厂', value: '34' }
+  ])
+}
+
+export function getDeptOptionsDict() {
+  return Promise.resolve([
+    { value: '一分厂', text: '一分厂' },
+    { value: '二分厂', text: '二分厂' },
+    { value: '三分厂', text: '三分厂' },
+    { value: '四分厂', text: '四分厂' },
+    { value: '四分厂2', text: '四分厂2' },
+    { value: '四分厂3', text: '四分厂3' },
+    { value: '四分厂4', text: '四分厂4' },
+    { value: '四分厂5', text: '四分厂5' }
+  ])
+}
+
+export const statusOptions = [
+  { value: 1, text: '审核中' },
+  { value: 2, text: '审核通过' },
+  { value: 3, text: '已驳回' },
+  { value: 4, text: '已取消' }
+];
+
+const baseUrl = '/customer/develop';
+
+// 查询列表
+export function queryApi(params) {
+  return request({
+    url: `${baseUrl}/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 取消
+export function cancelApi(id) {
+  return request({
+    url: `${baseUrl}/cancel`,
+    method: 'get',
+    params: { id }
+  })
+}
+// 根据ID查询详情数据
+export function getDetailApi(id) {
+  return request({
+    url: `${baseUrl}`,
+    method: 'get',
+    params: { id }
+  })
+}
+
+// 新增保存
+export function createApi(params) {
+  return request({
+    url: `${baseUrl}`,
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.FORM_URLENCODED
+  })
+}
+
+
+// 修改保存
+export function updateApi(params) {
+  return request({
+    url: `${baseUrl}`,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.FORM_URLENCODED
+  })
+}
+
+// 批量审批
+export function batchApproveApi(params) {
+  return request({
+    url: `/flow/task/approve/batch`,
+    method: 'post',
+    data: params,
+  })
+}
+
+// 待办类型数量统计
+export function getTodoTypeStatisticsApi() {
+  return request({
+    url: `${baseUrl}/todoTypeStatistics`,
+    method: 'get',
+  })
+}
+
+// 客户池查询
+export function customerQueryApi(params) {
+  return request({
+    url: `/basedata/customer/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 科办查询
+export function officeQueryApi(params) {
+  return request({
+    url: `/baseData/office/query`,
+    method: 'get',
+    params
+  })
+}

+<template>
+  <view class="card-wrapper">
+    <scroll-view
+      class="scroll"
+      scroll-y
+      :lower-threshold="lowerThreshold"
+      :refresher-enabled="enableRefresh"
+      :refresher-triggered="refresherTriggered"
+      @refresherrefresh="onRefresh"
+      @scrolltolower="onLoadMore"
+      @scroll="onScroll"
+    >
+      <slot name="header"></slot>
+
+      <view v-if="hasError && !loading" class="error">
+        <text>加载失败</text>
+        <button class="retry" @click="reload">重试</button>
+      </view>
+
+      <Empty v-if="items.length === 0 && !loading && !hasError" text="暂无数据" />
+
+      <view
+        v-for="(item, idx) in items"
+        :key="getKey(item, idx)"
+        :class="['card-item', { 'select-item': selectable }]"
+        @click="toggleSelect(item, idx)"
+      >
+        <view v-if="selectable" class="check">
+          <view class="dot" :class="{ checked: isSelected(item, idx) }">
+            <uni-icons v-if="isSelected(item, idx)" type="checkmarkempty" color="#fff" size="14" />
+          </view>
+        </view>
+        <!-- 父组件传入的卡片内容 -->
+        <slot :item="item" :selected="isSelected(item, idx)"></slot>
+      </view>
+
+      <!-- 当列表为空时不显示“没有更多数据了”，但加载时仍显示 loading -->
+      <uni-load-more v-if="items.length > 0 || loading" :status="loadMoreStatus" />
+    </scroll-view>
+  </view>
+  
+</template>
+
+<script>
+export default {
+  name: 'CardList',
+  components: { Empty: () => import('../empty/index.vue') },
+  props: {
+    // 请求方法，签名：({ pageIndex, pageSize, query, extra }) => Promise<{ records|list, totalCount }>
+    fetchFn: { type: Function, default: null },
+    // 筛选条件对象（会被监听，变化后自动刷新）
+    query: { type: Object, default: () => ({}) },
+    // 其他筛选值或附加参数（会被监听，变化后自动刷新）
+    extra: { type: Object, default: () => ({}) },
+    pageSize: { type: Number, default: 10 },
+    immediate: { type: Boolean, default: true },
+    enableRefresh: { type: Boolean, default: true },
+    enableLoadMore: { type: Boolean, default: true },
+    // 支持多选
+    selectable: { type: Boolean, default: false },
+    rowKey: { type: String, default: 'id' },
+    // v-model:selectedKeys
+    selectedKeys: { type: Array, default: () => [] }
+  },
+  data() {
+    return {
+      items: [],
+      pageIndex: 1,
+      totalCount: 0,
+      loading: false,
+      finished: false,
+      hasError: false,
+      refresherTriggered: false,
+      lowerThreshold: 120,
+      scrollCooldownUntil: 0,
+      loadMoreCooldownUntil: 0
+    }
+  },
+  computed: {
+    loadMoreStatus() {
+      if (this.loading) return 'loading'
+      if (this.finished) return 'noMore'
+      return 'more'
+    }
+  },
+  watch: {
+    query: {
+      deep: true,
+      handler() {
+        this.reload()
+      }
+    },
+    extra: {
+      deep: true,
+      handler() {
+        this.reload()
+      }
+    }
+  },
+  methods: {
+    getKey(item, idx) {
+      const k = this.rowKey && item && item[this.rowKey] != null ? item[this.rowKey] : idx
+      return k
+    },
+    isSelected(item, idx) {
+      const key = this.getKey(item, idx)
+      return this.selectedKeys.includes(key)
+    },
+    toggleSelect(item, idx) {
+      if (!this.selectable) return
+      const key = this.getKey(item, idx)
+      const next = this.selectedKeys.slice(0)
+      const i = next.indexOf(key)
+      if (i >= 0) next.splice(i, 1)
+      else next.push(key)
+      this.$emit('update:selectedKeys', next)
+    },
+    onScroll(e) {
+      if (!this.enableLoadMore || this.loading || this.finished) return
+      // 刷新后的短暂冷却期内不触发，避免误触发加载更多
+      if (this.scrollCooldownUntil && Date.now() < this.scrollCooldownUntil) return
+      const d = (e && e.detail) ? e.detail : {}
+      const scrollTop = Number(d.scrollTop || 0)
+      const scrollHeight = Number(d.scrollHeight || (e && e.target && e.target.scrollHeight) || 0)
+      const clientHeight = Number(d.clientHeight || (e && e.target && e.target.clientHeight) || 0)
+      const threshold = Number(this.lowerThreshold || 120)
+      const canScroll = scrollHeight > clientHeight
+      const nearBottom = scrollTop + clientHeight + threshold >= scrollHeight
+      if (canScroll && nearBottom && scrollTop > 0) {
+        this.onLoadMore()
+      }
+    },
+    async fetch() {
+      if (!this.fetchFn) return
+      this.loading = true
+      this.hasError = false
+      try {
+        // 捕获请求时的页码，避免并发返回顺序导致错误的拼接/覆盖
+        const reqPage = this.pageIndex
+        const res = await this.fetchFn({
+          pageIndex: reqPage,
+          pageSize: this.pageSize,
+          query: this.query,
+          extra: this.extra
+        })
+        const list = (res && (res.records || res.list || res.rows || res.items || res.datas))
+          ? (res.records || res.list || res.rows || res.items || res.datas)
+          : [];
+        const totalCount = (res && res.totalCount != null) ? res.totalCount : 0;
+        // 根据请求发起时的页码判断赋值/拼接，避免错误追加旧数据
+        if (reqPage === 1) this.items = list
+        else this.items = this.items.concat(list)
+        this.totalCount = totalCount
+        this.finished = (res && typeof res.hasNext === 'boolean')
+          ? !res.hasNext
+          : (this.items.length >= totalCount || list.length < this.pageSize)
+        this.$emit('loaded', { items: this.items, totalCount: this.totalCount, pageIndex: this.pageIndex })
+      } catch (e) {
+        console.error('[CardList] fetch error', e)
+        this.hasError = true
+        this.$emit('error', e)
+      } finally {
+        this.loading = false
+        this.refresherTriggered = false
+      }
+    },
+    reload() {
+      // 切换条件（如 tab/分厂）与刷新时，重置数据，不与之前请求数据拼接
+      this.pageIndex = 1
+      this.items = []
+      this.totalCount = 0
+      this.finished = false
+      // 短暂禁止触发加载更多，避免滚动到底部立即追加
+      this.loadMoreCooldownUntil = Date.now() + 800
+      this.fetch()
+    },
+    onRefresh() {
+      if (!this.enableRefresh) return
+      this.refresherTriggered = true
+      // 设置滚动触发冷却期，避免刷新结束立刻触发加载更多
+      this.scrollCooldownUntil = Date.now() + 800
+      // 同步禁止 scrolltolower 的加载更多
+      this.loadMoreCooldownUntil = Date.now() + 800
+      this.reload()
+      this.$emit('refresh')
+    },
+    onLoadMore() {
+      if (!this.enableLoadMore || this.loading || this.finished) return
+      // 刷新/重载后的短暂冷却期，避免自动触底立即追加
+      if (this.loadMoreCooldownUntil && Date.now() < this.loadMoreCooldownUntil) return
+      this.pageIndex += 1
+      this.fetch()
+    },
+    clear() {
+      this.items = []
+      this.totalCount = 0
+      this.pageIndex = 1
+      this.finished = false
+    }
+  },
+  mounted() {
+    if (this.immediate) this.fetch()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../static/scss/global.scss';
+.card-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.scroll {
+  flex: 1;
+  height: 100%;
+}
+.card-item {
+  background: #fff;
+  padding: 32rpx;
+  position: relative;
+  margin-bottom: 20rpx;
+  &.select-item {
+    left: 96rpx;
+  }
+}
+.check {
+  position: absolute;
+  left: -60rpx;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.dot {
+  width: 32rpx;
+  height: 32rpx;
+  border-radius: 50%;
+  border: 2rpx solid #dcdcdc;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.checked {
+  background: $theme-primary;
+  border-color: $theme-primary;
+}
+.error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 20rpx;
+  padding: 60rpx 0;
+  color: #f56c6c;
+}
+.retry {
+  border: 1rpx solid #f56c6c;
+  color: #f56c6c;
+  background: #fff;
+}
+</style>

+<template>
+  <view class="empty-wrap">
+    <image class="empty-bg" src='/static/images/empty/empty_bg.png'/>
+    <view class="empty-text"><text>{{ text }}</text></view>
+    
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'Empty',
+  props: {
+    text: { type: String, default: '暂无数据' }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.empty-wrap {
+  padding: 240rpx 0;
+  text-align: center;
+  .empty-text { 
+    font-size: 26rpx; 
+    color: rgba(0,0,0,0.4);
+  }
+  .empty-bg { 
+    width: 440rpx;
+    height: 282rpx;
+  }
+}
+
+</style>

+<template>
+  <uni-popup ref="popup" type="bottom" :mask-click="false" :safe-area="true">
+    <view class="filter-modal">
+      <view class="header">
+        <text class="title">{{ title }}</text>
+        <text class="close" @click="onClose">×</text>
+      </view>
+
+      <view class="body">
+        <!-- 父组件传入表单内容，通过作用域插槽拿到 model -->
+        <slot :model="innerModel"></slot>
+      </view>
+
+      <view class="footer">
+        <button class="btn reset" @click="onReset">重置</button>
+        <button class="btn confirm" type="primary" @click="onConfirm">确认</button>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+export default {
+  name: 'FilterModal',
+  props: {
+    // v-model:visible 控制显示；初始值
+    visible: { type: Boolean, default: false },
+    // v-model:value 过滤表单对象
+    value: { type: Object, default: () => ({}) },
+    title: { type: String, default: '筛选' }
+  },
+  data() {
+    return {
+      innerModel: JSON.parse(JSON.stringify(this.value || {}))
+    }
+  },
+  watch: {
+    value: {
+      deep: true,
+      handler(v) {
+        this.innerModel = JSON.parse(JSON.stringify(v || {}))
+      }
+    },
+    visible(v) {
+      if (v) this.open()
+      else this.close()
+    }
+  },
+  mounted() {
+    if (this.visible) this.open()
+  },
+  methods: {
+    open() {
+      this.$refs.popup && this.$refs.popup.open()
+      this.$emit('update:visible', true)
+    },
+    close() {
+      this.$refs.popup && this.$refs.popup.close()
+      this.$emit('update:visible', false)
+    },
+    onClose() {
+      this.close()
+      this.$emit('close')
+    },
+    onReset() {
+      const m = this.innerModel || {}
+      Object.keys(m).forEach(k => {
+        const val = m[k]
+        if (Array.isArray(val)) m[k] = []
+        else if (val && typeof val === 'object') m[k] = null
+        else m[k] = ''
+      })
+      // 不关闭弹框，仅告知父组件当前值
+      this.$emit('reset', { ...m })
+      this.$emit('update:value', { ...m })
+    },
+    onConfirm() {
+      const payload = { ...this.innerModel }
+      this.$emit('confirm', payload)
+      this.$emit('input', payload)
+      this.$emit('update:value', payload)
+      this.close()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.filter-modal {
+  width: 100%;
+  max-height: 70vh;
+  min-height: 40vh;
+  background: #fff;
+  border-radius: 20rpx 20rpx 0 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.header {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx 28rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.title {
+  font-size: 36rpx;
+  font-weight: 600;
+  flex: 1;
+  text-align: center;
+}
+.close {
+  font-size: 36rpx;
+  color: #666;
+}
+.body {
+  flex: 1 1 auto;
+  padding: 32rpx 32rpx 48rpx;
+  overflow-y: auto;
+}
+.footer {
+  flex: 0 0 auto;
+  display: flex;
+  gap: 32rpx;
+  padding: 32rpx;
+  border-top: 1rpx solid #f5f5f5;
+}
+.btn {
+  flex: 1;
+  height: 80rpx;
+  line-height: 80rpx;
+  border-radius: 12rpx;
+  font-size: 32rpx;
+}
+.reset {
+  background: $theme-primary-plain-bg;
+  color: $theme-primary;
+  &::after {
+    border: none;
+  }
+}
+.confirm {
+  background: $theme-primary;
+  color: #fff;
+}
+</style>

+<template>
+  <uni-popup ref="popup" type="bottom" :mask-click="false" :safe-area="true">
+    <view class="sheet">
+      <view class="sheet-header">
+        <text class="cancel" @click="onCancel">取消</text>
+        <text class="title">{{ title }}</text>
+        <text class="ok" @click="onConfirm">确认</text>
+      </view>
+      <view class="sheet-body">
+        <view
+          v-for="(opt, i) in options"
+          :key="i"
+          :class="['option', { selected: isSelected(opt) }]"
+          @click="select(opt)"
+        >
+          <text class="label">{{ displayOf(opt) }}</text>
+        </view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+export default {
+  name: 'SingleSelectSheet',
+  props: {
+    visible: { type: Boolean, default: false },
+    title: { type: String, default: '请选择' },
+    // 统一约定：options 为 [{ label: string, value: string|number }]
+    options: { type: Array, default: () => [] },
+    value: { type: [String, Number], default: '' }
+  },
+  data() {
+    return {
+      innerValue: this.value,
+      innerOption: null
+    }
+  },
+  watch: {
+    value(v) { this.innerValue = v },
+    visible(v) { v ? this.open() : this.close() }
+  },
+  mounted() {
+    if (this.visible) this.open()
+  },
+  methods: {
+    open() {
+      // 打开弹框时回显当前已选中的值
+      this.innerValue = this.value
+      this.innerOption = (this.options || []).find(o => this.valueOf(o) === this.value) || null
+      this.$refs.popup && this.$refs.popup.open()
+      this.$emit('update:visible', true)
+    },
+    close() {
+      // 关闭时同步回显值，避免取消后残留未确认值
+      this.innerValue = this.value
+      this.$refs.popup && this.$refs.popup.close()
+      this.$emit('update:visible', false)
+    },
+    displayOf(opt) {
+      if (!opt) return ''
+      return opt.label != null ? String(opt.label) : ''
+    },
+    valueOf(opt) {
+      if (!opt) return ''
+      return opt.value != null ? opt.value : ''
+    },
+    isSelected(opt) {
+      return this.valueOf(opt) === this.innerValue
+    },
+    select(opt) {
+      this.innerValue = this.valueOf(opt)
+      this.innerOption = opt
+    },
+    onCancel() {
+      this.close()
+      this.$emit('cancel')
+    },
+    onConfirm() {
+      const val = this.innerValue
+      const opt = this.innerOption || (this.options || []).find(o => this.valueOf(o) === val) || null
+      const label = opt ? this.displayOf(opt) : ''
+      this.$emit('confirm', { value: val, label })
+      this.$emit('input', val)
+      this.$emit('update:value', val)
+      this.close()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.sheet {
+  width: 100%;
+  height: 45vh;
+  background: #fff;
+  border-radius: 20rpx 20rpx 0 0;
+  display: flex;
+  flex-direction: column;
+}
+.sheet-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30rpx 32rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.title {
+  font-size: 36rpx;
+  font-weight: 600;
+}
+.cancel {
+  color: rgba(0,0,0,0.6);
+  font-size: 28rpx;
+}
+.ok {
+  color: $theme-primary;
+  font-size: 28rpx;
+}
+.sheet-body {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  padding: 32rpx;
+}
+.option {
+  height: 80rpx;
+  line-height: 80rpx;
+  padding: 0 20rpx;
+  background: #fff;
+  text-align: center;
+  border-radius: 12rpx;
+  font-size: 32rpx;
+  .label {
+    color: rgba(0,0,0,0.6);
+    font-size: 32rpx;
+  }
+  &.selected {
+    background: #f3f3f3;
+    .label {
+      color: rgba(0,0,0,0.9);
+    }
+  }
+}
+
+</style>

@@ -17,22 +17,6 @@
 				"navigationStyle": "custom"
 				"navigationStyle": "custom"
 			}
 			}
 		}, {
 		}, {
-			"path": "pages/data/index",
-			"style": {
-				"navigationBarTitleText": "资料"
-			}
-		}, {
-			"path": "pages/business/index",
-			"style": {
-				"navigationBarTitleText": "业务"
-			}
-		}, {
-			"path": "pages/report/index",
-			"style": {
-				"navigationBarTitleText": "财务"
-
-			}
-		}, {
 			"path": "pages/mine/index",
 			"path": "pages/mine/index",
 			"style": {
 			"style": {
             "navigationBarTitleText": "我的",
             "navigationBarTitleText": "我的",
@@ -44,21 +28,11 @@
 				"navigationBarTitleText": "我的2"
 				"navigationBarTitleText": "我的2"
 			}
 			}
 		}, {
 		}, {
-			"path": "pages/mine/avatar/index",
-			"style": {
-				"navigationBarTitleText": "修改头像"
-			}
-		}, {
 			"path": "pages/mine/info/index",
 			"path": "pages/mine/info/index",
 			"style": {
 			"style": {
 				"navigationBarTitleText": "个人信息"
 				"navigationBarTitleText": "个人信息"
 			}
 			}
 		}, {
 		}, {
-			"path": "pages/mine/info/edit",
-			"style": {
-				"navigationBarTitleText": "编辑资料"
-			}
-		}, {
 			"path": "pages/mine/pwd/index",
 			"path": "pages/mine/pwd/index",
 			"style": {
 			"style": {
             "navigationBarTitleText": "修改密码"
             "navigationBarTitleText": "修改密码"
@@ -69,24 +43,16 @@
             "navigationBarTitleText": "应用设置"
             "navigationBarTitleText": "应用设置"
 			}
 			}
 		}, {
 		}, {
-			"path": "pages/mine/help/index",
-			"style": {
-				"navigationBarTitleText": "常见问题"
-			}
-		}, {
 			"path": "pages/mine/about/index",
 			"path": "pages/mine/about/index",
 			"style": {
 			"style": {
             "navigationBarTitleText": "关于我们"
             "navigationBarTitleText": "关于我们"
 			}
 			}
 		}, {
 		}, {
-			"path": "pages/common/webview/index",
-			"style": {
-				"navigationBarTitleText": "浏览网页"
-			}
-		}, {
-			"path": "pages/common/textview/index",
+			"path": "pages/dev_manage/index",
 			"style": {
 			"style": {
-				"navigationBarTitleText": "浏览文本"
+				"navigationBarTitleText": "客户开发管理",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
 			}
 			}
 		}
 		}
 	],
 	],

+<template>
+  <view class="page">
+    <view class="dev-list-fixed">
+        <view class="search-row">
+          <uni-search-bar
+            v-model="searchKeyword"
+            radius="6"
+            placeholder="请输入客户名称"
+            clearButton="auto"
+            cancelButton="none"
+            bgColor="#F3F3F3"
+            textColor="rgba(0,0,0,0.4)"
+            @confirm="search"
+            @input="onSearchInput"
+          />
+            <view class="tool-icons">
+                <image class="tool-icon"
+                  :src="batchMode ? '/static/images/dev_manage/close_icon.png' : '/static/images/dev_manage/batch_icon.png'"
+                  @click="toggleBatch"
+                />
+                <image class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
+                <image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+            </view>
+        </view>
+
+        <!-- 页内 tabs -->
+        <view class="tabs">
+            <view
+                v-for="(t, i) in tabs"
+                :key="i"
+                :class="['tab', { active: todoType === t.value }]"
+                @click="switchTab(t)"
+            >
+                {{ t.label }}
+            </view>
+        </view>
+        <view :class="['sub-tabs', `bg${currentWorkshopTypeIndex + 1}`]">
+            <view
+                v-for="(f, i) in workshopTypeList"
+                :key="i"
+                :class="['tab', { active: workshopType === f.value }]"
+                @click="switchWorkshopType(f, i)"
+            >
+                {{ f.label }}
+            </view>
+        </view>
+    </view>  
+    
+
+    <!-- 列表卡片组件 -->
+    <view :class="['list-box', { 'pad-batch': batchMode }]">
+      <card-list
+        ref="cardRef"
+        :fetch-fn="fetchList"
+        :query="query"
+        :extra="extraParams"
+        :selectable="batchMode"
+        row-key="id"
+        :selectedKeys.sync="selectedKeys"
+        :enable-refresh="true"
+        :enable-load-more="true"
+        @loaded="onCardLoaded"
+        @error="onCardError"
+      >
+        <template v-slot="{ item, selected }">
+          <view class="card">
+            <view class="card-header">
+              <text class="title omit2">{{ item.customer.name }}</text>
+              <text :class="['status', `status_${item.status}`]">{{ filterStatus(item.status) }}</text>
+            </view>
+            <view class="info-row">
+              <text>生产厂</text><text>{{ item.workshop.name }}</text>
+            </view>
+            <view class="info-row">
+              <text>科办</text><text>{{ item.office.name }}</text>
+            </view>
+            <view class="info-row">
+              <text>产品品种</text><text>{{ item.productVariety.name }}</text>
+            </view>
+            <view class="info-row">
+              <text>创建时间</text><text>{{ item.createTime }}</text>
+            </view>
+          </view>
+        </template>
+      </card-list>
+    </view>
+
+    <!-- 批量操作条 -->
+    <view v-if="batchMode" class="batch-bar">
+      <button class="bbtn reject" @click="batchReject">驳回</button>
+      <button class="bbtn" type="primary" @click="batchPass">通过</button>
+    </view>
+
+    <!-- 筛选弹框 -->
+    <filter-modal
+      :visible.sync="filterVisible"
+      :value.sync="filterForm"
+      title="筛选"
+      @reset="onFilterReset"
+      @confirm="onFilterConfirm"
+    >
+      <template v-slot="{ model }">
+        <view class="filter-form">
+          <view class="form-item">
+            <view class="label">审核状态</view>
+            <uni-data-checkbox
+              mode="tag"
+              :multiple="false"
+              :value-field="'value'"
+              :text-field="'text'"
+              v-model="model.status"
+              @change="onStatusChange"
+              :localdata="statusOptions"
+            />
+          </view>
+          <view class="form-item">
+            <view class="label">科办</view>
+            <view class="fake-select" @click="openOfficeSelect">
+              <text v-if="!model.officeId" class="placeholder">请选择</text>
+              <text v-else class="value">{{ model.officeName }}</text>
+            </view>
+          </view>
+          <view class="form-item">
+            <view class="label">创建时间</view>
+            <uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" />
+          </view>
+        </view>
+      </template>
+    </filter-modal>
+    <!-- 科办单选底部弹层（通用组件） -->
+    <single-select-sheet
+      :visible.sync="officeSelectVisible"
+      :options="officeList"
+      :value.sync="filterForm.officeId"
+      title="科办"
+      @confirm="onOfficeConfirm"
+    />
+  </view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import { queryApi, officeQueryApi, statusOptions, getTodoTypeStatisticsApi } from '@/api/devManage.js'
+import {getDicByCodes, getDicName} from '@/utils/dic';
+
+export default {
+  components: { CardList, FilterModal, SingleSelectSheet },
+  data() {
+    return {
+      searchKeyword: '',
+      officeList: [], // 科办列表下拉选
+      tabs: [],
+      todoType: '',
+      workshopTypeList: [
+        {
+            label: '全部',
+            value: ''
+        },
+        {
+            label: '一、二分厂',
+            value: 'TYPE_1'
+        },
+        {
+            label: '三、四分厂',
+            value: 'TYPE_2'
+        }
+      ],
+      workshopType: '',
+      currentWorkshopTypeIndex: 0,
+       // 字典选项缓存
+    //   dicOptions: {
+    //     ENTERPRISE_TYPE: [],   // 客户类型
+    //   },
+      // 给到 card 的筛选值
+      query: { status: '', officeId: '', officeName: '', dateRange: [] },
+      extraParams: {},
+
+      // 批量选择
+      batchMode: false,
+      selectedKeys: [],
+      rowKey: 'customerId',
+
+      // 筛选弹框
+      filterVisible: false,
+      filterForm: { status: '', officeId: '', officeName: '', dateRange: [] },
+      officeSelectVisible: false,
+      // 审核状态枚举（来自 api/devManage.js）
+      statusOptions,
+    }
+  },
+  computed: {
+    extraCombined() {
+      return {
+        keyword: this.searchKeyword,
+        todoType: this.todoType || undefined,
+        workshopType: this.workshopType || undefined
+      }
+    }
+  },
+  watch: {
+    extraCombined: {
+      deep: true,
+      handler(v) {
+        this.extraParams = v
+      },
+      immediate: true
+    }
+  },
+  created() {
+    this.getOffice();
+    // this.loadAllDicData();
+    // 获取待办类型数量统计
+    this.getTodoTypeStatisticsFun()
+  },
+  // 页面触底兜底：当页面自身滚动到底部时，转调卡片组件加载更多
+  onReachBottom() {
+    if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+      this.$refs.cardRef.onLoadMore()
+    }
+  },
+  beforeDestroy() {
+    if (this.searchDebounceTimer) {
+      clearTimeout(this.searchDebounceTimer)
+      this.searchDebounceTimer = null
+    }
+  },
+  methods: {
+    onCardLoaded({ items }) {
+      this.currentItems = items
+    },
+    onCardError() {
+      uni.showToast({ title: '列表加载失败', icon: 'none' })
+    },
+    onSearch() {
+      this.extraParams = { ...this.extraParams, keyword: this.searchKeyword }
+    },
+    // 输入实时搜索：300ms 防抖更新关键字并触发 CardList 刷新
+    onSearchInput(val) {
+      this.searchKeyword = typeof val === 'string' ? val : (val && val.value) ? val.value : this.searchKeyword
+      if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+      this.searchDebounceTimer = setTimeout(() => {
+        this.extraParams = { ...this.extraParams, keyword: this.searchKeyword }
+        this.searchDebounceTimer = null
+      }, 300)
+    },
+    // uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
+    search(e) {
+      const val = e && e.value != null ? e.value : this.searchKeyword
+      this.searchKeyword = val
+      this.extraParams = { ...this.extraParams, keyword: val }
+    },
+    switchTab(item) {
+      this.todoType = item.value;
+      this.extraParams = { ...this.extraParams, todoType: item.value }
+    },
+    switchWorkshopType(item, i) {
+      this.workshopType = item.value;
+      this.currentWorkshopTypeIndex = i;
+      this.extraParams = { ...this.extraParams, workshopType: item.value }
+    },
+    openFilter() {
+      this.filterVisible = true
+    },
+    onFilterReset(payload) {
+        console.log('onFilterReset',payload)
+        // 保持弹框不关闭，仅同步表单
+        this.filterForm = payload
+    },
+    onFilterConfirm(payload) {
+        // 兜底：部分端上 uni-data-checkbox(mode=tag) 不触发 v-model
+        if ((payload.status === '' || payload.status == null) && this.filterForm.status !== '') {
+          payload.status = this.filterForm.status
+        }
+        console.log('onFilterConfirm',payload)
+        // 关闭弹框，父组件给到 card 的条件
+        this.query = { ...payload }
+    },
+    onStatusChange(e) {
+      const raw = e && e.detail && e.detail.value !== undefined
+        ? e.detail.value
+        : (e && e.value !== undefined ? e.value : '')
+      // 直接同步到外层 filterForm，驱动 FilterModal 的 innerModel 更新
+      this.filterForm.status = raw
+    },
+    openOfficeSelect() {
+      this.officeSelectVisible = true
+    },
+    onOfficeConfirm(payload) {
+      const val = payload && payload.value != null ? payload.value : ''
+      const label = payload && payload.label != null ? payload.label : ''
+      this.filterForm.officeId = val
+      this.filterForm.officeName = label
+    },
+    toggleBatch() {
+      this.batchMode = !this.batchMode
+      if (!this.batchMode) this.selectedKeys = []
+    },
+    batchReject() {
+      if (this.selectedKeys.length === 0) return uni.showToast({ title: '请选择记录', icon: 'none' })
+      uni.showToast({ title: '已发起驳回', icon: 'none' })
+    },
+    batchPass() {
+      if (this.selectedKeys.length === 0) return uni.showToast({ title: '请选择记录', icon: 'none' })
+      uni.showToast({ title: '已发起通过', icon: 'none' })
+    },
+    onAdd() {
+      uni.showToast({ title: '点击新增', icon: 'none' })
+    },
+    // 列表接口（真实请求）
+    fetchList({ pageIndex, pageSize, query, extra }) {
+      const params = { pageIndex, pageSize, ...extra, ...query }
+      // 处理日期范围
+      if (Array.isArray(params.dateRange) && params.dateRange.length === 2) {
+        params.createStartTime = params.dateRange[0] + ' 00:00:00'
+        params.createEndTime = params.dateRange[1] + ' 23:59:59'
+        delete params.dateRange
+      }
+      // 关键字
+      if (this.searchKeyword) {
+        params.keyword = this.searchKeyword
+      }
+      return queryApi(params)
+        .then(res => {
+          console.log('fetchList', res)
+          const _data = res.data || {};
+          const records = _data.datas || [];
+          const totalCount = _data.totalCount || 0;
+          const hasNext = _data.hasNext || false
+          return { records, totalCount, hasNext }
+        })
+        .catch(err => {
+          console.error('fetchList error', err)
+          this.onCardError()
+          return { records: [], totalCount: 0, hasNext: false }
+        })
+    },
+    getOffice() {
+      officeQueryApi({
+        pageIndex: 1,
+        pageSize: 9999,
+      }).then((res) => {
+        const _data = res.data.datas.map(item => {
+          return {
+            label: item.name,
+            value: item.id
+          }
+        }) || []
+        console.log('officeList_data', _data)
+        this.officeList = _data;
+      });
+    },
+    getTodoTypeStatisticsFun() {
+      getTodoTypeStatisticsApi().then((res) => {
+        this.tabs = [
+            {
+                label: `全部（${res.data.allCount > 999 ? '999+' : res.data.allCount || 0}）`,
+                value: ''
+            },
+            {
+                label: `已办（${res.data.completedCount > 999 ? '999+' : res.data.completedCount || 0}）`,
+                value: 'COMPLETED'
+            },
+            {
+                label: `待办（${res.data.todoCount > 999 ? '999+' : res.data.todoCount || 0}）`,
+                value: 'WAIT'
+            }
+        ]
+      });
+    },
+    // 加载所有需要的字典数据
+    // async loadAllDicData() {
+    //   try {
+    //     // 批量加载所有字典数据
+    //     const dicCodes = ['ENTERPRISE_TYPE'];
+    //     const results = await getDicByCodes(dicCodes);
+    //     // 更新字典选项
+    //     this.dicOptions.ENTERPRISE_TYPE = results.ENTERPRISE_TYPE.data || [];
+    //   } catch (error) {
+    //     console.error('加载字典数据失败:', error);
+    //   }
+    // },
+    filterStatus(status) {
+        return this.statusOptions.filter(item => item.value === status)[0].text || '';
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+.dev-list-fixed {
+    position: fixed;
+    top: 96rpx;
+    left: 0;
+    right: 0;
+    z-index: 2;
+    background: #fff;
+
+    .search-row { 
+        display: flex; 
+        align-items: center;
+        padding: 16rpx 32rpx;
+        .uni-searchbar {
+            padding: 0;
+            flex: 1;
+        }
+        .tool-icons { 
+            display: flex;
+            .tool-icon { 
+                width: 48rpx; height: 48rpx; display: block; 
+                margin-left: 32rpx;
+            }
+        }
+    }
+    
+    .tabs { 
+        display: flex; 
+        align-items: center; 
+        justify-content: space-between;
+        padding: 26rpx 0; 
+        border-bottom: solid 1px #E7E7E7;
+        .tab { 
+            width: 180rpx;
+            text-align: center;
+            color: #666; 
+            color: rgba(0,0,0,0.9);
+            line-height: 44rpx;
+            position: relative;
+        }
+        .tab.active { color: $theme-primary; font-weight: 600; }
+        .tab.active::after {
+            content: '';
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: -13px;
+            width: 32rpx;
+            height: 6rpx;
+            border-radius: 4rpx;
+            background: $theme-primary;
+        }
+    }
+    .sub-tabs { 
+        display: flex; 
+        align-items: center; 
+        height: 96rpx;
+        &.bg1 { 
+            background-image: url('/static/images/dev_manage/tab_1_icon.png');
+            background-repeat: no-repeat; 
+            background-position: right center; 
+            background-size: cover; 
+        }
+        &.bg2 { 
+            background-image: url('/static/images/dev_manage/tab_2_icon.png');
+            background-repeat: no-repeat; 
+            background-position: right center; 
+            background-size: cover; 
+        }
+         &.bg3 { 
+            background-image: url('/static/images/dev_manage/tab_3_icon.png');
+            background-repeat: no-repeat; 
+            background-position: right center; 
+            background-size: cover; 
+        }
+        .tab { 
+             width: 50%;
+             height: 96rpx;
+             line-height: 96rpx;
+             text-align: center;
+             font-weight: 600; 
+             color: rgba(0,0,0,0.9);
+             &.active {
+                color: $theme-primary;
+            }
+        }
+    }
+}
+/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+::v-deep .uni-searchbar__box { 
+    height: 80rpx !important;
+    justify-content: start;
+    .uni-searchbar__box-search-input {
+        font-size: 32rpx !important; 
+    }
+}
+
+.list-box {
+  flex: 1;
+  padding-top: 314rpx;
+  &.pad-batch { padding-bottom: 144rpx; }
+    .card { position: relative; }
+    .card-header {
+        margin-bottom: 28rpx;
+        position: relative;
+
+        .title {
+            font-size: 36rpx;
+            font-weight: 600;
+            line-height: 50rpx;
+            color: #323241;
+            width: 578rpx;
+        }
+
+        .status {
+            font-size: 30rpx;
+            font-weight: 600;
+            position: absolute;
+            top: -36rpx;
+            right: -32rpx;
+            height: 48rpx;
+            line-height: 48rpx;
+            color: #fff;
+            font-size: 24rpx;
+            padding: 0 14rpx;
+            border-radius: 6rpx;
+            &.status_1 {
+                background: #3D48A3;
+            }
+            &.status_2 {
+                background: #2BA471;
+            }
+            &.status_3 {
+                background: #D54941;
+            }
+            &.status_4 {
+                background: #E7E7E7;
+                color: #323241;
+            }
+        }
+    }
+    .info-row {
+        display: flex;
+        align-items: center;
+        color: rgba(0,0,0,0.6);
+        font-size: 28rpx;
+        margin-bottom: 24rpx;
+        height: 32rpx;
+        &:last-child {
+        margin-bottom: 0;
+        }
+        text {
+            width: 60%;
+            &:last-child {
+                color: rgba(0,0,0,0.9);
+                width: 40%;
+            }
+        }
+    }
+}
+
+.batch-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  gap: 36rpx;
+  padding: 32rpx 30rpx;
+  background: #fff;
+  box-shadow: 0 -4rpx 12rpx rgba(0,0,0,0.04);
+  .bbtn {
+    flex: 1;
+    height: 80rpx;
+    line-height: 80rpx;
+    border-radius: 12rpx;
+    font-size: 32rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    }
+    .reject { 
+        background: #fff; 
+        border: 1rpx solid $uni-color-error; 
+        color: $uni-color-error; 
+    }
+}
+
+.filter-form { 
+    .form-item { margin-bottom: 24rpx; }
+    .label { 
+        margin-bottom: 20rpx; 
+        color: rgba(0,0,0,0.9);
+        height: 44rpx;
+        line-height: 44rpx;
+        font-size: 30rpx;
+     }
+    .fake-select { 
+        height: 80rpx; line-height: 80rpx; padding: 0 20rpx; background: #f3f3f3; border-radius: 12rpx; 
+        .placeholder { color: #999; }
+        .value { color: #333; }
+    }
+}
+
+/* 深度覆盖 uni-data-checkbox（mode=tag）内部的 tag 展示与间距 */
+::v-deep .filter-form .uni-data-checklist .checklist-group {
+  .checklist-box {
+    &.is--tag {
+        width: 212rpx;
+        margin-top: 0;
+        margin-bottom: 24rpx;
+        margin-right: 24rpx;
+        height: 80rpx;
+        padding: 0;
+        border-radius: 12rpx;
+        background-color: #f3f3f3;
+        border-color: #f3f3f3;
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+        .checklist-content {
+            display: flex;
+            justify-content: center;
+        }
+        .checklist-text {
+            color: rgba(0,0,0,0.9);
+            font-size: 28rpx;
+        }
+    }
+    &.is-checked {
+        background-color: $theme-primary-plain-bg !important;
+        border-color: $theme-primary-plain-bg !important;
+        .checklist-text {
+            color: $theme-primary !important;
+        }
+    }
+  }
+  
+}
+
+</style>

@@ -15,14 +15,37 @@
 
 
 /* 页面原生导航标题字号：H5 覆盖为 18px */
 /* 页面原生导航标题字号：H5 覆盖为 18px */
 /* #ifdef H5 */
 /* #ifdef H5 */
+.uni-page-head {
+  height: 96rpx !important;
+}
 .uni-page-head .uni-page-head-title {
 .uni-page-head .uni-page-head-title {
-  font-size: 18px !important;
+  font-size: 36rpx !important;
+  line-height: 96rpx !important;
+  color: rgba(0,0,0,0.9) !important;
+}
+.uni-page-head .uni-page-head-btn .uni-icons,
+.uni-page-head .uni-page-head-btn .uniui-back {
+  color: rgba(0,0,0,0.9) !important;
 }
 }
 /* #endif */
 /* #endif */
 
 
 /* 组件 uni-nav-bar 标题字号统一为 18px */
 /* 组件 uni-nav-bar 标题字号统一为 18px */
 .uni-nav-bar-text {
 .uni-nav-bar-text {
-  font-size: 18px !important;
+  font-size: 36rpx !important;
+}
+
+/* 全局导航栏背景采用主题色（含内容容器与头部），并统一文字/图标为白色 */
+.uni-navbar__content,
+.uni-navbar__header {
+  background-color: $theme-primary !important;
+}
+.uni-navbar--border {
+  border-bottom-color: $theme-primary-plain-border !important;
+}
+.uni-navbar__header .uni-nav-bar-text,
+.uni-navbar__header .uni-navbar-btn-text text,
+.uni-navbar__header .uni-icons {
+  color: #ffffff !important;
 }
 }
 
 
 /* 全端覆盖 primary 按钮主色（内置 <button type="primary">） */
 /* 全端覆盖 primary 按钮主色（内置 <button type="primary">） */

@@ -9,7 +9,7 @@ $theme-primary: #3d48a3;
 $theme-primary-hover: darken($theme-primary, 6%);
 $theme-primary-hover: darken($theme-primary, 6%);
 $theme-primary-active: darken($theme-primary, 10%);
 $theme-primary-active: darken($theme-primary, 10%);
 $theme-primary-disabled: mix(#ffffff, $theme-primary, 60%);
 $theme-primary-disabled: mix(#ffffff, $theme-primary, 60%);
-$theme-primary-plain-bg: mix(#ffffff, $theme-primary, 92%);
+$theme-primary-plain-bg: mix(#ffffff, $theme-primary, 88%);
 $theme-primary-plain-border: mix(#ffffff, $theme-primary, 30%);
 $theme-primary-plain-border: mix(#ffffff, $theme-primary, 30%);
 // 半透明主题色（0.5 不透明度，用于禁用态或蒙层）
 // 半透明主题色（0.5 不透明度，用于禁用态或蒙层）
 $theme-primary-alpha-50: rgba($theme-primary, 0.5);
 $theme-primary-alpha-50: rgba($theme-primary, 0.5);

+import { getDicByCodeApi } from '@/api/base.js';
+
+/**
+ * 获取单个字典数据（无缓存版本）
+ * @param {string} code
+ * @returns {Promise<Array>}
+ */
+export function getDicByCode(code) {
+  return getDicByCodeApi(code);
+}
+
+/**
+ * 批量获取多个字典数据（无缓存版本）
+ * @param {string[]} codes
+ * @returns {Promise<Object>}
+ */
+export function getDicByCodes(codes) {
+  const list = Array.isArray(codes) ? codes : [];
+  const promises = list.map(code => getDicByCodeApi(code));
+  return Promise.all(promises).then(results => {
+    const result = {};
+    list.forEach((code, index) => {
+      result[code] = results[index] || [];
+    });
+    return result;
+  });
+}
+
+/**
+ * 获取字典项的名称（需要传入字典项数组）
+ * @param {string} code 字典编码（仅用于标识，实际不使用）
+ * @param {string} value 字典值
+ * @param {Array} items 字典项数组
+ * @returns {string}
+ */
+export function getDicName(code, value, items = []) {
+  const list = Array.isArray(items) ? items : [];
+  const item = list.find(it => it && it.code === value);
+  return item ? item.name : value;
+}

+/**
+ * 内容类型枚举（纯 JS 兼容导出）
+ * 说明：原文件使用了 TypeScript 的 enum 语法，但当前文件为 .js。
+ * 为避免在不同构建目标（H5/小程序/APP）下因语法不兼容导致构建或运行问题，
+ * 改为导出只读对象，保持同名导出与调用方式不变。
+ */
+export const ContentTypeEnum = Object.freeze({
+  // JSON
+  JSON: 'application/json;charset=UTF-8',
+  // 表单（urlencoded）
+  FORM_URLENCODED: 'application/x-www-form-urlencoded;charset=UTF-8',
+  // 文件上传（multipart/form-data）
+  BLOB: 'multipart/form-data;charset=UTF-8'
+})