refactor: 重构组件逻辑与样式优化

- 在 App.vue 中重构站点信息的获取与应用逻辑，提升代码可读性与维护性。
- 更新 Search.vue 组件，优化搜索框的样式与结构，增强用户体验。
- 在 element.scss 中注释掉不再使用的样式，并新增确认收货按钮的样式。
- 改进多个页面的布局与样式，确保响应式设计的一致性与美观性。
- 更新订单相关组件的按钮样式，提升视觉一致性与可用性。

manager/src/views/sys/role-manage/roleManage.vue

@@ -74,9 +74,10 @@
       v-model="permModalVisible"
       :title="modalTitle"
       width="500px"
+      align-center
+      append-to-body
       :close-on-click-modal="false"
-      class="permModal"
-      top="30px"
+      class="permModal role-perm-dialog"
     >
       <div v-loading="treeLoading" style="position: relative; max-height: 560px; overflow: auto">
         <el-tree
@@ -115,7 +116,14 @@
       </template>
     </el-dialog>
 
-    <el-dialog v-model="selectIsSuperModel" title="选择菜单权限" width="800px">
+    <el-dialog
+      v-model="selectIsSuperModel"
+      title="选择菜单权限"
+      width="800px"
+      align-center
+      append-to-body
+      class="role-perm-dialog"
+    >
       <div class="btns">
         <el-button type="primary" class="btn-item" @click="setRole()">一键选中·数据权限</el-button>
         <el-button class="btn-item" @click="setRole('onlyView')">一键选中·查看权限</el-button>
@@ -295,23 +303,30 @@ export default {
     addRole() {
       this.modalType = 0;
       this.modalTitle = "添加角色";
-      this.$refs.roleForm?.resetFields();
-      delete this.roleForm.id;
+      this.roleForm = {
+        name: "",
+        description: "",
+      };
       this.roleModalVisible = true;
+      this.$nextTick(() => {
+        this.$refs.roleForm?.resetFields();
+        this.$refs.roleForm?.clearValidate();
+      });
     },
     edit(v) {
       this.modalType = 1;
       this.modalTitle = "编辑角色";
-      this.$refs.roleForm?.resetFields();
       for (let attr in v) {
         if (v[attr] == null) {
           v[attr] = "";
         }
       }
-      let str = JSON.stringify(v);
-      let roleInfo = JSON.parse(str);
+      const roleInfo = JSON.parse(JSON.stringify(v));
       this.roleForm = roleInfo;
       this.roleModalVisible = true;
+      this.$nextTick(() => {
+        this.$refs.roleForm?.clearValidate();
+      });
     },
     remove(v) {
       this.$Modal.confirm({
@@ -553,3 +568,10 @@ export default {
   margin-right: 20px;
 }
 </style>
+
+<style lang="scss">
+.role-perm-dialog .el-dialog__body {
+  max-height: calc(100vh - 220px);
+  overflow-y: auto;
+}
+</style>