From 54923e74995293dccc19682747545e1a4ed615cc Mon Sep 17 00:00:00 2001
From: liuyongli <1598631486@qq.com>
Date: Fri, 26 Nov 2021 11:40:58 +0800
Subject: [PATCH] =?UTF-8?q?lyl=E5=91=98=E5=B7=A5=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js                  |   2 +
 src/router/basic.js          |  12 +--
 src/views/Employee/index.vue | 196 ++++++++++++++++++++++++++++++++++-
 3 files changed, 201 insertions(+), 9 deletions(-)

diff --git a/src/main.js b/src/main.js
index 52a96e4..3446ca2 100644
--- a/src/main.js
+++ b/src/main.js
@@ -12,6 +12,8 @@ import './styles/index.less';
 import mixins from "@/mixins"
 import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/antd.css';
+import { Button } from 'ant-design-vue';
+Vue.use(Button);
 Vue.use(Antd);
 Vue.use(mixins);
 import store from "@/store";
diff --git a/src/router/basic.js b/src/router/basic.js
index ae71cc3..c77eb3f 100644
--- a/src/router/basic.js
+++ b/src/router/basic.js
@@ -26,7 +26,7 @@ export default [
         meta: {title: '员工管理'}
     },
     {
-        path: '/authority',
+        path: '/Authority',
         name: "Authority",
         title: "权限管理",
         icon: 'profile',
@@ -46,7 +46,7 @@ export default [
         ]
     },
     {
-        path: '/attendance',
+        path: '/Attendance',
         name: "Attendance",
         title: "考勤管理",
         icon: 'profile',
@@ -55,7 +55,7 @@ export default [
         meta: {title: '考勤管理'},
         children: [
             {
-                path: '/attendance/record',
+                path: '/Attendance/record',
                 name: "Attendance_record",
                 title: "考勤记录",
                 icon: 'profile', 
@@ -64,7 +64,7 @@ export default [
                 meta: {title: '考勤记录'},
             },
             {
-                path: '/attendance/application',
+                path: '/Attendance/application',
                 name: "Attendance_application",
                 title: "申请记录",
                 icon: 'profile', 
@@ -73,7 +73,7 @@ export default [
                 meta: {title: '申请记录'},
             },
             {
-                path: '/attendance/attendanceteam',
+                path: '/Attendance/attendanceteam',
                 name: "Attendance_attendanceteam",
                 title: "考勤小组",
                 icon: 'profile', 
@@ -82,7 +82,7 @@ export default [
                 meta: {title: '考勤小组'},
             },
             {
-                path: '/attendance/scheduling',
+                path: '/Attendance/scheduling',
                 name: "Attendance_scheduling",
                 title: "排班计划",
                 icon: 'profile', 
diff --git a/src/views/Employee/index.vue b/src/views/Employee/index.vue
index 18f653e..68f6e0b 100644
--- a/src/views/Employee/index.vue
+++ b/src/views/Employee/index.vue
@@ -7,20 +7,210 @@
  * @FilePath: /ansu-business/src/views/Employee/index.vue
 -->
 <template>
-    <div>
+    <div class="box">
         <div class="left">
+            <a-input-search placeholder="请输入搜索信息" style="width: 200px" />
+            <a-tree :tree-data="treeData" :expandedKeys.sync="expandedKeys" @node-click="handleNodeClick">
+            </a-tree>
         </div>
         <div class="right">
+            <div class="top">
+                <div class="topleft">
+                    <a-button icon="plus" type="primary">新增员工</a-button>
+                    <a-button>导入</a-button>
+                    <a-button>导出</a-button>
+                </div>
+                <div class="topright">
+                    <a-select show-search placeholder="所属部门" option-filter-prop="children" style="width: 200px" :filter-option="filterOption"></a-select>
+                    <a-select show-search placeholder="职位" option-filter-prop="children" style="width: 200px" :filter-option="filterOption"></a-select>
+                    <a-input-search placeholder="请输入搜索信息" style="width: 200px"></a-input-search>
+                </div>
+            </div>
+            <a-table :row-selection="rowSelection" :columns="columns" :data-source="data">
+                <template v-slot:action="{record}">
+                    <span>
+                        <a @click="Edit(record)">编辑</a>
+                        <a-divider type="vertical" />
+                        <a-switch checked-children="启用" un-checked-children="停用" default-checked />
+                        <span>
+                            <a-divider type="vertical" />
+                            <a @click="Password(record)">重置密码</a>
+                        </span>
+                        <span>
+                            <a-divider type="vertical" />
+                            <a @click="Delete(record)">删除</a>
+                        </span>
+                    </span>
+                </template>
+            </a-table>
         </div>
     </div>
 </template>
 
 <script>
+const columns = [
+    { title: "名称", dataIndex: "name", width: 100, key: "1", align: "center" },
+    {
+        title: "手机号",
+        dataIndex: "mobilenumber",
+        width: 150,
+        key: "2",
+        align: "center",
+    },
+    {
+        title: "所属部门",
+        dataIndex: "Department",
+        width: 150,
+        key: "3",
+        align: "center",
+    },
+    { title: "职位", dataIndex: "position", width: 150, key: "4", align: "center" },
+    { title: "备注", dataIndex: "remarks", key: "5", align: "center" },
+    {
+        title: "操作",
+        dataIndex: "operation",
+        width: 280,
+        key: "action",
+        align: "center",
+        scopedSlots: { customRender: "action" },
+    },
+];
+const data = [
+    {
+        key: '1',
+        name: '潘迪',
+        mobilenumber: '13899191020',
+        Department: '安全保卫部',
+        position: '项目经理',
+        remarks: '青海省',
+        operation: '',
+    },
+];
+const treeData = [
+    {
+        title: "广西印象物业服务有限公司",
+        key: "0-0",
+        children: [
+            {
+                title: "运营部",
+                key: "0-0-0",
+                children: [
+                    { title: "客服组", key: "0-0-0-0" },
+                    { title: "商务组", key: "0-0-0-1" },
+                ],
+            },
+            {
+                title: "财务部",
+                key: "0-0-1",
+                children: [{ title: "0-0-1-0", key: "0-0-1-0" }],
+            },
+            {
+                title: "房屋管理维修部",
+                key: "0-0-2",
+                children: [{ title: "0-0-1-0", key: "0-0-2-0" }],
+            },
+            {
+                title: "安保部",
+                key: "0-0-3",
+                children: [{ title: "0-0-1-0", key: "0-0-3-0" }],
+            },
+            {
+                title: "设备工程部门",
+                key: "0-0-4",
+                children: [{ title: "0-0-1-0", key: "0-0-4-0" }],
+            },
+            {
+                title: "环境卫生部",
+                key: "0-0-5",
+                children: [{ title: "0-0-1-0", key: "0-0-5-0" }],
+            },
+        ],
+    },
+    {
+        title: "南宁富航资产管理有限公司",
+        key: "0-1",
+        children: [
+            {
+                title: "工程维修管理单位",
+                key: "0-1-0",
+                children: [{ title: "客服组", key: "0-1-0-0" }],
+            },
+            {
+                title: "南宁中建工程机械维修",
+                key: "0-1-1",
+                children: [{ title: "0-0-1-0", key: "0-1-0-1" }],
+            },
+        ],
+    },
+];
+const options = [];
 export default {
-    name: "Employee",//员工管理
+    name: "Employee", //员工管理
+    data() {
+        return {
+            value: undefined,
+            treeData,
+            expandedKeys: ["0-0-0", "0-0-1"],
+            region: undefined,
+            options,
+            data,
+            columns,
+            tableData: [],
+            page: {
+                pageNo: 1,
+                limit: 10,
+                sizes: [1, 5, 10],
+                total: 0,
+            },
+        };
+    },
+    methods: {
+        // 操作按钮列表
+        Edit() {},
+        Password() {},
+        Delete() {},
+        //树控件
+        handleNodeClick(treeData) {
+            console.log(treeData);
+        },
+        //选择器
+        filterOption(input, option) {
+            return (
+                option.componentOptions.children[0].text
+                    .toLowerCase()
+                    .indexOf(input.toLowerCase()) >= 0
+            );
+        },
+    },
 };
 </script>
 
 <style lang="less" scoped>
-
+.box {
+    display: flex;
+    .left {
+        width: 20%;
+        height: 650px;
+        border-right: 3px solid rgb(175, 174, 174);
+    }
+    .right {
+        width: 75%;
+        height: 650px;
+        margin: auto 10px;
+    }
+}
+.top {
+    padding: 10px;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    .topleft {
+        width: 25%;
+        height: 50px;
+    }
+    .tpright {
+        width: 75%;
+        height: 50px;
+    }
+}
 </style>