业绩分配

src/views/salary/allocation/index.vue

@@ -1,12 +1,65 @@
 <template>
-  <div>
-
+  <div class="pa-3 white">
+    <m-search :items="searchItems" v-model="searchValues" class="mb-3" @search="onSearch">
+    </m-search>
+    <m-table
+      :items="items"
+      :headers="headers"
+      :loading="loading"
+      :total="total"
+      :page-size="pageInfo.size"
+      :page-current="pageInfo.current"
+      @page-change="onPageChange"
+      @expand-change="onExpandChange"
+    ></m-table>
   </div>
 </template>
 
 <script>
+import { dateFormat } from '@/utils/date'
 export default {
-  name: 'salary-allocation'
+  name: 'salary-allocation',
+  data () {
+    return {
+      searchItems: [
+        {
+          label: '月份',
+          prop: 'month',
+          type: 'date',
+          option: {
+            placeholder: '请选择月份',
+            type: 'month',
+            valueFormat: 'yyyy-MM',
+            format: 'yyyy 年 MM 月'
+          }
+        }
+      ],
+      searchValues: {
+        month: dateFormat('YYYY-mm', new Date())
+      },
+      headers: [
+        { label: '月份', prop: 'month' },
+        { label: '状态', prop: 'state' },
+        { label: '机构', prop: 'organizationName' },
+        { label: '姓名', prop: 'employeeName' },
+        { label: '统一认证号', prop: 'unifiedCertificationNumber' },
+        { label: '岗位', prop: 'unifiedCertificationNumber' },
+        { label: '当月薪资', prop: 'unifiedCertificationNumber' },
+        { label: '可分配绩效金额', prop: 'unifiedCertificationNumber' },
+        { label: '已分配绩效金额', prop: 'unifiedCertificationNumber' },
+        { label: '操作', prop: 'action', align: 'center', width: 100 }
+      ],
+      items: [
+      ],
+      loading: false,
+      total: 0,
+      pageInfo: {
+        current: 1,
+        size: 10
+      }
+
+    }
+  }
 }
 </script>