花材详情

ghsApp/src/pagesOrder/refundDetail.vue

@@ -18,8 +18,13 @@
 			<view class="refund-section" v-if="!$util.isEmpty(product)">
 				<view class="refund-label refund-section__title">{{ isFreeRefund ? '花材明细' : '退货商品' }}</view>
 				<view class="refund-product-list">
+					<!-- 点击花材名跳转供货商花材详情，便于核对库存/价格 -->
 					<view class="refund-product-item" v-for="(res, i) in product" :key="i">
-						<view class="refund-product-item__name">
+						<view
+							class="refund-product-item__name"
+							:class="{ 'refund-product-item__name--link': !!res.productId }"
+							@click="goItemDetail(res)"
+						>
 							{{ res.name }} ￥{{ parseFloat(res.xhUnitPrice) }}×{{ res.xhNum }}{{ res.xhUnitName }}=￥{{ parseFloat(res.xhPrice) }}
 						</view>
 						<view class="refund-product-item__option" v-if="res.refundOptionId != 0">
@@ -324,6 +329,15 @@ export default {
 			}
 			this.$util.pageTo({ url: '/pagesOrder/detail?id=' + info.relateOrderId })
 		},
+		/** 跳转花材详情（admin/item/detail），无 productId 时提示 */
+		goItemDetail(item) {
+			const productId = item && (item.productId || item.product_id)
+			if (!productId) {
+				this.$msg('没有花材信息')
+				return
+			}
+			this.$util.pageTo({ url: '/admin/item/detail?id=' + productId })
+		},
 		cancelReject() {
 			this.$refs.rejectRef.close()
 		},
@@ -593,6 +607,10 @@ export default {
 		font-size: 32upx;
 		color: #303133;
 		line-height: 40upx;
+
+		&--link {
+			color: #3385ff;
+		}
 	}
 
 	&__option {