From 25ee0fc249a081bb7bc4b485708c3e1afd3b07d1 Mon Sep 17 00:00:00 2001 From: peng <peng.com> Date: 星期四, 18 九月 2025 14:13:17 +0800 Subject: [PATCH] 商品兑换卷调整以及绑定电话号码调整 --- pages/supplier/suppler-order/order-detail.vue | 37 ++++++++++++++++++++++++++++++++++--- 1 files changed, 34 insertions(+), 3 deletions(-) diff --git a/pages/supplier/suppler-order/order-detail.vue b/pages/supplier/suppler-order/order-detail.vue index b9c7906..9793d96 100644 --- a/pages/supplier/suppler-order/order-detail.vue +++ b/pages/supplier/suppler-order/order-detail.vue @@ -6,9 +6,17 @@ <view class="section-title">鐗╂祦淇℃伅</view> <view class="userInfo"> <view class="name"> - <text>濮撳悕锛�</text> {{order.consigneeName}}</view> - <view class="phone"><text>鑱旂郴鐢佃瘽:</text> {{order.consigneeMobile}}</view> - <view class="addresss"><text>鍦板潃锛�</text> {{order.consigneeAddressPath}}</view> + <text>濮撳悕锛�</text> {{showPrivateInfo ? order.consigneeName : hideInfo(order.consigneeName)}}</view> + <view class="phone"><text>鑱旂郴鐢佃瘽:</text> {{showPrivateInfo ? order.consigneeMobile : hidePhone(order.consigneeMobile)}}</view> + <view class="address-line"> + <view class="addresss"><text>鍦板潃锛�</text> {{order.consigneeAddressPath}}</view> + <u-icon + :name="showPrivateInfo ? 'eye-fill' : 'eye-off'" + size="34" + @click="togglePrivacy" + ></u-icon> + </view> + </view> <view class="form-item"> <picker @change="selectLogistics" :value="logisticsIndex" :range="logisticsList" range-key="name" @@ -81,9 +89,11 @@ getChecked, partDelivery } from '@/api/supplier.js' + import '@/components/uview-components/uview-ui'; export default { data() { return { + showPrivateInfo:false, logisticsIndex: -1, logisticsList: [], trackingNumber: '', @@ -122,6 +132,21 @@ } }, methods: { + togglePrivacy(){ + this.showPrivateInfo = !this.showPrivateInfo; + }, + hideInfo(info) { + if (!info) return ''; + // 濮撳悕锛氭樉绀虹涓�涓瓧锛屽叾浠栫敤*浠f浛 + return info.length > 1 + ? info.substring(0, 1) + '*'.repeat(info.length - 1) + : '*'; + }, + hidePhone(phone) { + if (!phone) return ''; + // 鎵嬫満鍙凤細鏄剧ず鍓�3浣嶅拰鍚�4浣嶏紝涓棿鐢�****浠f浛 + return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2'); + }, // 閫夋嫨鐗╂祦鍏徃 selectLogistics(e) { this.logisticsIndex = e.detail.value @@ -265,6 +290,12 @@ </script> <style scoped> + /* 鍦板潃鍜屽浘鏍囧湪鍚屼竴琛� */ + .address-line { + display: flex; + align-items: center; + justify-content: space-between; + } /* 鏍峰紡淇濇寔涓嶅彉 */ .container { padding: 20rpx; -- Gitblit v1.8.0