diff --git a/$Recycle.Bin/S-1-5-21-3231082881-2130090724-2273209683-500/desktop.ini b/$Recycle.Bin/S-1-5-21-3231082881-2130090724-2273209683-500/desktop.ini
deleted file mode 100644
index 5d0694e..0000000
--- a/$Recycle.Bin/S-1-5-21-3231082881-2130090724-2273209683-500/desktop.ini
+++ /dev/null
@@ -1,3 +0,0 @@
-[.ShellClassInfo]
-CLSID={645FF040-5081-101B-9F08-00AA002F954E}
-LocalizedResourceName=@%SystemRoot%\system32\shell32.dll,-8964
diff --git a/src/api/api_user.js b/src/api/api_user.js
deleted file mode 100644
index 174c66c..0000000
--- a/src/api/api_user.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import http from '../utils/http'
-
-// 登录
-export const apiLogin = data => {
-  return http({ url: '/lz_management/sys/login', method: 'post', data })
-}
-
-// 退出登录
-export const apiLogout = data => {
-  return http({ url: '/lz_management/sys/logout', method: 'post', data })
-}
-
-// 修改密码
-export const apiSysUserPassword = data => {
-  return http({ url: '/lz_management/sys/user/password', method: 'post', data })
-}
-
-// 获取用户相关
-export const apiGetUserInfo = (params, id) => {
-  return http({ url: `/lz_management/sys/user/info${id}`, method: 'get', params })
-}
diff --git a/src/views/business/staff/staff-manage/index copy.vue b/src/views/business/staff/staff-manage/index copy.vue
new file mode 100644
index 0000000..3750c80
--- /dev/null
+++ b/src/views/business/staff/staff-manage/index copy.vue	
@@ -0,0 +1,37 @@
+<!--  -->
+<template>
+  <div class="staff-manage">
+    <staff-manage-left />
+    <staff-manage-right />
+  </div>
+</template>
+
+
+<script>
+import staffManageLeft from './compoments/staff-manage-left'
+import staffManageRight from './compoments/staff-manage-right'
+export default {
+  data () {
+    return {
+
+    }
+  },
+  components: {
+    staffManageLeft,
+    staffManageRight
+
+  },
+  computed: {},
+  beforeMount () { },
+  mounted () { },
+  methods: {},
+  watch: {}
+
+}
+</script>
+
+<style lang='scss' scoped>
+.staff-manage {
+  display: flex;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/business/staff/staff-manage/index.vue b/src/views/business/staff/staff-manage/index.vue
index 3750c80..379ff82 100644
--- a/src/views/business/staff/staff-manage/index.vue
+++ b/src/views/business/staff/staff-manage/index.vue
@@ -1,37 +1,265 @@
-<!--  -->
 <template>
-  <div class="staff-manage">
-    <staff-manage-left />
-    <staff-manage-right />
+  <div class="staff">
+    <el-card>
+      <el-row>
+        <el-col class="menu" :span="6">
+          <el-menu
+            @open="openMenu"
+            :default-active="current"
+            :collapse-transition="true"
+            :unique-opened="true"
+          >
+            <menu-tree v-for="(item) in menuList" :key="item.id" :menu="item"></menu-tree>
+          </el-menu>
+        </el-col>
+        <el-col :span="18">
+          <div class="block">
+            <el-form :inline="true">
+              <el-form-item label="员工姓名">
+                <el-input v-model="searchParams.staffName"></el-input>
+              </el-form-item>
+              <el-form-item label="人员状态">
+                <el-select v-model="searchParams.staffState" placeholder="请选择">
+                  <el-option
+                    v-for="item in staffStateList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="getTable()">查询</el-button>
+                <el-button @click="clear()">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="table">
+            <el-table
+              v-loading="loading"
+              :data="tableData"
+              :header-cell-style="{'color': '#909399', 'background-color': '#f5f7fa'}"
+              style="width: 100%"
+              height="100%"
+            >
+              <el-table-column header-align="center" align="center" label="工号" prop="jobnumber"></el-table-column>
+              <el-table-column header-align="center" align="center" label="员工姓名" prop="name"></el-table-column>
+              <el-table-column header-align="center" align="center" label="职位" prop="position"></el-table-column>
+              <el-table-column header-align="center" align="center" label="状态" prop="deptName"></el-table-column>
+              <el-table-column header-align="center" align="center" label="操作">
+                <template slot-scope="scope">
+                  <el-button type="text" @click="handleView(scope.row)">查看</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-pagination
+              class="bl-form3"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page.sync="currentPage"
+              :page-sizes="[10, 20, 50]"
+              :page-size="pageSize"
+              layout="total, sizes, prev, pager, next"
+              :total="pageTotal"
+            ></el-pagination>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
   </div>
 </template>
 
-
 <script>
-import staffManageLeft from './compoments/staff-manage-left'
-import staffManageRight from './compoments/staff-manage-right'
+import menuTree from '@/components/menu-tree'
+
 export default {
+  components: {
+    menuTree
+  },
   data () {
     return {
-
+      menuList: [], // 架构数据
+      tableData: [], // 表格数据
+      // 搜索数据
+      searchParams: {
+        staffName: '',
+        staffState: ''
+      },
+      // 在职状态
+      staffStateList: [
+        { value: '0', label: '在职' },
+        { value: '1', label: '离职' }
+      ],
+      loading: false,
+      currentPage: 1,
+      pageSize: 10,
+      pageTotal: 0,
+      deptId: '',
+      // 弹窗相关
+      showAddDialogForm: false,
+      activeName: 'first',
+      form: {
+        name: '',
+        region: '',
+        date1: '',
+        date2: '',
+        delivery: false,
+        type: [],
+        resource: '',
+        desc: ''
+      }
     }
   },
-  components: {
-    staffManageLeft,
-    staffManageRight
-
+  watch: {
+    $route: function (val) {
+      if (val.name === 'staff') {
+        this.clearData()
+        this.handleGetTableList(val.query.id)
+      }
+    }
   },
-  computed: {},
-  beforeMount () { },
-  mounted () { },
-  methods: {},
-  watch: {}
-
+  computed: {
+    current () {
+      return this.$route.query.hasOwnProperty('id') ? this.$route.query.id ? this.$route.query.id.toString() : '' : ''
+    }
+  },
+  created () {
+    this.handleGetMenuList()
+    this.handleGetTableList(this.current)
+  },
+  methods: {
+    // 获取侧边架构列表
+    handleGetMenuList () {
+      let data = [{
+        'children': [
+          {
+            'children': [],
+            'id': 70990627,
+            'name': '结算部',
+            'parentId': 55969991,
+            'number': '1'
+          }
+        ],
+        'id': 55969991,
+        'name': '结算中心',
+        'parentId': 1,
+        'number': 2
+      }, {
+        'children': [
+          {
+            'children': [
+              {
+                'children': [],
+                'id': 92131240,
+                'name': '金融运营团队',
+                'parentId': 87839336
+              },
+              {
+                'children': [
+                  {
+                    'children': [],
+                    'id': 9213124111,
+                    'name': '2B业务组',
+                    'parentId': 92131239
+                  },
+                  {
+                    'children': [],
+                    'id': 9213124222,
+                    'name': '2C业务组',
+                    'parentId': 92131239
+                  }
+                ],
+                'id': 92131239,
+                'name': '电商运营团队',
+                'parentId': 87839336
+              }
+            ],
+            'id': 87839336,
+            'name': '运营中心',
+            'parentId': 87839327
+          }
+        ],
+        'id': 87839327,
+        'name': '业务前台',
+        'parentId': 1
+      }]
+      this.menuList = data
+    },
+    // 获取数据列表
+    handleGetTableList (id) {
+      this.tableData = [{
+        'deptName': '结算中心',
+        'id': 665,
+        'jobnumber': '4',
+        'name': '刘更顺',
+        'position': 'CPO'
+      },
+      {
+        'deptName': '结算部',
+        'id': 670,
+        'jobnumber': '239',
+        'name': '王文龙',
+        'position': '数据运营'
+      }]
+      this.loading = false
+    },
+    openMenu (index, indexPath) {
+      if (index === '51685041') {
+        this.handleGetTableList(index)
+      } else {
+        this.clearData()
+        this.loading = false
+      }
+    },
+    clear () {
+      this.input = ''
+      this.deptId = ''
+      this.$router.push({ name: 'staff', query: { id: '' } })
+    },
+    clearData () {
+      this.tableData = []
+      this.currentPage = 1
+      this.pageTotal = 10
+      this.loading = true
+    },
+    handleCurrentChange (val) {
+      this.handleGetTableList()
+    },
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.handleGetTableList()
+    },
+    // 弹窗相关
+    handleClick (tab, event) {
+      console.log(tab, event)
+    },
+    handleView () {
+      this.showAddDialogForm = true
+    }
+  }
 }
 </script>
 
-<style lang='scss' scoped>
-.staff-manage {
-  display: flex;
+<style lang="scss" scoped>
+.staff .block,
+.staff .table {
+  margin-left: 20px;
 }
-</style>
\ No newline at end of file
+.el-form-item .el-form-item {
+  margin-bottom: 22px;
+}
+.add-wrap {
+  margin-bottom: 22px;
+}
+.turn-work-list {
+  background-color: pink;
+  padding-bottom: 10px;
+  margin-bottom: 20px;
+}
+.bl-form3 {
+  &.el-pagination {
+    margin-top: 16px;
+    text-align: right;
+  }
+}
+</style>
diff --git a/src/views/business/staff/staff-profile/componments/chart-form/index.vue b/src/views/business/staff/staff-profile/componments/chart-form/index.vue
index 235d8d0..8183919 100644
--- a/src/views/business/staff/staff-profile/componments/chart-form/index.vue
+++ b/src/views/business/staff/staff-profile/componments/chart-form/index.vue
@@ -17,7 +17,7 @@ export default {
         x: 'center',
         y: '80%',
         show: true
-      },  // 隐藏legend
+      },
       color: ['#09f', '#eeeeee', '#468251', '#666666'],
       series: {
         center: ['50%', '40%']
diff --git a/src/views/business/staff/staff-profile/componments/query-form/index.vue b/src/views/business/staff/staff-profile/componments/query-form/index.vue
index f8d41ad..166886d 100644
--- a/src/views/business/staff/staff-profile/componments/query-form/index.vue
+++ b/src/views/business/staff/staff-profile/componments/query-form/index.vue
@@ -51,7 +51,7 @@
       </el-form-item>
     </el-form>
 
-    <el-dialog title="提示" :visible.sync="isChoose" width="30%">
+    <el-dialog title="选择部门" :visible.sync="isChoose" width="30%">
       <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick">
         <span class="custom-tree-node" slot-scope="{ node, data }">
           <span>{{ data.label }}</span>
@@ -59,8 +59,8 @@
         </span>
       </el-tree>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="isChoose = false">取 消</el-button>
-        <el-button type="primary" @click="onsumbit">确 定</el-button>
+        <el-button size="mini" @click="isChoose = false">取 消</el-button>
+        <el-button type="primary" size="mini" @click="onsumbit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -71,7 +71,7 @@ export default {
   data () {
     return {
       isChooseText: '',
-      isChoose: true,
+      isChoose: false,
       data: [{
         label: '业务前台',
         number: 24,