Featrue/lhh

WebSite/src/views/cost-allocation/index.vue

@@ -51,14 +51,16 @@
       <div style="margin-bottom: 10px;">
         默认全部计入成本分摊，不计入成本分摊的数据请单独勾选
       </div>
-      <el-table :data="data.costAllocationData" border style="width: 100%">
+      <el-table :data="data.costAllocationData.body" border style="width: 100%">
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column prop="date" label="凭证号" align="center" />
-        <el-table-column prop="year" label="经费项目" align="center" />
-        <el-table-column prop="address" label="成本中心编号" align="center" />
-        <el-table-column prop="aaa" label="成本中心名称" align="center" />
-        <el-table-column prop="bbb" label="科目" align="center" />
-        <el-table-column prop="ccc" label="摘要" align="center" />
+        <el-table-column
+          v-for="item in data.costAllocationData.head"
+          :key="item.prop"
+          :label="item.label"
+          align="center"
+          :prop="item.prop"
+        >
+        </el-table-column>
       </el-table>
     </el-card>
   </div>
@@ -66,7 +68,26 @@
 <script setup>
 import { reactive, onMounted } from 'vue';
 const data = reactive({
-  costAllocationData: [],
+  costAllocationData: {
+    head: [
+      { label: '凭证号', prop: 'a' },
+      { label: '经费项目', prop: 'b' },
+      { label: '成本中心编号', prop: 'c' },
+      { label: '成本中心名称', prop: 'd' },
+      { label: '科目', prop: 'e' },
+      { label: '摘要', prop: 'f' }
+    ],
+    body: [
+      {
+        a: '凭证号',
+        b: '经费项目',
+        c: '成本中心编号',
+        d: '成本中心名称',
+        e: '科目',
+        f: '摘要'
+      }
+    ]
+  },
   costAllocationForm: {
     costingDatabase: '',
     year: '',