feat: 添加pinia持久化插件并优化布局和API配置

- 添加pinia-plugin-persistedstate依赖实现状态持久化
- 将多处actions-summary布局从2列改为4列
- 调整secondTop页面高度和滚动区域高度
- 更新API基础路径为192.168.15.53
- 添加seniorManager页面的用户下拉组件
- 创建senorManger.js API接口文件

my-vue-app/src/views/secondTop/components/ActionItems.vue

@@ -881,7 +881,7 @@ const addAction = () => {
     }
     
     .actions-summary {
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(4, 1fr);
     }
     
     .action-item {

my-vue-app/src/views/secondTop/components/seniorManager.vue

@@ -712,7 +712,7 @@ const getStatusText = (status) => {
     }
     
     .actions-summary {
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(4, 1fr);
       gap: 0.5rem;
       margin-bottom: 1rem;
       

my-vue-app/src/views/secondTop/secondTop.vue

@@ -809,7 +809,7 @@ const getStatusText = (status) => {
 }
 
 .action-items-compact {
-  height: 400px;
+  height: 380px;
   overflow: hidden;
   
   :deep(.action-items) {
@@ -839,7 +839,7 @@ const getStatusText = (status) => {
     }
     
     .actions-summary {
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(4, 1fr);
       gap: 0.5rem;
       margin-bottom: 1rem;
       
@@ -857,7 +857,7 @@ const getStatusText = (status) => {
     }
     
     .actions-list {
-      max-height: 200px;
+      max-height: 230px;
       overflow-y: auto;
       
       .action-item {

my-vue-app/src/views/senorManger/seniorManager.vue

@@ -8,19 +8,7 @@
             <h1>高级经理指挥台</h1>
             <p>统筹多组运营，优化资源配置，驱动业绩增长，实现团队协同发展。</p>
           </div>
-              <div
-            class="header-ringht"
-            style="display: flex; align-items: center; gap: 10px;margin-left: auto;"
-          >
-            <img
-              src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"
-              alt="用户头像"
-              class="avatar"
-              @error="handleAvatarError"
-              style="width: 35px; height: 35px"
-            />
-            <span>你好，管理员</span>
-          </div>
+              <UserDropdown class="header-ringht" style="margin-left: auto;" />
         </div>
       </div>
     </header>
@@ -154,6 +142,7 @@ import CustomerDetail from './components/CustomerDetail.vue'
 import ProblemRanking from './components/ProblemRanking.vue'
 import StatisticalIndicators from './components/StatisticalIndicators.vue'
 import manager from './components/manager.vue'
+import UserDropdown from '@/components/UserDropdown.vue'
 
 const customerCommunicationRate = ref(85)
 const averageResponseTime = ref(15)
@@ -726,6 +715,7 @@ const getStatusText = (status) => {
   .logo-section {
     display: flex;
     align-items: center;
+    justify-content: space-between;
     gap: 1rem;
   }
   
@@ -809,7 +799,7 @@ const getStatusText = (status) => {
     }
     
     .actions-summary {
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: repeat(4, 1fr);
       gap: 0.5rem;
       margin-bottom: 1rem;