修改图表代码
This commit is contained in:
xiongchengqiang
parent
30695f01ca
commit
610af5d6f0
@ -1,3 +0,0 @@
|
|||||||
[.ShellClassInfo]
|
|
||||||
CLSID={645FF040-5081-101B-9F08-00AA002F954E}
|
|
||||||
LocalizedResourceName=@%SystemRoot%\system32\shell32.dll,-8964
|
|
||||||
@ -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 })
|
|
||||||
}
|
|
||||||
37
src/views/business/staff/staff-manage/index copy.vue
Normal file
37
src/views/business/staff/staff-manage/index copy.vue
Normal file
@ -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>
|
||||||
@ -1,37 +1,265 @@
|
|||||||
<!-- -->
|
|
||||||
<template>
|
<template>
|
||||||
<div class="staff-manage">
|
<div class="staff">
|
||||||
<staff-manage-left />
|
<el-card>
|
||||||
<staff-manage-right />
|
<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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import staffManageLeft from './compoments/staff-manage-left'
|
import menuTree from '@/components/menu-tree'
|
||||||
import staffManageRight from './compoments/staff-manage-right'
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
menuTree
|
||||||
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
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: {
|
watch: {
|
||||||
staffManageLeft,
|
$route: function (val) {
|
||||||
staffManageRight
|
if (val.name === 'staff') {
|
||||||
|
this.clearData()
|
||||||
|
this.handleGetTableList(val.query.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {
|
||||||
beforeMount () { },
|
current () {
|
||||||
mounted () { },
|
return this.$route.query.hasOwnProperty('id') ? this.$route.query.id ? this.$route.query.id.toString() : '' : ''
|
||||||
methods: {},
|
}
|
||||||
watch: {}
|
},
|
||||||
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang='scss' scoped>
|
<style lang="scss" scoped>
|
||||||
.staff-manage {
|
.staff .block,
|
||||||
display: flex;
|
.staff .table {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
.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>
|
</style>
|
||||||
@ -17,7 +17,7 @@ export default {
|
|||||||
x: 'center',
|
x: 'center',
|
||||||
y: '80%',
|
y: '80%',
|
||||||
show: true
|
show: true
|
||||||
}, // 隐藏legend
|
},
|
||||||
color: ['#09f', '#eeeeee', '#468251', '#666666'],
|
color: ['#09f', '#eeeeee', '#468251', '#666666'],
|
||||||
series: {
|
series: {
|
||||||
center: ['50%', '40%']
|
center: ['50%', '40%']
|
||||||
|
|||||||
@ -51,7 +51,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</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">
|
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick">
|
||||||
<span class="custom-tree-node" slot-scope="{ node, data }">
|
<span class="custom-tree-node" slot-scope="{ node, data }">
|
||||||
<span>{{ data.label }}</span>
|
<span>{{ data.label }}</span>
|
||||||
@ -59,8 +59,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button @click="isChoose = false">取 消</el-button>
|
<el-button size="mini" @click="isChoose = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="onsumbit">确 定</el-button>
|
<el-button type="primary" size="mini" @click="onsumbit">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
@ -71,7 +71,7 @@ export default {
|
|||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
isChooseText: '',
|
isChooseText: '',
|
||||||
isChoose: true,
|
isChoose: false,
|
||||||
data: [{
|
data: [{
|
||||||
label: '业务前台',
|
label: '业务前台',
|
||||||
number: 24,
|
number: 24,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user