Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcjg-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
8a786c6a
authored
2023-03-15 17:16:41 +0800
by
任超
Browse Files
Options
Browse Files
Tag
Download
Plain Diff
style:打包
2 parents
778b7e00
192484ff
Show whitespace changes
Inline
Side-by-side
Showing
18 changed files
with
351 additions
and
198 deletions
public/config.js
public/index.html
src/components/Echart/Rose/Chart.vue
src/components/Echart/Rose/index.vue
src/styles/index.scss
src/styles/public.scss
src/utils/get-page-title.js
src/views/home/dataView/rightcard.vue
src/views/system/information/base-set.vue
src/views/system/information/index.vue
src/views/system/information/password-edit.vue
src/views/system/menus/edit-dialog.vue
src/views/system/menus/index.vue
src/views/system/roles/edit-dialog.vue
src/views/system/roles/index.vue
src/views/system/roles/roleslistdiglog.vue
src/views/system/users/edit-dialog.vue
src/views/system/users/index.vue
public/config.js
0 → 100644
View file @
8a786c6
/*
* @Description: 这个是所有api的前缀配置文件
* @Autor: renchao
* @LastEditTime: 2023-03-15 17:14:19
*/
export
default
{
TITLE
:
'汉中市数据上报系统'
,
SERVERAPI
:
'/bdcsjsb'
,
//赵千
MANAGEMENTAPI
:
'http://192.168.2.236/management'
}
\ No newline at end of file
public/index.html
View file @
8a786c6
<!--
* @Description: 引入配置文件
* @Autor: renchao
* @LastEditTime: 2023-03-15 1
6:17:17
* @LastEditTime: 2023-03-15 1
7:16:18
-->
<!DOCTYPE html>
<html>
...
...
@@ -23,8 +23,8 @@
</body>
</html>
<script>
document
.
write
(
"<s"
+
"cript type='text/javascript' src='./config.js?"
+
Math
.
random
().
toString
(
36
).
substr
(
2
)
+
"'></scr"
+
"ipt>"
);
window
.
baseUrl
=
location
.
origin
||
location
.
protocol
+
'//'
+
location
.
host
// window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR';
// window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b';
...
...
src/components/Echart/Rose/Chart.vue
View file @
8a786c6
...
...
@@ -19,8 +19,8 @@
},
props
:
{
cdata
:
{
type
:
Object
,
default
:
()
=>
(
{}
),
type
:
Array
,
default
:
()
=>
(
[]
),
},
},
watch
:
{
...
...
@@ -47,6 +47,7 @@
{
name
:
"Access From"
,
type
:
"pie"
,
radius
:
'60%'
,
avoidLabelOverlap
:
true
,
label
:
{
formatter
:
(
params
)
=>
{
...
...
@@ -54,10 +55,17 @@
},
position
:
"outer"
,
alignTo
:
"edge"
,
margin
:
5
margin
:
10
,
normal
:
{
show
:
true
,
textStyle
:
{
fontSize
:
12
}
},
},
data
:
newData
.
seriesData
,
data
:
newData
,
}
],
};
...
...
src/components/Echart/Rose/index.vue
View file @
8a786c6
...
...
@@ -10,9 +10,7 @@
export
default
{
data
()
{
return
{
cdata
:
{
seriesData
:
[],
},
cdata
:
[],
getdata
:
[],
};
},
...
...
@@ -22,44 +20,44 @@
mounted
()
{
this
.
addhousetotal
();
window
.
addEventListener
(
"resize"
,
()
=>
{
this
.
get
data
=
[];
this
.
c
data
=
[];
this
.
addhousetotal
();
});
},
methods
:
{
async
addhousetotal
()
{
if
(
this
.
getdata
.
length
==
0
)
{
if
(
this
.
cdata
==
0
)
{
this
.
getdata
=
[];
try
{
let
{
result
:
res
}
=
await
work
.
addhousetotal
();
res
.
map
((
item
)
=>
{
return
this
.
cdata
.
seriesData
.
push
({
return
this
.
cdata
.
push
({
name
:
`
${
item
.
fwyt
+
'('
+
item
.
fwxz
}
)`
,
value
:
item
.
mj
,
});
});
let
delarr
=
this
.
cdata
.
sort
(
this
.
up
)
this
.
setadat
(
delarr
)
}
catch
(
error
)
{
console
.
log
(
"error"
,
error
);
}
}
let
delarr
=
this
.
cdata
.
seriesData
.
sort
(
this
.
up
)
this
.
setadat
(
delarr
)
},
// 处理数据方法
setadat
(
delarr
)
{
this
.
cdata
.
seriesData
=
delarr
.
splice
(
0
,
6
);
this
.
cdata
=
delarr
.
splice
(
0
,
6
);
let
sum
=
0
for
(
var
i
=
0
;
i
<
delarr
.
length
;
i
++
)
{
sum
=
sum
+
delarr
[
i
].
value
}
sum
=
sum
.
toFixed
(
2
)
this
.
cdata
.
seriesData
.
push
({
this
.
cdata
.
push
({
name
:
"其他(其他种类)"
,
values
:
"其他种类"
,
value
:
sum
,
...
...
src/styles/index.scss
View file @
8a786c6
...
...
@@ -360,7 +360,27 @@ aside {
border-radius
:
16px
;
color
:
#0097FF
;
}
.configurationbtnColor
{
width
:
64px
;
height
:
28px
;
background
:
rgba
(
255
,
255
,
255
,
0
.1
);
border-radius
:
16px
;
color
:
#04c0a7
;
}
.resetbtnColor
{
width
:
64px
;
height
:
28px
;
background
:
rgba
(
255
,
255
,
255
,
0
.1
);
border-radius
:
16px
;
color
:
#04c0a7
;
}
.movebtnColor
{
width
:
64px
;
height
:
28px
;
background
:
rgba
(
255
,
255
,
255
,
0
.1
);
border-radius
:
16px
;
color
:
#0097FF
;
}
.successColor
:hover
{
width
:
64px
;
height
:
28px
;
...
...
src/styles/public.scss
View file @
8a786c6
src/utils/get-page-title.js
View file @
8a786c6
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-15 1
4:37:05
* @LastEditTime: 2023-03-15 1
7:14:42
*/
// 获取浏览器便签标题
import
defaultSettings
from
'@/settings'
import
config
from
'@/api/config'
import
config
from
'/public/config'
const
title
=
config
.
TITLE
export
default
function
getPageTitle
(
pageTitle
)
{
...
...
src/views/home/dataView/rightcard.vue
View file @
8a786c6
...
...
@@ -19,10 +19,10 @@
</
template
>
<
script
>
import
columnarsmat
from
"@/components/Echart/Columnarsmat"
;
import
Rose
from
"@/components/Echart/Rose"
;
import
work
from
"@/api/work"
;
export
default
{
import
columnarsmat
from
"@/components/Echart/Columnarsmat"
;
import
Rose
from
"@/components/Echart/Rose"
;
import
work
from
"@/api/work"
;
export
default
{
data
()
{
return
{
config
:
{
...
...
@@ -42,8 +42,11 @@ export default {
window
.
addEventListener
(
"resize"
,
()
=>
{
this
.
cdata
.
seriesData
=
[];
this
.
getdjywltotal
();
window
.
addEventListener
(
"resize"
,
()
=>
{
this
.
getdjywltotal
();
});
// scroll(tableref.value.$refs.bodyWrapper);//设置滚动
})
},
methods
:
{
// 获取登记业务量玫瑰图数据
...
...
@@ -70,14 +73,14 @@ export default {
},
},
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
/
deep
/
.row-item
:not
(
:last-child
)
{
/
deep
/
.row-item
:not
(
:last-child
)
{
margin-bottom
:
0.026rem
;
}
}
.rightcard
{
.rightcard
{
width
:
30%
;
display
:
flex
;
height
:
calc
(
100vh
-
114px
);
...
...
@@ -171,5 +174,5 @@ export default {
.cardhead
{
position
:
absolute
;
}
}
}
</
style
>
...
...
src/views/system/information/base-set.vue
View file @
8a786c6
...
...
@@ -35,7 +35,7 @@
</el-form-item>
</el-form>
<div
class=
"bottom-wrapper"
>
<el-button
type=
"primary"
@
click=
"updateInfo"
>
更新信息
</el-butto
n>
<btn
nativeType=
"cx"
type=
"primary"
@
click=
"updateInfo"
>
更新信息
</bt
n>
</div>
</div>
</div>
...
...
src/views/system/information/index.vue
View file @
8a786c6
<!--
* @Author: xiaomiao 1158771342@qq.com
* @Date: 2023-03-0
8 15:30:43
* @LastEditors:
yangwei
* @LastEditTime: 2023-03-1
3 17:19:46
* @FilePath: \bdcjg-web\src\views\system\information\index.vue
* @Date: 2023-03-0
9 20:54:28
* @LastEditors:
xiaomiao 1158771342@qq.com
* @LastEditTime: 2023-03-1
5 15:45:01
* @FilePath: \
上报\
bdcjg-web\src\views\system\information\index.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<
template
>
...
...
@@ -14,19 +14,13 @@
<Breadcrumb
/>
</el-form-item>
<el-row
class=
"mb-5"
>
<el-col
:span=
"3"
class=
"btnColRight"
>
<!--
<btn
nativeType=
"cx"
@
click=
"information"
>
基本信息
</btn
>
<btn
nativeType=
"cx"
:class=
"isshow ? '' : ''"
@
click=
"password"
>
修改密码
</btn
>
-->
<button
@
click=
"information"
:class=
"isshow ? 'button choosed' : 'button'"
>
<el-col
:span=
"4"
class=
"btnColRight"
>
<btn
nativeType=
"cx"
type=
"primary"
@
click=
"information"
>
基本信息
</b
utto
n>
<b
utton
@
click=
"password"
:class=
"isshow ? 'button' : 'button choosed'
"
>
</b
t
n>
<b
tn
nativeType=
"cz"
@
click=
"password
"
>
修改密码
</b
utto
n>
</b
t
n>
</el-col>
</el-row>
</el-form>
...
...
@@ -40,57 +34,56 @@
</div>
</
template
>
<
script
>
import
"@/utils/flexible.js"
;
import
BaseSet
from
"./base-set.vue"
;
import
PasswordEdit
from
"./password-edit.vue"
;
export
default
{
import
"@/utils/flexible.js"
;
import
BaseSet
from
"./base-set.vue"
;
import
PasswordEdit
from
"./password-edit.vue"
;
export
default
{
components
:
{
BaseSet
,
PasswordEdit
,
},
data
()
{
data
()
{
return
{
isshow
:
true
,
};
},
computed
:
{
userData
()
{
userData
()
{
return
this
.
$store
.
state
.
user
.
userInfo
;
},
},
watch
:
{},
created
()
{
},
mounted
()
{
},
created
()
{
},
mounted
()
{
},
methods
:
{
information
()
{
information
()
{
this
.
isshow
=
true
;
},
password
()
{
password
()
{
this
.
isshow
=
false
;
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/mixin.scss"
;
@import
"~@/styles/public.scss"
;
.information
{
@import
"~@/styles/mixin.scss"
;
@import
"~@/styles/public.scss"
;
.information
{
display
:
flex
;
flex-direction
:
column
;
.btnColRight
{
.button
{
width
:
76px
;
height
:
32px
;
color
:
#ffffff
;
margin
:
0
5px
;
cursor
:
pointer
;
border
:
0
;
background
:
url('../../../image/btn.png')
no-repeat
0
0
;
background-size
:
cover
;
//
background-color
:
cadetblue
;
height
:
60px
;
.
button
:
nth-child
(
1
)
{
position
:
absolute
;
left
:
30px
;
top
:
20px
;
}
.choosed
{
background
:
url('../../../image/btn.png')
no-repeat
0
-34px
;
.button
:nth-child
(
2
)
{
position
:
absolute
;
top
:
20px
;
left
:
120px
;
}
}
/
deep
/
.content
{
...
...
@@ -104,5 +97,5 @@ export default {
.boxin
{
flex
:
1
;
}
}
}
</
style
>
...
...
src/views/system/information/password-edit.vue
View file @
8a786c6
...
...
@@ -6,50 +6,46 @@
label-width=
"100px"
:model=
"form"
class=
"form-wrapper"
:rules=
"rules"
>
:rules=
"rules"
>
<el-form-item
label=
"旧密码:"
prop=
"oldPassword"
>
<el-input
v-model=
"form.oldPassword"
clearable
type=
"password"
show-password
/>
show-password
/>
</el-form-item>
<el-form-item
label=
"新密码:"
prop=
"newPassword"
>
<el-input
v-model=
"form.newPassword"
clearable
type=
"password"
show-password
/>
show-password
/>
</el-form-item>
<el-form-item
label=
"确认密码:"
prop=
"confirmPassword"
>
<el-input
v-model=
"form.confirmPassword"
clearable
type=
"password"
show-password
/>
show-password
/>
</el-form-item>
</el-form>
<div
class=
"bottom-wrapper"
>
<
el-button
type=
"primary"
@
click=
"updatePassword"
>
确认修改
</el-butto
n>
<
btn
nativeType=
"cx"
type=
"primary"
@
click=
"updatePassword"
>
确认修改
</bt
n>
</div>
</div>
</div>
</
template
>
<
script
>
import
{
updateUserPassword
}
from
"@/api/personnelManage"
;
export
default
{
import
{
updateUserPassword
}
from
"@/api/personnelManage"
;
export
default
{
props
:
{
userInfo
:
{
type
:
Object
,
default
:
null
,
},
},
data
()
{
data
()
{
return
{
form
:
{},
sexList
:
[],
...
...
@@ -78,16 +74,16 @@ export default {
},
},
},
mounted
()
{
mounted
()
{
if
(
this
.
userInfo
)
{
this
.
getid
(
this
.
userInfo
);
}
},
methods
:
{
getid
(
val
)
{
getid
(
val
)
{
this
.
userId
=
val
.
id
;
},
validatorConfirmPassword
(
rule
,
value
,
callback
)
{
validatorConfirmPassword
(
rule
,
value
,
callback
)
{
const
{
newPassword
}
=
this
.
form
;
if
(
value
!==
newPassword
)
{
callback
(
"两次输入密码不一致"
);
...
...
@@ -95,7 +91,7 @@ export default {
callback
();
}
},
updatePassword
()
{
updatePassword
()
{
this
.
$refs
.
form
.
validate
((
valid
)
=>
{
if
(
valid
)
{
const
params
=
Object
.
assign
({},
this
.
form
,
{
id
:
this
.
userId
});
...
...
@@ -110,11 +106,11 @@ export default {
});
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
.user-info
{
.user-info
{
margin
:
36px
200px
;
overflow-y
:
auto
;
.form-wrapper
{
...
...
@@ -136,5 +132,5 @@ export default {
padding
:
32px
120px
24px
;
text-align
:
center
;
}
}
}
</
style
>
...
...
src/views/system/menus/edit-dialog.vue
View file @
8a786c6
<
template
>
<dialogBox
class=
"modifydialog"
:isMain=
"true"
:title=
"2222
"
@
closeDialog=
"close"
@
submitForm=
"submitForm"
<dialogBox
class=
"modifydialog"
:isMain=
"true"
width=
"40%"
:title=
"title
"
@
closeDialog=
"close"
@
submitForm=
"submitForm"
v-model=
"myValue"
>
<div
class=
"dialogCon"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
>
...
...
@@ -19,15 +19,15 @@
</el-col>
</el-row>
<el-row
:gutter=
"2
4
"
>
<el-col
:span=
"2
4
"
>
<el-row
:gutter=
"2
3
"
>
<el-col
:span=
"2
3
"
>
<el-form-item
label=
"代码:"
prop=
"code"
label-width=
"124px"
>
<el-input
v-model=
"codeComputed"
placeholder=
"请输入菜单代码"
:disabled=
"type === 1"
/>
</el-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"2
4
"
>
<el-col
:span=
"2
4
"
>
<el-row
:gutter=
"2
3
"
>
<el-col
:span=
"2
3
"
>
<el-form-item
label=
"链接路径:"
label-width=
"124px"
>
<el-input
v-model=
"form.uri"
placeholder=
"请输入链接路径"
/>
</el-form-item>
...
...
@@ -56,11 +56,11 @@
</
template
>
<
script
>
import
{
getParentMenuListAction
}
from
'@/api/authorityManage'
import
JsonEditor
from
'@/components/JsonEditors'
import
{
validateCode
}
from
'@/utils/validate'
;
import
{
api
,
httpAction
}
from
'@/api/manageApi'
export
default
{
import
{
getParentMenuListAction
}
from
'@/api/authorityManage'
import
JsonEditor
from
'@/components/JsonEditors'
import
{
validateCode
}
from
'@/utils/validate'
;
import
{
api
,
httpAction
}
from
'@/api/manageApi'
export
default
{
name
:
'MenuModal'
,
components
:
{
JsonEditor
,
...
...
@@ -221,5 +221,32 @@ export default {
this
.
$emit
(
'input'
,
false
)
}
}
}
}
</
script
>
<
style
scoped
lang=
"scss"
>
.modifydialog
{
&-con
{
background
:
#031a46
;
}
/
deep
/
.el-dialog__header
{
.dialog_title
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
position
:
relative
;
top
:
-8px
;
width
:
28%
;
height
:
40px
;
margin-left
:
28px
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
white-space
:
nowrap
;
b
{
font-size
:
16px
;
font-weight
:
600
;
}
}
}
}
</
style
>
...
...
src/views/system/menus/index.vue
View file @
8a786c6
...
...
@@ -15,28 +15,28 @@
<div
class=
"from-clues-content"
>
<lb-table
:pagination=
"false"
:column=
"tableData.columns"
:calcHeight=
"200"
:data=
"tablelistData"
row-key=
"id"
default-expand-all
:tree-props=
"
{ children: 'children', hasChildren: 'hasChildren' }">
</lb-table>
</div>
<edit-dialog
ref=
"dialogForm"
v-model=
"isDialog"
:product-id=
"productId"
:resource-category-id=
"resourceCategoryId"
@
ok=
"reloadTableData"
/>
<!--
<authorizationdiglog
ref=
"rolesForm"
/>
-->
</div>
</
template
>
<
script
>
// 定时任务
import
data
from
"./data"
;
import
{
deleteAction
,
getAction
,
api
}
from
"@/api/manageApi"
;
import
EditDialog
from
"./edit-dialog.vue"
;
import
{
mapGetters
}
from
"vuex"
;
import
{
getMenuInfo
}
from
"@/api/user"
;
import
{
// 定时任务
import
data
from
"./data"
;
import
{
deleteAction
,
getAction
,
api
}
from
"@/api/manageApi"
;
import
EditDialog
from
"./edit-dialog.vue"
;
import
{
mapGetters
}
from
"vuex"
;
import
{
getMenuInfo
}
from
"@/api/user"
;
import
{
getUuid
,
judgeSort
,
realMove
,
findParents
,
removeTreeListItem
,
}
from
"@/utils/operation"
;
export
default
{
}
from
"@/utils/operation"
;
export
default
{
name
:
"menus"
,
components
:
{
EditDialog
,
...
...
@@ -128,7 +128,7 @@ export default {
conditions
:
[
{
property
:
"code"
,
value
:
this
.
products
,
value
:
sessionStorage
.
getItem
(
"products"
)
,
operator
:
"EQ"
,
},
],
...
...
@@ -153,7 +153,7 @@ export default {
handleAdd
()
{
this
.
isDialog
=
true
this
.
$refs
.
dialogForm
.
add
();
this
.
$refs
.
dialogForm
.
title
=
"添加
"
;
this
.
$refs
.
dialogForm
.
title
=
"新增
"
;
},
// 修改
...
...
@@ -207,17 +207,21 @@ export default {
this
.
getTableList
()
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/mixin.scss"
;
//
@import
"~@/styles/public.scss"
;
.btnColRight
{
margin-top
:
20px
;
}
@import
"~@/styles/mixin.scss"
;
/
deep
/
.el-table__expand-icon
{
//
@import
"~@/styles/public.scss"
;
.btnColRight
{
height
:
60px
;
.button
{
position
:
absolute
;
left
:
30px
;
top
:
20px
;
}
}
/
deep
/
.el-table__expand-icon
{
color
:
#fff
;
}
}
</
style
>
...
...
src/views/system/roles/edit-dialog.vue
View file @
8a786c6
<!-- 新增 & 修改角色 -->
<
template
>
<
Dialog
<
dialogBox
class=
"modifydialog"
:title=
"dialogTitle"
:show
.
sync=
"showAddEditDialog"
:width=
"'767px'"
@
close=
"handleCloseDialog()"
>
<template
slot=
"content"
>
:title=
"title"
:width=
"'567px'"
:isMain=
"true"
@
closeDialog=
"close"
@
submitForm=
"submitForm"
v-model=
"myValue"
>
<div
class=
"dialogCon"
>
<el-form
ref=
"form"
:model=
"dialogForm"
:rules=
"rules"
label-width=
"82px"
>
<el-row
:gutter=
"24"
>
<el-col
:span=
"
15
"
>
<el-col
:span=
"
23
"
>
<el-form-item
label=
"角色名称:"
prop=
"roleName"
>
<el-input
v-model=
"dialogForm.roleName"
...
...
@@ -19,18 +21,20 @@
</el-col>
</el-row>
<el-row>
<el-col
:span=
"2
4
"
>
<el-col
:span=
"2
3
"
>
<el-form-item
label=
"备注:"
class=
"form-item-mb0"
>
<el-input
v-model=
"dialogForm.roleTextArea"
clearable
:rows=
"10"
type=
"textarea"
placeholder=
"备注"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</
template
>
<
template
slot=
"footer"
>
</
div
>
<
!--
<
template
slot=
"footer"
>
<el-button
class=
"cancel-button"
@
click=
"handleCloseDialog"
>
取消
</el-button>
...
...
@@ -38,8 +42,8 @@
<el-button
type=
"primary"
@
click=
"handleSaveRole()"
>
保存
</el-button>
</
template
>
</
Dialog
>
</
template
>
-->
</
dialogBox
>
</template>
<
script
>
...
...
@@ -49,9 +53,13 @@
components
:
{
Dialog
},
props
:
{
value
:
{
type
:
Boolean
,
default
:
false
},
},
data
()
{
return
{
dialogTitle
:
''
,
myValue
:
this
.
value
,
title
:
''
,
showAddEditDialog
:
false
,
menuType
:
''
,
roleId
:
''
,
...
...
@@ -72,9 +80,14 @@
]
}
},
watch
:
{
value
(
val
)
{
this
.
myValue
=
val
}
},
methods
:
{
// 保存新增或关闭事件
handleSaveRole
(
val
)
{
submitForm
(
)
{
this
.
$refs
.
form
.
validate
((
valid
)
=>
{
if
(
valid
)
{
try
{
...
...
@@ -97,8 +110,8 @@
this
.
dialogForm
=
{
roleName
:
''
,
}
this
.
showAddEditDialog
=
val
this
.
$emit
(
'ok'
,
this
.
menuType
)
//
this.showAddEditDialog = val
this
.
$emit
(
'ok'
)
}
else
{
this
.
$message
.
error
({
message
:
res
.
message
,
...
...
@@ -114,10 +127,10 @@
message
:
'新增成功'
,
showClose
:
true
})
this
.
dialogForm
=
{
roleName
:
''
,
}
this
.
showAddEditDialog
=
val
this
.
close
()
this
.
$emit
(
'ok'
)
//
this.showAddEditDialog = val
this
.
$emit
(
'ok'
,
this
.
menuType
)
}
else
{
this
.
$message
.
error
({
...
...
@@ -133,16 +146,40 @@
}
})
},
// 取消事件
handleCloseDialog
()
{
this
.
$refs
.
form
.
resetFields
()
resetForm
()
{
this
.
dialogForm
=
{
roleName
:
''
,
}
this
.
showAddEditDialog
=
false
this
.
$refs
.
form
.
resetFields
()
},
close
()
{
this
.
resetForm
()
this
.
$emit
(
'input'
,
false
)
}
}
}
</
script
>
<
style
scoped
lang=
"scss"
>
.modifydialog
{
/deep/.el-dialog__header
{
.dialog_title
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
position
:
relative
;
top
:
-8px
;
width
:
24%
;
height
:
40px
;
margin-left
:
28px
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
white-space
:
nowrap
;
b
{
font-size
:
16px
;
font-weight
:
600
;
}
}
}
}
</
style
>
...
...
src/views/system/roles/index.vue
View file @
8a786c6
...
...
@@ -17,7 +17,7 @@
:column=
"tableData.columns"
:data=
"listdata"
:expand-row-keys=
"keyList"
row-key=
"dictid"
>
</lb-table>
</div>
<EditDialog
ref=
"addEditDialog"
@
ok=
"reloadTableData"
/>
<EditDialog
ref=
"addEditDialog"
v-model=
"isDialog"
@
ok=
"reloadTableData"
/>
<Roleslistdiglog
ref=
"rolesForm"
/>
</div>
</
template
>
...
...
@@ -38,7 +38,7 @@
import
EditDialog
from
"./edit-dialog.vue"
;
import
Roleslistdiglog
from
"./roleslistdiglog.vue"
;
import
{
mapGetters
}
from
"vuex"
;
import
{
updateOrder
}
from
"@/api/orders"
import
{
updateOrder
}
from
"@/api/orders"
export
default
{
name
:
"menus"
,
mixins
:
[
tableMixin
],
...
...
@@ -48,6 +48,7 @@
},
data
()
{
return
{
isDialog
:
false
,
personlist
:
null
,
waitMemberList
:
[],
keyList
:
[],
...
...
@@ -108,42 +109,46 @@
.
concat
([
{
label
:
"排序"
,
width
:
2
00
,
width
:
3
00
,
render
:
(
h
,
scope
)
=>
{
return
(
<
div
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isTop
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'TOP'
);
this
.
updateOrder
(
scope
.
row
,
'TOP'
);
}}
>
置顶
<
/el-button
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isTop
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'UP'
);
this
.
updateOrder
(
scope
.
row
,
'UP'
);
}}
>
上移
<
/el-button
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isBottom
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'DOWN'
);
this
.
updateOrder
(
scope
.
row
,
'DOWN'
);
}}
>
下移
<
/el-button
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isBottom
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'BOTTOM'
);
this
.
updateOrder
(
scope
.
row
,
'BOTTOM'
);
}}
>
置底
...
...
@@ -172,6 +177,7 @@
disabled
=
{
scope
.
row
.
type
===
"Everyone"
}
type
=
"text"
size
=
"mini"
class
=
"configurationbtnColor"
icon
=
"el-icon-video-pause"
onClick
=
{()
=>
{
this
.
getUserList
(
scope
.
row
);
...
...
@@ -193,6 +199,7 @@
disabled
=
{
scope
.
row
.
category
===
1
}
type
=
"text"
size
=
"mini"
class
=
'successColor'
icon
=
"el-icon-edit"
onClick
=
{()
=>
{
this
.
handleAddEdit
(
scope
.
row
);
...
...
@@ -214,6 +221,7 @@
type
=
"text"
disabled
=
{
scope
.
row
.
category
===
1
}
size
=
"mini"
class
=
'delColor'
icon
=
"el-icon-delete"
// style="color:#F56C6C"
onClick
=
{()
=>
{
...
...
@@ -244,7 +252,7 @@
methods
:
{
// 获取角色列表
getTableData
()
{
getRolesById
([
1
,
2
])
getRolesById
([
1
,
2
])
.
then
((
res
)
=>
{
this
.
listdata
=
res
.
content
;
this
.
listdata
=
judgeSort
(
this
.
listdata
);
...
...
@@ -394,6 +402,7 @@
},
// 新增、修改角色
handleAddEdit
(
value
)
{
this
.
isDialog
=
true
this
.
$refs
.
addEditDialog
.
menuType
=
this
.
menuType
;
this
.
$refs
.
addEditDialog
.
roleId
=
value
.
id
;
this
.
roleSort
=
value
.
sort
?
value
.
sort
:
0
;
...
...
@@ -404,10 +413,10 @@
this
.
$refs
.
addEditDialog
.
dialogForm
.
roleTextArea
=
value
.
description
;
}
this
.
$refs
.
addEditDialog
.
showAddEditDialog
=
true
;
this
.
$refs
.
addEditDialog
.
dialogT
itle
=
value
.
id
?
"修改"
:
"新增"
;
this
.
$refs
.
addEditDialog
.
t
itle
=
value
.
id
?
"修改"
:
"新增"
;
},
//排序
updateOrder
(
record
,
operate
)
{
updateOrder
(
record
,
operate
)
{
const
findIndex
=
this
.
listdata
.
findIndex
(
item
=>
item
.
id
===
record
.
id
)
let
swapId
=
''
if
(
operate
===
'UP'
)
{
...
...
@@ -476,7 +485,17 @@
//
@import
"~@/styles/public.scss"
;
.btnColRight
{
margin-left
:
-30px
;
margin-top
:
20px
;
height
:
60px
;
.button
{
position
:
absolute
;
left
:
30px
;
top
:
20px
;
}
}
/
deep
/
.el-button.is-disabled.el-button--text
{
width
:
64px
;
height
:
28px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
border-radius
:
16px
;
}
</
style
>
...
...
src/views/system/roles/roleslistdiglog.vue
View file @
8a786c6
...
...
@@ -37,8 +37,8 @@
</lb-table>
</div>
<template
slot=
"footer"
>
<
el-button
type=
"primary"
class=
"save"
@
click=
"handleSaveMember()"
>
保存
</el-butto
n>
<
el-button
class=
"cancel-button"
@
click=
"close()"
>
取消
</el-butto
n>
<
btn
nativeType=
"cx"
type=
"primary"
@
click=
"handleSaveMember()"
>
保存
</bt
n>
<
btn
nativeType=
"cz"
@
click=
"close()"
>
取消
</bt
n>
</
template
>
</el-dialog>
</template>
...
...
src/views/system/users/edit-dialog.vue
View file @
8a786c6
<
template
>
<dialogBox
:title=
"title"
class=
"modifydialog"
@
closeDialog=
"close"
:isMain=
"true"
@
submitForm=
"submitForm"
<dialogBox
:title=
"title"
:width=
"'867px'"
class=
"modifydialog"
@
closeDialog=
"close"
:isMain=
"true"
@
submitForm=
"submitForm"
v-model=
"myValue"
>
<div
class=
"dialogCon"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
>
<el-row
:gutter=
"24"
>
<el-col
:span=
"1
1
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"姓名:"
prop=
"name"
label-width=
"100px"
>
<el-input
v-model=
"form.name"
placeholder=
"姓名"
/>
</el-form-item>
</el-col>
<el-col
:span=
"
1
3"
>
<el-col
:span=
"
2
3"
>
<el-col
:span=
"18"
class=
"col-pd0"
>
<el-form-item
label=
"性别:"
label-width=
"
72
px"
>
<el-form-item
label=
"性别:"
label-width=
"
88
px"
>
<el-radio
v-for=
"(item, index) in sexList"
:key=
"index"
v-model=
"form.sex"
:label=
"item.value"
>
{{
item
.
name
}}
</el-radio>
</el-form-item>
...
...
@@ -22,38 +22,38 @@
</el-col>
</el-row>
<el-row
:gutter=
"24"
>
<el-col
:span=
"1
1
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"工号:"
prop=
"code"
label-width=
"100px"
>
<el-input
v-model=
"form.code"
placeholder=
"工号"
/>
</el-form-item>
</el-col>
<el-col
:span=
"1
3
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"用户名:"
prop=
"loginName"
label-width=
"72px"
>
<el-input
v-model=
"form.loginName"
:disabled=
"showLoginName"
placeholder=
"用户名"
/>
</el-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"24"
>
<el-col
:span=
"1
1
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"身份证号码:"
label-width=
"100px"
>
<el-input
v-model=
"form.idCard"
placeholder=
"身份证号码"
/>
</el-form-item>
</el-col>
<el-col
:span=
"1
3
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"手机号码:"
prop=
"mobilePhone"
label-width=
"72px"
>
<el-input
v-model=
"form.mobilePhone"
placeholder=
"手机号码"
/>
</el-form-item>
</el-col>
</el-row>
<el-row
:gutter=
"24"
>
<el-col
:span=
"1
1
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"最高职务级别:"
label-width=
"100px"
>
<el-select
v-model=
"form.jobLevel"
placeholder=
"最高职务级别"
>
<el-option
v-for=
"item in levelList"
:key=
"item.value"
:label=
"item.name"
:value=
"item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col
:span=
"1
3
"
>
<el-col
:span=
"1
2
"
>
<el-form-item
label=
"办公电话:"
prop=
"telephone"
label-width=
"72px"
>
<el-input
v-model=
"form.telephone"
placeholder=
"办公电话"
/>
</el-form-item>
...
...
@@ -72,8 +72,8 @@
</
template
>
<
script
>
import
{
api
,
httpAction
}
from
'@/api/manageApi'
export
default
{
import
{
api
,
httpAction
}
from
'@/api/manageApi'
export
default
{
name
:
""
,
props
:
{
value
:
{
type
:
Boolean
,
default
:
false
},
...
...
@@ -92,7 +92,7 @@ export default {
{
required
:
true
,
message
:
"请输入用户名"
,
trigger
:
"blur"
},
],
},
title
:
"修改
"
,
title
:
"
"
,
showLoginName
:
false
,
sexList
:
[{
lable
:
"0"
,
value
:
"0"
,
name
:
"男"
},
{
lable
:
"1"
,
value
:
"1"
,
name
:
"女"
}],
levelList
:
[{
lable
:
"0"
,
value
:
"0"
,
name
:
"干事"
},
{
lable
:
"1"
,
value
:
"1"
,
name
:
"经理"
}],
...
...
@@ -128,7 +128,7 @@ export default {
this
.
form
.
departmentId
=
value
;
},
// 保存
submitForm
(
submitType
)
{
submitForm
(
)
{
this
.
$refs
.
form
.
validate
((
valid
)
=>
{
if
(
valid
)
{
let
method
=
''
...
...
@@ -148,8 +148,6 @@ export default {
if
(
res
.
status
===
1
)
{
this
.
$message
.
success
({
message
:
res
.
message
,
showClose
:
true
})
this
.
resetForm
()
this
.
close
()
this
.
$emit
(
'ok'
)
...
...
@@ -173,6 +171,29 @@ export default {
this
.
$emit
(
'input'
,
false
)
}
}
}
}
</
script
>
<
style
scoped
lang=
"scss"
></
style
>
<
style
scoped
lang=
"scss"
>
.modifydialog
{
/deep/.el-dialog__header
{
.dialog_title
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
position
:
relative
;
top
:
-7px
;
width
:
29%
;
height
:
40px
;
margin-left
:
28px
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
white-space
:
nowrap
;
b
{
font-size
:
16px
;
font-weight
:
600
;
}
}
}
}
</
style
>
...
...
src/views/system/users/index.vue
View file @
8a786c6
...
...
@@ -17,31 +17,31 @@
</div>
<div
class=
"from-clues-content"
>
<lb-table
:pagination=
"false"
@
size-change=
"handleSizeChange"
@
p-current-change=
"handleCurrentChange"
:column=
"tableData.columns"
:data=
"tableData.data"
:expand-row-keys=
"keyList"
row-key=
"dictid"
>
:column=
"tableData.columns"
:
calcHeight=
"200"
:
data=
"tableData.data"
:expand-row-keys=
"keyList"
row-key=
"dictid"
>
</lb-table>
</div>
<EditDialog
ref=
"dialogForm"
v-model=
"isDialog"
@
ok=
"reloadTableData"
/>
</div>
</
template
>
<
script
>
import
{
import
{
getUuid
,
judgeSort
,
realMove
,
findParents
,
removeTreeListItem
,
}
from
"@/utils/operation"
;
import
{
}
from
"@/utils/operation"
;
import
{
resetPassword
,
getUserList
,
}
from
"@/api/personnelManage"
;
import
{
api
,
deleteAction
}
from
'@/api/manageApi'
import
data
from
"./data"
;
import
{
deleteDomStr
}
from
'@/utils/proDomStr'
import
tableMixin
from
"@/mixins/tableMixin.js"
;
import
EditDialog
from
"./edit-dialog.vue"
;
import
{
updateOrder
}
from
"@/api/orders"
export
default
{
}
from
"@/api/personnelManage"
;
import
{
api
,
deleteAction
}
from
'@/api/manageApi'
import
data
from
"./data"
;
import
{
deleteDomStr
}
from
'@/utils/proDomStr'
import
tableMixin
from
"@/mixins/tableMixin.js"
;
import
EditDialog
from
"./edit-dialog.vue"
;
import
{
updateOrder
}
from
"@/api/orders"
export
default
{
name
:
"menus"
,
mixins
:
[
tableMixin
],
components
:
{
...
...
@@ -105,12 +105,13 @@ export default {
},
{
label
:
"排序"
,
width
:
2
00
,
width
:
3
00
,
render
:
(
h
,
scope
)
=>
{
return
(
<
div
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isTop
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'TOP'
);
...
...
@@ -120,6 +121,7 @@ export default {
<
/el-button
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isTop
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'UP'
);
...
...
@@ -129,6 +131,7 @@ export default {
<
/el-button
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isBottom
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'DOWN'
);
...
...
@@ -138,6 +141,7 @@ export default {
<
/el-button
>
<
el
-
button
type
=
"text"
class
=
'movebtnColor'
disabled
=
{
scope
.
row
.
isBottom
}
onClick
=
{()
=>
{
this
.
updateOrder
(
scope
.
row
,
'BOTTOM'
);
...
...
@@ -158,6 +162,7 @@ export default {
<
el
-
button
type
=
"text"
size
=
"mini"
class
=
'resetbtnColor'
icon
=
"el-icon-video-pause"
onClick
=
{()
=>
{
this
.
resetPassword
(
scope
.
row
.
id
);
...
...
@@ -168,6 +173,7 @@ export default {
<
el
-
button
type
=
"text"
size
=
"mini"
class
=
'successColor'
icon
=
"el-icon-edit"
onClick
=
{()
=>
{
this
.
handleEdit
(
scope
.
row
);
...
...
@@ -178,8 +184,8 @@ export default {
<
el
-
button
type
=
"text"
size
=
"mini"
class
=
'delColor'
icon
=
"el-icon-delete"
style
=
"color:#F56C6C"
onClick
=
{()
=>
{
this
.
handleDelete
(
scope
.
row
.
id
,
scope
.
row
.
name
);
}}
...
...
@@ -321,10 +327,22 @@ export default {
this
.
getTableList
()
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/mixin.scss"
;
@import
"~@/styles/public.scss"
;
@import
"./index.scss"
;
@import
"~@/styles/mixin.scss"
;
.btnColRight
{
height
:
60px
;
.button
{
position
:
absolute
;
left
:
30px
;
top
:
20px
;
}
}
/
deep
/
.el-button.is-disabled.el-button--text
{
width
:
64px
;
height
:
28px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
border-radius
:
16px
;
}
</
style
>
...
...
Please
register
or
sign in
to post a comment