add

frontend/src/views/ProductDetail.vue

@@ -34,6 +34,7 @@
 import { getProduct } from '../api/product';
 import { listAddresses } from '../api/address';
 import { createOrder } from '../api/order';
+import { codeToText } from 'element-china-area-data';
 
 export default {
   data() {
@@ -65,7 +66,18 @@ export default {
       });
     },
     formatAddress(addr) {
-      return `${addr.recipientName} ${addr.phone} ${addr.province || ''}${addr.city || ''}${addr.district || ''}${addr.detail || ''}`;
+      const province = this.formatRegion(addr.province);
+      const city = this.formatRegion(addr.city);
+      const district = this.formatRegion(addr.district);
+      return `${addr.recipientName} ${addr.phone} ${province}${city}${district}${addr.detail || ''}`;
+    },
+    formatRegion(value) {
+      if (!value) return '';
+      const key = String(value);
+      if (codeToText && codeToText[key]) {
+        return codeToText[key];
+      }
+      return value;
     },
     submitOrder() {
       if (!this.addressId) {