feat(自主填报): 拆分驻店/跑店填报并新增跑店填报页

「自主填报」原本只有一种表单。本次拆成两种类型：

1. 新增选择填报类型页 packageUser/self-report/select
   - 按设计稿：hero 页头 + 两张类型卡（驻店填报 / 跑店填报）+ 确认选择
   - 入口（首页、我的）由直接进 create 改为先进 select

2. 原自主填报页改为「驻店填报」
   - 仅改导航标题，表单内容不变

3. 新增跑店填报页 packageUser/self-report/visit
   - 复制现有跑店/巡店任务（pages/task/detail 的 cateId=4 分支）的填报页并改造：
     保留巡店列表与下方内容，去掉列表上方的任务卡片/总进度/任务详情；
     打卡、摆台照、销量、小票、门店评分一并不保留
   - 巡店列表内「连锁筛选」「门店筛选」是两个并列的独立输入框，
     各自弹各自的选择器（不串联），样式与驻店填报逐项对齐；
     换连锁会清空已选门店
   - 每条巡店可新增/删除，独立获取定位 + 打卡拍照（最多 9 张）
   - 定位不强制（巡店任务里是强制的，这里放开）
   - 底部「保存草稿」+「提交填报」，草稿交互与驻店填报一致：
     进页面询问是否加载、提交成功后清除；storage key 与驻店分开
   - 驳回后重新提交复用同一页面（mode=resubmit）

4. 填报记录页加「驻店 / 跑店」类型切换
   - 两表分表查询，各自分页；跑店卡片展示门店数、巡店列表（门店/定位/照片）
   - 连锁与门店关键词筛选落到巡店列表的每一行

5. 药审核加「跑店填报」类型
   - 新增 AuditVisitReportItem，展开时按 id 拉详情（列表不下发 store_list）
   - 跑店没有销量小计，审核通过需手填奖金，故补奖金输入弹层

顺带重构：
- 门店解析（扁平列表 / 连锁嵌套两种结构的兼容、门店明细不入页面 data
  的性能处理）抽到 util/store-picker，create 与 visit 共用一份，
  避免两页各自维护导致解析口径不一致

pages/audit/components/AuditVisitReportItem.vue

@@ -0,0 +1,185 @@
+<template>
+  <view>
+    <view class="record">
+      <view>
+        <view class="record-meta">门店数：{{ currentRecord.storeCount || storeRows.length || 0 }} 家</view>
+        <view class="record-meta">提交人：{{ currentRecord.owner || item.owner }}</view>
+        <view class="record-meta">小结：{{ currentRecord.summary || '-' }}</view>
+        <view class="record-meta text-red" v-if="currentRecord.rejectReason">驳回原因：{{ currentRecord.rejectReason }}</view>
+        <view class="record-toggle" @tap="toggleDetailExpanded">
+          <text>{{ detailExpanded ? '收起详情' : '展开详情' }}</text>
+          <u-icon :name="detailExpanded ? 'arrow-up' : 'arrow-down'" size="20" color="#2fc6a7"/>
+        </view>
+        <view v-if="detailExpanded" class="record-detail">
+          <view v-if="loadingDetail" class="detail-empty">加载中...</view>
+          <view v-else-if="!storeRows.length" class="detail-empty">暂无巡店记录</view>
+          <view v-for="(store, idx) in storeRows" :key="`store-${idx}`" class="visit-store-block">
+            <view class="visit-store-head">
+              <text class="visit-store-title">巡店{{ idx + 1 }}</text>
+              <text class="visit-store-time">{{ store.visitTime || '-' }}</text>
+            </view>
+            <view class="record-meta">连锁：{{ store.chainName || '-' }}</view>
+            <view class="record-meta">门店：{{ store.merchantName || '-' }}</view>
+            <view class="record-meta">
+              定位：{{ store.location || '-' }}
+              <text v-if="store.lat && store.lng">（{{ store.lat }}, {{ store.lng }}）</text>
+            </view>
+            <view v-if="store.photos.length" class="media-images">
+              <image
+                v-for="(img, imgIdx) in store.photos"
+                :key="`store-${idx}-photo-${imgIdx}`"
+                class="media-image"
+                :src="img"
+                mode="aspectFill"
+                @click="emitPreview(img, store.photos)"
+              />
+            </view>
+            <view v-else class="detail-empty">暂无巡店照片</view>
+          </view>
+        </view>
+      </view>
+      <view class="record-actions" v-if="item.status === 0">
+        <view class="flex-1 mx-15">
+          <view class="chip w-90p" @tap="handleApprove">通过</view>
+        </view>
+        <view class="flex-1 mx-15">
+          <view class="chip w-90p danger-chip" @tap="$emit('reject', item)">驳回</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {visitReportInfoReq} from "@/api/visit-report";
+
+export default {
+  name: 'AuditVisitReportItem',
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ['preview', 'approve', 'reject'],
+  data() {
+    return {
+      detailExpanded: false,
+      loadingDetail: false,
+      detailLoaded: false,
+      detailData: null
+    }
+  },
+  computed: {
+    currentRecord() {
+      return this.detailData || this.item
+    },
+    // 列表接口不下发 storeList 大字段，展开时再拉详情；列表里已有则直接用
+    storeRows() {
+      const source = this.currentRecord
+      const list = this.parseMaybeJson(source.storeList, [])
+      return (Array.isArray(list) ? list : []).map(store => ({
+        merchantName: store && (store.merchantName || store.storeName) ? (store.merchantName || store.storeName) : '',
+        chainName: store && store.chainName ? store.chainName : '',
+        visitTime: store && (store.visitTime || store.time) ? (store.visitTime || store.time) : '',
+        location: store && store.location ? store.location : '',
+        lat: store && store.lat !== undefined ? store.lat : '',
+        lng: store && store.lng !== undefined ? store.lng : '',
+        photos: this.parseImageList(store && store.photos)
+      }))
+    }
+  },
+  methods: {
+    parseMaybeJson(value, fallback) {
+      if (value === null || value === undefined || value === '') return fallback
+      if (typeof value === 'string') {
+        try {
+          return JSON.parse(value)
+        } catch (error) {
+          return fallback
+        }
+      }
+      return value
+    },
+    parseImageList(value) {
+      const list = Array.isArray(value) ? value : []
+      return list
+        .map(item => (typeof item === 'string' ? item : (item && (item.url || item.path || item.image)) || ''))
+        .filter(Boolean)
+    },
+    emitPreview(url, list) {
+      this.$emit('preview', url, list)
+    },
+    handleApprove() {
+      this.$emit('approve', this.currentRecord)
+    },
+    async toggleDetailExpanded() {
+      this.detailExpanded = !this.detailExpanded
+      if (!this.detailExpanded || this.detailLoaded) return
+      const id = this.item && this.item.id
+      if (id === undefined || id === null) return
+      this.loadingDetail = true
+      try {
+        const res = await visitReportInfoReq(id)
+        if (res && res.code !== 0) {
+          uni.showToast({title: res.message || '详情加载失败', icon: 'none'})
+          return
+        }
+        this.detailData = res && res.data && typeof res.data === 'object' ? res.data : null
+        this.detailLoaded = true
+      } catch (error) {
+        uni.showToast({
+          title: error && error.message ? error.message : '详情加载失败',
+          icon: 'none'
+        })
+      } finally {
+        this.loadingDetail = false
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import './record.scss';
+
+.record-toggle {
+  margin-top: 12rpx;
+  display: inline-flex;
+  align-items: center;
+  gap: 8rpx;
+  color: #2fc6a7;
+  font-size: 24rpx;
+}
+
+.detail-empty {
+  color: #94a3b8;
+  font-size: 24rpx;
+}
+
+.visit-store-block {
+  margin-top: 16rpx;
+  padding: 16rpx;
+  border-radius: 16rpx;
+  background: #f9fafb;
+  border: 1rpx solid #eef2f7;
+}
+
+.visit-store-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10rpx;
+}
+
+.visit-store-title {
+  font-size: 26rpx;
+  font-weight: 700;
+  color: #1f2937;
+}
+
+.visit-store-time {
+  font-size: 22rpx;
+  color: #9ca3af;
+}
+</style>

pages/audit/index.vue

@@ -106,6 +106,16 @@
             @updated="handleSelfReportUpdated"
           />
         </template>
+        <template v-else-if="activeType === 'visitReport'">
+          <AuditVisitReportItem
+            v-for="item in currentTasks"
+            :key="item.id"
+            :item="item"
+            @preview="preview"
+            @approve="handleVisitReportApprove"
+            @reject="handleVisitReportReject"
+          />
+        </template>
         <template v-else>
           <AuditShareItem
             v-for="item in currentTasks"
@@ -127,21 +137,40 @@
     <view v-if="showRejectPopup" class="income-popup-mask" @tap="closeRejectPopup"></view>
     <view v-if="showRejectPopup" class="income-popup card" @tap.stop>
       <view class="income-popup-head">
-        <view class="section-title">{{ pendingRejectType === 'selfReport' ? '填写驳回原因（可选）' : '填写拒绝原因' }}</view>
+        <view class="section-title">{{ isSelfReportLikeRejectType(pendingRejectType) ? '填写驳回原因（可选）' : '填写拒绝原因' }}</view>
         <view class="close-btn" @tap="closeRejectPopup">关闭</view>
       </view>
       <view class="income-form">
-        <view class="income-label">{{ pendingRejectType === 'selfReport' ? '驳回原因' : '拒绝原因' }}</view>
+        <view class="income-label">{{ isSelfReportLikeRejectType(pendingRejectType) ? '驳回原因' : '拒绝原因' }}</view>
         <input
           v-model="rejectReason"
           class="income-input"
           type="text"
-          :placeholder="pendingRejectType === 'selfReport' ? '可不填写' : '请输入拒绝原因'"
+          :placeholder="isSelfReportLikeRejectType(pendingRejectType) ? '可不填写' : '请输入拒绝原因'"
         />
       </view>
       <view class="primary-btn income-submit" @tap="submitRejectReason">提交</view>
     </view>
 
+    <!-- 跑店填报没有销量小计，奖金只能审核时手填 -->
+    <view v-if="showRewardPopup" class="income-popup-mask" @tap="closeRewardPopup"></view>
+    <view v-if="showRewardPopup" class="income-popup card" @tap.stop>
+      <view class="income-popup-head">
+        <view class="section-title">输入奖金金额</view>
+        <view class="close-btn" @tap="closeRewardPopup">关闭</view>
+      </view>
+      <view class="income-form">
+        <view class="income-label">奖金金额</view>
+        <input
+          v-model="rewardAmount"
+          class="income-input"
+          type="digit"
+          placeholder="请输入奖金金额，可填0"
+        />
+      </view>
+      <view class="primary-btn income-submit" @tap="submitRewardAmount">提交</view>
+    </view>
+
     <u-picker
       :show="showChainPicker"
       :columns="[chainOptions]"
@@ -178,21 +207,24 @@ import {auditUserTaskPageReq, changeUserTaskReq, listUserTaskReq} from "@/api/ta
 import dayjs from 'dayjs'
 import {shareAuditPageReq, shareChangeReq, sharePageReq} from "@/api/share";
 import {selfReportAuditPageReq, selfReportChangeReq, selfReportPageReq} from "@/api/self-report";
+import {visitReportAuditPageReq, visitReportChangeReq, visitReportPageReq} from "@/api/visit-report";
 import AppNavbar from "@/components/AppNavbar.vue";
 import AuditMovementItem from "./components/AuditMovementItem.vue";
 import AuditStoreVisitItem from "./components/AuditStoreVisitItem.vue";
 import AuditShareItem from "./components/AuditShareItem.vue";
 import AuditSelfReportItem from "./components/AuditSelfReportItem.vue";
+import AuditVisitReportItem from "./components/AuditVisitReportItem.vue";
 import {dictDataListByDictReq} from "@/api/common";
 
 export default {
-  components: {AppNavbar, AuditMovementItem, AuditStoreVisitItem, AuditShareItem, AuditSelfReportItem},
+  components: {AppNavbar, AuditMovementItem, AuditStoreVisitItem, AuditShareItem, AuditSelfReportItem, AuditVisitReportItem},
   data() {
     return {
       typeTabs: [
         {label: '药动销', value: 'movement'},
         {label: '跑店/巡店', value: 'storeVisit'},
-        {label: '自主填报', value: 'selfReport'},
+        {label: '驻店填报', value: 'selfReport'},
+        {label: '跑店填报', value: 'visitReport'},
         {label: '药分享', value: 'exchange'}
       ],
       statusTabs: [
@@ -206,6 +238,7 @@ export default {
       movementTasks: [],
       storeVisitTasks: [],
       selfReportTasks: [],
+      visitReportTasks: [],
       exchangeTasks: [],
       loading: false,
       chainLoading: false,
@@ -225,6 +258,10 @@ export default {
       rejectReason: '',
       pendingReject: null,
       pendingRejectType: 'audit',
+      // 跑店填报审核通过时的奖金输入
+      showRewardPopup: false,
+      rewardAmount: '',
+      pendingRewardItem: null,
       pageNo: 1,
       pageSize: 5,
       hasMore: true,
@@ -236,10 +273,12 @@ export default {
       if (this.activeType === 'movement') return this.movementTasks
       if (this.activeType === 'storeVisit') return this.storeVisitTasks
       if (this.activeType === 'selfReport') return this.selfReportTasks
+      if (this.activeType === 'visitReport') return this.visitReportTasks
       return this.exchangeTasks
     },
     displayStatusTabs() {
-      if (this.activeType === 'selfReport') {
+      // 驻店/跑店填报都由审核端驳回，没有「抄送」态
+      if (this.isSelfReportLikeType) {
         return this.statusTabs.filter(item => item.value !== 3)
       }
       return this.statusTabs
@@ -247,6 +286,13 @@ export default {
     isStoreVisitType() {
       return this.activeType === 'storeVisit'
     },
+    // 跑店填报的连锁在 store_list JSON 里，没有 chain_id 可匹配，只能按连锁名模糊查
+    useChainNameFilter() {
+      return this.activeType === 'visitReport'
+    },
+    isSelfReportLikeType() {
+      return this.activeType === 'selfReport' || this.activeType === 'visitReport'
+    },
     chainLabel() {
       const selected = this.chainOptions.find(item => item.id === this.filterForm.chainId)
       return (selected && selected.text) || '连锁筛选'
@@ -274,12 +320,13 @@ export default {
       await this.fetchList()
     },
     getPageSize(type = this.activeType) {
-      return type === 'selfReport' ? 10 : this.pageSize
+      return this.isSelfReportLikeType || type === 'selfReport' || type === 'visitReport' ? 10 : this.pageSize
     },
     getTaskListByType(type = this.activeType) {
       if (type === 'movement') return this.movementTasks
       if (type === 'storeVisit') return this.storeVisitTasks
       if (type === 'selfReport') return this.selfReportTasks
+      if (type === 'visitReport') return this.visitReportTasks
       return this.exchangeTasks
     },
     setTaskListByType(type = this.activeType, list = []) {
@@ -295,6 +342,10 @@ export default {
         this.selfReportTasks = list
         return
       }
+      if (type === 'visitReport') {
+        this.visitReportTasks = list
+        return
+      }
       this.exchangeTasks = list
     },
     resetPagination() {
@@ -450,6 +501,28 @@ export default {
       }
       return params
     },
+    // 跑店填报表里没有 chain_id/merchant_id，只能按 store_list 文本模糊匹配
+    buildVisitReportFilterParams() {
+      const params = {}
+      const userGroup = (this.filterForm.userGroup || '').trim()
+      if (userGroup) params.userGroup = userGroup
+      const keyword = (this.filterForm.merchantKeyword || '').trim()
+      const chainText = this.selectedChainText()
+      const startDate = this.filterForm.startDate
+      const endDate = this.filterForm.endDate
+      if (chainText) params.chainName = chainText
+      if (keyword) params.merchantName = keyword
+      if (startDate) params.dateStart = startDate
+      if (endDate) params.dateEnd = endDate
+      return params
+    },
+    // 下拉里选的是连锁的 id，新表按名字查，需要回查成文本
+    selectedChainText() {
+      const selectedId = this.filterForm.chainId
+      if (selectedId === '' || selectedId === null || selectedId === undefined) return ''
+      const option = this.chainOptions.find(item => String(item.id) === String(selectedId))
+      return option ? (option.text || '') : ''
+    },
     filterExchangeList(list = []) {
       const keyword = (this.filterForm.merchantKeyword || '').trim().toLowerCase()
       const startTs = this.filterForm.startDate ? dayjs(`${this.filterForm.startDate} 00:00:00`).valueOf() : null
@@ -582,7 +655,15 @@ export default {
         this.filterForm.chainId = ''
         this.filterForm.merchantKeyword = ''
       }
-      if (value === 'selfReport' && this.activeStatus === 3) {
+      // 跑店填报没有 chain_id 列，连锁只能在已加载的选项里按名字查；
+      // 切到该类型时若选中的是虚拟连锁（chain_ 前缀），清掉避免查出空列表
+      if (value === 'visitReport') {
+        const chainIdText = String(this.getSelectedChainApiValue(this.filterForm.chainId) || '')
+        if (!chainIdText || chainIdText.startsWith('chain_')) {
+          this.filterForm.chainId = ''
+        }
+      }
+      if ((value === 'selfReport' || value === 'visitReport') && this.activeStatus === 3) {
         this.activeStatus = 0
       }
       this.activeType = value
@@ -672,6 +753,30 @@ export default {
             this.setTaskListByType('selfReport', merged)
             this.updatePagination(pageResult, requestPage, list.length, pageSize)
           }
+        } else if (this.activeType === 'visitReport') {
+          if (isCopyQuery) {
+            this.setTaskListByType('visitReport', [])
+            this.hasMore = false
+          } else {
+            const params = {
+              status: this.activeStatus,
+              page: requestPage,
+              limit: pageSize,
+              auditLite: 1
+            }
+            Object.assign(params, this.buildVisitReportFilterParams())
+            const {data} = await visitReportAuditPageReq(params)
+            const pageResult = this.extractPageResult(data)
+            const list = pageResult.list
+            const normalized = list.map(item => this.normalizeVisitReport(item))
+            const nextList = this.filterMovementList(normalized, {
+              enableChainFilter: false,
+              enableMerchantFilter: false
+            })
+            const merged = append ? this.getTaskListByType('visitReport').concat(nextList) : nextList
+            this.setTaskListByType('visitReport', merged)
+            this.updatePagination(pageResult, requestPage, list.length, pageSize)
+          }
         } else {
           const params = {
             status: isCopyQuery ? 2 : this.activeStatus,
@@ -798,6 +903,27 @@ export default {
         submitTimestamp: this.parseDateToTimestamp(activityDate)
       }
     },
+    // 跑店填报：卡片主体是巡店列表，列表接口不带 storeList（大字段），展开时再拉详情
+    normalizeVisitReport(item) {
+      const createRaw = item.createTime || item.createdAt || ''
+      const summaryRaw = this.parseJson(item.summary, '')
+      const summary = typeof summaryRaw === 'string' ? summaryRaw : JSON.stringify(summaryRaw)
+      const user = item && item.user ? item.user : {}
+      const owner = item.owner || `${user.realName || user.nickname || '-'},${user.phone || ''}`
+      return {
+        id: item.id,
+        userId: item.userId,
+        storeCount: Number(item.storeCount) || 0,
+        storeList: item.storeList || '',
+        owner,
+        status: item.status,
+        reward: item.reward,
+        location: item.location || '',
+        summary,
+        rejectReason: item.rejectReason || '',
+        submitTimestamp: this.parseDateToTimestamp(createRaw)
+      }
+    },
     formatAmount(value) {
       const num = Number(value || 0)
       return num.toFixed(2)
@@ -895,6 +1021,48 @@ export default {
     async handleSelfReportUpdated() {
       await this.reloadFromFirstPage()
     },
+    // 跑店填报与驻店填报共用同一套审核动作，仅接口不同。
+    // 跑店没有销量小计，奖金得审核端手填，所以先弹输入框。
+    async handleVisitReportApprove(item) {
+      this.pendingRewardItem = item
+      this.rewardAmount = item.reward === null || item.reward === undefined ? '' : `${item.reward}`
+      this.showRewardPopup = true
+    },
+    closeRewardPopup() {
+      this.showRewardPopup = false
+      this.rewardAmount = ''
+      this.pendingRewardItem = null
+    },
+    async submitRewardAmount() {
+      const item = this.pendingRewardItem
+      if (!item) {
+        this.closeRewardPopup()
+        return
+      }
+      const raw = String(this.rewardAmount === null || this.rewardAmount === undefined ? '' : this.rewardAmount).trim()
+      if (!raw) {
+        uni.showToast({title: '请输入奖金金额', icon: 'none'})
+        return
+      }
+      const reward = Number(raw)
+      if (!Number.isFinite(reward) || reward < 0) {
+        uni.showToast({title: '奖金金额不能小于0', icon: 'none'})
+        return
+      }
+      await visitReportChangeReq({
+        id: item.id,
+        status: 1,
+        reward
+      })
+      uni.showToast({
+        title: '操作成功'
+      })
+      this.closeRewardPopup()
+      await this.reloadFromFirstPage()
+    },
+    async handleVisitReportReject(item) {
+      this.openRejectPopup(item, 'visitReport')
+    },
     async handleShareUpdate({item, payload, localDetailList}) {
       const data = this.buildSharePayload(item, payload)
       await shareChangeReq(data)
@@ -928,7 +1096,7 @@ export default {
     },
     async submitRejectReason() {
       const reason = (this.rejectReason || '').trim()
-      if (this.pendingRejectType !== 'selfReport' && !reason) {
+      if (!this.isSelfReportLikeRejectType(this.pendingRejectType) && !reason) {
         uni.showToast({
           title: '请输入拒绝原因',
           icon: 'none'
@@ -939,8 +1107,9 @@ export default {
         this.closeRejectPopup()
         return
       }
-      if (this.pendingRejectType === 'selfReport') {
-        await selfReportChangeReq({
+      if (this.isSelfReportLikeRejectType(this.pendingRejectType)) {
+        const req = this.pendingRejectType === 'visitReport' ? visitReportChangeReq : selfReportChangeReq
+        await req({
           id: this.pendingReject.id,
           status: 2,
           rejectReason: reason
@@ -955,6 +1124,10 @@ export default {
       await this.submitAuditAction(3, this.pendingReject, reason)
       this.closeRejectPopup()
     },
+    // 驻店/跑店填报的驳回都是「驳回原因可不填」
+    isSelfReportLikeRejectType(type) {
+      return type === 'selfReport' || type === 'visitReport'
+    },
     preview(url, list) {
       uni.previewImage({
         current: url,