diff --git a/antis-ncc-admin/src/api/extend/headquartersStock.js b/antis-ncc-admin/src/api/extend/headquartersStock.js
new file mode 100644
index 0000000..ad1e57f
--- /dev/null
+++ b/antis-ncc-admin/src/api/extend/headquartersStock.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 获取总部股份统计列表
+export function getHeadquartersStockList(params) {
+  return request({
+    url: '/api/Extend/lqsharestatisticshq/list',
+    method: 'GET',
+    data: params
+  })
+}
+
+// 生成总部股份统计数据
+export function generateHeadquartersStock(data) {
+  return request({
+    url: '/api/Extend/lqsharestatisticshq/generate',
+    method: 'POST',
+    data: data
+  })
+}
+
diff --git a/antis-ncc-admin/src/api/extend/shopStock.js b/antis-ncc-admin/src/api/extend/shopStock.js
new file mode 100644
index 0000000..443c14d
--- /dev/null
+++ b/antis-ncc-admin/src/api/extend/shopStock.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+// 获取门店股份统计列表
+export function getShopStockList(params) {
+  return request({
+    url: '/api/Extend/lqsharestatisticsstore/list',
+    method: 'GET',
+    data: params
+  })
+}
+
+// 生成门店股份统计数据
+export function generateShopStock(data) {
+  return request({
+    url: '/api/Extend/lqsharestatisticsstore/generate',
+    method: 'POST',
+    data: data
+  })
+}
+
+// 获取门店下拉框列表
+export function getStoreSelector() {
+  return request({
+    url: '/api/Extend/LqMdxx/Selector',
+    method: 'GET'
+  })
+}
+
diff --git a/antis-ncc-admin/src/api/extend/techStock.js b/antis-ncc-admin/src/api/extend/techStock.js
new file mode 100644
index 0000000..7b07a14
--- /dev/null
+++ b/antis-ncc-admin/src/api/extend/techStock.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 获取科技部股份统计列表
+export function getTechStockList(params) {
+  return request({
+    url: '/api/Extend/lqsharestatisticstechdept/list',
+    method: 'GET',
+    data: params
+  })
+}
+
+// 生成科技部股份统计数据
+export function generateTechStock(data) {
+  return request({
+    url: '/api/Extend/lqsharestatisticstechdept/generate',
+    method: 'POST',
+    data: data
+  })
+}
+
diff --git a/antis-ncc-admin/src/views/statisticsList/form13.vue b/antis-ncc-admin/src/views/statisticsList/form13.vue
index c6ab8dc..651cc89 100644
--- a/antis-ncc-admin/src/views/statisticsList/form13.vue
+++ b/antis-ncc-admin/src/views/statisticsList/form13.vue
@@ -209,12 +209,12 @@
           </el-table-column>
           <el-table-column prop="sourceType" label="合作机构" min-width="100">
             <template slot-scope="scope">
-              <span>{{ scope.row.paymentMethod == '合作' ? (scope.row.hgjg || '无') : '无' }}</span>
+              <span>{{ scope.row.paymentMethod == '合作' ? (scope.row.hgjgName || '无') : '无' }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="sourceType" label="结算结构" min-width="100">
             <template slot-scope="scope">
-              <span>{{ scope.row.paymentMethod != '合作' ? (scope.row.fkyy || '无') : '无' }}</span>
+              <span>{{ scope.row.paymentMethod != '合作' ? (scope.row.fkyyName || '无') : '无' }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="remark" label="备注" min-width="150" show-overflow-tooltip>
diff --git a/antis-ncc-admin/src/views/wageManagement/headquarters-stock-detail-dialog.vue b/antis-ncc-admin/src/views/wageManagement/headquarters-stock-detail-dialog.vue
new file mode 100644
index 0000000..20b0e3f
--- /dev/null
+++ b/antis-ncc-admin/src/views/wageManagement/headquarters-stock-detail-dialog.vue
@@ -0,0 +1,262 @@
+<template>
+  <el-dialog
+    title="总部股份详情"
+    :visible="visible"
+    width="1000px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    class="detail-dialog"
+  >
+    <div v-if="detailData" class="detail-content">
+      <!-- 基本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-user"></i>
+          <span>基本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">统计月份：</span>
+              <span class="value">{{ formatMonth(detailData.StatisticsMonth) || '无' }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.CreateTime">
+              <span class="label">创建时间：</span>
+              <span class="value">{{ formatDateTime(detailData.CreateTime) }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.UpdateTime">
+              <span class="label">更新时间：</span>
+              <span class="value">{{ formatDateTime(detailData.UpdateTime) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 收入信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-trophy"></i>
+          <span>收入信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">收入-全部：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.IncomeGeneral) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">收入-科技部：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.IncomeTechDept) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 成本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-shopping-cart-2"></i>
+          <span>成本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">成本-报销：</span>
+              <span class="value">{{ formatMoney(detailData.CostReimbursement) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工：</span>
+              <span class="value">{{ formatMoney(detailData.CostLabor) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-教育部房租：</span>
+              <span class="value">{{ formatMoney(detailData.CostEducationRent) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-仓库房租：</span>
+              <span class="value">{{ formatMoney(detailData.CostWarehouseRent) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-总部房租：</span>
+              <span class="value">{{ formatMoney(detailData.CostHQRent) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 利润结果 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-data-line"></i>
+          <span>利润结果</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">运营利润：</span>
+              <span class="value highlight large profit">{{ formatMoney(detailData.OperationalProfit) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'HeadquartersStockDetailDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    detailData: {
+      type: Object,
+      default: null
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('close')
+    },
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+    formatMonth(value) {
+      if (!value || value.length !== 6) {
+        return value || '无'
+      }
+      const year = value.substring(0, 4)
+      const month = value.substring(4, 6)
+      return `${year}-${month}`
+    },
+    formatDateTime(value) {
+      if (!value) return '无'
+      const date = new Date(value)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-dialog {
+  .detail-content {
+    max-height: 70vh;
+    overflow-y: auto;
+    padding: 20px;
+  }
+
+  .detail-section {
+    margin-bottom: 24px;
+    background: #f9f9f9;
+    border-radius: 8px;
+    padding: 16px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 16px;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+      border-bottom: 2px solid #409EFF;
+      padding-bottom: 8px;
+
+      i {
+        color: #409EFF;
+        font-size: 18px;
+      }
+    }
+
+    .section-content {
+      .info-row {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20px;
+
+        .info-item {
+          flex: 0 0 calc(33.333% - 14px);
+          min-width: 250px;
+          display: flex;
+          align-items: center;
+          padding: 8px 12px;
+          background: #fff;
+          border-radius: 4px;
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+          .label {
+            color: #606266;
+            font-weight: 500;
+            margin-right: 8px;
+            white-space: nowrap;
+          }
+
+          .value {
+            color: #303133;
+            flex: 1;
+            text-align: right;
+
+            &.highlight {
+              color: #409EFF;
+              font-weight: 600;
+            }
+
+            &.large {
+              font-size: 18px;
+            }
+
+            &.profit {
+              color: #67C23A;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .dialog-footer {
+    text-align: right;
+    padding: 20px;
+    border-top: 1px solid #e4e7ed;
+  }
+}
+
+// 滚动条样式
+.detail-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.detail-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.detail-content::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+
+  &:hover {
+    background: #a8a8a8;
+  }
+}
+</style>
+
diff --git a/antis-ncc-admin/src/views/wageManagement/headquarters-stock.vue b/antis-ncc-admin/src/views/wageManagement/headquarters-stock.vue
index 899688d..b739f67 100644
--- a/antis-ncc-admin/src/views/wageManagement/headquarters-stock.vue
+++ b/antis-ncc-admin/src/views/wageManagement/headquarters-stock.vue
@@ -8,8 +8,24 @@
       </div>
       <div class="header-right">
         <el-button 
+          type="success" 
+          icon="el-icon-download"
+          @click="handleExport"
+          :loading="exportLoading"
+        >
+          导出
+        </el-button>
+        <el-button 
+          type="primary" 
+          icon="el-icon-cpu"
+          @click="showCalculateDialog"
+          :loading="calculateLoading"
+        >
+          计算股份
+        </el-button>
+        <el-button 
           icon="el-icon-refresh" 
-          @click="handleRefresh"
+          @click="getList"
           :loading="loading"
         >
           刷新
@@ -17,28 +33,382 @@
       </div>
     </div>
 
-    <!-- 内容区域 -->
-    <div class="content-container">
-      <!-- 待开发 -->
+    <!-- 搜索区域 -->
+    <div class="search-container">
+      <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="80px">
+        <el-form-item label="统计月份" prop="statisticsMonth">
+          <el-date-picker
+            v-model="queryParams.statisticsMonth"
+            type="month"
+            placeholder="选择月份"
+            format="yyyyMM"
+            value-format="yyyyMM"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
     </div>
+
+    <!-- 数据表格 -->
+    <div class="table-container">
+      <NCC-table 
+        v-loading="loading" 
+        :data="list" 
+        border 
+        stripe
+        height="calc(100vh - 420px)"
+        :header-cell-style="{ background: '#f5f7fa', color: '#606266' }"
+      >
+        <!-- 基本信息 -->
+        <el-table-column prop="StatisticsMonth" label="统计月份" width="150" align="center" fixed="left">
+          <template slot-scope="scope">
+            <div class="month-name">
+              <i class="el-icon-date month-icon"></i>
+              <span>{{ formatMonth(scope.row.StatisticsMonth) || '无' }}</span>
+            </div>
+          </template>
+        </el-table-column>
+
+        <!-- 收入信息 -->
+        <el-table-column label="收入信息" align="center">
+          <el-table-column prop="IncomeGeneral" label="收入-全部" width="140" align="center">
+            <template slot-scope="scope">
+              <span class="highlight">{{ formatMoney(scope.row.IncomeGeneral) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="IncomeTechDept" label="收入-科技部" width="140" align="center">
+            <template slot-scope="scope">
+              <span class="highlight">{{ formatMoney(scope.row.IncomeTechDept) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 成本信息 -->
+        <el-table-column label="成本信息" align="center">
+          <el-table-column prop="CostReimbursement" label="成本-报销" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostReimbursement) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostLabor" label="成本-人工" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostLabor) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostEducationRent" label="成本-教育部房租" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostEducationRent) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostWarehouseRent" label="成本-仓库房租" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostWarehouseRent) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostHQRent" label="成本-总部房租" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostHQRent) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 利润结果 -->
+        <el-table-column label="利润结果" align="center">
+          <el-table-column prop="OperationalProfit" label="运营利润" width="140" align="center">
+            <template slot-scope="scope">
+              <span class="highlight profit">{{ formatMoney(scope.row.OperationalProfit) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 操作列 -->
+        <el-table-column label="操作" width="120" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button 
+              type="text" 
+              size="mini"
+              icon="el-icon-view"
+              @click="showDetail(scope.row)"
+            >
+              查看详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </NCC-table>
+    </div>
+
+    <!-- 计算股份弹窗 -->
+    <el-dialog
+      title="计算总部股份"
+      :visible="calculateDialogVisible"
+      width="500px"
+      :close-on-click-modal="false"
+      @close="handleCalculateDialogClose"
+    >
+      <el-form label-width="100px" label-position="right">
+        <el-form-item label="统计月份" required>
+          <el-date-picker
+            v-model="calculateMonth"
+            type="month"
+            placeholder="请选择月份"
+            format="yyyyMM"
+            value-format="yyyyMM"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleCalculateDialogClose">取消</el-button>
+        <el-button 
+          type="primary" 
+          @click="handleCalculateConfirm"
+          :loading="calculateLoading"
+        >
+          确定
+        </el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <headquarters-stock-detail-dialog
+      :visible="detailVisible"
+      :detail-data="currentDetailData"
+      @close="handleDetailClose"
+    />
   </div>
 </template>
 
 <script>
+import { getHeadquartersStockList, generateHeadquartersStock } from '@/api/extend/headquartersStock'
+import HeadquartersStockDetailDialog from './headquarters-stock-detail-dialog.vue'
+
 export default {
   name: 'HeadquartersStock',
+  components: {
+    HeadquartersStockDetailDialog
+  },
   data() {
+    // 获取当前月份
+    const getCurrentMonth = () => {
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      return `${year}${month}`
+    }
+
     return {
-      loading: false
+      loading: false,
+      calculateLoading: false,
+      exportLoading: false,
+      list: [],
+      calculateDialogVisible: false,
+      calculateMonth: getCurrentMonth(),
+      detailVisible: false,
+      currentDetailData: null,
+      queryParams: {
+        statisticsMonth: getCurrentMonth() // yyyyMM 格式
+      }
     }
   },
+  created() {
+    this.getList()
+  },
   methods: {
-    handleRefresh() {
+    // 获取列表数据
+    async getList() {
       this.loading = true
-      setTimeout(() => {
+      try {
+        const params = {
+          StatisticsMonth: this.queryParams.statisticsMonth || undefined
+        }
+
+        const response = await getHeadquartersStockList(params)
+
+        if (response.code === 200) {
+          this.list = response.data.data || []
+        } else {
+          this.$message.error(response.msg || '获取数据失败')
+        }
+      } catch (error) {
+        console.error('获取总部股份列表失败:', error)
+        this.$message.error('获取数据失败')
+      } finally {
         this.loading = false
-        this.$message.success('刷新成功')
-      }, 500)
+      }
+    },
+
+    // 搜索
+    handleQuery() {
+      this.getList()
+    },
+
+    // 重置搜索
+    resetQuery() {
+      const getCurrentMonth = () => {
+        const now = new Date()
+        const year = now.getFullYear()
+        const month = String(now.getMonth() + 1).padStart(2, '0')
+        return `${year}${month}`
+      }
+
+      this.queryParams = {
+        statisticsMonth: getCurrentMonth()
+      }
+      this.getList()
+    },
+
+    // 显示计算股份弹窗
+    showCalculateDialog() {
+      const getCurrentMonth = () => {
+        const now = new Date()
+        const year = now.getFullYear()
+        const month = String(now.getMonth() + 1).padStart(2, '0')
+        return `${year}${month}`
+      }
+      this.calculateMonth = getCurrentMonth()
+      this.calculateDialogVisible = true
+    },
+
+    // 关闭计算股份弹窗
+    handleCalculateDialogClose() {
+      this.calculateDialogVisible = false
+    },
+
+    // 确认计算股份
+    async handleCalculateConfirm() {
+      if (!this.calculateMonth) {
+        this.$message.warning('请选择统计月份')
+        return
+      }
+
+      this.calculateLoading = true
+      try {
+        const data = {
+          statisticsMonth: this.calculateMonth
+        }
+
+        const response = await generateHeadquartersStock(data)
+        if (response.code === 200) {
+          this.$message.success('计算股份成功')
+          this.calculateDialogVisible = false
+          this.getList()
+        } else {
+          this.$message.error(response.msg || '计算股份失败')
+        }
+      } catch (error) {
+        console.error('计算股份失败:', error)
+        this.$message.error(error.message || '计算股份失败')
+      } finally {
+        this.calculateLoading = false
+      }
+    },
+
+    // 显示详情
+    showDetail(row) {
+      this.currentDetailData = row
+      this.detailVisible = true
+    },
+
+    // 关闭详情弹窗
+    handleDetailClose() {
+      this.detailVisible = false
+      this.currentDetailData = null
+    },
+
+    // 导出功能
+    async handleExport() {
+      if (!this.list || this.list.length === 0) {
+        this.$message.warning('暂无数据可导出')
+        return
+      }
+
+      this.exportLoading = true
+      try {
+        // 动态导入 xlsx 库
+        const XLSX = await import('xlsx')
+
+        // 构建表头（根据后端DTO字段的中文映射）
+        const headers = [
+          '统计月份',
+          '收入-全部',
+          '收入-科技部',
+          '成本-报销',
+          '成本-人工',
+          '成本-教育部房租',
+          '成本-仓库房租',
+          '成本-总部房租',
+          '运营利润'
+        ]
+
+        // 构建数据行
+        const dataRows = this.list.map(item => [
+          this.formatMonth(item.StatisticsMonth) || '无',
+          this.formatMoney(item.IncomeGeneral),
+          this.formatMoney(item.IncomeTechDept),
+          this.formatMoney(item.CostReimbursement),
+          this.formatMoney(item.CostLabor),
+          this.formatMoney(item.CostEducationRent),
+          this.formatMoney(item.CostWarehouseRent),
+          this.formatMoney(item.CostHQRent),
+          this.formatMoney(item.OperationalProfit)
+        ])
+
+        // 合并表头和数据
+        const excelData = [headers, ...dataRows]
+
+        // 创建工作表
+        const ws = XLSX.utils.aoa_to_sheet(excelData)
+
+        // 设置列宽
+        const colWidths = headers.map(() => ({ wch: 15 }))
+        ws['!cols'] = colWidths
+
+        // 创建工作簿
+        const wb = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(wb, ws, '总部股份')
+
+        // 生成文件名
+        const now = new Date()
+        const timestamp = now.getFullYear() + 
+          String(now.getMonth() + 1).padStart(2, '0') + 
+          String(now.getDate()).padStart(2, '0') + 
+          String(now.getHours()).padStart(2, '0') + 
+          String(now.getMinutes()).padStart(2, '0') + 
+          String(now.getSeconds()).padStart(2, '0')
+        const fileName = `总部股份_${timestamp}.xlsx`
+
+        // 导出文件
+        XLSX.writeFile(wb, fileName)
+
+        this.$message.success('导出成功')
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error('导出失败，请重试')
+      } finally {
+        this.exportLoading = false
+      }
+    },
+
+    // 格式化金额
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+
+    // 格式化月份
+    formatMonth(value) {
+      if (!value || value.length !== 6) {
+        return value || '无'
+      }
+      const year = value.substring(0, 4)
+      const month = value.substring(4, 6)
+      return `${year}-${month}`
     }
   }
 }
@@ -81,12 +451,58 @@ export default {
   }
 }
 
-.content-container {
+.search-container {
+  margin-bottom: 20px;
   padding: 20px;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  min-height: 400px;
 }
-</style>
 
+.table-container {
+  margin-bottom: 20px;
+  padding: 20px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.month-name {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  .month-icon {
+    color: #409EFF;
+    font-size: 16px;
+  }
+}
+
+.highlight {
+  color: #409EFF;
+  font-weight: 600;
+}
+
+.profit {
+  color: #67C23A;
+}
+
+// 表格样式优化
+::v-deep .el-table {
+  .el-table__header-wrapper {
+    th {
+      background-color: #f5f7fa;
+      color: #606266;
+      font-weight: 600;
+    }
+  }
+
+  .el-table__body-wrapper {
+    .el-table__row {
+      &:hover {
+        background-color: #f5f7fa;
+      }
+    }
+  }
+}
+</style>
diff --git a/antis-ncc-admin/src/views/wageManagement/major-project-director-detail-dialog.vue b/antis-ncc-admin/src/views/wageManagement/major-project-director-detail-dialog.vue
new file mode 100644
index 0000000..cee209a
--- /dev/null
+++ b/antis-ncc-admin/src/views/wageManagement/major-project-director-detail-dialog.vue
@@ -0,0 +1,418 @@
+<template>
+  <el-dialog
+    title="大项目主管工资详情"
+    :visible="visible"
+    width="1400px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    class="detail-dialog"
+  >
+    <div v-if="detailData" class="detail-content">
+      <!-- 基本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-user"></i>
+          <span>基本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">员工姓名：</span>
+              <span class="value">{{ detailData.EmployeeName || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">员工账号：</span>
+              <span class="value">{{ detailData.EmployeeAccount || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">核算岗位：</span>
+              <span class="value">{{ detailData.Position || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">统计月份：</span>
+              <span class="value">{{ detailData.StatisticsMonth || '无' }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.IsTerminated !== undefined && detailData.IsTerminated !== null">
+              <span class="label">是否离职：</span>
+              <el-tag :type="detailData.IsTerminated === 1 ? 'danger' : 'success'" size="mini">
+                {{ detailData.IsTerminated === 1 ? '已离职' : '在职' }}
+              </el-tag>
+            </div>
+            <div class="info-item" v-if="detailData.IsLocked !== undefined && detailData.IsLocked !== null">
+              <span class="label">锁定状态：</span>
+              <el-tag :type="detailData.IsLocked === 1 ? 'danger' : 'success'" size="mini">
+                {{ detailData.IsLocked === 1 ? '已锁定' : '未锁定' }}
+              </el-tag>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 业绩信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-trophy"></i>
+          <span>业绩信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">开单金额：</span>
+              <span class="value">{{ formatMoney(detailData.BillingAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">退卡金额：</span>
+              <span class="value">{{ formatMoney(detailData.RefundAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">总业绩：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TotalPerformance) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 提成信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-money"></i>
+          <span>提成信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">提成比例：</span>
+              <span class="value">{{ formatPercent(detailData.CommissionRate) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">提成金额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.CommissionAmount) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 工资信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-wallet"></i>
+          <span>工资信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">底薪：</span>
+              <span class="value">{{ formatMoney(detailData.BaseSalary) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">在店天数：</span>
+              <span class="value">{{ detailData.WorkingDays || '0' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">请假天数：</span>
+              <span class="value">{{ detailData.LeaveDays || '0' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">核算应发工资：</span>
+              <span class="value highlight">{{ formatMoney(detailData.CalculatedGrossSalary) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">最终应发工资：</span>
+              <span class="value highlight">{{ formatMoney(detailData.FinalGrossSalary) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 补贴信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-circle-plus"></i>
+          <span>补贴信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">当月培训补贴：</span>
+              <span class="value">{{ formatMoney(detailData.MonthlyTrainingSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当月交通补贴：</span>
+              <span class="value">{{ formatMoney(detailData.MonthlyTransportSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">上月培训补贴：</span>
+              <span class="value">{{ formatMoney(detailData.LastMonthTrainingSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">上月交通补贴：</span>
+              <span class="value">{{ formatMoney(detailData.LastMonthTransportSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">补贴合计：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TotalSubsidy) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 扣款信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-circle-minus"></i>
+          <span>扣款信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">缺卡扣款：</span>
+              <span class="value">{{ formatMoney(detailData.MissingCard) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">迟到扣款：</span>
+              <span class="value">{{ formatMoney(detailData.LateArrival) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">请假扣款：</span>
+              <span class="value">{{ formatMoney(detailData.LeaveDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣社保：</span>
+              <span class="value">{{ formatMoney(detailData.SocialInsuranceDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣除奖励：</span>
+              <span class="value">{{ formatMoney(detailData.RewardDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣住宿费：</span>
+              <span class="value">{{ formatMoney(detailData.AccommodationDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣学习期费用：</span>
+              <span class="value">{{ formatMoney(detailData.StudyPeriodDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣工作服费用：</span>
+              <span class="value">{{ formatMoney(detailData.WorkClothesDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣款合计：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TotalDeduction) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 其他信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-document"></i>
+          <span>其他信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">发奖金：</span>
+              <span class="value">{{ formatMoney(detailData.Bonus) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">退手机押金：</span>
+              <span class="value">{{ formatMoney(detailData.ReturnPhoneDeposit) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">退住宿押金：</span>
+              <span class="value">{{ formatMoney(detailData.ReturnAccommodationDeposit) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">补发上月：</span>
+              <span class="value">{{ formatMoney(detailData.LastMonthSupplement) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 支付信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-credit-card"></i>
+          <span>支付信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">实发工资：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.ActualSalary) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当月是否发放：</span>
+              <span class="value">{{ detailData.MonthlyPaymentStatus || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">支付金额：</span>
+              <span class="value">{{ formatMoney(detailData.PaidAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">待支付金额：</span>
+              <span class="value">{{ formatMoney(detailData.PendingAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当月支付总额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.MonthlyTotalPayment) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div v-else class="no-data">
+      <i class="el-icon-warning"></i>
+      <span>暂无数据</span>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'MajorProjectDirectorDetailDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    detailData: {
+      type: Object,
+      default: null
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('update:visible', false)
+      this.$emit('close')
+    },
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+    formatPercent(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00%'
+      }
+      return (Number(value) * 100).toFixed(2) + '%'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-dialog {
+  .detail-content {
+    max-height: 70vh;
+    overflow-y: auto;
+    padding-right: 10px;
+  }
+
+  .detail-section {
+    margin-bottom: 20px;
+    background: #fff;
+    border-radius: 8px;
+    padding: 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 16px;
+      padding-bottom: 12px;
+      border-bottom: 2px solid #409EFF;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+
+      i {
+        color: #409EFF;
+        font-size: 18px;
+      }
+    }
+
+    .section-content {
+      .info-row {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20px 40px;
+
+        .info-item {
+          display: flex;
+          align-items: center;
+          min-width: 200px;
+          flex: 0 0 calc(33.333% - 27px);
+
+          .label {
+            color: #606266;
+            font-size: 14px;
+            white-space: nowrap;
+            margin-right: 8px;
+          }
+
+          .value {
+            color: #303133;
+            font-size: 14px;
+            font-weight: 500;
+
+            &.highlight {
+              color: #409EFF;
+              font-weight: 600;
+            }
+
+            &.large {
+              font-size: 18px;
+              color: #67C23A;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .no-data {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60px 20px;
+    color: #909399;
+
+    i {
+      font-size: 48px;
+      margin-bottom: 16px;
+    }
+
+    span {
+      font-size: 14px;
+    }
+  }
+}
+
+// 滚动条样式
+.detail-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.detail-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.detail-content::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+
+  &:hover {
+    background: #a8a8a8;
+  }
+}
+</style>
+
diff --git a/antis-ncc-admin/src/views/wageManagement/major-project-directors.vue b/antis-ncc-admin/src/views/wageManagement/major-project-directors.vue
index 4a2664b..202bcb4 100644
--- a/antis-ncc-admin/src/views/wageManagement/major-project-directors.vue
+++ b/antis-ncc-admin/src/views/wageManagement/major-project-directors.vue
@@ -8,6 +8,14 @@
       </div>
       <div class="header-right">
         <el-button 
+          type="success" 
+          icon="el-icon-download"
+          @click="handleExport"
+          :loading="exportLoading"
+        >
+          导出
+        </el-button>
+        <el-button 
           type="primary" 
           icon="el-icon-cpu"
           @click="showCalculateDialog"
@@ -289,18 +297,27 @@
           </el-table-column>
         </el-table-column>
 
-        <!-- 其他字段 -->
-        <el-table-column prop="StoreDetail" label="门店明细" width="200" align="center" fixed="right">
+        <!-- 操作列 -->
+        <el-table-column label="操作" width="200" align="center" fixed="right">
           <template slot-scope="scope">
             <el-button 
               type="text" 
               size="mini"
+              icon="el-icon-view"
+              @click="showDetail(scope.row)"
+            >
+              查看详情
+            </el-button>
+            <el-button 
+              type="text" 
+              size="mini"
+              icon="el-icon-document"
               @click="showStoreDetail(scope.row)"
               v-if="scope.row.StoreDetail"
+              style="margin-left: 8px;"
             >
-              查看明细
+              门店明细
             </el-button>
-            <span v-else>无</span>
           </template>
         </el-table-column>
       </NCC-table>
@@ -348,6 +365,13 @@
       </div>
     </el-dialog>
 
+    <!-- 详情弹窗 -->
+    <major-project-director-detail-dialog
+      :visible="detailVisible"
+      :detail-data="currentDetailData"
+      @close="handleDetailClose"
+    />
+
     <!-- 门店明细弹窗 -->
     <el-dialog
       title="门店明细"
@@ -382,9 +406,13 @@
 
 <script>
 import { getMajorProjectDirectorSalaryList, calculateMajorProjectDirectorSalary } from '@/api/extend/majorProjectDirectorSalary'
+import MajorProjectDirectorDetailDialog from './major-project-director-detail-dialog.vue'
 
 export default {
   name: 'MajorProjectDirectorSalary',
+  components: {
+    MajorProjectDirectorDetailDialog
+  },
   data() {
     // 获取当前年月
     const getCurrentYear = () => {
@@ -400,11 +428,14 @@ export default {
     return {
       loading: false,
       calculateLoading: false,
+      exportLoading: false,
       list: [],
       total: 0,
       calculateDialogVisible: false,
       calculateYear: getCurrentYear(),
       calculateMonth: getCurrentMonth(),
+      detailVisible: false,
+      currentDetailData: null,
       storeDetailVisible: false,
       storeDetailList: [],
       queryParams: {
@@ -575,6 +606,152 @@ export default {
       this.storeDetailList = []
     },
 
+    // 显示详情
+    showDetail(row) {
+      this.currentDetailData = row
+      this.detailVisible = true
+    },
+
+    // 关闭详情弹窗
+    handleDetailClose() {
+      this.detailVisible = false
+      this.currentDetailData = null
+    },
+
+    // 导出功能
+    async handleExport() {
+      if (!this.list || this.list.length === 0) {
+        this.$message.warning('暂无数据可导出')
+        return
+      }
+
+      this.exportLoading = true
+      try {
+        // 动态导入 xlsx 库
+        const XLSX = await import('xlsx')
+
+        // 构建表头（根据后端DTO字段的中文映射）
+        const headers = [
+          '员工姓名',
+          '员工账号',
+          '核算岗位',
+          '统计月份',
+          '是否离职',
+          '开单金额',
+          '退卡金额',
+          '总业绩',
+          '底薪',
+          '提成比例',
+          '提成金额',
+          '在店天数',
+          '请假天数',
+          '核算应发工资',
+          '最终应发工资',
+          '当月培训补贴',
+          '当月交通补贴',
+          '上月培训补贴',
+          '上月交通补贴',
+          '补贴合计',
+          '缺卡扣款',
+          '迟到扣款',
+          '请假扣款',
+          '扣社保',
+          '扣除奖励',
+          '扣住宿费',
+          '扣学习期费用',
+          '扣工作服费用',
+          '扣款合计',
+          '发奖金',
+          '退手机押金',
+          '退住宿押金',
+          '补发上月',
+          '实发工资',
+          '当月是否发放',
+          '支付金额',
+          '待支付金额',
+          '当月支付总额',
+          '是否锁定'
+        ]
+
+        // 构建数据行
+        const dataRows = this.list.map(item => [
+          item.EmployeeName || '无',
+          item.EmployeeAccount || '无',
+          item.Position || '无',
+          item.StatisticsMonth || '无',
+          item.IsTerminated === 1 ? '已离职' : '在职',
+          this.formatMoney(item.BillingAmount),
+          this.formatMoney(item.RefundAmount),
+          this.formatMoney(item.TotalPerformance),
+          this.formatMoney(item.BaseSalary),
+          this.formatPercent(item.CommissionRate),
+          this.formatMoney(item.CommissionAmount),
+          item.WorkingDays || '0',
+          item.LeaveDays || '0',
+          this.formatMoney(item.CalculatedGrossSalary),
+          this.formatMoney(item.FinalGrossSalary),
+          this.formatMoney(item.MonthlyTrainingSubsidy),
+          this.formatMoney(item.MonthlyTransportSubsidy),
+          this.formatMoney(item.LastMonthTrainingSubsidy),
+          this.formatMoney(item.LastMonthTransportSubsidy),
+          this.formatMoney(item.TotalSubsidy),
+          this.formatMoney(item.MissingCard),
+          this.formatMoney(item.LateArrival),
+          this.formatMoney(item.LeaveDeduction),
+          this.formatMoney(item.SocialInsuranceDeduction),
+          this.formatMoney(item.RewardDeduction),
+          this.formatMoney(item.AccommodationDeduction),
+          this.formatMoney(item.StudyPeriodDeduction),
+          this.formatMoney(item.WorkClothesDeduction),
+          this.formatMoney(item.TotalDeduction),
+          this.formatMoney(item.Bonus),
+          this.formatMoney(item.ReturnPhoneDeposit),
+          this.formatMoney(item.ReturnAccommodationDeposit),
+          this.formatMoney(item.LastMonthSupplement),
+          this.formatMoney(item.ActualSalary),
+          item.MonthlyPaymentStatus || '无',
+          this.formatMoney(item.PaidAmount),
+          this.formatMoney(item.PendingAmount),
+          this.formatMoney(item.MonthlyTotalPayment),
+          item.IsLocked === 1 ? '已锁定' : '未锁定'
+        ])
+
+        // 合并表头和数据
+        const excelData = [headers, ...dataRows]
+
+        // 创建工作表
+        const ws = XLSX.utils.aoa_to_sheet(excelData)
+
+        // 设置列宽
+        const colWidths = headers.map(() => ({ wch: 15 }))
+        ws['!cols'] = colWidths
+
+        // 创建工作簿
+        const wb = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(wb, ws, '大项目主管工资')
+
+        // 生成文件名
+        const now = new Date()
+        const timestamp = now.getFullYear() + 
+          String(now.getMonth() + 1).padStart(2, '0') + 
+          String(now.getDate()).padStart(2, '0') + 
+          String(now.getHours()).padStart(2, '0') + 
+          String(now.getMinutes()).padStart(2, '0') + 
+          String(now.getSeconds()).padStart(2, '0')
+        const fileName = `大项目主管工资_${timestamp}.xlsx`
+
+        // 导出文件
+        XLSX.writeFile(wb, fileName)
+
+        this.$message.success('导出成功')
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error('导出失败，请重试')
+      } finally {
+        this.exportLoading = false
+      }
+    },
+
     // 格式化金额
     formatMoney(value) {
       if (value === null || value === undefined || value === '') {
diff --git a/antis-ncc-admin/src/views/wageManagement/shop-stock-detail-dialog.vue b/antis-ncc-admin/src/views/wageManagement/shop-stock-detail-dialog.vue
new file mode 100644
index 0000000..17d255c
--- /dev/null
+++ b/antis-ncc-admin/src/views/wageManagement/shop-stock-detail-dialog.vue
@@ -0,0 +1,478 @@
+<template>
+  <el-dialog
+    title="门店股份详情"
+    :visible="visible"
+    width="1400px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    class="detail-dialog"
+  >
+    <div v-if="detailData" class="detail-content">
+      <!-- 基本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-user"></i>
+          <span>基本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">门店名称：</span>
+              <span class="value">{{ detailData.StoreName || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">统计月份：</span>
+              <span class="value">{{ formatMonth(detailData.StatisticsMonth) || '无' }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.CreateTime">
+              <span class="label">创建时间：</span>
+              <span class="value">{{ formatDateTime(detailData.CreateTime) }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.UpdateTime">
+              <span class="label">更新时间：</span>
+              <span class="value">{{ formatDateTime(detailData.UpdateTime) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 收入信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-trophy"></i>
+          <span>收入信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">主营收入：</span>
+              <span class="value highlight">{{ formatMoney(detailData.MainIncome) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">生美消耗业绩：</span>
+              <span class="value">{{ formatMoney(detailData.ConsumeLifeBeauty) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">科美消耗业绩：</span>
+              <span class="value">{{ formatMoney(detailData.ConsumeTechBeauty) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">医美消耗业绩：</span>
+              <span class="value">{{ formatMoney(detailData.ConsumeMedicalBeauty) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">合作消费业绩：</span>
+              <span class="value">{{ formatMoney(detailData.ConsumeCooperation) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">产品消耗业绩：</span>
+              <span class="value">{{ formatMoney(detailData.ConsumeProduct) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">其他消耗业绩：</span>
+              <span class="value">{{ formatMoney(detailData.ConsumeOther) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">其他收入：</span>
+              <span class="value">{{ formatMoney(detailData.OtherIncome) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">预收款：</span>
+              <span class="value">{{ formatMoney(detailData.AdvanceReceipt) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">实际退款：</span>
+              <span class="value">{{ formatMoney(detailData.Refund) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">应收：</span>
+              <span class="value">{{ formatMoney(detailData.Receivables) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">银行存款：</span>
+              <span class="value">{{ formatMoney(detailData.BankDeposit) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 成本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-shopping-cart-2"></i>
+          <span>成本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">主营成本-产品：</span>
+              <span class="value">{{ formatMoney(detailData.CostProduct) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">主营成本-福田：</span>
+              <span class="value">{{ formatMoney(detailData.CostFutian) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">主营成本-毛巾：</span>
+              <span class="value">{{ formatMoney(detailData.CostTowel) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">主营成本-科技部：</span>
+              <span class="value">{{ formatMoney(detailData.CostTechDept) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">主营成本-管理费：</span>
+              <span class="value">{{ formatMoney(detailData.CostManagementFee) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">主营成本-合作：</span>
+              <span class="value">{{ formatMoney(detailData.CostCooperation) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">主营成本-大项目：</span>
+              <span class="value">{{ formatMoney(detailData.CostMajorProject) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">其他成本：</span>
+              <span class="value">{{ formatMoney(detailData.CostOther) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 人工工资信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-wallet"></i>
+          <span>人工工资信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">健康师底薪：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryBaseHealthCoach) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">店助底薪：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryBaseAssistant) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">店助主任底薪：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryBaseDirector) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">店长底薪：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryBaseStoreManager) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">总经理/经理底薪：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryBaseGeneralManager) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">健康师提成：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryCommissionHealthCoach) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">店助提成：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryCommissionAssistant) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">店助主任提成：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryCommissionDirector) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">店长提成：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryCommissionStoreManager) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">总经理/经理提成：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryCommissionGeneralManager) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">手工：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryManual) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">出勤：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryAttendance) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">手机保管费：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryPhoneCustody) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">人头：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryHeadcountReward) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">门店T区：</span>
+              <span class="value">{{ formatMoney(detailData.SalaryTZone) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 费用与其他 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-money"></i>
+          <span>费用与其他</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">社保：</span>
+              <span class="value">{{ formatMoney(detailData.SocialSecurity) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">门店房租：</span>
+              <span class="value">{{ formatMoney(detailData.StoreRent) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">宿舍房租：</span>
+              <span class="value">{{ formatMoney(detailData.DormRent) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当期费用：</span>
+              <span class="value">{{ formatMoney(detailData.CurrentPeriodExpense) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当前费用-秦董：</span>
+              <span class="value">{{ formatMoney(detailData.CurrentPeriodExpenseQin) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">财务费用：</span>
+              <span class="value">{{ formatMoney(detailData.FinancialFee) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 奖励 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-medal"></i>
+          <span>奖励</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">奖励-医美：</span>
+              <span class="value">{{ formatMoney(detailData.RewardMedicalBeauty) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">奖励-其他：</span>
+              <span class="value">{{ formatMoney(detailData.RewardOther) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">奖励-大单奖：</span>
+              <span class="value">{{ formatMoney(detailData.RewardLargeOrder) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">奖励-首单奖：</span>
+              <span class="value">{{ formatMoney(detailData.RewardFirstOrder) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">奖励：</span>
+              <span class="value">{{ formatMoney(detailData.RewardGeneral) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 其他保留字段 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-document"></i>
+          <span>其他</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">其他1：</span>
+              <span class="value">{{ formatMoney(detailData.Other1) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">其他2：</span>
+              <span class="value">{{ formatMoney(detailData.Other2) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 利润结果 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-data-line"></i>
+          <span>利润结果</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">利润：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.Profit) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">财务利润：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.FinancialProfit) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'ShopStockDetailDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    detailData: {
+      type: Object,
+      default: null
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('close')
+    },
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+    formatMonth(value) {
+      if (!value || value.length !== 6) {
+        return value || '无'
+      }
+      const year = value.substring(0, 4)
+      const month = value.substring(4, 6)
+      return `${year}-${month}`
+    },
+    formatDateTime(value) {
+      if (!value) return '无'
+      const date = new Date(value)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-dialog {
+  .detail-content {
+    max-height: 70vh;
+    overflow-y: auto;
+    padding: 20px;
+  }
+
+  .detail-section {
+    margin-bottom: 24px;
+    background: #f9f9f9;
+    border-radius: 8px;
+    padding: 16px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 16px;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+      border-bottom: 2px solid #409EFF;
+      padding-bottom: 8px;
+
+      i {
+        color: #409EFF;
+        font-size: 18px;
+      }
+    }
+
+    .section-content {
+      .info-row {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20px;
+
+        .info-item {
+          flex: 0 0 calc(25% - 15px);
+          min-width: 200px;
+          display: flex;
+          align-items: center;
+          padding: 8px 12px;
+          background: #fff;
+          border-radius: 4px;
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+          .label {
+            color: #606266;
+            font-weight: 500;
+            margin-right: 8px;
+            white-space: nowrap;
+          }
+
+          .value {
+            color: #303133;
+            flex: 1;
+            text-align: right;
+
+            &.highlight {
+              color: #409EFF;
+              font-weight: 600;
+            }
+
+            &.large {
+              font-size: 18px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .dialog-footer {
+    text-align: right;
+    padding: 20px;
+    border-top: 1px solid #e4e7ed;
+  }
+}
+
+// 滚动条样式
+.detail-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.detail-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.detail-content::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+
+  &:hover {
+    background: #a8a8a8;
+  }
+}
+</style>
+
diff --git a/antis-ncc-admin/src/views/wageManagement/shop-stock.vue b/antis-ncc-admin/src/views/wageManagement/shop-stock.vue
index 7caf48f..b117c80 100644
--- a/antis-ncc-admin/src/views/wageManagement/shop-stock.vue
+++ b/antis-ncc-admin/src/views/wageManagement/shop-stock.vue
@@ -8,8 +8,24 @@
       </div>
       <div class="header-right">
         <el-button 
+          type="success" 
+          icon="el-icon-download"
+          @click="handleExport"
+          :loading="exportLoading"
+        >
+          导出
+        </el-button>
+        <el-button 
+          type="primary" 
+          icon="el-icon-cpu"
+          @click="showCalculateDialog"
+          :loading="calculateLoading"
+        >
+          计算股份
+        </el-button>
+        <el-button 
           icon="el-icon-refresh" 
-          @click="handleRefresh"
+          @click="getList"
           :loading="loading"
         >
           刷新
@@ -17,28 +33,754 @@
       </div>
     </div>
 
-    <!-- 内容区域 -->
-    <div class="content-container">
-      <!-- 待开发 -->
+    <!-- 搜索区域 -->
+    <div class="search-container">
+      <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="80px">
+        <el-form-item label="统计月份" prop="statisticsMonth">
+          <el-date-picker
+            v-model="queryParams.statisticsMonth"
+            type="month"
+            placeholder="选择月份"
+            format="yyyyMM"
+            value-format="yyyyMM"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="门店" prop="storeId">
+          <el-select 
+            v-model="queryParams.storeId" 
+            placeholder="请选择门店"
+            clearable
+            filterable
+            style="width: 200px"
+          >
+            <el-option 
+              v-for="store in storeOptions" 
+              :key="store.value" 
+              :label="store.label" 
+              :value="store.value" 
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
     </div>
+
+    <!-- 数据表格 -->
+    <div class="table-container">
+      <NCC-table 
+        v-loading="loading" 
+        :data="list" 
+        border 
+        stripe
+        height="calc(100vh - 420px)"
+        :header-cell-style="{ background: '#f5f7fa', color: '#606266' }"
+      >
+        <!-- 基本信息 -->
+        <el-table-column prop="StoreName" label="门店名称" width="150" align="center" fixed="left">
+          <template slot-scope="scope">
+            <div class="store-name">
+              <i class="el-icon-shop store-icon"></i>
+              <span>{{ scope.row.StoreName || '无' }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="StatisticsMonth" label="统计月份" width="120" align="center" fixed="left">
+          <template slot-scope="scope">
+            <span>{{ formatMonth(scope.row.StatisticsMonth) || '无' }}</span>
+          </template>
+        </el-table-column>
+
+        <!-- 收入部分 -->
+        <el-table-column label="收入信息" align="center">
+          <el-table-column prop="MainIncome" label="主营收入" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.MainIncome) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ConsumeLifeBeauty" label="生美消耗业绩" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.ConsumeLifeBeauty) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ConsumeTechBeauty" label="科美消耗业绩" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.ConsumeTechBeauty) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ConsumeMedicalBeauty" label="医美消耗业绩" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.ConsumeMedicalBeauty) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ConsumeCooperation" label="合作消费业绩" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.ConsumeCooperation) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ConsumeProduct" label="产品消耗业绩" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.ConsumeProduct) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ConsumeOther" label="其他消耗业绩" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.ConsumeOther) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="OtherIncome" label="其他收入" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.OtherIncome) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="AdvanceReceipt" label="预收款" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.AdvanceReceipt) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="Refund" label="实际退款" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.Refund) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="Receivables" label="应收" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.Receivables) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="BankDeposit" label="银行存款" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.BankDeposit) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 成本部分 -->
+        <el-table-column label="成本信息" align="center">
+          <el-table-column prop="CostProduct" label="主营成本-产品" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostProduct) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostFutian" label="主营成本-福田" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostFutian) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTowel" label="主营成本-毛巾" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTowel) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTechDept" label="主营成本-科技部" width="150" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTechDept) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostManagementFee" label="主营成本-管理费" width="150" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostManagementFee) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostCooperation" label="主营成本-合作" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostCooperation) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostMajorProject" label="主营成本-大项目" width="150" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostMajorProject) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostOther" label="其他成本" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostOther) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 人工工资部分 -->
+        <el-table-column label="人工工资信息" align="center">
+          <el-table-column prop="SalaryBaseHealthCoach" label="健康师底薪" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryBaseHealthCoach) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryBaseAssistant" label="店助底薪" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryBaseAssistant) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryBaseDirector" label="店助主任底薪" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryBaseDirector) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryBaseStoreManager" label="店长底薪" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryBaseStoreManager) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryBaseGeneralManager" label="总经理/经理底薪" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryBaseGeneralManager) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryCommissionHealthCoach" label="健康师提成" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryCommissionHealthCoach) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryCommissionAssistant" label="店助提成" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryCommissionAssistant) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryCommissionDirector" label="店助主任提成" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryCommissionDirector) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryCommissionStoreManager" label="店长提成" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryCommissionStoreManager) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryCommissionGeneralManager" label="总经理/经理提成" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryCommissionGeneralManager) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryManual" label="手工" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryManual) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryAttendance" label="出勤" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryAttendance) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryPhoneCustody" label="手机保管费" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryPhoneCustody) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryHeadcountReward" label="人头" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryHeadcountReward) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="SalaryTZone" label="门店T区" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SalaryTZone) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 费用与其他 -->
+        <el-table-column label="费用与其他" align="center">
+          <el-table-column prop="SocialSecurity" label="社保" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.SocialSecurity) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="StoreRent" label="门店房租" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.StoreRent) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="DormRent" label="宿舍房租" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.DormRent) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CurrentPeriodExpense" label="当期费用" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CurrentPeriodExpense) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CurrentPeriodExpenseQin" label="当前费用-秦董" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CurrentPeriodExpenseQin) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="FinancialFee" label="财务费用" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.FinancialFee) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 奖励 -->
+        <el-table-column label="奖励" align="center">
+          <el-table-column prop="RewardMedicalBeauty" label="奖励-医美" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.RewardMedicalBeauty) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="RewardOther" label="奖励-其他" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.RewardOther) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="RewardLargeOrder" label="奖励-大单奖" width="130" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.RewardLargeOrder) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="RewardFirstOrder" label="奖励-首单奖" width="130" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.RewardFirstOrder) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="RewardGeneral" label="奖励" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.RewardGeneral) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 其他保留字段 -->
+        <el-table-column label="其他" align="center">
+          <el-table-column prop="Other1" label="其他1" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.Other1) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="Other2" label="其他2" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.Other2) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 利润结果 -->
+        <el-table-column label="利润结果" align="center">
+          <el-table-column prop="Profit" label="利润" width="120" align="center">
+            <template slot-scope="scope">
+              <span class="highlight">{{ formatMoney(scope.row.Profit) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="FinancialProfit" label="财务利润" width="120" align="center">
+            <template slot-scope="scope">
+              <span class="highlight">{{ formatMoney(scope.row.FinancialProfit) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 操作列 -->
+        <el-table-column label="操作" width="120" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button 
+              type="text" 
+              size="mini"
+              icon="el-icon-view"
+              @click="showDetail(scope.row)"
+            >
+              查看详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </NCC-table>
+    </div>
+
+    <!-- 计算股份弹窗 -->
+    <el-dialog
+      title="计算门店股份"
+      :visible="calculateDialogVisible"
+      width="500px"
+      :close-on-click-modal="false"
+      @close="handleCalculateDialogClose"
+    >
+      <el-form label-width="100px" label-position="right">
+        <el-form-item label="统计月份" required>
+          <el-date-picker
+            v-model="calculateMonth"
+            type="month"
+            placeholder="请选择月份"
+            format="yyyyMM"
+            value-format="yyyyMM"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="门店" required>
+          <el-select 
+            v-model="calculateStoreId" 
+            placeholder="请选择门店（不选则计算所有门店）"
+            clearable
+            filterable
+            style="width: 100%"
+          >
+            <el-option 
+              v-for="store in storeOptions" 
+              :key="store.value" 
+              :label="store.label" 
+              :value="store.value" 
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleCalculateDialogClose">取消</el-button>
+        <el-button 
+          type="primary" 
+          @click="handleCalculateConfirm"
+          :loading="calculateLoading"
+        >
+          确定
+        </el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <shop-stock-detail-dialog
+      :visible="detailVisible"
+      :detail-data="currentDetailData"
+      @close="handleDetailClose"
+    />
   </div>
 </template>
 
 <script>
+import { getShopStockList, generateShopStock, getStoreSelector } from '@/api/extend/shopStock'
+import ShopStockDetailDialog from './shop-stock-detail-dialog.vue'
+
 export default {
   name: 'ShopStock',
+  components: {
+    ShopStockDetailDialog
+  },
   data() {
+    // 获取当前月份
+    const getCurrentMonth = () => {
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      return `${year}${month}`
+    }
+
     return {
-      loading: false
+      loading: false,
+      calculateLoading: false,
+      exportLoading: false,
+      list: [],
+      storeOptions: [],
+      calculateDialogVisible: false,
+      calculateMonth: getCurrentMonth(),
+      calculateStoreId: '',
+      detailVisible: false,
+      currentDetailData: null,
+      queryParams: {
+        statisticsMonth: getCurrentMonth(), // yyyyMM 格式
+        storeId: ''
+      }
     }
   },
+  created() {
+    this.getStoreOptions()
+    this.getList()
+  },
   methods: {
-    handleRefresh() {
+    // 获取门店选项
+    async getStoreOptions() {
+      try {
+        const response = await getStoreSelector()
+        if (response.code === 200 && response.data) {
+          this.storeOptions = response.data.list.map(item => ({
+            value: item.id,
+            label: item.fullName
+          }))
+        }
+      } catch (error) {
+        console.error('获取门店列表失败:', error)
+      }
+    },
+
+    // 获取列表数据
+    async getList() {
       this.loading = true
-      setTimeout(() => {
+      try {
+        const params = {
+          StatisticsMonth: this.queryParams.statisticsMonth || undefined,
+          StoreId: this.queryParams.storeId || undefined
+        }
+
+        const response = await getShopStockList(params)
+        console.log(response)
+        if (response.code === 200) {
+          this.list = response.data.data || []
+        } else {
+          this.$message.error(response.msg || '获取数据失败')
+        }
+      } catch (error) {
+        console.error('获取门店股份列表失败:', error)
+        this.$message.error('获取数据失败')
+      } finally {
         this.loading = false
-        this.$message.success('刷新成功')
-      }, 500)
+      }
+    },
+
+    // 搜索
+    handleQuery() {
+      this.getList()
+    },
+
+    // 重置搜索
+    resetQuery() {
+      const getCurrentMonth = () => {
+        const now = new Date()
+        const year = now.getFullYear()
+        const month = String(now.getMonth() + 1).padStart(2, '0')
+        return `${year}${month}`
+      }
+
+      this.queryParams = {
+        statisticsMonth: getCurrentMonth(),
+        storeId: ''
+      }
+      this.getList()
+    },
+
+    // 显示计算股份弹窗
+    showCalculateDialog() {
+      const getCurrentMonth = () => {
+        const now = new Date()
+        const year = now.getFullYear()
+        const month = String(now.getMonth() + 1).padStart(2, '0')
+        return `${year}${month}`
+      }
+      this.calculateMonth = getCurrentMonth()
+      this.calculateStoreId = ''
+      this.calculateDialogVisible = true
+    },
+
+    // 关闭计算股份弹窗
+    handleCalculateDialogClose() {
+      this.calculateDialogVisible = false
+    },
+
+    // 确认计算股份
+    async handleCalculateConfirm() {
+      if (!this.calculateMonth) {
+        this.$message.warning('请选择统计月份')
+        return
+      }
+
+      this.calculateLoading = true
+      try {
+        const data = {
+          statisticsMonth: this.calculateMonth,
+          storeId: this.calculateStoreId || undefined
+        }
+
+        const response = await generateShopStock(data)
+        if (response.code === 200) {
+          this.$message.success('计算股份成功')
+          this.calculateDialogVisible = false
+          this.getList()
+        } else {
+          this.$message.error(response.msg || '计算股份失败')
+        }
+      } catch (error) {
+        console.error('计算股份失败:', error)
+        this.$message.error(error.message || '计算股份失败')
+      } finally {
+        this.calculateLoading = false
+      }
+    },
+
+    // 显示详情
+    showDetail(row) {
+      this.currentDetailData = row
+      this.detailVisible = true
+    },
+
+    // 关闭详情弹窗
+    handleDetailClose() {
+      this.detailVisible = false
+      this.currentDetailData = null
+    },
+
+    // 导出功能
+    async handleExport() {
+      if (!this.list || this.list.length === 0) {
+        this.$message.warning('暂无数据可导出')
+        return
+      }
+
+      this.exportLoading = true
+      try {
+        // 动态导入 xlsx 库
+        const XLSX = await import('xlsx')
+
+        // 构建表头（根据后端DTO字段的中文映射）
+        const headers = [
+          '门店名称',
+          '统计月份',
+          '主营收入',
+          '生美消耗业绩',
+          '科美消耗业绩',
+          '医美消耗业绩',
+          '合作消费业绩',
+          '产品消耗业绩',
+          '其他消耗业绩',
+          '其他收入',
+          '预收款',
+          '实际退款',
+          '应收',
+          '银行存款',
+          '主营成本-产品',
+          '主营成本-福田',
+          '主营成本-毛巾',
+          '主营成本-科技部',
+          '主营成本-管理费',
+          '主营成本-合作',
+          '主营成本-大项目',
+          '其他成本',
+          '健康师底薪',
+          '店助底薪',
+          '店助主任底薪',
+          '店长底薪',
+          '总经理/经理底薪',
+          '健康师提成',
+          '店助提成',
+          '店助主任提成',
+          '店长提成',
+          '总经理/经理提成',
+          '手工',
+          '出勤',
+          '手机保管费',
+          '人头',
+          '门店T区',
+          '社保',
+          '门店房租',
+          '宿舍房租',
+          '当期费用',
+          '当前费用-秦董',
+          '财务费用',
+          '奖励-医美',
+          '奖励-其他',
+          '奖励-大单奖',
+          '奖励-首单奖',
+          '奖励',
+          '其他1',
+          '其他2',
+          '利润',
+          '财务利润'
+        ]
+
+        // 构建数据行
+        const dataRows = this.list.map(item => [
+          item.StoreName || '无',
+          this.formatMonth(item.StatisticsMonth) || '无',
+          this.formatMoney(item.MainIncome),
+          this.formatMoney(item.ConsumeLifeBeauty),
+          this.formatMoney(item.ConsumeTechBeauty),
+          this.formatMoney(item.ConsumeMedicalBeauty),
+          this.formatMoney(item.ConsumeCooperation),
+          this.formatMoney(item.ConsumeProduct),
+          this.formatMoney(item.ConsumeOther),
+          this.formatMoney(item.OtherIncome),
+          this.formatMoney(item.AdvanceReceipt),
+          this.formatMoney(item.Refund),
+          this.formatMoney(item.Receivables),
+          this.formatMoney(item.BankDeposit),
+          this.formatMoney(item.CostProduct),
+          this.formatMoney(item.CostFutian),
+          this.formatMoney(item.CostTowel),
+          this.formatMoney(item.CostTechDept),
+          this.formatMoney(item.CostManagementFee),
+          this.formatMoney(item.CostCooperation),
+          this.formatMoney(item.CostMajorProject),
+          this.formatMoney(item.CostOther),
+          this.formatMoney(item.SalaryBaseHealthCoach),
+          this.formatMoney(item.SalaryBaseAssistant),
+          this.formatMoney(item.SalaryBaseDirector),
+          this.formatMoney(item.SalaryBaseStoreManager),
+          this.formatMoney(item.SalaryBaseGeneralManager),
+          this.formatMoney(item.SalaryCommissionHealthCoach),
+          this.formatMoney(item.SalaryCommissionAssistant),
+          this.formatMoney(item.SalaryCommissionDirector),
+          this.formatMoney(item.SalaryCommissionStoreManager),
+          this.formatMoney(item.SalaryCommissionGeneralManager),
+          this.formatMoney(item.SalaryManual),
+          this.formatMoney(item.SalaryAttendance),
+          this.formatMoney(item.SalaryPhoneCustody),
+          this.formatMoney(item.SalaryHeadcountReward),
+          this.formatMoney(item.SalaryTZone),
+          this.formatMoney(item.SocialSecurity),
+          this.formatMoney(item.StoreRent),
+          this.formatMoney(item.DormRent),
+          this.formatMoney(item.CurrentPeriodExpense),
+          this.formatMoney(item.CurrentPeriodExpenseQin),
+          this.formatMoney(item.FinancialFee),
+          this.formatMoney(item.RewardMedicalBeauty),
+          this.formatMoney(item.RewardOther),
+          this.formatMoney(item.RewardLargeOrder),
+          this.formatMoney(item.RewardFirstOrder),
+          this.formatMoney(item.RewardGeneral),
+          this.formatMoney(item.Other1),
+          this.formatMoney(item.Other2),
+          this.formatMoney(item.Profit),
+          this.formatMoney(item.FinancialProfit)
+        ])
+
+        // 合并表头和数据
+        const excelData = [headers, ...dataRows]
+
+        // 创建工作表
+        const ws = XLSX.utils.aoa_to_sheet(excelData)
+
+        // 设置列宽
+        const colWidths = headers.map(() => ({ wch: 15 }))
+        ws['!cols'] = colWidths
+
+        // 创建工作簿
+        const wb = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(wb, ws, '门店股份')
+
+        // 生成文件名
+        const now = new Date()
+        const timestamp = now.getFullYear() + 
+          String(now.getMonth() + 1).padStart(2, '0') + 
+          String(now.getDate()).padStart(2, '0') + 
+          String(now.getHours()).padStart(2, '0') + 
+          String(now.getMinutes()).padStart(2, '0') + 
+          String(now.getSeconds()).padStart(2, '0')
+        const fileName = `门店股份_${timestamp}.xlsx`
+
+        // 导出文件
+        XLSX.writeFile(wb, fileName)
+
+        this.$message.success('导出成功')
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error('导出失败，请重试')
+      } finally {
+        this.exportLoading = false
+      }
+    },
+
+    // 格式化金额
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+
+    // 格式化月份
+    formatMonth(value) {
+      if (!value || value.length !== 6) {
+        return value || '无'
+      }
+      const year = value.substring(0, 4)
+      const month = value.substring(4, 6)
+      return `${year}-${month}`
     }
   }
 }
@@ -81,12 +823,54 @@ export default {
   }
 }
 
-.content-container {
+.search-container {
+  margin-bottom: 20px;
   padding: 20px;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  min-height: 400px;
 }
-</style>
 
+.table-container {
+  margin-bottom: 20px;
+  padding: 20px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.store-name {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  .store-icon {
+    color: #409EFF;
+    font-size: 16px;
+  }
+}
+
+.highlight {
+  color: #409EFF;
+  font-weight: 600;
+}
+
+// 表格样式优化
+::v-deep .el-table {
+  .el-table__header-wrapper {
+    th {
+      background-color: #f5f7fa;
+      color: #606266;
+      font-weight: 600;
+    }
+  }
+
+  .el-table__body-wrapper {
+    .el-table__row {
+      &:hover {
+        background-color: #f5f7fa;
+      }
+    }
+  }
+}
+</style>
diff --git a/antis-ncc-admin/src/views/wageManagement/tech-general-manager-detail-dialog.vue b/antis-ncc-admin/src/views/wageManagement/tech-general-manager-detail-dialog.vue
new file mode 100644
index 0000000..49e85f8
--- /dev/null
+++ b/antis-ncc-admin/src/views/wageManagement/tech-general-manager-detail-dialog.vue
@@ -0,0 +1,426 @@
+<template>
+  <el-dialog
+    title="科技部总经理工资详情"
+    :visible="visible"
+    width="1400px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    class="detail-dialog"
+  >
+    <div v-if="detailData" class="detail-content">
+      <!-- 基本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-user"></i>
+          <span>基本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">员工姓名：</span>
+              <span class="value">{{ detailData.EmployeeName || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">员工账号：</span>
+              <span class="value">{{ detailData.EmployeeAccount || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">核算岗位：</span>
+              <span class="value">{{ detailData.Position || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">统计月份：</span>
+              <span class="value">{{ detailData.StatisticsMonth || '无' }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.IsTerminated !== undefined && detailData.IsTerminated !== null">
+              <span class="label">是否离职：</span>
+              <el-tag :type="detailData.IsTerminated === 1 ? 'danger' : 'success'" size="mini">
+                {{ detailData.IsTerminated === 1 ? '已离职' : '在职' }}
+              </el-tag>
+            </div>
+            <div class="info-item" v-if="detailData.IsLocked !== undefined && detailData.IsLocked !== null">
+              <span class="label">锁定状态：</span>
+              <el-tag :type="detailData.IsLocked === 1 ? 'danger' : 'success'" size="mini">
+                {{ detailData.IsLocked === 1 ? '已锁定' : '未锁定' }}
+              </el-tag>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 业绩信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-trophy"></i>
+          <span>业绩信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">溯源金额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TraceabilityAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">Cell金额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.CellAmount) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 提成信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-money"></i>
+          <span>提成信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">溯源金额提成比例：</span>
+              <span class="value">{{ formatPercent(detailData.TraceabilityCommissionRate) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">溯源金额提成金额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TraceabilityCommissionAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">Cell金额提成比例：</span>
+              <span class="value">{{ formatPercent(detailData.CellCommissionRate) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">Cell金额提成金额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.CellCommissionAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">提成合计：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TotalCommission) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 工资信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-wallet"></i>
+          <span>工资信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">底薪：</span>
+              <span class="value">{{ formatMoney(detailData.BaseSalary) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">在店天数：</span>
+              <span class="value">{{ detailData.WorkingDays || '0' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">请假天数：</span>
+              <span class="value">{{ detailData.LeaveDays || '0' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">核算应发工资：</span>
+              <span class="value highlight">{{ formatMoney(detailData.CalculatedGrossSalary) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">最终应发工资：</span>
+              <span class="value highlight">{{ formatMoney(detailData.FinalGrossSalary) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 补贴信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-circle-plus"></i>
+          <span>补贴信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">当月培训补贴：</span>
+              <span class="value">{{ formatMoney(detailData.MonthlyTrainingSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当月交通补贴：</span>
+              <span class="value">{{ formatMoney(detailData.MonthlyTransportSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">上月培训补贴：</span>
+              <span class="value">{{ formatMoney(detailData.LastMonthTrainingSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">上月交通补贴：</span>
+              <span class="value">{{ formatMoney(detailData.LastMonthTransportSubsidy) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">补贴合计：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TotalSubsidy) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 扣款信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-circle-minus"></i>
+          <span>扣款信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">缺卡扣款：</span>
+              <span class="value">{{ formatMoney(detailData.MissingCard) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">迟到扣款：</span>
+              <span class="value">{{ formatMoney(detailData.LateArrival) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">请假扣款：</span>
+              <span class="value">{{ formatMoney(detailData.LeaveDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣社保：</span>
+              <span class="value">{{ formatMoney(detailData.SocialInsuranceDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣除奖励：</span>
+              <span class="value">{{ formatMoney(detailData.RewardDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣住宿费：</span>
+              <span class="value">{{ formatMoney(detailData.AccommodationDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣学习期费用：</span>
+              <span class="value">{{ formatMoney(detailData.StudyPeriodDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣工作服费用：</span>
+              <span class="value">{{ formatMoney(detailData.WorkClothesDeduction) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">扣款合计：</span>
+              <span class="value highlight">{{ formatMoney(detailData.TotalDeduction) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 其他信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-document"></i>
+          <span>其他信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">发奖金：</span>
+              <span class="value">{{ formatMoney(detailData.Bonus) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">退手机押金：</span>
+              <span class="value">{{ formatMoney(detailData.ReturnPhoneDeposit) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">退住宿押金：</span>
+              <span class="value">{{ formatMoney(detailData.ReturnAccommodationDeposit) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">补发上月：</span>
+              <span class="value">{{ formatMoney(detailData.LastMonthSupplement) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 支付信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-credit-card"></i>
+          <span>支付信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">实发工资：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.ActualSalary) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当月是否发放：</span>
+              <span class="value">{{ detailData.MonthlyPaymentStatus || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">支付金额：</span>
+              <span class="value">{{ formatMoney(detailData.PaidAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">待支付金额：</span>
+              <span class="value">{{ formatMoney(detailData.PendingAmount) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">当月支付总额：</span>
+              <span class="value highlight">{{ formatMoney(detailData.MonthlyTotalPayment) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div v-else class="no-data">
+      <i class="el-icon-warning"></i>
+      <span>暂无数据</span>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'TechGeneralManagerDetailDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    detailData: {
+      type: Object,
+      default: null
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('update:visible', false)
+      this.$emit('close')
+    },
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+    formatPercent(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00%'
+      }
+      return (Number(value) * 100).toFixed(2) + '%'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-dialog {
+  .detail-content {
+    max-height: 70vh;
+    overflow-y: auto;
+    padding-right: 10px;
+  }
+
+  .detail-section {
+    margin-bottom: 20px;
+    background: #fff;
+    border-radius: 8px;
+    padding: 20px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 16px;
+      padding-bottom: 12px;
+      border-bottom: 2px solid #409EFF;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+
+      i {
+        color: #409EFF;
+        font-size: 18px;
+      }
+    }
+
+    .section-content {
+      .info-row {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20px 40px;
+
+        .info-item {
+          display: flex;
+          align-items: center;
+          min-width: 200px;
+          flex: 0 0 calc(33.333% - 27px);
+
+          .label {
+            color: #606266;
+            font-size: 14px;
+            white-space: nowrap;
+            margin-right: 8px;
+          }
+
+          .value {
+            color: #303133;
+            font-size: 14px;
+            font-weight: 500;
+
+            &.highlight {
+              color: #409EFF;
+              font-weight: 600;
+            }
+
+            &.large {
+              font-size: 18px;
+              color: #67C23A;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .no-data {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60px 20px;
+    color: #909399;
+
+    i {
+      font-size: 48px;
+      margin-bottom: 16px;
+    }
+
+    span {
+      font-size: 14px;
+    }
+  }
+}
+
+// 滚动条样式
+.detail-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.detail-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.detail-content::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+
+  &:hover {
+    background: #a8a8a8;
+  }
+}
+</style>
+
diff --git a/antis-ncc-admin/src/views/wageManagement/tech-general-managers.vue b/antis-ncc-admin/src/views/wageManagement/tech-general-managers.vue
index 028bc39..3a6ed01 100644
--- a/antis-ncc-admin/src/views/wageManagement/tech-general-managers.vue
+++ b/antis-ncc-admin/src/views/wageManagement/tech-general-managers.vue
@@ -8,6 +8,14 @@
       </div>
       <div class="header-right">
         <el-button 
+          type="success" 
+          icon="el-icon-download"
+          @click="handleExport"
+          :loading="exportLoading"
+        >
+          导出
+        </el-button>
+        <el-button 
           type="primary" 
           icon="el-icon-cpu"
           @click="showCalculateDialog"
@@ -299,18 +307,27 @@
           </el-table-column>
         </el-table-column>
 
-        <!-- 其他字段 -->
-        <el-table-column prop="StoreDetail" label="门店明细" width="200" align="center" fixed="right">
+        <!-- 操作列 -->
+        <el-table-column label="操作" width="200" align="center" fixed="right">
           <template slot-scope="scope">
             <el-button 
               type="text" 
               size="mini"
+              icon="el-icon-view"
+              @click="showDetail(scope.row)"
+            >
+              查看详情
+            </el-button>
+            <el-button 
+              type="text" 
+              size="mini"
+              icon="el-icon-document"
               @click="showStoreDetail(scope.row)"
               v-if="scope.row.StoreDetail"
+              style="margin-left: 8px;"
             >
-              查看明细
+              门店明细
             </el-button>
-            <span v-else>无</span>
           </template>
         </el-table-column>
       </NCC-table>
@@ -358,6 +375,13 @@
       </div>
     </el-dialog>
 
+    <!-- 详情弹窗 -->
+    <tech-general-manager-detail-dialog
+      :visible="detailVisible"
+      :detail-data="currentDetailData"
+      @close="handleDetailClose"
+    />
+
     <!-- 门店明细弹窗 -->
     <el-dialog
       title="门店明细"
@@ -411,9 +435,13 @@
 
 <script>
 import { getTechGeneralManagerSalaryList, calculateTechGeneralManagerSalary } from '@/api/extend/techGeneralManagerSalary'
+import TechGeneralManagerDetailDialog from './tech-general-manager-detail-dialog.vue'
 
 export default {
   name: 'TechGeneralManagerSalary',
+  components: {
+    TechGeneralManagerDetailDialog
+  },
   data() {
     // 获取当前年月
     const getCurrentYear = () => {
@@ -429,11 +457,14 @@ export default {
     return {
       loading: false,
       calculateLoading: false,
+      exportLoading: false,
       list: [],
       total: 0,
       calculateDialogVisible: false,
       calculateYear: getCurrentYear(),
       calculateMonth: getCurrentMonth(),
+      detailVisible: false,
+      currentDetailData: null,
       storeDetailVisible: false,
       storeDetailList: [],
       queryParams: {
@@ -604,6 +635,156 @@ export default {
       this.storeDetailList = []
     },
 
+    // 显示详情
+    showDetail(row) {
+      this.currentDetailData = row
+      this.detailVisible = true
+    },
+
+    // 关闭详情弹窗
+    handleDetailClose() {
+      this.detailVisible = false
+      this.currentDetailData = null
+    },
+
+    // 导出功能
+    async handleExport() {
+      if (!this.list || this.list.length === 0) {
+        this.$message.warning('暂无数据可导出')
+        return
+      }
+
+      this.exportLoading = true
+      try {
+        // 动态导入 xlsx 库
+        const XLSX = await import('xlsx')
+
+        // 构建表头（根据后端DTO字段的中文映射）
+        const headers = [
+          '员工姓名',
+          '员工账号',
+          '核算岗位',
+          '统计月份',
+          '是否离职',
+          '溯源金额',
+          'Cell金额',
+          '底薪',
+          '溯源金额提成比例',
+          '溯源金额提成金额',
+          'Cell金额提成比例',
+          'Cell金额提成金额',
+          '提成合计',
+          '在店天数',
+          '请假天数',
+          '核算应发工资',
+          '最终应发工资',
+          '当月培训补贴',
+          '当月交通补贴',
+          '上月培训补贴',
+          '上月交通补贴',
+          '补贴合计',
+          '缺卡扣款',
+          '迟到扣款',
+          '请假扣款',
+          '扣社保',
+          '扣除奖励',
+          '扣住宿费',
+          '扣学习期费用',
+          '扣工作服费用',
+          '扣款合计',
+          '发奖金',
+          '退手机押金',
+          '退住宿押金',
+          '补发上月',
+          '实发工资',
+          '当月是否发放',
+          '支付金额',
+          '待支付金额',
+          '当月支付总额',
+          '是否锁定'
+        ]
+
+        // 构建数据行
+        const dataRows = this.list.map(item => [
+          item.EmployeeName || '无',
+          item.EmployeeAccount || '无',
+          item.Position || '无',
+          item.StatisticsMonth || '无',
+          item.IsTerminated === 1 ? '已离职' : '在职',
+          this.formatMoney(item.TraceabilityAmount),
+          this.formatMoney(item.CellAmount),
+          this.formatMoney(item.BaseSalary),
+          this.formatPercent(item.TraceabilityCommissionRate),
+          this.formatMoney(item.TraceabilityCommissionAmount),
+          this.formatPercent(item.CellCommissionRate),
+          this.formatMoney(item.CellCommissionAmount),
+          this.formatMoney(item.TotalCommission),
+          item.WorkingDays || '0',
+          item.LeaveDays || '0',
+          this.formatMoney(item.CalculatedGrossSalary),
+          this.formatMoney(item.FinalGrossSalary),
+          this.formatMoney(item.MonthlyTrainingSubsidy),
+          this.formatMoney(item.MonthlyTransportSubsidy),
+          this.formatMoney(item.LastMonthTrainingSubsidy),
+          this.formatMoney(item.LastMonthTransportSubsidy),
+          this.formatMoney(item.TotalSubsidy),
+          this.formatMoney(item.MissingCard),
+          this.formatMoney(item.LateArrival),
+          this.formatMoney(item.LeaveDeduction),
+          this.formatMoney(item.SocialInsuranceDeduction),
+          this.formatMoney(item.RewardDeduction),
+          this.formatMoney(item.AccommodationDeduction),
+          this.formatMoney(item.StudyPeriodDeduction),
+          this.formatMoney(item.WorkClothesDeduction),
+          this.formatMoney(item.TotalDeduction),
+          this.formatMoney(item.Bonus),
+          this.formatMoney(item.ReturnPhoneDeposit),
+          this.formatMoney(item.ReturnAccommodationDeposit),
+          this.formatMoney(item.LastMonthSupplement),
+          this.formatMoney(item.ActualSalary),
+          item.MonthlyPaymentStatus || '无',
+          this.formatMoney(item.PaidAmount),
+          this.formatMoney(item.PendingAmount),
+          this.formatMoney(item.MonthlyTotalPayment),
+          item.IsLocked === 1 ? '已锁定' : '未锁定'
+        ])
+
+        // 合并表头和数据
+        const excelData = [headers, ...dataRows]
+
+        // 创建工作表
+        const ws = XLSX.utils.aoa_to_sheet(excelData)
+
+        // 设置列宽
+        const colWidths = headers.map(() => ({ wch: 15 }))
+        ws['!cols'] = colWidths
+
+        // 创建工作簿
+        const wb = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(wb, ws, '科技部总经理工资')
+
+        // 生成文件名
+        const now = new Date()
+        const timestamp = now.getFullYear() + 
+          String(now.getMonth() + 1).padStart(2, '0') + 
+          String(now.getDate()).padStart(2, '0') + 
+          String(now.getHours()).padStart(2, '0') + 
+          String(now.getMinutes()).padStart(2, '0') + 
+          String(now.getSeconds()).padStart(2, '0')
+        const fileName = `科技部总经理工资_${timestamp}.xlsx`
+
+        // 导出文件
+        XLSX.writeFile(wb, fileName)
+
+        this.$message.success('导出成功')
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error('导出失败，请重试')
+      } finally {
+        this.exportLoading = false
+      }
+    },
+
     // 格式化金额
     formatMoney(value) {
       if (value === null || value === undefined || value === '') {
diff --git a/antis-ncc-admin/src/views/wageManagement/tech-stock-detail-dialog.vue b/antis-ncc-admin/src/views/wageManagement/tech-stock-detail-dialog.vue
new file mode 100644
index 0000000..fde613b
--- /dev/null
+++ b/antis-ncc-admin/src/views/wageManagement/tech-stock-detail-dialog.vue
@@ -0,0 +1,298 @@
+<template>
+  <el-dialog
+    title="科技部股份详情"
+    :visible="visible"
+    width="1200px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    class="detail-dialog"
+  >
+    <div v-if="detailData" class="detail-content">
+      <!-- 基本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-user"></i>
+          <span>基本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">部门名称：</span>
+              <span class="value">{{ detailData.DepartmentName || '无' }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">统计月份：</span>
+              <span class="value">{{ formatMonth(detailData.StatisticsMonth) || '无' }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.CreateTime">
+              <span class="label">创建时间：</span>
+              <span class="value">{{ formatDateTime(detailData.CreateTime) }}</span>
+            </div>
+            <div class="info-item" v-if="detailData.UpdateTime">
+              <span class="label">更新时间：</span>
+              <span class="value">{{ formatDateTime(detailData.UpdateTime) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 收入信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-trophy"></i>
+          <span>收入信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">收入：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.Income) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 成本信息 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-shopping-cart-2"></i>
+          <span>成本信息</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">成本-报销：</span>
+              <span class="value">{{ formatMoney(detailData.CostReimbursement) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-老师底薪：</span>
+              <span class="value">{{ formatMoney(detailData.CostTeacherBase) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-手工费：</span>
+              <span class="value">{{ formatMoney(detailData.CostTeacherManual) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-开单提成：</span>
+              <span class="value">{{ formatMoney(detailData.CostTeacherBillingComm) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-消耗提成：</span>
+              <span class="value">{{ formatMoney(detailData.CostTeacherConsumeComm) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-专家提成：</span>
+              <span class="value">{{ formatMoney(detailData.CostTeacherExpertComm) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-加班：</span>
+              <span class="value">{{ formatMoney(detailData.CostTeacherOvertime) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-总经理底薪：</span>
+              <span class="value">{{ formatMoney(detailData.CostGMBase) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-人工-总经理提成：</span>
+              <span class="value">{{ formatMoney(detailData.CostGMComm) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-其他1：</span>
+              <span class="value">{{ formatMoney(detailData.CostOther1) }}</span>
+            </div>
+            <div class="info-item">
+              <span class="label">成本-其他2：</span>
+              <span class="value">{{ formatMoney(detailData.CostOther2) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 奖励 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-medal"></i>
+          <span>奖励</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">奖励-科技部：</span>
+              <span class="value">{{ formatMoney(detailData.RewardTechDept) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 利润结果 -->
+      <div class="detail-section">
+        <div class="section-title">
+          <i class="el-icon-data-line"></i>
+          <span>利润结果</span>
+        </div>
+        <div class="section-content">
+          <div class="info-row">
+            <div class="info-item">
+              <span class="label">利润：</span>
+              <span class="value highlight large">{{ formatMoney(detailData.Profit) }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'TechStockDetailDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    detailData: {
+      type: Object,
+      default: null
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('close')
+    },
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+    formatMonth(value) {
+      if (!value || value.length !== 6) {
+        return value || '无'
+      }
+      const year = value.substring(0, 4)
+      const month = value.substring(4, 6)
+      return `${year}-${month}`
+    },
+    formatDateTime(value) {
+      if (!value) return '无'
+      const date = new Date(value)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-dialog {
+  .detail-content {
+    max-height: 70vh;
+    overflow-y: auto;
+    padding: 20px;
+  }
+
+  .detail-section {
+    margin-bottom: 24px;
+    background: #f9f9f9;
+    border-radius: 8px;
+    padding: 16px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 16px;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+      border-bottom: 2px solid #409EFF;
+      padding-bottom: 8px;
+
+      i {
+        color: #409EFF;
+        font-size: 18px;
+      }
+    }
+
+    .section-content {
+      .info-row {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 20px;
+
+        .info-item {
+          flex: 0 0 calc(33.333% - 14px);
+          min-width: 250px;
+          display: flex;
+          align-items: center;
+          padding: 8px 12px;
+          background: #fff;
+          border-radius: 4px;
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+          .label {
+            color: #606266;
+            font-weight: 500;
+            margin-right: 8px;
+            white-space: nowrap;
+          }
+
+          .value {
+            color: #303133;
+            flex: 1;
+            text-align: right;
+
+            &.highlight {
+              color: #409EFF;
+              font-weight: 600;
+            }
+
+            &.large {
+              font-size: 18px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .dialog-footer {
+    text-align: right;
+    padding: 20px;
+    border-top: 1px solid #e4e7ed;
+  }
+}
+
+// 滚动条样式
+.detail-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.detail-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.detail-content::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+
+  &:hover {
+    background: #a8a8a8;
+  }
+}
+</style>
+
diff --git a/antis-ncc-admin/src/views/wageManagement/tech-stock.vue b/antis-ncc-admin/src/views/wageManagement/tech-stock.vue
index e7128bb..55593bd 100644
--- a/antis-ncc-admin/src/views/wageManagement/tech-stock.vue
+++ b/antis-ncc-admin/src/views/wageManagement/tech-stock.vue
@@ -8,8 +8,24 @@
       </div>
       <div class="header-right">
         <el-button 
+          type="success" 
+          icon="el-icon-download"
+          @click="handleExport"
+          :loading="exportLoading"
+        >
+          导出
+        </el-button>
+        <el-button 
+          type="primary" 
+          icon="el-icon-cpu"
+          @click="showCalculateDialog"
+          :loading="calculateLoading"
+        >
+          计算股份
+        </el-button>
+        <el-button 
           icon="el-icon-refresh" 
-          @click="handleRefresh"
+          @click="getList"
           :loading="loading"
         >
           刷新
@@ -17,28 +33,465 @@
       </div>
     </div>
 
-    <!-- 内容区域 -->
-    <div class="content-container">
-      <!-- 待开发 -->
+    <!-- 搜索区域 -->
+    <div class="search-container">
+      <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="80px">
+        <el-form-item label="统计月份" prop="statisticsMonth">
+          <el-date-picker
+            v-model="queryParams.statisticsMonth"
+            type="month"
+            placeholder="选择月份"
+            format="yyyyMM"
+            value-format="yyyyMM"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="部门" prop="departmentName">
+          <el-select 
+            v-model="queryParams.departmentName" 
+            placeholder="请选择部门"
+            clearable
+            filterable
+            style="width: 200px"
+          >
+            <el-option label="科技一部" value="科技一部" />
+            <el-option label="科技二部" value="科技二部" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
     </div>
+
+    <!-- 数据表格 -->
+    <div class="table-container">
+      <NCC-table 
+        v-loading="loading" 
+        :data="list" 
+        border 
+        stripe
+        height="calc(100vh - 420px)"
+        :header-cell-style="{ background: '#f5f7fa', color: '#606266' }"
+      >
+        <!-- 基本信息 -->
+        <el-table-column prop="DepartmentName" label="部门名称" width="150" align="center" fixed="left">
+          <template slot-scope="scope">
+            <div class="department-name">
+              <i class="el-icon-office-building department-icon"></i>
+              <span>{{ scope.row.DepartmentName || '无' }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="StatisticsMonth" label="统计月份" width="120" align="center" fixed="left">
+          <template slot-scope="scope">
+            <span>{{ formatMonth(scope.row.StatisticsMonth) || '无' }}</span>
+          </template>
+        </el-table-column>
+
+        <!-- 收入信息 -->
+        <el-table-column label="收入信息" align="center">
+          <el-table-column prop="Income" label="收入" width="120" align="center">
+            <template slot-scope="scope">
+              <span class="highlight">{{ formatMoney(scope.row.Income) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 成本信息 -->
+        <el-table-column label="成本信息" align="center">
+          <el-table-column prop="CostReimbursement" label="成本-报销" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostReimbursement) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTeacherBase" label="成本-人工-老师底薪" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTeacherBase) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTeacherManual" label="成本-人工-手工费" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTeacherManual) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTeacherBillingComm" label="成本-人工-开单提成" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTeacherBillingComm) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTeacherConsumeComm" label="成本-人工-消耗提成" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTeacherConsumeComm) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTeacherExpertComm" label="成本-人工-专家提成" width="160" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTeacherExpertComm) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostTeacherOvertime" label="成本-人工-加班" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostTeacherOvertime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostGMBase" label="成本-人工-总经理底薪" width="170" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostGMBase) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostGMComm" label="成本-人工-总经理提成" width="170" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostGMComm) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostOther1" label="成本-其他1" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostOther1) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="CostOther2" label="成本-其他2" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.CostOther2) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 奖励 -->
+        <el-table-column label="奖励" align="center">
+          <el-table-column prop="RewardTechDept" label="奖励-科技部" width="140" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatMoney(scope.row.RewardTechDept) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 利润结果 -->
+        <el-table-column label="利润结果" align="center">
+          <el-table-column prop="Profit" label="利润" width="120" align="center">
+            <template slot-scope="scope">
+              <span class="highlight">{{ formatMoney(scope.row.Profit) }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <!-- 操作列 -->
+        <el-table-column label="操作" width="120" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button 
+              type="text" 
+              size="mini"
+              icon="el-icon-view"
+              @click="showDetail(scope.row)"
+            >
+              查看详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </NCC-table>
+    </div>
+
+    <!-- 计算股份弹窗 -->
+    <el-dialog
+      title="计算科技部股份"
+      :visible="calculateDialogVisible"
+      width="500px"
+      :close-on-click-modal="false"
+      @close="handleCalculateDialogClose"
+    >
+      <el-form label-width="100px" label-position="right">
+        <el-form-item label="统计月份" required>
+          <el-date-picker
+            v-model="calculateMonth"
+            type="month"
+            placeholder="请选择月份"
+            format="yyyyMM"
+            value-format="yyyyMM"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="部门">
+          <el-select 
+            v-model="calculateDepartmentName" 
+            placeholder="请选择部门（不选则计算所有部门）"
+            clearable
+            filterable
+            style="width: 100%"
+          >
+            <el-option label="科技一部" value="科技一部" />
+            <el-option label="科技二部" value="科技二部" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleCalculateDialogClose">取消</el-button>
+        <el-button 
+          type="primary" 
+          @click="handleCalculateConfirm"
+          :loading="calculateLoading"
+        >
+          确定
+        </el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <tech-stock-detail-dialog
+      :visible="detailVisible"
+      :detail-data="currentDetailData"
+      @close="handleDetailClose"
+    />
   </div>
 </template>
 
 <script>
+import { getTechStockList, generateTechStock } from '@/api/extend/techStock'
+import TechStockDetailDialog from './tech-stock-detail-dialog.vue'
+
 export default {
   name: 'TechStock',
+  components: {
+    TechStockDetailDialog
+  },
   data() {
+    // 获取当前月份
+    const getCurrentMonth = () => {
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      return `${year}${month}`
+    }
+
     return {
-      loading: false
+      loading: false,
+      calculateLoading: false,
+      exportLoading: false,
+      list: [],
+      calculateDialogVisible: false,
+      calculateMonth: getCurrentMonth(),
+      calculateDepartmentName: '',
+      detailVisible: false,
+      currentDetailData: null,
+      queryParams: {
+        statisticsMonth: getCurrentMonth(), // yyyyMM 格式
+        departmentName: ''
+      }
     }
   },
+  created() {
+    this.getList()
+  },
   methods: {
-    handleRefresh() {
+    // 获取列表数据
+    async getList() {
       this.loading = true
-      setTimeout(() => {
+      try {
+        const params = {
+          StatisticsMonth: this.queryParams.statisticsMonth || undefined,
+          DepartmentName: this.queryParams.departmentName || undefined
+        }
+
+        const response = await getTechStockList(params)
+
+        if (response.code === 200) {
+          this.list = response.data.data || []
+        } else {
+          this.$message.error(response.msg || '获取数据失败')
+        }
+      } catch (error) {
+        console.error('获取科技部股份列表失败:', error)
+        this.$message.error('获取数据失败')
+      } finally {
         this.loading = false
-        this.$message.success('刷新成功')
-      }, 500)
+      }
+    },
+
+    // 搜索
+    handleQuery() {
+      this.getList()
+    },
+
+    // 重置搜索
+    resetQuery() {
+      const getCurrentMonth = () => {
+        const now = new Date()
+        const year = now.getFullYear()
+        const month = String(now.getMonth() + 1).padStart(2, '0')
+        return `${year}${month}`
+      }
+
+      this.queryParams = {
+        statisticsMonth: getCurrentMonth(),
+        departmentName: ''
+      }
+      this.getList()
+    },
+
+    // 显示计算股份弹窗
+    showCalculateDialog() {
+      const getCurrentMonth = () => {
+        const now = new Date()
+        const year = now.getFullYear()
+        const month = String(now.getMonth() + 1).padStart(2, '0')
+        return `${year}${month}`
+      }
+      this.calculateMonth = getCurrentMonth()
+      this.calculateDepartmentName = ''
+      this.calculateDialogVisible = true
+    },
+
+    // 关闭计算股份弹窗
+    handleCalculateDialogClose() {
+      this.calculateDialogVisible = false
+    },
+
+    // 确认计算股份
+    async handleCalculateConfirm() {
+      if (!this.calculateMonth) {
+        this.$message.warning('请选择统计月份')
+        return
+      }
+
+      this.calculateLoading = true
+      try {
+        const data = {
+          statisticsMonth: this.calculateMonth,
+          departmentName: this.calculateDepartmentName || undefined
+        }
+
+        const response = await generateTechStock(data)
+        if (response.code === 200) {
+          this.$message.success('计算股份成功')
+          this.calculateDialogVisible = false
+          this.getList()
+        } else {
+          this.$message.error(response.msg || '计算股份失败')
+        }
+      } catch (error) {
+        console.error('计算股份失败:', error)
+        this.$message.error(error.message || '计算股份失败')
+      } finally {
+        this.calculateLoading = false
+      }
+    },
+
+    // 显示详情
+    showDetail(row) {
+      this.currentDetailData = row
+      this.detailVisible = true
+    },
+
+    // 关闭详情弹窗
+    handleDetailClose() {
+      this.detailVisible = false
+      this.currentDetailData = null
+    },
+
+    // 导出功能
+    async handleExport() {
+      if (!this.list || this.list.length === 0) {
+        this.$message.warning('暂无数据可导出')
+        return
+      }
+
+      this.exportLoading = true
+      try {
+        // 动态导入 xlsx 库
+        const XLSX = await import('xlsx')
+
+        // 构建表头（根据后端DTO字段的中文映射）
+        const headers = [
+          '部门名称',
+          '统计月份',
+          '收入',
+          '成本-报销',
+          '成本-人工-老师底薪',
+          '成本-人工-手工费',
+          '成本-人工-开单提成',
+          '成本-人工-消耗提成',
+          '成本-人工-专家提成',
+          '成本-人工-加班',
+          '成本-人工-总经理底薪',
+          '成本-人工-总经理提成',
+          '奖励-科技部',
+          '成本-其他1',
+          '成本-其他2',
+          '利润'
+        ]
+
+        // 构建数据行
+        const dataRows = this.list.map(item => [
+          item.DepartmentName || '无',
+          this.formatMonth(item.StatisticsMonth) || '无',
+          this.formatMoney(item.Income),
+          this.formatMoney(item.CostReimbursement),
+          this.formatMoney(item.CostTeacherBase),
+          this.formatMoney(item.CostTeacherManual),
+          this.formatMoney(item.CostTeacherBillingComm),
+          this.formatMoney(item.CostTeacherConsumeComm),
+          this.formatMoney(item.CostTeacherExpertComm),
+          this.formatMoney(item.CostTeacherOvertime),
+          this.formatMoney(item.CostGMBase),
+          this.formatMoney(item.CostGMComm),
+          this.formatMoney(item.RewardTechDept),
+          this.formatMoney(item.CostOther1),
+          this.formatMoney(item.CostOther2),
+          this.formatMoney(item.Profit)
+        ])
+
+        // 合并表头和数据
+        const excelData = [headers, ...dataRows]
+
+        // 创建工作表
+        const ws = XLSX.utils.aoa_to_sheet(excelData)
+
+        // 设置列宽
+        const colWidths = headers.map(() => ({ wch: 15 }))
+        ws['!cols'] = colWidths
+
+        // 创建工作簿
+        const wb = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(wb, ws, '科技部股份')
+
+        // 生成文件名
+        const now = new Date()
+        const timestamp = now.getFullYear() + 
+          String(now.getMonth() + 1).padStart(2, '0') + 
+          String(now.getDate()).padStart(2, '0') + 
+          String(now.getHours()).padStart(2, '0') + 
+          String(now.getMinutes()).padStart(2, '0') + 
+          String(now.getSeconds()).padStart(2, '0')
+        const fileName = `科技部股份_${timestamp}.xlsx`
+
+        // 导出文件
+        XLSX.writeFile(wb, fileName)
+
+        this.$message.success('导出成功')
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error('导出失败，请重试')
+      } finally {
+        this.exportLoading = false
+      }
+    },
+
+    // 格式化金额
+    formatMoney(value) {
+      if (value === null || value === undefined || value === '') {
+        return '0.00'
+      }
+      return Number(value).toFixed(2)
+    },
+
+    // 格式化月份
+    formatMonth(value) {
+      if (!value || value.length !== 6) {
+        return value || '无'
+      }
+      const year = value.substring(0, 4)
+      const month = value.substring(4, 6)
+      return `${year}-${month}`
     }
   }
 }
@@ -81,12 +534,54 @@ export default {
   }
 }
 
-.content-container {
+.search-container {
+  margin-bottom: 20px;
   padding: 20px;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  min-height: 400px;
 }
-</style>
 
+.table-container {
+  margin-bottom: 20px;
+  padding: 20px;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.department-name {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  .department-icon {
+    color: #409EFF;
+    font-size: 16px;
+  }
+}
+
+.highlight {
+  color: #409EFF;
+  font-weight: 600;
+}
+
+// 表格样式优化
+::v-deep .el-table {
+  .el-table__header-wrapper {
+    th {
+      background-color: #f5f7fa;
+      color: #606266;
+      font-weight: 600;
+    }
+  }
+
+  .el-table__body-wrapper {
+    .el-table__row {
+      &:hover {
+        background-color: #f5f7fa;
+      }
+    }
+  }
+}
+</style>