feat: 新增全局布局样式并提升组件响应式表现

- 在 global-layout.scss 中引入全局布局样式，统一页面宽度与对齐方式
- 更新多个组件与页面以优化响应式，包括宽度、间距及 flex 布局等调整
- 在 API 请求中增加 loading 状态管理，改善用户体验
- 优化领券中心与商品详情页，提升功能与 UI 一致性

buyer/src/pages/home/memberCenter/Distribution.vue

@@ -470,29 +470,36 @@ export default {
     },
     distribution() {
       // 获取分销商信息
-      distribution().then((res) => {
-        if (res.result) {
-          this.result = res.result;
-          let type = res.result.distributionStatus;
-          if (type === "PASS") {
-            this.status = 2;
-            this.getGoodsData();
-          } else if ( type === "REFUSE") {
+      distribution()
+        .then((res) => {
+          if (res?.result) {
+            this.result = res.result;
+            const type = res.result.distributionStatus;
+            if (type === "PASS") {
+              this.status = 2;
+              this.getGoodsData();
+            } else if (type === "REFUSE") {
+              this.status = 0;
+            } else if (type === "RETREAT") {
+              this.status = 4;
+            } else if (type === "APPEAL") {
+              this.status = 5;
+            } else {
+              this.status = 1;
+            }
+          } else if (res?.code === 22000) {
+            // 分销功能未开启
+            this.status = 3;
+          } else {
+            // 没有资格申请，显示申请表单
             this.status = 0;
-          } else if (type === "RETREAT") {
-            this.status = 4;
-          }else if (type === "APPEAL") {
-            this.status = 5;
-          }else {
-            this.status = 1;
           }
-        } else if (!res.data.success && res.data.code === 22000) {
-          this.status = 3;
-        } else {
-          // 没有资格申请 先去实名认证
-          this.status = 0;
-        }
-      });
+        })
+        .catch((err) => {
+          if (err?.code === 22000) {
+            this.status = 3;
+          }
+        });
     },
   },
 };