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

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

manager/src/views/member/list/index.vue

@@ -187,12 +187,7 @@
             type="primary"
             link
             class="upload"
-            @click="
-              () => {
-                picModelFlag = true;
-                $refs.ossManage.selectImage = true;
-              }
-            "
+            @click="openPicSelector"
           >修改</el-button>
         </el-form-item>
         <el-form-item label="用户名" prop="name">
@@ -538,6 +533,14 @@ export default {
         }
       });
     },
+    openPicSelector() {
+      this.picModelFlag = true;
+      this.$nextTick(() => {
+        if (this.$refs.ossManage) {
+          this.$refs.ossManage.selectImage = true;
+        }
+      });
+    },
     callbackSelected(val) {
       this.picModelFlag = false;
       this.form.face = val.url;

manager/src/views/member/list/memberRecycle.vue

@@ -94,12 +94,7 @@
             type="primary"
             link
             class="upload"
-            @click="
-              () => {
-                picModelFlag = true;
-                $refs.ossManage.selectImage = true;
-              }
-            "
+            @click="openPicSelector"
           >修改</el-button>
           <input type="file" style="display: none" id="file" />
         </el-form-item>
@@ -223,6 +218,14 @@ export default {
         }
       });
     },
+    openPicSelector() {
+      this.picModelFlag = true;
+      this.$nextTick(() => {
+        if (this.$refs.ossManage) {
+          this.$refs.ossManage.selectImage = true;
+        }
+      });
+    },
     callbackSelected(val) {
       this.picModelFlag = false;
       this.formValidate.face = val.url;