feat: 新30号准则P0 — 利润表五板块重构+费用分类打标

frontend/src/views/SubjectManage.vue

@@ -0,0 +1,230 @@
+<template>
+  <div class="subject-page">
+    <div class="subject-header">
+      <h3 class="page-title">📋 会计科目管理 — 新30号准则打标</h3>
+      <div class="header-right">
+        <el-button size="small" @click="goBack">← 返回报表</el-button>
+        <el-button type="primary" size="small" :loading="loading" @click="loadSubjects">刷新</el-button>
+      </div>
+    </div>
+
+    <!-- 过滤 -->
+    <div class="filter-row">
+      <el-input v-model="keyword" placeholder="搜索科目名称/编码" size="small" style="width:200px;" clearable @change="loadSubjects" />
+      <el-select v-model="filterCategory" placeholder="新准则分类" clearable size="small" style="width:160px;" @change="loadSubjects">
+        <el-option label="经营类" value="operating" />
+        <el-option label="研发费用" value="operating_rd" />
+        <el-option label="经营汇兑" value="operating_fx" />
+        <el-option label="投资类" value="investing" />
+        <el-option label="筹资类" value="financing" />
+        <el-option label="筹资汇兑" value="financing_fx" />
+        <el-option label="所得税" value="tax" />
+        <el-option label="终止经营" value="discontinued" />
+      </el-select>
+      <span class="filter-info">共 {{ totalSubjects }} 个科目</span>
+      <span style="margin-left:auto;">
+        <el-button size="small" type="success" :disabled="selectedIds.length === 0" @click="showBatchDialog">
+          批量打标 ({{ selectedIds.length }})
+        </el-button>
+      </span>
+    </div>
+
+    <!-- 科目表格 -->
+    <el-table
+      :data="subjects"
+      border stripe size="small"
+      style="width:100%;margin-top:8px;"
+      @selection-change="onSelectionChange"
+    >
+      <el-table-column type="selection" width="40" />
+      <el-table-column prop="subject_code" label="科目编码" width="100" />
+      <el-table-column prop="subject_name" label="科目名称" min-width="160" />
+      <el-table-column prop="parent_code" label="上级编码" width="80" />
+      <el-table-column prop="level" label="级别" width="50" />
+      <el-table-column label="新30号准则分类" width="180">
+        <template #default="{ row }">
+          <el-select
+            v-model="row.new_standard_category"
+            size="small"
+            placeholder="选择分类"
+            style="width:150px;"
+            @change="val => updateCategory(row, val)"
+          >
+            <el-option label="未分类" value="" />
+            <el-option label="经营类" value="operating" />
+            <el-option label="研发费用（经营类）" value="operating_rd" />
+            <el-option label="经营汇兑损益" value="operating_fx" />
+            <el-option label="投资类" value="investing" />
+            <el-option label="筹资类" value="financing" />
+            <el-option label="筹资汇兑损益" value="financing_fx" />
+            <el-option label="所得税" value="tax" />
+            <el-option label="终止经营" value="discontinued" />
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column prop="category" label="科目类别" width="80" />
+      <el-table-column label="分类标签" width="100">
+        <template #default="{ row }">
+          <el-tag v-if="row.new_standard_category" :type="tagType(row.new_standard_category)" size="small">
+            {{ catLabel(row.new_standard_category) }}
+          </el-tag>
+          <span v-else style="color:#ccc;">未分类</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 批量打标对话框 -->
+    <el-dialog v-model="batchDialogVisible" title="批量设置新30号准则分类" width="400px">
+      <div class="batch-dialog-body">
+        <p>已选 <strong>{{ selectedIds.length }}</strong> 个科目</p>
+        <el-select v-model="batchCategory" placeholder="选择分类" size="small" style="width:100%;">
+          <el-option label="经营类" value="operating" />
+          <el-option label="研发费用（经营类）" value="operating_rd" />
+          <el-option label="经营汇兑损益" value="operating_fx" />
+          <el-option label="投资类" value="investing" />
+          <el-option label="筹资类" value="financing" />
+          <el-option label="筹资汇兑损益" value="financing_fx" />
+          <el-option label="所得税" value="tax" />
+          <el-option label="终止经营" value="discontinued" />
+        </el-select>
+      </div>
+      <template #footer>
+        <el-button size="small" @click="batchDialogVisible = false">取消</el-button>
+        <el-button type="primary" size="small" :loading="batchLoading" @click="doBatchUpdate">确认打标</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import axios from 'axios'
+
+const api = axios.create({ baseURL: '/api/cma', timeout: 30000 })
+api.interceptors.request.use((config: any) => {
+  const token = localStorage.getItem('cma_token')
+  if (token) config.headers.Authorization = `'Bearer ' + token`
+  return config
+})
+
+const loading = ref(false)
+const subjects = ref<any[]>([])
+const totalSubjects = ref(0)
+const keyword = ref('')
+const filterCategory = ref('')
+const selectedIds = ref<number[]>([])
+
+// 批量打标
+const batchDialogVisible = ref(false)
+const batchCategory = ref('')
+const batchLoading = ref(false)
+
+async function loadSubjects() {
+  loading.value = true
+  try {
+    const params: any = {}
+    if (filterCategory.value) params.category = filterCategory.value
+    if (keyword.value) params.keyword = keyword.value
+    const r = await api.get('/subjects', { params })
+    const d = (r as any).data || {}
+    subjects.value = d.data || []
+    totalSubjects.value = d.total || 0
+  } catch (e) {
+    ElMessage.error('加载科目列表失败')
+    subjects.value = []
+  } finally {
+    loading.value = false
+  }
+}
+
+async function updateCategory(row: any, val: string) {
+  if (!val) {
+    // 清空分类
+    row.new_standard_category = ''
+    return
+  }
+  try {
+    await api.put(`/subjects/${row.id}`, null, {
+      params: { new_standard_category: val }
+    })
+    ElMessage.success(`${row.subject_name} 分类更新成功`)
+  } catch (e) {
+    ElMessage.error('更新失败')
+    // 回滚
+    row.new_standard_category = row._old_category || ''
+  }
+}
+
+function onSelectionChange(rows: any[]) {
+  selectedIds.value = rows.map((r: any) => r.id)
+}
+
+function showBatchDialog() {
+  if (selectedIds.value.length === 0) {
+    ElMessage.warning('请先选择科目')
+    return
+  }
+  batchCategory.value = ''
+  batchDialogVisible.value = true
+}
+
+async function doBatchUpdate() {
+  if (!batchCategory.value) {
+    ElMessage.warning('请选择分类')
+    return
+  }
+  batchLoading.value = true
+  try {
+    await api.put('/subjects/batch/category', null, {
+      params: {
+        ids: selectedIds.value,
+        new_standard_category: batchCategory.value,
+      }
+    })
+    ElMessage.success(`批量更新 ${selectedIds.value.length} 个科目成功`)
+    batchDialogVisible.value = false
+    await loadSubjects()
+  } catch (e) {
+    ElMessage.error('批量更新失败')
+  } finally {
+    batchLoading.value = false
+  }
+}
+
+function catLabel(cat: string): string {
+  const map: Record<string, string> = {
+    operating: '经营类', operating_rd: '研发费用', operating_fx: '经营汇兑',
+    investing: '投资类', financing: '筹资类', financing_fx: '筹资汇兑',
+    tax: '所得税', discontinued: '终止经营',
+  }
+  return map[cat] || cat
+}
+
+function tagType(cat: string): string {
+  const map: Record<string, string> = {
+    operating: '', operating_rd: 'warning', operating_fx: 'info',
+    investing: 'success', financing: 'danger', financing_fx: 'danger',
+    tax: 'info', discontinued: 'warning',
+  }
+  return map[cat] || ''
+}
+
+function goBack() {
+  window.history.back()
+}
+
+onMounted(() => {
+  loadSubjects()
+})
+</script>
+
+<style scoped>
+.subject-page { max-width: 1200px; margin: 0 auto; padding: 16px; }
+.subject-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
+.header-right { display: flex; gap: 8px; align-items: center; }
+.page-title { font-size: 18px; font-weight: 600; color: #1a1a2e; margin: 0; }
+.filter-row { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
+.filter-info { font-size: 12px; color: #999; }
+.batch-dialog-body { display: flex; flex-direction: column; gap: 12px; }
+</style>