Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
cloud-platform-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
youjj
cloud-platform-ui
Commits
7aa45621
Commit
7aa45621
authored
Sep 25, 2019
by
denghr
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
员工录入,后台用户管理
parent
adb36292
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
586 additions
and
22 deletions
+586
-22
dev.env.js
config/dev.env.js
+1
-1
package-lock.json
package-lock.json
+54
-19
index.js
src/api/admin/UserMember/index.js
+8
-0
index.js
src/api/admin/userManagement/index.js
+37
-1
index.js
src/router/index.js
+7
-1
index.vue
src/views/admin/user/index.vue
+2
-0
employeesInput.vue
src/views/userManagement/employeesInput.vue
+477
-0
No files found.
config/dev.env.js
View file @
7aa45621
module
.
exports
=
{
NODE_ENV
:
'"development"'
,
BASE_API
:
'"http
://10.1.37.246:8765
"'
,
//'"https://xxfcmgmt.upyuns.com"(正)',//http://10.1.37.192:9527(何), //https://xxtest.upyuns.com(测),10.1.37.246:9527(韩), 10.1.37.244(李斌)10.1.37.248:8765(小威)
BASE_API
:
'"http
s://xxtest.upyuns.com
"'
,
//'"https://xxfcmgmt.upyuns.com"(正)',//http://10.1.37.192:9527(何), //https://xxtest.upyuns.com(测),10.1.37.246:9527(韩), 10.1.37.244(李斌)10.1.37.248:8765(小威)
APP_ORIGIN
:
'"https://wallstreetcn.com"'
}
package-lock.json
View file @
7aa45621
...
...
@@ -3902,7 +3902,8 @@
"version"
:
"2.1.1"
,
"resolved"
:
"https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz"
,
"integrity"
:
"sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"aproba"
:
{
"version"
:
"1.1.1"
,
...
...
@@ -3961,7 +3962,8 @@
"version"
:
"0.4.2"
,
"resolved"
:
"https://registry.npmjs.org/balanced-match/-/balanced-match-0.4.2.tgz"
,
"integrity"
:
"sha1-yz8+PHMtwPAe5wtAPzAuYddwmDg="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"bcrypt-pbkdf"
:
{
"version"
:
"1.0.1"
,
...
...
@@ -3978,6 +3980,7 @@
"resolved"
:
"https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz"
,
"integrity"
:
"sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"inherits"
:
"~2.0.0"
}
...
...
@@ -3987,6 +3990,7 @@
"resolved"
:
"https://registry.npmjs.org/boom/-/boom-2.10.1.tgz"
,
"integrity"
:
"sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"hoek"
:
"2.x.x"
}
...
...
@@ -3996,6 +4000,7 @@
"resolved"
:
"https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.7.tgz"
,
"integrity"
:
"sha1-Pv/DxQ4ABTH7cg6v+A8K6O8jz1k="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"balanced-match"
:
"^0.4.1"
,
"concat-map"
:
"0.0.1"
...
...
@@ -4005,7 +4010,8 @@
"version"
:
"1.0.0"
,
"resolved"
:
"https://registry.npmjs.org/buffer-shims/-/buffer-shims-1.0.0.tgz"
,
"integrity"
:
"sha1-mXjOMXOIxkmth5MCjDR37wRKi1E="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"caseless"
:
{
"version"
:
"0.12.0"
,
...
...
@@ -4025,7 +4031,8 @@
"version"
:
"1.1.0"
,
"resolved"
:
"https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz"
,
"integrity"
:
"sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"combined-stream"
:
{
"version"
:
"1.0.5"
,
...
...
@@ -4041,19 +4048,22 @@
"version"
:
"0.0.1"
,
"resolved"
:
"https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
,
"integrity"
:
"sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"console-control-strings"
:
{
"version"
:
"1.1.0"
,
"resolved"
:
"https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz"
,
"integrity"
:
"sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"core-util-is"
:
{
"version"
:
"1.0.2"
,
"resolved"
:
"https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz"
,
"integrity"
:
"sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"cryptiles"
:
{
"version"
:
"2.0.5"
,
...
...
@@ -4136,7 +4146,8 @@
"version"
:
"1.0.2"
,
"resolved"
:
"https://registry.npmjs.org/extsprintf/-/extsprintf-1.0.2.tgz"
,
"integrity"
:
"sha1-4QgOBljjALBilJkMxw4VAiNf1VA="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"forever-agent"
:
{
"version"
:
"0.6.1"
,
...
...
@@ -4161,13 +4172,15 @@
"version"
:
"1.0.0"
,
"resolved"
:
"https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
,
"integrity"
:
"sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"fstream"
:
{
"version"
:
"1.0.11"
,
"resolved"
:
"https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz"
,
"integrity"
:
"sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"graceful-fs"
:
"^4.1.2"
,
"inherits"
:
"~2.0.0"
,
...
...
@@ -4228,6 +4241,7 @@
"resolved"
:
"https://registry.npmjs.org/glob/-/glob-7.1.2.tgz"
,
"integrity"
:
"sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ=="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"fs.realpath"
:
"^1.0.0"
,
"inflight"
:
"^1.0.4"
,
...
...
@@ -4241,7 +4255,8 @@
"version"
:
"4.1.11"
,
"resolved"
:
"https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz"
,
"integrity"
:
"sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"har-schema"
:
{
"version"
:
"1.0.5"
,
...
...
@@ -4285,7 +4300,8 @@
"version"
:
"2.16.3"
,
"resolved"
:
"https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz"
,
"integrity"
:
"sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"http-signature"
:
{
"version"
:
"1.1.1"
,
...
...
@@ -4304,6 +4320,7 @@
"resolved"
:
"https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
,
"integrity"
:
"sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"once"
:
"^1.3.0"
,
"wrappy"
:
"1"
...
...
@@ -4313,7 +4330,8 @@
"version"
:
"2.0.3"
,
"resolved"
:
"https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz"
,
"integrity"
:
"sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"ini"
:
{
"version"
:
"1.3.4"
,
...
...
@@ -4327,6 +4345,7 @@
"resolved"
:
"https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz"
,
"integrity"
:
"sha1-754xOG8DGn8NZDr4L95QxFfvAMs="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"number-is-nan"
:
"1.0.1"
}
...
...
@@ -4342,7 +4361,8 @@
"version"
:
"1.0.0"
,
"resolved"
:
"https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz"
,
"integrity"
:
"sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"isstream"
:
{
"version"
:
"0.1.2"
,
...
...
@@ -4443,6 +4463,7 @@
"resolved"
:
"https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz"
,
"integrity"
:
"sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA=="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"brace-expansion"
:
"1.1.7"
}
...
...
@@ -4451,13 +4472,15 @@
"version"
:
"0.0.8"
,
"resolved"
:
"https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz"
,
"integrity"
:
"sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"mkdirp"
:
{
"version"
:
"0.5.1"
,
"resolved"
:
"https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz"
,
"integrity"
:
"sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"minimist"
:
"0.0.8"
}
...
...
@@ -4537,6 +4560,7 @@
"resolved"
:
"https://registry.npmjs.org/once/-/once-1.4.0.tgz"
,
"integrity"
:
"sha1-WDsap3WWHUsROsF9nFC6753Xa9E="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"wrappy"
:
"1"
}
...
...
@@ -4570,7 +4594,8 @@
"version"
:
"1.0.1"
,
"resolved"
:
"https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
,
"integrity"
:
"sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"performance-now"
:
{
"version"
:
"0.2.0"
,
...
...
@@ -4583,7 +4608,8 @@
"version"
:
"1.0.7"
,
"resolved"
:
"https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz"
,
"integrity"
:
"sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"punycode"
:
{
"version"
:
"1.4.1"
,
...
...
@@ -4626,6 +4652,7 @@
"resolved"
:
"https://registry.npmjs.org/readable-stream/-/readable-stream-2.2.9.tgz"
,
"integrity"
:
"sha1-z3jsb0ptHrQ9JkiMrJfwQudLf8g="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"buffer-shims"
:
"~1.0.0"
,
"core-util-is"
:
"~1.0.0"
,
...
...
@@ -4672,6 +4699,7 @@
"resolved"
:
"https://registry.npmjs.org/rimraf/-/rimraf-2.6.1.tgz"
,
"integrity"
:
"sha1-wjOOxkPfeht/5cVPqG9XQopV8z0="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"glob"
:
"^7.0.5"
}
...
...
@@ -4680,7 +4708,8 @@
"version"
:
"5.0.1"
,
"resolved"
:
"https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.0.1.tgz"
,
"integrity"
:
"sha1-0mPKVGls2KMGtcplUekt5XkY++c="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"semver"
:
{
"version"
:
"5.3.0"
,
...
...
@@ -4745,6 +4774,7 @@
"resolved"
:
"https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz"
,
"integrity"
:
"sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"code-point-at"
:
"^1.0.0"
,
"is-fullwidth-code-point"
:
"^1.0.0"
,
...
...
@@ -4756,6 +4786,7 @@
"resolved"
:
"https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.1.tgz"
,
"integrity"
:
"sha1-YuIA8DmVWmgQ2N8KM//A8BNmLZg="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"safe-buffer"
:
"^5.0.1"
}
...
...
@@ -4772,6 +4803,7 @@
"resolved"
:
"https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz"
,
"integrity"
:
"sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"ansi-regex"
:
"^2.0.0"
}
...
...
@@ -4788,6 +4820,7 @@
"resolved"
:
"https://registry.npmjs.org/tar/-/tar-2.2.1.tgz"
,
"integrity"
:
"sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE="
,
"dev"
:
true
,
"optional"
:
true
,
"requires"
:
{
"block-stream"
:
"*"
,
"fstream"
:
"^1.0.2"
,
...
...
@@ -4849,7 +4882,8 @@
"version"
:
"1.0.2"
,
"resolved"
:
"https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
,
"integrity"
:
"sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
},
"uuid"
:
{
"version"
:
"3.0.1"
,
...
...
@@ -4882,7 +4916,8 @@
"version"
:
"1.0.2"
,
"resolved"
:
"https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
,
"integrity"
:
"sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
,
"dev"
:
true
"dev"
:
true
,
"optional"
:
true
}
}
},
...
...
src/api/admin/UserMember/index.js
View file @
7aa45621
...
...
@@ -16,3 +16,11 @@ export function saveNewMemberObject(obj) {
});
}
export
function
staffImport
(
form
)
{
return
fetch
({
url
:
'/api/admin/postion/admin/excel/import'
,
method
:
'post'
,
data
:
form
});
}
src/api/admin/userManagement/index.js
View file @
7aa45621
...
...
@@ -79,4 +79,40 @@ export function userPosition(obj) {
url
:
'/api/admin/appUsersManage/user_position?id='
+
obj
.
id
+
'&positionId='
+
obj
.
positionId
,
method
:
'put'
,
});
}
\ No newline at end of file
}
// 用户身份录入列表
export
function
staffList
(
obj
)
{
return
fetch
({
url
:
'/api/admin/postion/admin/page'
,
method
:
'post'
,
data
:
obj
});
}
// 身份列表
export
function
postions
(
obj
)
{
return
fetch
({
url
:
'/api/admin/postion/admin/postions'
,
method
:
'get'
,
data
:
obj
});
}
// 添加员工
export
function
addEditor
(
obj
)
{
return
fetch
({
url
:
'/api/admin/postion/admin/add'
,
method
:
'post'
,
data
:
obj
});
}
//删除员工
export
function
deleteStaffs
(
id
)
{
return
fetch
({
url
:
'/api/admin/postion/admin/'
+
id
,
method
:
'delete'
});
}
src/router/index.js
View file @
7aa45621
...
...
@@ -465,7 +465,7 @@ export const asyncRouterMap = [{
{
path
:
'memberManagement'
,
component
:
_import
(
'userManagement/memberManagement/index'
),
name
:
'会员管理'
,
name
:
'会员管理
1
'
,
authority
:
'memberManagement'
},
{
...
...
@@ -473,6 +473,12 @@ export const asyncRouterMap = [{
component
:
_import
(
'userManagement/memberEnter'
),
name
:
'会员录入'
,
authority
:
'memberEnter'
},
{
path
:
'employeesInput'
,
component
:
_import
(
'userManagement/employeesInput'
),
name
:
'员工录入'
,
authority
:
'employeesInput'
}
]
},
...
...
src/views/admin/user/index.vue
View file @
7aa45621
...
...
@@ -546,6 +546,7 @@
}
},
resetTemp
()
{
this
.
membersName
=
undefined
;
this
.
editCompanyId
=
undefined
;
this
.
form
=
{
username
:
undefined
,
...
...
@@ -563,6 +564,7 @@
dataLimit
:
undefined
,
//数据权限
members
:
[],
};
// this.form = {
// username: undefined,
// name: undefined,
...
...
src/views/userManagement/employeesInput.vue
0 → 100644
View file @
7aa45621
<
template
>
<div
class=
"app-container calendar-list-container"
>
<div
class=
"filter-container"
>
<el-form
ref=
"queryForm"
:model=
"listQuery"
label-width=
"100px"
>
<el-row>
<el-col
:span=
"4"
>
<el-form-item
label=
"手机号"
>
<el-input
v-model
.
number=
"listQuery.phone"
placeholder=
"请输入手机号"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"4"
>
<el-form-item
label=
"姓名"
>
<el-input
v-model
.
number=
"listQuery.name"
placeholder=
"请输入姓名"
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"4"
>
<el-form-item
label=
"状态"
>
<el-select
class=
"filter-item"
v-model=
"listQuery.status"
placeholder=
"请选员工状态"
>
<el-option
:key=
"undefined"
label=
"全部"
:value=
"undefined"
></el-option>
<el-option
v-for=
"(item,index) in statusList "
:key=
"index"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
icon=
"search"
@
click=
"handleFilter"
>
搜索
</el-button>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
icon=
"delete"
@
click=
"cleaningQuery"
>
清除搜索条件
</el-button>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
@
click=
"addStaff"
>
新增员工
</el-button>
<el-button
class=
"filter-item"
type=
"primary"
v-waves
@
click=
"toLoad"
>
批量导入员工
</el-button>
<el-table
:key=
"tableKey"
:data=
"list"
v-loading=
"listLoading"
border
fit
highlight-current-row
style=
"width: 100%"
>
<el-table-column
prop=
"name"
label=
"姓名"
width=
"180"
align=
"center"
></el-table-column>
<el-table-column
prop=
"phone"
label=
"手机号"
align=
"center"
></el-table-column>
<el-table-column
prop=
"positionName"
label=
"身份"
align=
"center"
></el-table-column>
<el-table-column
label=
"状态"
align=
"center"
>
<template
scope=
"scope"
>
<span
v-if=
"scope.row.status == 1"
>
已核销
</span>
<span
v-else
>
未核销
</span>
</
template
>
</el-table-column>
<!-- <el-table-column width="200" align="center" label="状态">
<template scope="scope">
<span>{{scope.row.status}}</span>
</template>
</el-table-column>-->
<el-table-column
align=
"center"
label=
"操作"
width=
"400"
fixed=
"right"
>
<
template
scope=
"scope"
>
<el-button
size=
"small"
class=
"el-button el-button--text el-button--small"
@
click=
"editorStaff(scope.row)"
>
编辑
</el-button>
<el-button
size=
"small"
class=
"el-button el-button--text el-button--small"
@
click=
"deleteStaff(scope.row)"
>
删除
</el-button>
</
template
>
</el-table-column>
</el-table>
<el-pagination
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"listQuery.page"
:page-sizes=
"[10,20,30, 50]"
:page-size=
"listQuery.limit"
layout=
"total, sizes, prev, pager, next, jumper"
:total=
"total"
style=
"margin-top:10px"
></el-pagination>
<!-- 新增编辑员工 -->
<el-dialog
:title=
"staffTitle"
:visible
.
sync=
"bulkUploadMember"
class=
"member"
@
close=
"closeAdd"
>
<el-form
:model=
"staffTitleFrom"
ref=
"userMembership"
:rules=
"rules"
label-width=
"100px"
>
<el-form-item
label=
"员工姓名"
>
<el-input
v-model
.
number=
"staffTitleFrom.name"
placeholder=
"请输入姓名"
></el-input>
</el-form-item>
<el-form-item
label=
"手机号"
>
<el-input
v-model
.
number=
"staffTitleFrom.phone"
placeholder=
"请输入手机号"
></el-input>
</el-form-item>
<el-form-item
label=
"员工身份"
>
<el-select
class=
"filter-item"
v-model=
"staffTitleFrom.positionId"
placeholder=
"请选择员工身份"
style=
"width:100%"
>
<el-option
:key=
"undefined"
label=
"全部"
:value=
"undefined"
></el-option>
<el-option
v-for=
"(item,index) in postionsList "
:key=
"index"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
<div
style=
"text-align:center"
>
<el-button
type=
"primary"
@
click=
"confirm"
>
确 定
</el-button>
<el-button
type=
"primary"
@
click=
"bulkUploadMember = false"
>
取消
</el-button>
</div>
</el-form>
</el-dialog>
<!--批量导入会员窗口-->
<el-dialog
title=
"导入会员"
:visible
.
sync=
"tolead"
>
<el-form
:model=
"fileForm"
>
<el-form-item
label=
"上传文件"
label-width=
"80px"
>
<el-button
type=
"primary"
icon=
"el-icon-download"
>
<a
class=
"el-icon-download"
href=
"https://mgmt.dfangche.com/axshare/userposition.xlsx"
>
下载模板
</a>
</el-button>
<el-upload
ref=
"uploadExcel"
:limit=
"limitNum"
action=
"1111"
:headers=
"getHeaderWithToken"
accept=
".xlsx"
:http-request=
"upLoad"
:on-remove=
"handleRemove"
:before-remove=
"beforeRemove"
:before-upload=
"beforeUploadFile"
:on-change=
"fileChange"
:on-exceed=
"exceedFile"
:file-list=
"fileList"
>
<el-button
size=
"small"
type=
"primary"
icon=
"el-icon-edit"
>
上传文件
<i
class=
"el-icon-upload el-icon--right"
></i>
</el-button>
<div
slot=
"tip"
class=
"el-upload__tip"
>
只能上传xlsx(Excel2007以上版本)文件,且不超过10M
</div>
</el-upload>
<el-button
size=
"small"
class=
"filter-item"
type=
"primary"
@
click=
"cancelNotDeleteForm"
>
取消
</el-button>
</el-form-item>
</el-form>
</el-dialog>
<!-- 提示 -->
<el-dialog
title=
"上传提示"
:visible
.
sync=
"uploadHiut"
>
<p>
上传成功:
<b>
{{uploadListHiut.success}}
</b>
条,上传失败:
<b>
{{uploadListHiut.error}}
</b>
条
</p>
<ul
class=
"defeated"
>
<li
v-for=
"(item,index) in uploadListHiut.uploadList"
:key=
"index"
>
<p>
失败行数:
<span>
{{item.num}}
</span>
,失败原因:
<span>
{{item.msg}}
</span>
</p>
</li>
</ul>
</el-dialog>
</div>
</div>
</template>
<
script
>
import
{
staffList
,
postions
,
addEditor
,
deleteStaffs
}
from
"src/api/admin/userManagement/index"
;
import
{
getToken
}
from
"src/utils/auth"
;
import
{
mapGetters
}
from
"vuex"
;
import
{
staffImport
}
from
"src/api/admin/UserMember/index"
;
export
default
{
created
()
{
this
.
getList
();
this
.
postionsFn
();
},
computed
:
{
...
mapGetters
([
"elements"
]),
/**
* 获取token
*/
getHeaderWithToken
()
{
return
{
Authorization
:
getToken
()
};
}
},
data
()
{
return
{
activeId
:
""
,
uploadListHiut
:
{
uploadList
:
[],
success
:
""
,
error
:
""
},
uploadHiut
:
false
,
fileList
:
[],
BASE_API
:
process
.
env
.
BASE_API
,
limitNum
:
1
,
fileForm
:
{
file
:
""
},
tolead
:
false
,
listQuery
:
{
name
:
""
,
phone
:
""
,
status
:
null
,
page
:
1
,
limit
:
10
},
total
:
null
,
tableKey
:
0
,
list
:
[],
listLoading
:
true
,
statusList
:
[
{
label
:
"未核销"
,
value
:
"0"
},
{
label
:
"已核销"
,
value
:
"1"
}
],
postionsList
:
[],
staffTitle
:
"新增员工"
,
bulkUploadMember
:
false
,
staffTitleFrom
:
{
phone
:
""
,
name
:
""
,
positionId
:
""
},
rules
:
{}
};
},
methods
:
{
//新增,编辑员工弹窗关闭
closeAdd
()
{
this
.
staffTitleFrom
=
{
phone
:
""
,
name
:
""
,
positionId
:
""
};
},
upLoad
(
file
)
{
var
form
=
new
FormData
();
// 文件对象
form
.
append
(
"file"
,
file
.
file
);
staffImport
(
form
).
then
(
res
=>
{
console
.
log
(
res
);
this
.
uploadHiut
=
true
;
(
this
.
uploadListHiut
=
{
uploadList
:
res
.
data
.
data
,
success
:
res
.
data
.
success
,
error
:
res
.
data
.
error
}),
this
.
getList
();
});
},
//excel上传
handleRemove
(
file
,
fileList
)
{
//console.log(file, fileList);
},
handlePreview
(
file
)
{
//console.log(file);
},
beforeRemove
(
file
,
fileList
)
{
return
this
.
$confirm
(
`确定移除
${
file
.
name
}
?`
);
},
// 文件超出个数限制时的钩子
exceedFile
(
files
,
fileList
)
{
this
.
$notify
.
warning
({
title
:
"警告"
,
message
:
`只能选择
${
this
.
limitNum
}
个文件,当前共选择了
${
files
.
length
+
fileList
.
length
}
个`
});
},
// 文件状态改变时的钩子
fileChange
(
file
,
fileList
)
{
//console.log("change");
//console.log(file);
this
.
fileForm
.
file
=
file
.
raw
;
//console.log(this.fileForm.file);
// console.log(fileList);
},
// 上传文件之前的钩子, 参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传
beforeUploadFile
(
file
)
{
//console.log("before upload");
//console.log(file);
let
extension
=
file
.
name
.
substring
(
file
.
name
.
lastIndexOf
(
"."
)
+
1
);
let
size
=
file
.
size
/
1024
/
1024
;
if
(
extension
!==
"xlsx"
)
{
this
.
$notify
.
warning
({
title
:
"警告"
,
message
:
`只能上传Excel 2007以上版本(即后缀是.xlsx)的文件`
});
}
if
(
size
>
10
)
{
this
.
$notify
.
warning
({
title
:
"警告"
,
message
:
`文件大小不得超过10M`
});
}
},
cancelNotDeleteForm
()
{
this
.
tolead
=
false
;
this
.
$refs
.
uploadExcel
.
clearFiles
();
},
//员工列表
getList
()
{
staffList
(
this
.
listQuery
).
then
(
data
=>
{
this
.
listLoading
=
true
;
if
(
data
.
status
==
200
)
{
console
.
log
(
data
);
this
.
list
=
data
.
data
.
data
;
this
.
total
=
data
.
data
.
totalCount
;
this
.
listLoading
=
false
;
}
});
},
handleSizeChange
(
val
)
{
this
.
listQuery
.
limit
=
val
;
this
.
getList
();
},
handleCurrentChange
(
val
)
{
this
.
listQuery
.
page
=
val
;
this
.
getList
();
},
//搜索
handleFilter
()
{
this
.
getList
();
},
//清空搜索条件
cleaningQuery
()
{
this
.
listQuery
.
page
=
1
;
this
.
listQuery
.
limit
=
10
;
this
.
listQuery
.
name
=
""
;
this
.
listQuery
.
phone
=
""
;
this
.
listQuery
.
status
=
""
;
this
.
getList
();
},
//新增员工
addStaff
()
{
this
.
staffTitle
==
"新增员工"
this
.
bulkUploadMember
=
true
;
},
//批量导入员工
toLoad
()
{
this
.
tolead
=
true
;
},
//编辑员工
editorStaff
(
row
)
{
this
.
activeId
=
row
.
id
;
this
.
staffTitle
=
"编辑员工"
;
this
.
bulkUploadMember
=
true
;
this
.
staffTitleFrom
=
{
phone
:
row
.
phone
,
name
:
row
.
name
,
positionId
:
row
.
positionId
};
},
//删除员工
deleteStaff
(
row
)
{
this
.
$confirm
(
"确定删除吗?"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
deleteStaffs
(
row
.
id
).
then
(
data
=>
{
if
(
data
.
status
==
200
)
{
this
.
$notify
({
title
:
"成功"
,
message
:
"删除成功"
,
type
:
"success"
,
duration
:
2000
});
this
.
getList
();
}
else
{
this
.
$notify
({
title
:
"失败"
,
message
:
"删除失败"
,
type
:
"failed"
,
duration
:
2000
});
}
});
});
},
//确定
confirm
(
formName
)
{
if
(
this
.
staffTitle
==
"新增员工"
)
{
addEditor
(
this
.
staffTitleFrom
).
then
(
data
=>
{
if
(
data
.
status
==
200
)
{
this
.
$notify
({
title
:
"成功"
,
message
:
"新增成功"
,
type
:
"success"
,
duration
:
2000
});
this
.
bulkUploadMember
=
false
;
this
.
getList
();
}
});
}
else
{
this
.
staffTitleFrom
.
id
=
this
.
activeId
;
addEditor
(
this
.
staffTitleFrom
).
then
(
data
=>
{
if
(
data
.
status
==
200
)
{
this
.
$notify
({
title
:
"成功"
,
message
:
"编辑成功"
,
type
:
"success"
,
duration
:
2000
});
this
.
bulkUploadMember
=
false
;
this
.
getList
();
}
});
}
},
//身份列表
postionsFn
()
{
postions
().
then
(
data
=>
{
//console.log(data);
if
(
data
.
status
==
200
)
{
this
.
postionsList
=
data
.
data
;
}
});
},
resetForm
(
formName
)
{
this
.
$refs
[
formName
].
resetFields
();
}
}
};
</
script
>
<
style
>
.member
.el-dialog--small
{
width
:
500px
;
}
.defeated
{
padding
:
0
;
}
.defeated
li
{
list-style
:
none
;
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment