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

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

seller/src/views/shop/system/clerk/clerkManage.vue

@@ -118,7 +118,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="所属部门">
-          <department-tree-choose @change="handleEditSelectDepTree" ref="depTree"></department-tree-choose>
+          <department-tree-choose @on-change="handleEditSelectDepTree" ref="editDepTree"></department-tree-choose>
         </el-form-item>
 
       </el-form>
@@ -166,7 +166,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="所属部门" v-if="oldMember || newMember">
-          <department-tree-choose @change="handleSelectDepTree" ref="depTree"></department-tree-choose>
+          <department-tree-choose @on-change="handleSelectDepTree" ref="addDepTree"></department-tree-choose>
         </el-form-item>
       </el-form>
 
@@ -498,35 +498,36 @@ export default {
       this.userModalVisible = true;
       this.$nextTick(() => {
         this.$refs.addForm?.resetFields();
-        this.$refs.depTree?.clearSelect?.();
+        this.$refs.addDepTree?.clearSelect?.();
       });
     },
     // 编辑用户
     edit(v) {
-
       getClerk(v.id).then(res => {
-
-        this.mobile = res.result.mobile
-        this.clerkName = res.result.clerkName
-        this.editForm.isSuper = 0
-        this.editForm.id = res.result.id
-        if(res.result.isSuper){
-          this.editForm.isSuper = 1
+        if (!res.success || !res.result) {
+          return;
         }
-        this.editForm.departmentId = res.result.departmentId
-        this.$refs.depTree.setData(res.result.departmentId, res.result.departmentTitle);
-        let selectRolesId = [];
+        this.mobile = res.result.mobile;
+        this.clerkName = res.result.clerkName;
+        this.editForm.isSuper = res.result.isSuper ? 1 : 0;
+        this.editForm.id = res.result.id;
+        this.editForm.departmentId = res.result.departmentId;
+        const selectRolesId = [];
         if (res.result.roles) {
           res.result.roles.forEach(function (e) {
             selectRolesId.push(e.id);
           });
         }
         this.editForm.roles = selectRolesId;
-
         this.modalTitle = "修改店员";
         this.userEditModalVisible = true;
-      })
-
+        this.$nextTick(() => {
+          this.$refs.editDepTree?.setData(
+            res.result.departmentId,
+            res.result.departmentTitle
+          );
+        });
+      });
     },
     // 启用
     enable(v) {

seller/src/views/shop/system/department/storeDepartmentManage.vue

@@ -24,12 +24,11 @@
             <el-tree
               ref="treeRef"
               :data="data"
-              lazy
-              :load="loadNode"
               :props="treeProps"
               node-key="id"
               show-checkbox
               highlight-current
+              default-expand-all
               :check-strictly="!strict"
               :current-node-key="currentNodeKey"
               @node-click="onNodeClick"
@@ -109,7 +108,6 @@
 <script>
 import {
   initDepartment,
-  loadDepartment,
   addDepartment,
   editDepartment,
   deleteDepartment,
@@ -176,23 +174,20 @@ export default {
       initDepartment().then((res) => {
         this.loading = false;
         if (res.success) {
-          this.data = this.bubbleSort(res.result);
+          const list = Array.isArray(res.result) ? res.result : [];
+          this.data = this.bubbleSort(this.normalizeDepartmentTree(list));
         }
       });
     },
-    loadNode(node, resolve) {
-      const id = node.data?.id;
-      if (id === undefined || id === null) {
-        resolve([]);
-        return;
-      }
-      loadDepartment(id).then((res) => {
-        this.loadingEdit = false;
-        if (res.success) {
-          resolve(res.result || []);
+    normalizeDepartmentTree(list) {
+      return list.map((item) => {
+        const node = { ...item };
+        if (Array.isArray(node.children) && node.children.length > 0) {
+          node.children = this.normalizeDepartmentTree(node.children);
         } else {
-          resolve([]);
+          delete node.children;
         }
+        return node;
       });
     },
     onNodeClick(data) {
@@ -235,6 +230,7 @@ export default {
       this.selectCount = checkedNodes.length;
     },
     bubbleSort(array) {
+      if (!Array.isArray(array)) return [];
       const len = array.length;
       if (len < 2) return array;
       for (let i = 0; i < len; i++) {