公共表头

src/views/salary/claim/sharingClaim/index.vue

@@ -33,6 +33,9 @@ import {
   getCustomerProfitSharingClaimAdd
 } from '@/api/salary'
 import ClaimForm from '../components/form.vue'
+import {
+  HEADERS
+} from '../utils'
 export default {
   name: 'salaryClaimSharing',
   components: {
@@ -75,22 +78,7 @@ export default {
         customerId: null,
         month: dateFormat('YYYY-mm', new Date())
       },
-      headers: [
-        { label: '客户编号', prop: 'customerId', align: 'center' },
-        { label: '一级科目编码/名称', prop: 'oneLevelSubject', width: 180 },
-        { label: '二级科目编码/名称', prop: 'twoLevelSubject', width: 180 },
-        { label: '金额', prop: 'amount' },
-        { label: '机构名称', prop: 'organizationName' },
-        { label: '统一认证号1', prop: 'unifiedCertificationNumber1', width: 150 },
-        { label: '员工姓名1', prop: 'employeeName1', width: 120 },
-        { label: '统一认证号2', prop: 'unifiedCertificationNumber2', width: 150 },
-        { label: '员工姓名2', prop: 'employeeName2', width: 120 },
-        { label: '管户层级标识', prop: 'customerLevelIdentifier' },
-        { label: '客户类别标识', prop: 'customerCategoryIdentifier' },
-        { label: '员工分润比例', prop: 'employeeProfitSharingRatio', align: 'center' },
-        { label: '数据日期', prop: 'dataDate', width: 120 },
-        { label: '操作', prop: 'actions', fixed: 'right', width: 180 }
-      ],
+      headers: HEADERS,
       items: [],
       total: 0,
       pageInfo: {

src/views/salary/claim/staff/index.vue

@@ -32,6 +32,9 @@
 import { dateFormat } from '@/utils/date'
 import { getCustomerProfitSharingClaim, getCustomerProfitSharingClaimStaffAdd } from '@/api/salary'
 import ClaimForm from '../components/form.vue'
+import {
+  HEADERS
+} from '../utils'
 export default {
   name: 'salaryClaimStaff',
   components: {
@@ -77,22 +80,7 @@ export default {
         customerId: null,
         month: dateFormat('YYYY-mm', new Date())
       },
-      headers: [
-        { label: '客户编号', prop: 'customerId', align: 'center' },
-        { label: '一级科目编码/名称', prop: 'oneLevelSubject', width: 180 },
-        { label: '二级科目编码/名称', prop: 'twoLevelSubject', width: 180 },
-        { label: '金额', prop: 'amount' },
-        { label: '机构名称', prop: 'organizationName' },
-        { label: '统一认证号1', prop: 'unifiedCertificationNumber1', width: 150 },
-        { label: '员工姓名1', prop: 'employeeName1', width: 120 },
-        { label: '统一认证号2', prop: 'unifiedCertificationNumber2', width: 150 },
-        { label: '员工姓名2', prop: 'employeeName2', width: 120 },
-        { label: '管户层级标识', prop: 'customerLevelIdentifier' },
-        { label: '客户类别标识', prop: 'customerCategoryIdentifier' },
-        { label: '员工分润比例', prop: 'employeeProfitSharingRatio', align: 'center' },
-        { label: '数据日期', prop: 'dataDate', width: 120 },
-        { label: '操作', prop: 'actions', fixed: 'right', width: 180 }
-      ],
+      headers: HEADERS,
       items: [],
       total: 0,
       pageInfo: {

src/views/salary/claim/utils/index.js

@@ -0,0 +1,16 @@
+export const HEADERS = [
+  { label: '客户编号', prop: 'customerId', align: 'center' },
+  { label: '一级科目编码/名称', prop: 'oneLevelSubject', width: 180 },
+  { label: '二级科目编码/名称', prop: 'twoLevelSubject', width: 180 },
+  { label: '金额', prop: 'amount' },
+  { label: '机构名称', prop: 'organizationName' },
+  { label: '统一认证号1', prop: 'unifiedCertificationNumber1', width: 150 },
+  { label: '员工姓名1', prop: 'employeeName1', width: 120 },
+  { label: '统一认证号2', prop: 'unifiedCertificationNumber2', width: 150 },
+  { label: '员工姓名2', prop: 'employeeName2', width: 120 },
+  { label: '管户层级标识', prop: 'customerLevelIdentifier' },
+  { label: '客户类别标识', prop: 'customerCategoryIdentifier' },
+  { label: '员工分润比例', prop: 'employeeProfitSharingRatio', align: 'center' },
+  { label: '数据日期', prop: 'dataDate', width: 120 },
+  { label: '操作', prop: 'actions', fixed: 'right', width: 180 }
+]