wulin/wl_management_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改图表代码

Browse Source
This commit is contained in:
xiongchengqiang 2020-05-13 18:20:05 +08:00
parent 30695f01ca
commit 610af5d6f0
6 changed files with 292 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
$Recycle.Bin/S-1-5-21-3231082881-2130090724-2273209683-500/desktop.ini
View File

@ -1,3 +0,0 @@
[.ShellClassInfo]
CLSID={645FF040-5081-101B-9F08-00AA002F954E}
LocalizedResourceName=@%SystemRoot%\system32\shell32.dll,-8964

21
src/api/api_user.js
View File

@ -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
View 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>

272
src/views/business/staff/staff-manage/index.vue
View File

@ -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>
.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>

2
src/views/business/staff/staff-profile/componments/chart-form/index.vue
View File

@ -17,7 +17,7 @@ export default {
x: 'center',
y: '80%',
show: true
}, // 隐藏legend
},
color: ['#09f', '#eeeeee', '#468251', '#666666'],
series: {
center: ['50%', '40%']

8
src/views/business/staff/staff-profile/componments/query-form/index.vue
View File

@ -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,