fix(小程序): 修正 v-for :key 表达式告警，恢复列表 wx:key

非 h5 平台的 :key 只接受简单属性名，模板字面量与运算表达式会被编译器整条丢弃（uni-template-compiler 的 getForKey：Identifier 走 *this 或原名， MemberExpression 取属性名，其余一律 warning + 返回空串）。所以这批告警不只是文案问题：产物里对应的 <block wx:for> 后面确实没有 wx:key，列表项因此失去复用标识，增删时会整段重建节点。本次按编译器接受的写法逐一改正，共 13 个文件。改法： - 纯 URL 字符串数组（打卡/门头/小票/凭证/巡店照片）直接用元素自身 :key="img"，编译为 wx:key="*this" - 对象数组用其已有唯一字段：连锁/门店 item.id、抄送用户 user.id、审计销量行 detail.key、编辑销量项 detail._key - 本身无唯一字段的巡店列表补 _key：task/detail 沿用 visit.vue 已验证的 _rowKey（自增 seed，增删稳定），records 与 AuditVisitReportItem 用序号 sales.vue 另有一处隐蔽问题：row 是 {item, index} 包装对象， :key="row.item._key || row.index" 即便写成简单形式也会生成 wx:key="_key"，在 row 上取不到值。改为在 visibleSalesItems 里把 key 提到包装对象顶层， _key 缺失时用序号兜底。create.vue 的销量摘要同样补 __key 兜底，避免重复 key。注：task/detail 的 storeList 提交走 sanitizeStoreList() 显式白名单， _rowKey 不会外泄到后端。验证：HBuilderX cli 重新编译 —— 编译成功，非 h5 平台 :key 告警 0 条（修改前满屏 40+ 条），产物中 wx:for 与 wx:key 数量逐文件相等。
2026-10-12 18:18:11 +08:00
parent e192296ea7
commit 40fed38f83
13 changed files with 58 additions and 41 deletions
@@ -63,7 +63,7 @@
      <scroll-view v-else class="copy-user-list" scroll-y>
        <view
          v-for="user in copyUsers"
-          :key="`copy-user-${user.id}`"
+          :key="user.id"
          :class="['copy-user-item', selectedCopyUserId === user.id ? 'copy-user-item-active' : '']"
          @tap="selectedCopyUserId = user.id"
        >
@@ -26,7 +26,7 @@
            <view v-if="clockImageList.length" class="media-images">
              <image
                v-for="(img, idx) in clockImageList"
-                :key="`clock-${idx}`"
+                :key="img"
                class="media-image"
                :src="img"
                mode="aspectFill"
@@ -41,7 +41,7 @@
            <view v-if="boothImageList.length" class="media-images">
              <image
                v-for="(img, idx) in boothImageList"
-                :key="`booth-${idx}`"
+                :key="img"
                class="media-image"
                :src="img"
                mode="aspectFill"
@@ -56,7 +56,7 @@
            <view v-if="receiptImageList.length" class="media-images">
              <image
                v-for="(img, idx) in receiptImageList"
-                :key="`receipt-${idx}`"
+                :key="img"
                class="media-image"
                :src="img"
                mode="aspectFill"
@@ -72,7 +72,7 @@
              <view v-if="item.status === 0" class="section-action" @tap="openEditPopup">修改销量</view>
            </view>
            <view v-if="salesRows.length" class="detail-list">
-              <view class="detail-item" v-for="(detail, idx) in salesRows" :key="`sales-${idx}`">
+              <view class="detail-item" v-for="(detail, idx) in salesRows" :key="detail.key">
                <view class="detail-head">
                  <view class="detail-name">{{ detail.name }}</view>
                  <view class="detail-value text-red">销量：{{ detail.qty }}{{ detail.unit }}</view>
@@ -125,7 +125,7 @@
      </view>
      <view v-if="editSalesItems.length === 0" class="detail-empty">暂无销量商品</view>
      <view v-else class="edit-sales-list">
-        <view class="edit-sales-item" v-for="(detail, idx) in editSalesItems" :key="detail._key || idx">
+        <view class="edit-sales-item" v-for="(detail, idx) in editSalesItems" :key="detail._key">
          <view class="edit-sales-head">
            <view>
              <view class="edit-sales-name">{{ detail.name || '商品' }}</view>
@@ -199,12 +199,12 @@
          </view>
          <picker-view class="merchant-picker-view" :value="merchantEditPickerValue" @change="onMerchantEditPickerChange">
            <picker-view-column>
-              <view v-for="(chain, index) in merchantEditChains" :key="`edit-chain-${index}`" class="merchant-picker-item">
+              <view v-for="(chain, index) in merchantEditChains" :key="chain.id" class="merchant-picker-item">
                {{ chain.text }}
              </view>
            </picker-view-column>
            <picker-view-column>
-              <view v-for="(merchant, index) in merchantEditStores" :key="`edit-merchant-${index}`" class="merchant-picker-item">
+              <view v-for="(merchant, index) in merchantEditStores" :key="merchant.id" class="merchant-picker-item">
                {{ merchant.text }}
              </view>
            </picker-view-column>
@@ -293,7 +293,7 @@
      <scroll-view v-else class="copy-user-list" scroll-y>
        <view
          v-for="user in copyUsers"
-          :key="`copy-share-user-${user.id}`"
+          :key="user.id"
          :class="['copy-user-item', selectedCopyUserId === user.id ? 'copy-user-item-active' : '']"
          @tap="selectedCopyUserId = user.id"
        >
@@ -63,7 +63,7 @@
      <scroll-view v-else class="copy-user-list" scroll-y>
        <view
          v-for="user in copyUsers"
-          :key="`copy-user-${user.id}`"
+          :key="user.id"
          :class="['copy-user-item', selectedCopyUserId === user.id ? 'copy-user-item-active' : '']"
          @tap="selectedCopyUserId = user.id"
        >
@@ -13,7 +13,7 @@
        <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 v-for="(store, idx) in storeRows" :key="store._key" 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>
@@ -27,7 +27,7 @@
            <view v-if="store.photos.length" class="media-images">
              <image
                v-for="(img, imgIdx) in store.photos"
-                :key="`store-${idx}-photo-${imgIdx}`"
+                :key="img"
                class="media-image"
                :src="img"
                mode="aspectFill"
@@ -78,7 +78,9 @@ export default {
    storeRows() {
      const source = this.currentRecord
      const list = this.parseMaybeJson(source.storeList, [])
-      return (Array.isArray(list) ? list : []).map(store => ({
+      return (Array.isArray(list) ? list : []).map((store, sIdx) => ({
+        // wx:key 只认属性名，表达式会被编译丢弃；巡店记录本身没有 id，按序号补一个
+        _key: `store_${sIdx}`,
        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) : '',