新增待办信息

web-vue/packages/erp/views/erp/accountTransfer/list.vue

@@ -120,6 +120,7 @@
       sorter: true,
       width: 180,
       align: 'left',
+	  fixed:'left',
     },
     {
       title: t('转账说明'),

web-vue/packages/erp/views/erp/erpInc/index.vue

@@ -1,33 +1,83 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="支出信息">
-				<Expense />
-			</TabPane>
-			<TabPane key="2" tab="收入信息">
-				<Income />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <Expense />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <Income />
+	    </div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
-  import { Tag, Tabs ,TabPane } from 'ant-design-vue';
+  import { Icon } from '@jeesite/core/components/Icon';
   import { PageWrapper } from '@jeesite/core/components/Page';
+  import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import Expense from './expense/list.vue';
   import Income from './income/list.vue';
+  
   const activeKey = ref('1');
-
+  const configItems = [
+    { key: '1', label: '支出信息', icon: 'ant-design:rotate-left-outlined' },
+    { key: '2', label: '收入信息', icon: 'ant-design:rotate-right-outlined' }
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
-  width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
 }
 
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */ 
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
+  width: 100%;
+  height: 100%;
+}
 </style>