Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
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
常超
founder_vue
Commits
0f7d5f9f
Commit
0f7d5f9f
authored
Feb 14, 2022
by
张超军
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'dev_zwpt' of
http://39.99.224.27:9022/changchao/founder_vue
into dev_zwpt
parents
8a7fb750
d085f632
Show whitespace changes
Inline
Side-by-side
Showing
37 changed files
with
1465 additions
and
847 deletions
+1465
-847
.env.development
+2
-2
src/main.js
+4
-0
src/netmgr/cxyrd/cxyrd.js
+1
-1
src/request/http.js
+3
-3
src/utils/ValueFormatUtil.js
+25
-0
src/views/AllPersonnelBase/AllPersonnelBase.vue
+9
-0
src/views/AllPersonnelBase/Index.vue
+9
-0
src/views/AllPersonnelBase/dclb.vue
+9
-0
src/views/AllPersonnelBase/gzlb.vue
+9
-0
src/views/AllPersonnelBase/modules/dcfptxAj.vue
+16
-4
src/views/AllPersonnelBase/modules/gz.vue
+9
-0
src/views/AllPersonnelBase/modules/xzry.vue
+0
-1
src/views/AllPersonnelBase/qbalk.vue
+9
-0
src/views/SystemManage/GroupManage.vue
+9
-0
src/views/SystemManage/GroupPermission.vue
+9
-0
src/views/SystemManage/PermissionManage.vue
+12
-2
src/views/SystemManage/QueryPermission.vue
+9
-0
src/views/SystemManage/RoleManage.vue
+15
-12
src/views/SystemManage/UserManage.vue
+438
-392
src/views/SystemManage/UserPermission.vue
+4
-0
src/views/SystemManage/scss/role.scss
+96
-24
src/views/SystemManage/scss/userpermission.scss
+26
-13
src/views/SystemManage/systemLog.vue
+9
-0
src/views/bzxxgl/bzxxfh.vue
+39
-18
src/views/bzxxgl/bzxxsh.vue
+9
-0
src/views/bzxxgl/scss/bzxxfh.scss
+21
-7
src/views/cxyrd/QueryConfirm.vue
+589
-354
src/views/drFPTX/Index.vue
+9
-0
src/views/drFPTX/RAList.vue
+9
-0
src/views/xtfkgl/AjXtljfkView.vue
+10
-1
src/views/xtfkgl/RyXtljfkView.vue
+10
-1
src/views/zljc/Index.vue
+17
-2
src/views/zljc/jcxq.vue
+8
-8
src/views/zzwlr/htcj.vue
+9
-0
src/views/zzwlr/xzry.scss
+1
-0
src/views/zzwlr/xzry.vue
+1
-1
vue.config.js
+1
-1
No files found.
.env.development
View file @
0f7d5f9f
VUE_APP_AUTO_WRITE = dev
VUE_APP_AUTO_WRITE = dev
VUE_APP_BB_IP = http://192.168.128.102:8075/
VUE_APP_BB_IP = http://192.168.128.103:8075/
\ No newline at end of file
\ No newline at end of file
src/main.js
View file @
0f7d5f9f
...
@@ -12,6 +12,7 @@ import './plugins/axios'
...
@@ -12,6 +12,7 @@ import './plugins/axios'
import
fHttp
from
'./request/http.js'
import
fHttp
from
'./request/http.js'
import
NetUtil
from
'./netmgr/NetUtil'
import
NetUtil
from
'./netmgr/NetUtil'
import
RegExpUtil
from
'./utils/verify-data/RegExpUtil.js'
import
RegExpUtil
from
'./utils/verify-data/RegExpUtil.js'
import
ValueFormatUtil
from
'./utils/ValueFormatUtil.js'
import
App
from
'./App.vue'
import
App
from
'./App.vue'
import
router
from
'./router'
import
router
from
'./router'
import
store
from
'./store'
import
store
from
'./store'
...
@@ -44,6 +45,7 @@ import IconSvg from './utils/IconSvg.vue'
...
@@ -44,6 +45,7 @@ import IconSvg from './utils/IconSvg.vue'
Vue
.
component
(
'svg-icon'
,
IconSvg
)
Vue
.
component
(
'svg-icon'
,
IconSvg
)
moment
.
locale
(
'zh-cn'
)
moment
.
locale
(
'zh-cn'
)
Vue
.
prototype
.
$moment
=
moment
Vue
.
prototype
.
$moment
=
moment
window
.
moment
=
moment
// 引入上传组件
// 引入上传组件
import
uploader
from
'vue-simple-uploader'
import
uploader
from
'vue-simple-uploader'
...
@@ -87,6 +89,8 @@ window.user = UserUtil
...
@@ -87,6 +89,8 @@ window.user = UserUtil
window
.
ljkUtil
=
LjkUtil
window
.
ljkUtil
=
LjkUtil
window
.
fHttp
=
fHttp
window
.
fHttp
=
fHttp
window
.
fRegExp
=
RegExpUtil
window
.
fRegExp
=
RegExpUtil
Vue
.
prototype
.
$fFormatUtil
=
ValueFormatUtil
window
.
fFormatUtil
=
ValueFormatUtil
window
.
NetUtil
=
NetUtil
window
.
NetUtil
=
NetUtil
Vue
.
use
(
VueWechatTitle
)
Vue
.
use
(
VueWechatTitle
)
Vue
.
use
(
VueClipboard
)
Vue
.
use
(
VueClipboard
)
...
...
src/netmgr/cxyrd/cxyrd.js
View file @
0f7d5f9f
...
@@ -23,7 +23,7 @@ const _path = {
...
@@ -23,7 +23,7 @@ const _path = {
}
}
export
default
{
export
default
{
// 获取案件指纹
// 获取案件指纹
ajfinger
(
_parameter
)
{
ajfinger
(
_parameter
)
{
A
return
fHttp
.
postJson
(
_path
.
ajfinger
,
_parameter
,
HttpConfigUtil
.
closeLoadAndTip
())
return
fHttp
.
postJson
(
_path
.
ajfinger
,
_parameter
,
HttpConfigUtil
.
closeLoadAndTip
())
},
},
// 获取案件掌纹
// 获取案件掌纹
...
...
src/request/http.js
View file @
0f7d5f9f
...
@@ -80,11 +80,11 @@ let initConfig = (config) => {
...
@@ -80,11 +80,11 @@ let initConfig = (config) => {
if
(
config
[
HttpConfig
.
_TYPE
.
LOADING
]
!==
false
)
{
if
(
config
[
HttpConfig
.
_TYPE
.
LOADING
]
!==
false
)
{
showLoading
(
config
[
HttpConfig
.
_TYPE
.
LOADING_TARGET
])
// 如果设置了targer,使用设置的target,比如el-table
showLoading
(
config
[
HttpConfig
.
_TYPE
.
LOADING_TARGET
])
// 如果设置了targer,使用设置的target,比如el-table
}
}
logger
.
info
(
'_IS_SHOW_TIP'
,
_IS_SHOW_TIP
)
// logger.info('_IS_SHOW_TIP', _IS_SHOW_TIP+''
)
if
(
config
[
HttpConfig
.
_TYPE
.
TIP
])
{
if
(
config
[
HttpConfig
.
_TYPE
.
TIP
]
!==
true
)
{
_IS_SHOW_TIP
=
config
[
HttpConfig
.
_TYPE
.
TIP
]
_IS_SHOW_TIP
=
config
[
HttpConfig
.
_TYPE
.
TIP
]
}
}
logger
.
info
(
'_IS_SHOW_TIP'
,
_IS_SHOW_TIP
)
// logger.info('_IS_SHOW_TIP', _IS_SHOW_TIP +''
)
console
.
log
(
'initConfig'
,
config
)
console
.
log
(
'initConfig'
,
config
)
return
config
return
config
}
}
...
...
src/utils/ValueFormatUtil.js
0 → 100644
View file @
0f7d5f9f
export
default
{
// 时间格式化
dateTimeFormat
(
row
,
colnum
)
{
let
prop
=
colnum
.
property
;
return
row
[
prop
]
?
moment
(
row
[
prop
]).
format
(
"YYYY-MM-DD"
)
:
"---"
;
},
dateTimeFormat1
(
row
,
colnum
)
{
let
prop
=
colnum
.
property
;
return
row
[
prop
]
?
moment
(
row
[
prop
]).
format
(
"YYYY-MM-DD hh:mm:ss"
)
:
"---"
;
},
// 普通值非空格式化 空返回 '---'
valueFormat
(
row
,
colnum
)
{
let
prop
=
colnum
.
property
return
row
[
prop
]
?
row
[
prop
]
:
'---'
},
// 普通值非空格式化 空返回 '0'
valueFormat0
(
row
,
colnum
)
{
let
prop
=
colnum
.
property
return
row
[
prop
]
?
row
[
prop
]
:
'0'
},
}
src/views/AllPersonnelBase/AllPersonnelBase.vue
View file @
0f7d5f9f
...
@@ -1763,3 +1763,12 @@ export default {
...
@@ -1763,3 +1763,12 @@ export default {
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/AllPersonnelBase/Index.vue
View file @
0f7d5f9f
...
@@ -19,3 +19,12 @@ export default {
...
@@ -19,3 +19,12 @@ export default {
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/AllPersonnelBase/dclb.vue
View file @
0f7d5f9f
...
@@ -1219,3 +1219,12 @@ export default {
...
@@ -1219,3 +1219,12 @@ export default {
height
:
56px
!important
;
height
:
56px
!important
;
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/AllPersonnelBase/gzlb.vue
View file @
0f7d5f9f
...
@@ -1984,3 +1984,12 @@ export default {
...
@@ -1984,3 +1984,12 @@ export default {
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/AllPersonnelBase/modules/dcfptxAj.vue
View file @
0f7d5f9f
...
@@ -175,11 +175,10 @@ export default {
...
@@ -175,11 +175,10 @@ export default {
barcode
.
push
(
this
.
rowData
[
i
].
followCase
.
barcode
)
barcode
.
push
(
this
.
rowData
[
i
].
followCase
.
barcode
)
}
}
}
}
let
reqParam
=
{
let
reqParam
=
{
barcode
:
''
,
//条码号
barcode
:
''
,
//条码号
seqNo
:
[],
// 指纹序号
seqNo
:
[],
// 指纹序号
palmNo
:
[],
// 掌纹序号
imageType
:
''
,
// 数据类型(原图)
imageType
:
''
,
// 数据类型(原图)
baseMsg
:
null
,
// 基本信息 1导出 0不导出
baseMsg
:
null
,
// 基本信息 1导出 0不导出
featureFlag
:
null
,
// 导出特征 1导出 0不导出
featureFlag
:
null
,
// 导出特征 1导出 0不导出
...
@@ -188,9 +187,22 @@ export default {
...
@@ -188,9 +187,22 @@ export default {
reqParam
.
barcode
=
barcode
reqParam
.
barcode
=
barcode
if
(
barcode
.
length
>
1
)
{
if
(
barcode
.
length
>
1
)
{
reqParam
.
seqNo
=
[]
reqParam
.
seqNo
=
null
reqParam
.
palmNo
=
null
}
else
{
}
else
{
reqParam
.
seqNo
=
this
.
checkedTargets
let
self
=
this
console
.
log
(
this
.
checkedTargets
,
' this.checkedTargets'
)
self
.
checkedTargets
.
map
(
item
=>
{
console
.
log
(
item
)
if
(
item
<=
99
)
{
reqParam
.
seqNo
.
push
(
item
)
}
else
{
reqParam
.
palmNo
.
push
(
item
)
}
})
// reqParam.seqNo = this.checkedTargets
}
}
reqParam
.
imageType
=
this
.
sjlx
reqParam
.
imageType
=
this
.
sjlx
reqParam
.
baseMsg
=
this
.
wzChecked
==
true
?
1
:
0
;
reqParam
.
baseMsg
=
this
.
wzChecked
==
true
?
1
:
0
;
...
...
src/views/AllPersonnelBase/modules/gz.vue
View file @
0f7d5f9f
...
@@ -326,3 +326,12 @@ export default {
...
@@ -326,3 +326,12 @@ export default {
border
:
1px
solid
#EEEEEE
;
border
:
1px
solid
#EEEEEE
;
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/AllPersonnelBase/modules/xzry.vue
View file @
0f7d5f9f
...
@@ -963,7 +963,6 @@ export default {
...
@@ -963,7 +963,6 @@ export default {
/
deep
/
.flexBox
{
/
deep
/
.flexBox
{
display
:
flex
;
display
:
flex
;
.el-checkbox
{
.el-checkbox
{
margin-right
:
24px
;
margin-right
:
24px
;
...
...
src/views/AllPersonnelBase/qbalk.vue
View file @
0f7d5f9f
...
@@ -1559,3 +1559,12 @@ const datas1 = [
...
@@ -1559,3 +1559,12 @@ const datas1 = [
}
}
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/SystemManage/GroupManage.vue
View file @
0f7d5f9f
...
@@ -1956,3 +1956,12 @@ export default {
...
@@ -1956,3 +1956,12 @@ export default {
@import
"./scss/boxShadow"
;
@import
"./scss/boxShadow"
;
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/SystemManage/GroupPermission.vue
View file @
0f7d5f9f
...
@@ -930,3 +930,12 @@ export default {
...
@@ -930,3 +930,12 @@ export default {
@import
"scss/userpermission.scss"
;
@import
"scss/userpermission.scss"
;
@import
"scss/group"
;
@import
"scss/group"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/SystemManage/PermissionManage.vue
View file @
0f7d5f9f
...
@@ -183,13 +183,14 @@
...
@@ -183,13 +183,14 @@
>
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<div
<div
v-if=
"scope.row.permissionNames && scope.row.permissionNames !== '/'"
v-for=
"(item, index) in scope.row.permissionNames &&
v-for=
"(item, index) in scope.row.permissionNames &&
scope.row.permissionNames.split(',')"
scope.row.permissionNames.split(',')"
:key=
"index"
:key=
"index"
>
>
{{
index
>
0
?
"/"
:
""
}}
{{
index
>
0
?
"/"
:
""
}}
{{
item
}}
{{
item
}}
</div>
</div>
<span
v-else
>
{{
'---'
}}
</span>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"status"
label=
"启用状态"
width=
"auto"
>
<el-table-column
prop=
"status"
label=
"启用状态"
width=
"auto"
>
...
@@ -1151,3 +1152,12 @@ export default {
...
@@ -1151,3 +1152,12 @@ export default {
}
}
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/SystemManage/QueryPermission.vue
View file @
0f7d5f9f
...
@@ -964,3 +964,12 @@ export default {
...
@@ -964,3 +964,12 @@ export default {
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/SystemManage/RoleManage.vue
View file @
0f7d5f9f
...
@@ -31,8 +31,7 @@
...
@@ -31,8 +31,7 @@
<div
<div
@
click
.
stop=
"copy(item.id)"
@
click
.
stop=
"copy(item.id)"
@
mouseenter=
"$set(item, 'enter', true)"
@
mouseenter=
"$set(item, 'enter', true)"
@
mouseleave=
"$set(item, 'enter', false)"
@
mouseleave=
"$set(item, 'enter', false)"
>
>
<svg-icon
<svg-icon
icon-class=
"copy"
icon-class=
"copy"
v-show=
"fuzhi"
v-show=
"fuzhi"
...
@@ -93,23 +92,17 @@
...
@@ -93,23 +92,17 @@
<div
class=
"autoPlay"
ref=
"diyRoles"
>
<div
class=
"autoPlay"
ref=
"diyRoles"
>
<el-checkbox-group
v-model=
"btnCheckList"
>
<el-checkbox-group
v-model=
"btnCheckList"
>
<div
v-for=
"item in diyRoleList"
:key=
"item.id"
class=
"chooseItem"
>
<div
v-for=
"item in diyRoleList"
:key=
"item.id"
class=
"chooseItem"
>
<el-checkbox
:label=
"item.id"
class=
"checkChoose"
v-if=
"delimgBoo"
<el-checkbox
:label=
"item.id"
class=
"checkChoose"
v-if=
"delimgBoo"
>
1
</el-checkbox>
>
1
</el-checkbox
<div
@
click
.
stop=
"() =>
{}"
>
<div
@
click
.
stop=
"() =>
{}"
:class="{
:class="{
'diy-role-item': true,
'diy-role-item': true,
active: item.id === diyRoleItemIndex,
active: item.id === diyRoleItemIndex,
delWidth: delimgBoo,
delWidth: delimgBoo,}">
}"
>
<div
<div
v-show=
"!item.edit"
v-show=
"!item.edit"
class=
"diy-edit-title"
class=
"diy-edit-title"
:title=
"item.value"
:title=
"item.value"
@
click=
"chooseDiyRoleItem(item)"
@
click=
"chooseDiyRoleItem(item)"
>
>
{{
item
.
value
}}
{{
item
.
value
}}
</div>
</div>
<el-input
<el-input
...
@@ -1022,6 +1015,7 @@ export default {
...
@@ -1022,6 +1015,7 @@ export default {
padding-right
:
15px
;
padding-right
:
15px
;
padding-left
:
20px
;
padding-left
:
20px
;
overflow
:
auto
;
overflow
:
auto
;
background
:
#30fd5301
;
&::-webkit-scrollbar
{
&::-webkit-scrollbar
{
width
:
10px
;
/*高宽分别对应横竖滚动条的尺寸*/
width
:
10px
;
/*高宽分别对应横竖滚动条的尺寸*/
height
:
10px
;
height
:
10px
;
...
@@ -1098,3 +1092,12 @@ export default {
...
@@ -1098,3 +1092,12 @@ export default {
}
}
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/SystemManage/UserManage.vue
View file @
0f7d5f9f
<
template
>
<
template
>
<el-container
class=
"manage-page"
direction=
"vertical"
>
<el-container
class=
"manage-page"
direction=
"vertical"
>
<!-- 标题-->
<!-- 标题-->
...
@@ -75,7 +74,8 @@
...
@@ -75,7 +74,8 @@
<div
class=
"btn1 f-default-button"
@
click=
"batch"
>
批量操作
</div>
<div
class=
"btn1 f-default-button"
@
click=
"batch"
>
批量操作
</div>
<div
class=
"btns"
>
<div
class=
"btns"
>
<el-checkbox
v-model=
"checked"
style=
"margin-right: 0.625rem"
<el-checkbox
v-model=
"checked"
style=
"margin-right: 0.625rem"
>
停用
</el-checkbox
>
停用
</el-checkbox
>
>
<div
<div
class=
"btn1 f-default-button"
class=
"btn1 f-default-button"
...
@@ -93,7 +93,8 @@
...
@@ -93,7 +93,8 @@
margin-right: 0.25rem;
margin-right: 0.25rem;
"
"
icon-class=
"ic_add"
icon-class=
"ic_add"
/>
新增用户
/>
新增用户
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -117,7 +118,8 @@
...
@@ -117,7 +118,8 @@
color: multipleSelection.length > 0 ? '#055FE7' : '#C2C4C7',
color: multipleSelection.length > 0 ? '#055FE7' : '#C2C4C7',
}"
}"
@click="toggleSelection()"
@click="toggleSelection()"
>清除
</el-link
>清除
</el-link
>
>
</el-tag>
</el-tag>
<div
class=
"table-data"
>
<div
class=
"table-data"
>
...
@@ -153,7 +155,7 @@
...
@@ -153,7 +155,7 @@
show-overflow-tooltip
show-overflow-tooltip
>
>
<template
slot-scope=
"scope"
>
<template
slot-scope=
"scope"
>
{{
scope
.
row
.
policeNumber
||
"---"
}}
{{
scope
.
row
.
policeNumber
||
'---'
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
<el-table-column
...
@@ -163,7 +165,7 @@
...
@@ -163,7 +165,7 @@
:width=
"width3"
:width=
"width3"
>
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
userGroupNames
||
"---"
}}
{{
scope
.
row
.
userGroupNames
||
'---'
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
<el-table-column
...
@@ -217,14 +219,14 @@
...
@@ -217,14 +219,14 @@
show-overflow-tooltip
show-overflow-tooltip
>
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<div
<div
v-if=
"scope.row.permissionNames && scope.row.permissionNames !== '/'"
>
v-for=
"(item, index) in scope.row.permissionNames &&
<div
v-for=
"(item, index) in scope.row.permissionNames && scope.row.permissionNames.split(',')"
scope.row.permissionNames.split(',')"
:key=
"index"
>
:key=
"index"
{{
index
>
0
&&
item
?
'/'
:
''
}}
>
{{
index
>
0
?
"/"
:
""
}}
{{
item
}}
{{
item
}}
</div>
</div>
</div>
<span
v-else
>
{{
'---'
}}
</span>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"status"
label=
"启用状态"
align=
"center"
>
<el-table-column
prop=
"status"
label=
"启用状态"
align=
"center"
>
...
@@ -233,10 +235,10 @@
...
@@ -233,10 +235,10 @@
<div
v-if=
"scope.row.status === 1"
class=
"circle-blue"
></div>
<div
v-if=
"scope.row.status === 1"
class=
"circle-blue"
></div>
{{
{{
scope
.
row
.
status
===
0
scope
.
row
.
status
===
0
?
"停用"
?
'停用'
:
scope
.
row
.
status
===
1
:
scope
.
row
.
status
===
1
?
"启用"
?
'启用'
:
"无状态"
:
'无状态'
}}
}}
</
template
>
</
template
>
</el-table-column>
</el-table-column>
...
@@ -410,7 +412,8 @@
...
@@ -410,7 +412,8 @@
class=
"add"
class=
"add"
type=
"primary"
type=
"primary"
@
click=
"submitForm(addFormParams)"
@
click=
"submitForm(addFormParams)"
>
提交
</el-button
>
提交
</el-button
>
>
<el-button
class=
"cancel"
@
click=
"canceladd"
>
取消
</el-button>
<el-button
class=
"cancel"
@
click=
"canceladd"
>
取消
</el-button>
</el-form-item>
</el-form-item>
...
@@ -518,7 +521,8 @@
...
@@ -518,7 +521,8 @@
class=
"add"
class=
"add"
type=
"primary"
type=
"primary"
@
click=
"submitEditForm('editFormParams')"
@
click=
"submitEditForm('editFormParams')"
>
修改
</el-button
>
修改
</el-button
>
>
<el-button
class=
"cancel"
@
click=
"canceledit"
>
取消
</el-button>
<el-button
class=
"cancel"
@
click=
"canceledit"
>
取消
</el-button>
</el-form-item>
</el-form-item>
...
@@ -532,11 +536,12 @@
...
@@ -532,11 +536,12 @@
* 用户管理
* 用户管理
* @module UserManage
* @module UserManage
*/
*/
import
"@/icons/ic_add.svg"
;
import
'@/icons/ic_add.svg'
import
qs
from
"qs"
;
import
qs
from
'qs'
import
Cascader
from
"@/components/Cascader.vue"
;
import
Cascader
from
'@/components/Cascader.vue'
import
Confirmation
from
"@/components/Confirmation.vue"
;
import
Confirmation
from
'@/components/Confirmation.vue'
import
SelectCode
from
"@/components/SelectCode.vue"
;
import
SelectCode
from
'@/components/SelectCode.vue'
export
default
{
export
default
{
// name: "UserManage",
// name: "UserManage",
components
:
{
components
:
{
...
@@ -545,134 +550,134 @@ export default {
...
@@ -545,134 +550,134 @@ export default {
SelectCode
,
SelectCode
,
},
},
created
()
{
created
()
{
let
w1
=
1920
;
let
w1
=
1920
let
w2
=
window
.
innerWidth
;
let
w2
=
window
.
innerWidth
this
.
width1
=
(
this
.
width1
*
w2
)
/
w1
;
this
.
width1
=
(
this
.
width1
*
w2
)
/
w1
this
.
width2
=
(
this
.
width2
*
w2
)
/
w1
;
this
.
width2
=
(
this
.
width2
*
w2
)
/
w1
this
.
width3
=
(
this
.
width3
*
w2
)
/
w1
;
this
.
width3
=
(
this
.
width3
*
w2
)
/
w1
this
.
width4
=
(
this
.
width4
*
w2
)
/
w1
;
this
.
width4
=
(
this
.
width4
*
w2
)
/
w1
this
.
width5
=
(
this
.
width5
*
w2
)
/
w1
;
this
.
width5
=
(
this
.
width5
*
w2
)
/
w1
this
.
sWidth
=
(
this
.
sWidth
*
w2
)
/
w1
;
this
.
sWidth
=
(
this
.
sWidth
*
w2
)
/
w1
},
},
data
()
{
data
()
{
// 用户名校验
// 用户名校验
var
validateUsername
=
(
rule
,
value
,
callback
)
=>
{
var
validateUsername
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请输入用户名!"
));
callback
(
new
Error
(
'请输入用户名!'
))
}
else
{
}
else
{
if
(
/
[\u
4e00-
\u
9fa5
]
+/g
.
test
(
value
.
trim
())
||
value
.
trim
().
length
>
8
)
{
if
(
/
[\u
4e00-
\u
9fa5
]
+/g
.
test
(
value
.
trim
())
||
value
.
trim
().
length
>
8
)
{
callback
(
new
Error
(
"用户名不可为汉字字符,最长8位!"
));
callback
(
new
Error
(
'用户名不可为汉字字符,最长8位!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
}
}
};
// 证件号码
// 证件号码
var
patrn
=
var
patrn
=
/
(
^
[
1-9
]\d{5}(
18|19|
([
23
]\d))\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{3}[
0-9Xx
]
$
)
|
(
^
[
1-9
]\d{5}\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{2}
$
)
/
;
/
(
^
[
1-9
]\d{5}(
18|19|
([
23
]\d))\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{3}[
0-9Xx
]
$
)
|
(
^
[
1-9
]\d{5}\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{2}
$
)
/
var
validateIdcard
=
(
rule
,
value
,
callback
)
=>
{
var
validateIdcard
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请输入证件号码!"
));
callback
(
new
Error
(
'请输入证件号码!'
))
}
else
{
}
else
{
if
(
!
patrn
.
test
(
value
.
trim
()))
{
if
(
!
patrn
.
test
(
value
.
trim
()))
{
callback
(
new
Error
(
"请输入正确的证件号码!"
));
callback
(
new
Error
(
'请输入正确的证件号码!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
}
}
};
// 姓名校验
// 姓名校验
var
validateTruename
=
(
rule
,
value
,
callback
)
=>
{
var
validateTruename
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请输入姓名!"
));
callback
(
new
Error
(
'请输入姓名!'
))
}
else
{
}
else
{
if
(
!
/
[\u
4e00-
\u
9fa5
]
+/g
.
test
(
value
.
trim
()))
{
if
(
!
/
[\u
4e00-
\u
9fa5
]
+/g
.
test
(
value
.
trim
()))
{
callback
(
new
Error
(
"请输入汉字字符!"
));
callback
(
new
Error
(
'请输入汉字字符!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
}
}
};
// 手机号校验
// 手机号校验
var
validateTelphone
=
(
rule
,
value
,
callback
)
=>
{
var
validateTelphone
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请输入联系电话!"
));
callback
(
new
Error
(
'请输入联系电话!'
))
}
else
{
}
else
{
if
(
if
(
value
.
trim
().
length
>
18
||
value
.
trim
().
length
>
18
||
!
/^
[
-+
]?(([
0-9
]
+
)([
.
]([
0-9
]
+
))?
|
([
.
]([
0-9
]
+
))?)
$/
.
test
(
value
.
trim
())
!
/^
[
-+
]?(([
0-9
]
+
)([
.
]([
0-9
]
+
))?
|
([
.
]([
0-9
]
+
))?)
$/
.
test
(
value
.
trim
())
)
{
)
{
callback
(
new
Error
(
"联系电话为18位的数字!"
));
callback
(
new
Error
(
'联系电话为18位的数字!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
}
}
};
// 单位代码校验
// 单位代码校验
var
validateUnitcode
=
(
rule
,
value
,
callback
)
=>
{
var
validateUnitcode
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
===
""
)
{
if
(
value
===
''
)
{
callback
(
new
Error
(
"请选择单位代码!"
));
callback
(
new
Error
(
'请选择单位代码!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
};
// 单位名称校验
// 单位名称校验
var
validateUnitname
=
(
rule
,
value
,
callback
)
=>
{
var
validateUnitname
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
===
""
)
{
if
(
value
===
''
)
{
callback
(
new
Error
(
"请选择单位名称!"
));
callback
(
new
Error
(
'请选择单位名称!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
};
//警号校验
//警号校验
var
validatePolicemanid
=
(
rule
,
value
,
callback
)
=>
{
var
validatePolicemanid
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请输入警号!"
));
callback
(
new
Error
(
'请输入警号!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
};
// 新增密码校验
// 新增密码校验
var
validatePass
=
(
rule
,
value
,
callback
)
=>
{
var
validatePass
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请输入密码!"
));
callback
(
new
Error
(
'请输入密码!'
))
}
else
{
}
else
{
if
(
value
.
trim
().
length
>
8
)
{
if
(
value
.
trim
().
length
>
8
)
{
callback
(
new
Error
(
"密码长度需在8位数以内!"
));
callback
(
new
Error
(
'密码长度需在8位数以内!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
}
}
};
// 新增确认密码校验
// 新增确认密码校验
var
validatePass2
=
(
rule
,
value
,
callback
)
=>
{
var
validatePass2
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请再次输入密码"
));
callback
(
new
Error
(
'请再次输入密码'
))
}
else
if
(
value
.
trim
()
!==
this
.
addFormParams
.
password
)
{
}
else
if
(
value
.
trim
()
!==
this
.
addFormParams
.
password
)
{
callback
(
new
Error
(
"两次输入密码不一致!"
));
callback
(
new
Error
(
'两次输入密码不一致!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
};
// 新增确认密码校验
// 新增确认密码校验
var
validatePassEdit
=
(
rule
,
value
,
callback
)
=>
{
var
validatePassEdit
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
trim
()
===
""
)
{
if
(
value
.
trim
()
===
''
)
{
callback
(
new
Error
(
"请再次输入密码"
));
callback
(
new
Error
(
'请再次输入密码'
))
}
else
if
(
value
.
trim
()
!==
this
.
editFormParams
.
password
)
{
}
else
if
(
value
.
trim
()
!==
this
.
editFormParams
.
password
)
{
callback
(
new
Error
(
"两次输入密码不一致!"
));
callback
(
new
Error
(
'两次输入密码不一致!'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
};
// 启用状态校验
// 启用状态校验
var
validateStatus
=
(
rule
,
value
,
callback
)
=>
{
var
validateStatus
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
===
""
)
{
if
(
value
===
''
)
{
callback
(
new
Error
(
"请选择状态"
));
callback
(
new
Error
(
'请选择状态'
))
}
else
{
}
else
{
callback
();
callback
()
}
}
}
};
return
{
return
{
loading
:
false
,
loading
:
false
,
width4
:
350
,
width4
:
350
,
...
@@ -680,105 +685,105 @@ export default {
...
@@ -680,105 +685,105 @@ export default {
width2
:
100
,
width2
:
100
,
width5
:
220
,
width5
:
220
,
width1
:
100
,
width1
:
100
,
height
:
"33rem"
,
height
:
'33rem'
,
sWidth
:
50
,
sWidth
:
50
,
//组件需要的配置
//组件需要的配置
props
:
{
props
:
{
value
:
"code"
,
value
:
'code'
,
label
:
"key"
,
label
:
'key'
,
children
:
"childCodeDwXz"
,
children
:
'childCodeDwXz'
,
checkStrictly
:
true
,
checkStrictly
:
true
,
emitPath
:
false
,
emitPath
:
false
,
},
},
// 新增对象
// 新增对象
addFormParams
:
{
addFormParams
:
{
idCard
:
""
,
idCard
:
''
,
identityCard
:
""
,
identityCard
:
''
,
username
:
"2233333"
,
username
:
'2233333'
,
phoneNumber
:
"13327454372"
,
phoneNumber
:
'13327454372'
,
password
:
"2222222"
,
password
:
'2222222'
,
okpassword
:
"2222222"
,
okpassword
:
'2222222'
,
policeNumber
:
"222222"
,
policeNumber
:
'222222'
,
unitName
:
"长沙"
,
unitName
:
'长沙'
,
unitCode
:
""
,
unitCode
:
''
,
name
:
"我当时大多数"
,
name
:
'我当时大多数'
,
status
:
1
,
status
:
1
,
userGroupId
:
[],
userGroupId
:
[],
roleId
:
[],
roleId
:
[],
},
},
//修改对象
//修改对象
editFormParams
:
{
editFormParams
:
{
idCard
:
""
,
//身份证号
idCard
:
''
,
//身份证号
identityCard
:
""
,
identityCard
:
''
,
username
:
""
,
//用户名
username
:
''
,
//用户名
name
:
""
,
//姓名
name
:
''
,
//姓名
unitCode
:
""
,
//单位代码
unitCode
:
''
,
//单位代码
policeNumber
:
""
,
//警号
policeNumber
:
''
,
//警号
phoneNumber
:
""
,
//联系电话
phoneNumber
:
''
,
//联系电话
status
:
""
,
//启用状态
status
:
''
,
//启用状态
userGroupId
:
[],
// 用户组
userGroupId
:
[],
// 用户组
roleId
:
[],
// 角色
roleId
:
[],
// 角色
},
},
addrules
:
{
addrules
:
{
//身份证
//身份证
idCard
:
[
idCard
:
[
{
validator
:
validateIdcard
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateIdcard
,
trigger
:
'blur'
,
required
:
true
},
],
],
password
:
[
password
:
[
{
validator
:
validatePass
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validatePass
,
trigger
:
'blur'
,
required
:
true
},
],
//密码
],
//密码
okpassword
:
[
okpassword
:
[
{
validator
:
validatePass2
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validatePass2
,
trigger
:
'blur'
,
required
:
true
},
],
// 确认密码
],
// 确认密码
username
:
[
username
:
[
{
validator
:
validateUsername
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateUsername
,
trigger
:
'blur'
,
required
:
true
},
],
//用户名
],
//用户名
name
:
[
name
:
[
{
validator
:
validateTruename
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateTruename
,
trigger
:
'blur'
,
required
:
true
},
],
//用户真实姓名
],
//用户真实姓名
phoneNumber
:
[
phoneNumber
:
[
{
validator
:
validateTelphone
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateTelphone
,
trigger
:
'blur'
,
required
:
true
},
],
//用户电话
],
//用户电话
unitCode
:
[
unitCode
:
[
{
validator
:
validateUnitcode
,
trigger
:
"change"
,
required
:
true
},
{
validator
:
validateUnitcode
,
trigger
:
'change'
,
required
:
true
},
],
//单位代码
],
//单位代码
unitName
:
[
unitName
:
[
{
validator
:
validateUnitname
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateUnitname
,
trigger
:
'blur'
,
required
:
true
},
],
//单位名称
],
//单位名称
userGroupId
:
[{
validator
:
validatePass
,
trigger
:
"blur"
}],
// 用户组
userGroupId
:
[{
validator
:
validatePass
,
trigger
:
'blur'
}],
// 用户组
roleId
:
[{
validator
:
validatePass
,
trigger
:
"blur"
}],
// 角色
roleId
:
[{
validator
:
validatePass
,
trigger
:
'blur'
}],
// 角色
status
:
[
status
:
[
{
validator
:
validateStatus
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateStatus
,
trigger
:
'blur'
,
required
:
true
},
],
// 启用状态
],
// 启用状态
},
},
editrules
:
{
editrules
:
{
idCard
:
[
idCard
:
[
{
validator
:
validateIdcard
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateIdcard
,
trigger
:
'blur'
,
required
:
true
},
],
],
username
:
[
username
:
[
{
validator
:
validateUsername
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateUsername
,
trigger
:
'blur'
,
required
:
true
},
],
//用户名
],
//用户名
name
:
[
name
:
[
{
validator
:
validateTruename
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateTruename
,
trigger
:
'blur'
,
required
:
true
},
],
//用户真实姓名
],
//用户真实姓名
unitCode
:
[
unitCode
:
[
{
validator
:
validateUnitcode
,
trigger
:
"change"
,
required
:
true
},
{
validator
:
validateUnitcode
,
trigger
:
'change'
,
required
:
true
},
],
//单位代码
],
//单位代码
phoneNumber
:
[
phoneNumber
:
[
{
validator
:
validateTelphone
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateTelphone
,
trigger
:
'blur'
,
required
:
true
},
],
//用户电话
],
//用户电话
userGroupId
:
[{
validator
:
validatePass
,
trigger
:
"blur"
}],
// 用户组
userGroupId
:
[{
validator
:
validatePass
,
trigger
:
'blur'
}],
// 用户组
roleId
:
[{
validator
:
validatePass
,
trigger
:
"blur"
}],
// 角色
roleId
:
[{
validator
:
validatePass
,
trigger
:
'blur'
}],
// 角色
status
:
[
status
:
[
{
validator
:
validateStatus
,
trigger
:
"blur"
,
required
:
true
},
{
validator
:
validateStatus
,
trigger
:
'blur'
,
required
:
true
},
],
// 启用状态
],
// 启用状态
},
},
// 搜索对象
// 搜索对象
searchParams
:
{
searchParams
:
{
username
:
""
,
username
:
''
,
name
:
""
,
name
:
''
,
userGroupId
:
[],
userGroupId
:
[],
unitCode
:
""
,
unitCode
:
''
,
roleId
:
[],
roleId
:
[],
permissionId
:
[],
permissionId
:
[],
page
:
1
,
page
:
1
,
...
@@ -807,66 +812,66 @@ export default {
...
@@ -807,66 +812,66 @@ export default {
checked
:
false
,
checked
:
false
,
key
:
1
,
key
:
1
,
// tableData: data1,
// tableData: data1,
}
;
}
},
},
computed
:
{
computed
:
{
//权限相关的数组
//权限相关的数组
roleArr
()
{
roleArr
()
{
return
this
.
$store
.
state
.
layout
.
Menu
;
return
this
.
$store
.
state
.
layout
.
Menu
},
},
//计算分页
//计算分页
countPage
()
{
countPage
()
{
return
Math
.
ceil
(
this
.
total
/
10
)
>
0
?
Math
.
ceil
(
this
.
total
/
10
)
:
1
;
return
Math
.
ceil
(
this
.
total
/
10
)
>
0
?
Math
.
ceil
(
this
.
total
/
10
)
:
1
},
},
//计算角色的宽度是动态的
//计算角色的宽度是动态的
newWidth
()
{
newWidth
()
{
let
w1
=
1920
;
let
w1
=
1920
let
w2
=
window
.
innerWidth
;
let
w2
=
window
.
innerWidth
let
map
=
this
.
tableData
.
map
((
i
)
=>
i
.
roleNames
.
split
(
","
));
let
map
=
this
.
tableData
.
map
((
i
)
=>
i
.
roleNames
.
split
(
','
))
let
num
=
0
;
let
num
=
0
let
width
;
let
width
map
.
forEach
((
i
)
=>
{
map
.
forEach
((
i
)
=>
{
if
(
i
.
length
>
num
)
num
=
i
.
length
;
if
(
i
.
length
>
num
)
num
=
i
.
length
})
;
})
if
(
num
<=
3
)
{
if
(
num
<=
3
)
{
width
=
num
*
150
;
width
=
num
*
150
if
(
num
==
1
)
{
if
(
num
==
1
)
{
width
+=
100
;
width
+=
100
}
else
if
(
num
==
2
)
{
}
else
if
(
num
==
2
)
{
width
+=
50
;
width
+=
50
}
else
if
(
num
==
3
)
{
}
else
if
(
num
==
3
)
{
width
=
480
;
width
=
480
}
}
}
else
if
(
num
>
3
)
{
}
else
if
(
num
>
3
)
{
width
=
500
;
width
=
500
}
}
width
=
(
width
*
w2
)
/
w1
;
width
=
(
width
*
w2
)
/
w1
return
width
;
return
width
},
},
// 计算总页数
// 计算总页数
Tpage
()
{
Tpage
()
{
return
Math
.
floor
(
this
.
page
.
count
/
this
.
page
.
total
)
+
1
;
return
Math
.
floor
(
this
.
page
.
count
/
this
.
page
.
total
)
+
1
},
},
//动态显示清空按钮(看看筛选条件用户输了没有)
//动态显示清空按钮(看看筛选条件用户输了没有)
newStr
()
{
newStr
()
{
let
str
=
""
;
let
str
=
''
console
.
log
(
this
.
searchParams
)
;
console
.
log
(
this
.
searchParams
)
for
(
let
key
in
this
.
searchParams
)
{
for
(
let
key
in
this
.
searchParams
)
{
if
(
if
(
key
!=
"page"
&&
key
!=
'page'
&&
key
!=
"roleId"
&&
key
!=
'roleId'
&&
key
!=
"userGroupId"
&&
key
!=
'userGroupId'
&&
key
!=
"permissionId"
&&
key
!=
'permissionId'
&&
key
!=
"size"
key
!=
'size'
)
{
)
{
str
+=
this
.
searchParams
[
key
].
trim
()
;
str
+=
this
.
searchParams
[
key
].
trim
()
}
}
if
(
key
==
"userGroupId"
||
key
==
"roleId"
||
key
==
"permissionId"
)
{
if
(
key
==
'userGroupId'
||
key
==
'roleId'
||
key
==
'permissionId'
)
{
str
+=
this
.
searchParams
[
key
].
join
()
;
str
+=
this
.
searchParams
[
key
].
join
()
}
}
}
}
return
str
==
""
?
false
:
true
;
return
str
==
''
?
false
:
true
},
},
},
},
methods
:
{
methods
:
{
...
@@ -876,46 +881,46 @@ export default {
...
@@ -876,46 +881,46 @@ export default {
*/
*/
submitForm
(
formName
)
{
submitForm
(
formName
)
{
//console.log(this.addFormParams, 22222222222);
//console.log(this.addFormParams, 22222222222);
let
params
=
{}
;
let
params
=
{}
for
(
let
key
in
this
.
addFormParams
)
{
for
(
let
key
in
this
.
addFormParams
)
{
if
(
key
==
"roleId"
||
key
==
"userGroupId"
)
{
if
(
key
==
'roleId'
||
key
==
'userGroupId'
)
{
params
[
key
]
=
params
[
key
]
=
this
.
addFormParams
[
key
]
&&
this
.
addFormParams
[
key
].
join
(
","
);
this
.
addFormParams
[
key
]
&&
this
.
addFormParams
[
key
].
join
(
','
)
}
else
{
}
else
{
params
[
key
]
=
this
.
addFormParams
[
key
]
;
params
[
key
]
=
this
.
addFormParams
[
key
]
}
}
}
}
this
.
$refs
.
addFormParams
.
validate
((
valid
)
=>
{
this
.
$refs
.
addFormParams
.
validate
((
valid
)
=>
{
//console.log(valid);
//console.log(valid);
if
(
valid
)
{
if
(
valid
)
{
this
.
$axios
this
.
$axios
.
post
(
"/security/users"
,
params
)
.
post
(
'/security/users'
,
params
)
.
then
((
res
)
=>
{
.
then
((
res
)
=>
{
if
(
res
.
data
.
code
==
201
)
{
if
(
res
.
data
.
code
==
201
)
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
success
(
"添加成功"
);
this
.
$message
.
success
(
'添加成功'
)
},
800
)
;
},
800
)
this
.
isShowAddUserDialog
=
false
;
this
.
isShowAddUserDialog
=
false
this
.
isShowAddUserDialogBg
=
false
;
this
.
isShowAddUserDialogBg
=
false
this
.
search
(
"yes"
);
this
.
search
(
'yes'
)
}
else
if
(
res
.
data
.
code
==
400
||
res
.
data
.
code
==
500
)
{
}
else
if
(
res
.
data
.
code
==
400
||
res
.
data
.
code
==
500
)
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
error
(
res
.
data
.
detail
)
;
this
.
$message
.
error
(
res
.
data
.
detail
)
},
500
)
;
},
500
)
}
else
if
(
res
.
data
.
code
==
404
)
{
}
else
if
(
res
.
data
.
code
==
404
)
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
error
(
"服务不存在"
);
this
.
$message
.
error
(
'服务不存在'
)
},
500
)
;
},
500
)
}
}
})
})
.
catch
((
res
)
=>
{
.
catch
((
res
)
=>
{
//console.log(res);
//console.log(res);
})
;
})
}
else
{
}
else
{
//console.log("error submit!!");
//console.log("error submit!!");
return
false
;
return
false
}
}
})
;
})
},
},
/**
/**
* @function strArr
* @function strArr
...
@@ -924,24 +929,24 @@ export default {
...
@@ -924,24 +929,24 @@ export default {
* @returns {Object} 返回了一个对象,里面包含arr(裁剪后的角色数组),length(裁剪之前的角色个数)
* @returns {Object} 返回了一个对象,里面包含arr(裁剪后的角色数组),length(裁剪之前的角色个数)
*/
*/
strArr
(
str
)
{
strArr
(
str
)
{
let
arr
=
str
.
split
(
","
);
let
arr
=
str
.
split
(
','
)
let
newArr
=
[]
;
let
newArr
=
[]
if
(
arr
.
length
>
3
)
{
if
(
arr
.
length
>
3
)
{
newArr
=
arr
.
slice
(
0
,
3
)
;
newArr
=
arr
.
slice
(
0
,
3
)
}
else
{
}
else
{
newArr
=
arr
;
newArr
=
arr
}
}
let
obj
=
{
let
obj
=
{
arr
:
newArr
,
arr
:
newArr
,
length
:
arr
.
length
,
length
:
arr
.
length
,
}
;
}
if
(
obj
.
length
==
1
&&
obj
.
arr
[
0
]
==
""
)
{
if
(
obj
.
length
==
1
&&
obj
.
arr
[
0
]
==
''
)
{
return
{
return
{
arr
:
[
""
],
arr
:
[
''
],
length
:
0
,
length
:
0
,
}
;
}
}
else
{
}
else
{
return
obj
;
return
obj
}
}
},
},
/**
/**
...
@@ -953,39 +958,39 @@ export default {
...
@@ -953,39 +958,39 @@ export default {
//console.log(valid);
//console.log(valid);
if
(
valid
)
{
if
(
valid
)
{
//配置字段
//配置字段
let
params
=
{}
;
let
params
=
{}
for
(
let
key
in
this
.
editFormParams
)
{
for
(
let
key
in
this
.
editFormParams
)
{
if
(
key
==
"roleId"
||
key
==
"userGroupId"
)
{
if
(
key
==
'roleId'
||
key
==
'userGroupId'
)
{
params
[
key
]
=
params
[
key
]
=
this
.
editFormParams
[
key
]
&&
this
.
editFormParams
[
key
].
join
()
;
this
.
editFormParams
[
key
]
&&
this
.
editFormParams
[
key
].
join
()
}
else
{
}
else
{
params
[
key
]
=
this
.
editFormParams
[
key
]
;
params
[
key
]
=
this
.
editFormParams
[
key
]
}
}
}
}
//调用接口
//调用接口
this
.
$axios
.
put
(
"/security/users"
,
params
).
then
((
res
)
=>
{
this
.
$axios
.
put
(
'/security/users'
,
params
).
then
((
res
)
=>
{
if
(
res
.
data
.
code
==
200
)
{
if
(
res
.
data
.
code
==
200
)
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
success
(
"修改成功"
);
this
.
$message
.
success
(
'修改成功'
)
},
800
)
;
},
800
)
this
.
isShowEditUserDialog
=
false
;
this
.
isShowEditUserDialog
=
false
this
.
isShowEditUserDialogBg
=
false
;
this
.
isShowEditUserDialogBg
=
false
this
.
search
()
;
this
.
search
()
}
else
if
(
res
.
data
.
code
==
400
||
res
.
data
.
code
==
500
)
{
}
else
if
(
res
.
data
.
code
==
400
||
res
.
data
.
code
==
500
)
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
error
(
res
.
data
.
detail
)
;
this
.
$message
.
error
(
res
.
data
.
detail
)
},
500
)
;
},
500
)
}
else
if
(
res
.
data
.
code
==
404
)
{
}
else
if
(
res
.
data
.
code
==
404
)
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
error
(
"服务不存在"
);
this
.
$message
.
error
(
'服务不存在'
)
},
500
)
;
},
500
)
}
}
})
;
})
}
else
{
}
else
{
//console.log("error submit!!");
//console.log("error submit!!");
return
false
;
return
false
}
}
})
;
})
},
},
/**
/**
* @function resetForm
* @function resetForm
...
@@ -993,7 +998,7 @@ export default {
...
@@ -993,7 +998,7 @@ export default {
* @example 重置对应的form表单
* @example 重置对应的form表单
*/
*/
resetForm
(
formName
)
{
resetForm
(
formName
)
{
this
.
$refs
[
formName
].
resetFields
()
;
this
.
$refs
[
formName
].
resetFields
()
},
},
/**
/**
* @function clear
* @function clear
...
@@ -1002,19 +1007,19 @@ export default {
...
@@ -1002,19 +1007,19 @@ export default {
clear
()
{
clear
()
{
for
(
let
key
in
this
.
searchParams
)
{
for
(
let
key
in
this
.
searchParams
)
{
if
(
if
(
key
!=
"page"
&&
key
!=
'page'
&&
key
!=
"userGroupId"
&&
key
!=
'userGroupId'
&&
key
!=
"roleId"
&&
key
!=
'roleId'
&&
key
!=
"permissionId"
&&
key
!=
'permissionId'
&&
key
!=
"size"
key
!=
'size'
)
{
)
{
this
.
$set
(
this
.
searchParams
,
key
,
""
);
this
.
$set
(
this
.
searchParams
,
key
,
''
)
}
}
if
(
key
==
"userGroupId"
||
key
==
"roleId"
||
key
==
"permissionId"
)
{
if
(
key
==
'userGroupId'
||
key
==
'roleId'
||
key
==
'permissionId'
)
{
this
.
$set
(
this
.
searchParams
,
key
,
[])
;
this
.
$set
(
this
.
searchParams
,
key
,
[])
}
}
}
}
this
.
search
(
"yes"
);
this
.
search
(
'yes'
)
},
},
/**
/**
* @function search
* @function search
...
@@ -1022,43 +1027,43 @@ export default {
...
@@ -1022,43 +1027,43 @@ export default {
* @example 筛选用户表格数据
* @example 筛选用户表格数据
*/
*/
search
(
boo
)
{
search
(
boo
)
{
let
params
=
{}
;
let
params
=
{}
//如果boo为true 则页数从第一页开始
//如果boo为true 则页数从第一页开始
if
(
boo
)
{
if
(
boo
)
{
this
.
$set
(
this
.
searchParams
,
"page"
,
1
);
this
.
$set
(
this
.
searchParams
,
'page'
,
1
)
this
.
$set
(
this
.
searchParams
,
"size"
,
10
);
this
.
$set
(
this
.
searchParams
,
'size'
,
10
)
}
}
for
(
let
key
in
this
.
searchParams
)
{
for
(
let
key
in
this
.
searchParams
)
{
if
(
key
==
"userGroupId"
||
key
==
"roleId"
||
key
==
"permissionId"
)
{
if
(
key
==
'userGroupId'
||
key
==
'roleId'
||
key
==
'permissionId'
)
{
params
[
key
]
=
this
.
searchParams
[
key
].
join
()
;
params
[
key
]
=
this
.
searchParams
[
key
].
join
()
}
else
{
}
else
{
params
[
key
]
=
this
.
searchParams
[
key
]
;
params
[
key
]
=
this
.
searchParams
[
key
]
}
}
}
}
this
.
$axios
({
this
.
$axios
({
url
:
"/security/users/search"
,
url
:
'/security/users/search'
,
method
:
"post"
,
method
:
'post'
,
data
:
JSON
.
stringify
(
params
),
data
:
JSON
.
stringify
(
params
),
headers
:
{
headers
:
{
"Content-Type"
:
"application/json"
,
'Content-Type'
:
'application/json'
,
},
},
}).
then
((
res
)
=>
{
}).
then
((
res
)
=>
{
if
(
res
.
data
.
code
==
200
)
{
if
(
res
.
data
.
code
==
200
)
{
let
result
=
res
.
data
.
detail
;
let
result
=
res
.
data
.
detail
this
.
tableData
=
result
.
users
;
this
.
tableData
=
result
.
users
this
.
allTableData
=
result
.
users
;
this
.
allTableData
=
result
.
users
this
.
total
=
result
.
total
;
this
.
total
=
result
.
total
this
.
key
++
;
this
.
key
++
}
}
})
;
})
},
},
/**
/**
* @function offMultiple
* @function offMultiple
* @example 取消批量操作状态,删除所有选中的用户
* @example 取消批量操作状态,删除所有选中的用户
*/
*/
offMultiple
()
{
offMultiple
()
{
this
.
selectBoo
=
false
;
this
.
selectBoo
=
false
this
.
$refs
.
multipleTable
.
clearSelection
()
;
this
.
$refs
.
multipleTable
.
clearSelection
()
},
},
/**
/**
* @function toggleSelection
* @function toggleSelection
...
@@ -1068,10 +1073,10 @@ export default {
...
@@ -1068,10 +1073,10 @@ export default {
toggleSelection
(
rows
)
{
toggleSelection
(
rows
)
{
if
(
rows
)
{
if
(
rows
)
{
rows
.
forEach
((
row
)
=>
{
rows
.
forEach
((
row
)
=>
{
this
.
$refs
.
multipleTable
.
toggleRowSelection
(
row
)
;
this
.
$refs
.
multipleTable
.
toggleRowSelection
(
row
)
})
;
})
}
else
{
}
else
{
this
.
$refs
.
multipleTable
.
clearSelection
()
;
this
.
$refs
.
multipleTable
.
clearSelection
()
}
}
//console.log(this.multipleSelection);
//console.log(this.multipleSelection);
},
},
...
@@ -1081,7 +1086,7 @@ export default {
...
@@ -1081,7 +1086,7 @@ export default {
* @example 将勾选的用户对象保存起来
* @example 将勾选的用户对象保存起来
*/
*/
handleSelectionChange
(
val
)
{
handleSelectionChange
(
val
)
{
this
.
multipleSelection
=
val
;
this
.
multipleSelection
=
val
//console.info("选择的数据", this.multipleSelection);
//console.info("选择的数据", this.multipleSelection);
},
},
/**
/**
...
@@ -1089,8 +1094,8 @@ export default {
...
@@ -1089,8 +1094,8 @@ export default {
* @example 点击批量操作后的方法
* @example 点击批量操作后的方法
*/
*/
batch
()
{
batch
()
{
this
.
selectBoo
=
!
this
.
selectBoo
;
this
.
selectBoo
=
!
this
.
selectBoo
this
.
toggleSelection
()
;
this
.
toggleSelection
()
},
},
/**
/**
* @function handleCurrPageChange
* @function handleCurrPageChange
...
@@ -1098,8 +1103,8 @@ export default {
...
@@ -1098,8 +1103,8 @@ export default {
* @example 当期页发生变化
* @example 当期页发生变化
*/
*/
handleCurrPageChange
:
function
(
val
)
{
handleCurrPageChange
:
function
(
val
)
{
this
.
searchParams
.
page
=
val
;
this
.
searchParams
.
page
=
val
this
.
search
()
;
this
.
search
()
},
},
/**
/**
* @function handleSizeChange
* @function handleSizeChange
...
@@ -1107,8 +1112,8 @@ export default {
...
@@ -1107,8 +1112,8 @@ export default {
* @example 每页展示数量发生变化
* @example 每页展示数量发生变化
*/
*/
handleSizeChange
:
function
(
val
)
{
handleSizeChange
:
function
(
val
)
{
this
.
searchParams
.
size
=
val
;
this
.
searchParams
.
size
=
val
this
.
search
()
;
this
.
search
()
},
},
/**
/**
* @function open
* @function open
...
@@ -1116,14 +1121,14 @@ export default {
...
@@ -1116,14 +1121,14 @@ export default {
*/
*/
open
()
{
open
()
{
for
(
let
key
in
this
.
addFormParams
)
{
for
(
let
key
in
this
.
addFormParams
)
{
if
(
key
==
"userGroupId"
||
key
==
"roleId"
)
{
if
(
key
==
'userGroupId'
||
key
==
'roleId'
)
{
this
.
$set
(
this
.
addFormParams
,
key
,
[])
;
this
.
$set
(
this
.
addFormParams
,
key
,
[])
}
else
if
(
key
!=
"status"
)
{
}
else
if
(
key
!=
'status'
)
{
this
.
$set
(
this
.
addFormParams
,
key
,
""
);
this
.
$set
(
this
.
addFormParams
,
key
,
''
)
}
}
}
}
this
.
isShowAddUserDialog
=
true
;
this
.
isShowAddUserDialog
=
true
this
.
isShowAddUserDialogBg
=
true
;
this
.
isShowAddUserDialogBg
=
true
},
},
/**
/**
* @function openedit
* @function openedit
...
@@ -1132,17 +1137,17 @@ export default {
...
@@ -1132,17 +1137,17 @@ export default {
*/
*/
openedit
(
row
)
{
openedit
(
row
)
{
for
(
let
key
in
this
.
editFormParams
)
{
for
(
let
key
in
this
.
editFormParams
)
{
if
(
key
==
"userGroupId"
||
key
==
"roleId"
)
{
if
(
key
==
'userGroupId'
||
key
==
'roleId'
)
{
this
.
$set
(
this
.
addFormParams
,
key
,
[])
;
this
.
$set
(
this
.
addFormParams
,
key
,
[])
}
else
if
(
key
!=
"status"
)
{
}
else
if
(
key
!=
'status'
)
{
this
.
$set
(
this
.
editFormParams
,
key
,
""
);
this
.
$set
(
this
.
editFormParams
,
key
,
''
)
}
}
}
}
// editFormParams
// editFormParams
this
.
isShowEditUserDialog
=
true
;
this
.
isShowEditUserDialog
=
true
this
.
isShowEditUserDialogBg
=
true
;
this
.
isShowEditUserDialogBg
=
true
//回显编辑时候的字段的内容
//回显编辑时候的字段的内容
this
.
getPersonInfor
(
row
.
id
)
;
this
.
getPersonInfor
(
row
.
id
)
},
},
/**
/**
* @function getPersonInfor
* @function getPersonInfor
...
@@ -1151,75 +1156,75 @@ export default {
...
@@ -1151,75 +1156,75 @@ export default {
*/
*/
getPersonInfor
(
id
)
{
getPersonInfor
(
id
)
{
this
.
$axios
this
.
$axios
.
get
(
"/security/users/"
+
id
,
{
loadingTarget
:
".edit"
})
.
get
(
'/security/users/'
+
id
,
{
loadingTarget
:
'.edit'
})
.
then
((
res
)
=>
{
.
then
((
res
)
=>
{
if
(
res
.
data
)
{
if
(
res
.
data
)
{
let
result
=
res
.
data
;
let
result
=
res
.
data
for
(
let
key
in
this
.
editFormParams
)
{
for
(
let
key
in
this
.
editFormParams
)
{
this
.
$set
(
this
.
editFormParams
,
key
,
result
[
key
])
;
this
.
$set
(
this
.
editFormParams
,
key
,
result
[
key
])
}
}
this
.
$set
(
this
.
editFormParams
,
"id"
,
id
);
this
.
$set
(
this
.
editFormParams
,
'id'
,
id
)
this
.
$set
(
this
.
$set
(
this
.
editFormParams
,
this
.
editFormParams
,
"userGroupId"
,
'userGroupId'
,
(
result
[
"userGroupIds"
]
&&
result
[
"userGroupIds"
].
split
(
","
))
||
(
result
[
'userGroupIds'
]
&&
result
[
'userGroupIds'
].
split
(
','
))
||
[]
[]
)
;
)
this
.
$set
(
this
.
$set
(
this
.
editFormParams
,
this
.
editFormParams
,
"roleId"
,
'roleId'
,
(
result
[
"roleIds"
]
&&
result
[
"roleIds"
].
split
(
","
))
||
[]
(
result
[
'roleIds'
]
&&
result
[
'roleIds'
].
split
(
','
))
||
[]
)
;
)
}
}
})
;
})
},
},
/**
/**
* @function canceladd
* @function canceladd
* @example 关闭新增弹窗
* @example 关闭新增弹窗
*/
*/
canceladd
()
{
canceladd
()
{
this
.
isShowAddUserDialog
=
false
;
this
.
isShowAddUserDialog
=
false
this
.
isShowAddUserDialogBg
=
false
;
this
.
isShowAddUserDialogBg
=
false
},
},
/**
/**
* @function canceledit
* @function canceledit
* @example 关闭修改弹窗
* @example 关闭修改弹窗
*/
*/
canceledit
()
{
canceledit
()
{
this
.
isShowEditUserDialog
=
false
;
this
.
isShowEditUserDialog
=
false
this
.
isShowEditUserDialogBg
=
false
;
this
.
isShowEditUserDialogBg
=
false
},
},
/**
/**
* @function delMore
* @function delMore
* @example 批量删除用户
* @example 批量删除用户
*/
*/
delMore
()
{
delMore
()
{
let
self
=
this
;
let
self
=
this
if
(
!
this
.
selectBoo
)
{
if
(
!
this
.
selectBoo
)
{
this
.
selectBoo
=
true
;
this
.
selectBoo
=
true
return
;
return
}
}
if
(
this
.
multipleSelection
.
length
<=
0
)
{
if
(
this
.
multipleSelection
.
length
<=
0
)
{
this
.
$message
.
error
(
"请选择用户后操作"
);
this
.
$message
.
error
(
'请选择用户后操作'
)
return
;
return
}
}
console
.
log
(
this
.
multipleSelection
)
;
console
.
log
(
this
.
multipleSelection
)
let
ids
=
this
.
multipleSelection
.
map
((
i
)
=>
i
.
id
)
;
let
ids
=
this
.
multipleSelection
.
map
((
i
)
=>
i
.
id
)
ids
=
ids
.
join
(
","
);
ids
=
ids
.
join
(
','
)
this
.
$confirm
(
"此操作将永久删除用户, 是否继续?"
,
"提示"
,
{
this
.
$confirm
(
'此操作将永久删除用户, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
"确定"
,
confirmButtonText
:
'确定'
,
cancelButtonText
:
"取消"
,
cancelButtonText
:
'取消'
,
type
:
"warning"
,
type
:
'warning'
,
})
})
.
then
(()
=>
{
.
then
(()
=>
{
self
.
del
(
ids
)
;
self
.
del
(
ids
)
})
})
.
catch
(()
=>
{
.
catch
(()
=>
{
this
.
$message
({
this
.
$message
({
type
:
"info"
,
type
:
'info'
,
message
:
"已取消删除"
,
message
:
'已取消删除'
,
})
;
})
})
;
})
},
},
/**
/**
* @function del
* @function del
...
@@ -1228,169 +1233,195 @@ export default {
...
@@ -1228,169 +1233,195 @@ export default {
*/
*/
del
(
id
)
{
del
(
id
)
{
this
.
$axios
({
this
.
$axios
({
method
:
"delete"
,
method
:
'delete'
,
url
:
"/security/users/delete"
,
url
:
'/security/users/delete'
,
headers
:
{
headers
:
{
"Content-Type"
:
"application/x-www-form-urlencoded"
,
'Content-Type'
:
'application/x-www-form-urlencoded'
,
},
},
data
:
qs
.
stringify
({
data
:
qs
.
stringify
({
userId
:
id
,
userId
:
id
,
}),
}),
}).
then
((
res
)
=>
{
}).
then
((
res
)
=>
{
if
(
res
.
data
.
code
==
200
&&
res
.
data
.
info
==
"success"
)
{
if
(
res
.
data
.
code
==
200
&&
res
.
data
.
info
==
'success'
)
{
this
.
search
(
"yes"
);
this
.
search
(
'yes'
)
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
$message
.
success
(
"删除成功"
);
this
.
$message
.
success
(
'删除成功'
)
this
.
offMultiple
()
;
this
.
offMultiple
()
},
500
)
;
},
500
)
}
else
{
}
else
{
this
.
$message
.
error
(
res
.
data
.
info
)
;
this
.
$message
.
error
(
res
.
data
.
info
)
}
}
})
;
})
// this.search();
// this.search();
},
},
},
},
//缓存进入时通过添加enter键搜索功能
//缓存进入时通过添加enter键搜索功能
activated
()
{
activated
()
{
this
.
$bus
.
on
(
"enter"
,
()
=>
{
this
.
$bus
.
on
(
'enter'
,
()
=>
{
if
(
this
.
$store
.
state
.
loading
.
groundGlassBoo
)
return
;
if
(
this
.
$store
.
state
.
loading
.
groundGlassBoo
)
return
this
.
search
(
"yes"
);
this
.
search
(
'yes'
)
})
;
})
},
},
deactivated
()
{
deactivated
()
{
this
.
$bus
.
off
(
"enter"
);
this
.
$bus
.
off
(
'enter'
)
},
},
beforeDestroy
()
{
beforeDestroy
()
{
this
.
$bus
.
off
(
"enter"
);
this
.
$bus
.
off
(
'enter'
)
},
},
mounted
()
{
mounted
()
{
this
.
search
(
"yes"
);
this
.
search
(
'yes'
)
this
.
$bus
.
on
(
"enter"
,
()
=>
{
this
.
$bus
.
on
(
'enter'
,
()
=>
{
if
(
this
.
$store
.
state
.
loading
.
groundGlassBoo
)
return
;
if
(
this
.
$store
.
state
.
loading
.
groundGlassBoo
)
return
this
.
search
(
"yes"
);
this
.
search
(
'yes'
)
})
;
})
//删除添加到body里面的弹框(毛玻璃问题)
//删除添加到body里面的弹框(毛玻璃问题)
this
.
$nextTick
(()
=>
{
this
.
$nextTick
(()
=>
{
document
.
body
.
appendChild
(
this
.
$refs
.
addUserDialog
)
;
document
.
body
.
appendChild
(
this
.
$refs
.
addUserDialog
)
document
.
body
.
appendChild
(
this
.
$refs
.
isShowEditUserDialog
)
;
document
.
body
.
appendChild
(
this
.
$refs
.
isShowEditUserDialog
)
})
;
})
},
},
watch
:
{
watch
:
{
//点击取消停用表格筛选
//点击取消停用表格筛选
checked
(
val
)
{
checked
(
val
)
{
this
.
key
++
;
this
.
key
++
if
(
val
)
{
if
(
val
)
{
this
.
tableData
=
this
.
allTableData
.
filter
((
i
)
=>
i
.
status
==
0
)
;
this
.
tableData
=
this
.
allTableData
.
filter
((
i
)
=>
i
.
status
==
0
)
}
else
{
}
else
{
this
.
tableData
=
this
.
allTableData
;
this
.
tableData
=
this
.
allTableData
}
}
},
},
isShowAddUserDialog
(
val
)
{
isShowAddUserDialog
(
val
)
{
this
.
$bus
.
emit
(
"isBlur"
,
val
);
this
.
$bus
.
emit
(
'isBlur'
,
val
)
},
},
isShowEditUserDialog
(
val
)
{
isShowEditUserDialog
(
val
)
{
this
.
$bus
.
emit
(
"isBlur"
,
val
);
this
.
$bus
.
emit
(
'isBlur'
,
val
)
},
},
selectBoo
:
{
selectBoo
:
{
handler
(
newval
)
{
handler
(
newval
)
{
if
(
this
.
selectBoo
)
{
if
(
this
.
selectBoo
)
{
this
.
isShowTip
=
true
;
this
.
isShowTip
=
true
}
else
{
}
else
{
this
.
isShowTip
=
false
;
this
.
isShowTip
=
false
}
}
},
},
},
},
},
},
//当缓存结束删除弹框dom
//当缓存结束删除弹框dom
destroyed
()
{
destroyed
()
{
$
(
".addDialog"
).
remove
();
$
(
'.addDialog'
).
remove
()
$
(
".editDialog"
).
remove
();
$
(
'.editDialog'
).
remove
()
},
},
}
;
}
</
script
>
</
script
>
<
style
lang=
"css"
>
<
style
lang=
"css"
>
.el-tooltip__popper
{
.el-tooltip__popper
{
font-size
:
14px
;
font-size
:
14px
;
max-width
:
50%
;
max-width
:
50%
;
}
}
.el-tooltip__popper.is-dark
{
.el-tooltip__popper.is-dark
{
background
:
rgba
(
51
,
51
,
51
,
0.9
);
background
:
rgba
(
51
,
51
,
51
,
0.9
);
box-shadow
:
0px
2px
8px
2px
rgba
(
0
,
0
,
0
,
0.1
);
box-shadow
:
0px
2px
8px
2px
rgba
(
0
,
0
,
0
,
0.1
);
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.delSelection
/
deep
/
.el-table-column--selection
.cell
{
/*/deep/.el-table tbody tr:hover>td {*/
/* background-color: #ffffff*/
/*},*/
/*/deep/.el-table__row:hover > td {*/
/* background-color: #ffffff !important;*/
/*}*/
/*/deep/.el-table__row--striped:hover > td {*/
/* background-color: #ffffff !important;*/
/*}*/
.delSelection
/
deep
/
.el-table-column--selection
.cell
{
display
:
none
;
display
:
none
;
}
}
/
deep
/
.el-form-item
{
/
deep
/
.el-form-item
{
margin-bottom
:
25px
!important
;
margin-bottom
:
25px
!important
;
}
}
/
deep
/
.addbtns
{
/
deep
/
.addbtns
{
margin-bottom
:
0
!important
;
margin-bottom
:
0
!important
;
padding
:
15px
0
!important
;
padding
:
15px
0
!important
;
}
}
.info
{
.info
{
margin-top
:
0px
!important
;
margin-top
:
0px
!important
;
}
}
/
deep
/
.is-indeterminate
{
/
deep
/
.is-indeterminate
{
.el-checkbox__inner
{
.el-checkbox__inner
{
background-color
:
#055fe7
;
background-color
:
#055fe7
;
border-color
:
#055fe7
;
border-color
:
#055fe7
;
}
}
}
}
//
去除
table
表格最底部边框
.el-table__row
>
td
{
//
去除
table
表格最底部边框
.el-table__row
>
td
{
border
:
none
;
border
:
none
;
}
}
//
去除
table
表格最底部边框
.el-table
::before
{
//
去除
table
表格最底部边框
.el-table
::before
{
height
:
0px
;
height
:
0px
;
}
}
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!important
;
background-color
:
#ecf1f7
!important
;
font-size
:
14px
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
color
:
#282f3c
!important
;
height
:
48px
!important
;
height
:
48px
!important
;
padding
:
0
!important
;
padding
:
0
!important
;
}
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!important
;
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
}
background-color
:
transparent
!important
;
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
}
background-color
:
#f2f7fe
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
/
deep
/
.el-table__row
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table__row
{
height
:
48px
!important
;
height
:
48px
!important
;
}
}
/
deep
/
.el-table__row--level-1
{
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
.el-table__cell
{
background-color
:
#f5f6f7
!important
;
background-color
:
#f5f6f7
!important
;
}
}
}
}
/
deep
/
.el-table
th
>
.cell
{
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
}
/
deep
/
.el-table
.el-table__cell
{
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!important
;
padding
:
0
!important
;
}
}
/
deep
/
.el-table__body
{
/
deep
/
.el-table__body
{
width
:
100%
!important
;
width
:
100%
!important
;
}
}
//
el-table
左侧固定
样式统一
//
el-table
左侧固定
样式统一
/
deep
/
.el-table__fixed
{
/
deep
/
.el-table__fixed
{
height
:
100%
!important
;
height
:
100%
!important
;
&::before
{
&::before
{
height
:
0
;
height
:
0
;
}
}
}
}
/
deep
/
.el-table__fixed-header-wrapper
{
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!important
;
height
:
48px
!important
;
.el-table__header
{
.el-table__header
{
width
:
100%
!important
;
width
:
100%
!important
;
height
:
48px
!important
;
height
:
48px
!important
;
...
@@ -1401,33 +1432,39 @@ export default {
...
@@ -1401,33 +1432,39 @@ export default {
height
:
3rem
!important
;
height
:
3rem
!important
;
padding
:
0
!important
;
padding
:
0
!important
;
}
}
thead
{
thead
{
font-size
:
0.875rem
!important
;
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
color
:
#282f3c
!important
;
.cell
{
.cell
{
font-weight
:
normal
!important
;
font-weight
:
normal
!important
;
}
}
}
}
th
{
th
{
border
:
none
!important
;
border
:
none
!important
;
background-color
:
#ecf1f7
!important
;
background-color
:
#ecf1f7
!important
;
}
}
}
}
/
deep
/
.hover-row
{
/
deep
/
.hover-row
{
.el-table__cell
{
.el-table__cell
{
background-color
:
#f2f7fe
!important
;
background-color
:
#f2f7fe
!important
;
}
}
}
}
/
deep
/
.el-table__fixed-right
{
/
deep
/
.el-table__fixed-right
{
height
:
100%
!important
;
height
:
100%
!important
;
&::before
{
&::before
{
height
:
0
;
height
:
0
;
}
}
}
}
//
批量操作
.el-tag
{
//
批量操作
.el-tag
{
color
:
#055fe7
!important
;
color
:
#055fe7
!important
;
height
:
32px
;
height
:
32px
;
box-sizing
:
border-box
!important
;
box-sizing
:
border-box
!important
;
...
@@ -1438,70 +1475,79 @@ export default {
...
@@ -1438,70 +1475,79 @@ export default {
margin-bottom
:
16px
;
margin-bottom
:
16px
;
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
}
}
/
deep
/
.el-link--inner
{
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
color
:
rgb
(
5
,
95
,
231
);
}
}
.icon-tanhao1
{
.icon-tanhao1
{
display
:
flex
;
display
:
flex
;
justify-content
:
center
;
justify-content
:
center
;
align-items
:
center
;
align-items
:
center
;
}
}
//
表格高度
--
展示下面的
border
.split-line
{
//
表格高度
--
展示下面的
border
.split-line
{
height
:
650px
;
height
:
650px
;
border-bottom
:
1px
solid
#eee
;
border-bottom
:
1px
solid
#eee
;
}
}
//
复选框
//
复选框
/
deep
/
.el-checkbox__inner
{
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
cursor
:
pointer
;
}
}
/
deep
/
.el-checkbox__input
{
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
line-height
:
16px
;
}
}
.search
{
.search
{
/deep/
.el-input__inner
{
/deep/
.el-input__inner
{
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border-radius
:
4px
;
border
:
none
;
border
:
none
;
}
}
//
输入框选中样式
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
border-color
:
none
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
border-color
:
none
;
}
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效著作权归作者所有。
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效著作权归作者所有。
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
border-color
:
none
;
color
:
#055fe7
;
color
:
#055fe7
;
.el-range-input
{
.el-range-input
{
color
:
#055fe7
;
color
:
#055fe7
;
}
}
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
border-color
:
none
;
}
}
}
}
/
deep
/
.el-input__inner
:hover
{
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
cursor
:
text
;
}
}
@import
"scss/user"
;
@import
"./scss/dialog_table"
;
@import
"scss/user"
;
@import
"./scss/boxShadow"
;
@import
"./scss/dialog_table"
;
@import
"./scss/boxShadow"
;
</
style
>
</
style
>
src/views/SystemManage/UserPermission.vue
View file @
0f7d5f9f
...
@@ -781,4 +781,8 @@ export default {
...
@@ -781,4 +781,8 @@ export default {
}
}
}
}
@import
"scss/userpermission.scss"
;
@import
"scss/userpermission.scss"
;
.manage-page
.line
{
height
:
2rem
!important
;
}
</
style
>
</
style
>
src/views/SystemManage/scss/role.scss
View file @
0f7d5f9f
...
@@ -4,23 +4,28 @@
...
@@ -4,23 +4,28 @@
color
:
#666666
!
important
;
color
:
#666666
!
important
;
}
}
}
}
width
:
100%
;
width
:
100%
;
padding
:
24px
;
padding
:
24px
;
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
div
{
div
{
display
:
inline-block
;
display
:
inline-block
;
}
}
.is-disabled.is-checked
{
.is-disabled.is-checked
{
.el-checkbox__inner
{
.el-checkbox__inner
{
background-color
:
#b1b6c2
!
important
;
background-color
:
#b1b6c2
!
important
;
border-color
:
#b1b6c2
!
important
;
border-color
:
#b1b6c2
!
important
;
&
:
:
after
{
&
:
:
after
{
border-color
:
#fff
;
border-color
:
#fff
;
}
}
}
}
}
}
.sider
{
.sider
{
//border: #03A9F4 1px solid;
//border: #03A9F4 1px solid;
//width: 240px;
//width: 240px;
...
@@ -28,6 +33,7 @@
...
@@ -28,6 +33,7 @@
height
:
100%
;
height
:
100%
;
//margin-right: 10px;
//margin-right: 10px;
text-align
:
center
;
text-align
:
center
;
.btns
{
.btns
{
width
:
200px
;
width
:
200px
;
height
:
45px
;
height
:
45px
;
...
@@ -35,6 +41,7 @@
...
@@ -35,6 +41,7 @@
flex-direction
:
row
;
flex-direction
:
row
;
padding-top
:
10px
;
padding-top
:
10px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.add
{
.add
{
width
:
110px
;
width
:
110px
;
height
:
32px
;
height
:
32px
;
...
@@ -44,15 +51,18 @@
...
@@ -44,15 +51,18 @@
border-radius
:
4px
;
border-radius
:
4px
;
border
:
1px
solid
#aeb5c2
;
border
:
1px
solid
#aeb5c2
;
cursor
:
pointer
;
cursor
:
pointer
;
&
:hover
{
&
:hover
{
border
:
#055fe7
1px
solid
;
border
:
#055fe7
1px
solid
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
&
:active
{
&
:active
{
border
:
#055fe7
1px
solid
;
border
:
#055fe7
1px
solid
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
}
}
.img-btn
{
.img-btn
{
width
:
32px
;
width
:
32px
;
height
:
32px
;
height
:
32px
;
...
@@ -64,20 +74,24 @@
...
@@ -64,20 +74,24 @@
justify-content
:
center
;
justify-content
:
center
;
align-items
:
center
;
align-items
:
center
;
cursor
:
pointer
;
cursor
:
pointer
;
&
:hover
{
&
:hover
{
border-color
:
#377fec
;
border-color
:
#377fec
;
}
}
>
img
{
>
img
{
margin
:
0
!
important
;
margin
:
0
!
important
;
line-height
:
32px
;
line-height
:
32px
;
}
}
}
}
}
}
.default-role
{
.default-role
{
width
:
215px
;
width
:
215px
;
height
:
366px
;
height
:
366px
;
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
.default-role-item
{
.default-role-item
{
width
:
190px
;
width
:
190px
;
height
:
40px
;
height
:
40px
;
...
@@ -89,35 +103,41 @@
...
@@ -89,35 +103,41 @@
border-radius
:
4px
;
border-radius
:
4px
;
margin-top
:
10px
;
margin-top
:
10px
;
cursor
:
pointer
;
cursor
:
pointer
;
&
:hover
{
&
:hover
{
background
:
#055fe7
;
background
:
#055fe7
;
color
:
#ffffff
;
color
:
#ffffff
;
}
}
&
.active
{
&
.active
{
background
:
#055fe7
;
background
:
#055fe7
;
color
:
#ffffff
;
color
:
#ffffff
;
}
}
}
}
}
}
.hr
{
.hr
{
height
:
1px
;
height
:
1px
;
width
:
200px
;
width
:
200px
;
display
:
block
;
display
:
block
;
background-color
:
#eeeeee
;
background-color
:
#eeeeee
;
}
}
.diy-roles
{
.diy-roles
{
//border: saddlebrown 1px solid;
//border: saddlebrown 1px solid;
width
:
215px
;
width
:
215px
;
height
:
420px
;
height
:
420px
;
box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding-left
:
20px
;
padding-left
:
20px
;
//background: #90ff00ff;
//display: flex;
//display: flex;
//flex-direction: column;
//flex-direction: column;
overflow
:
scroll
;
overflow
:
scroll
;
.diy-role-item
{
.diy-role-item
{
float
:
right
;
float
:
right
;
box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding-right
:
40px
;
//
padding-right: 40px;
position
:
relative
;
position
:
relative
;
width
:
190px
;
width
:
190px
;
height
:
40px
;
height
:
40px
;
...
@@ -127,13 +147,16 @@
...
@@ -127,13 +147,16 @@
color
:
#333333
;
color
:
#333333
;
line-height
:
40px
;
line-height
:
40px
;
margin-top
:
10px
;
margin-top
:
10px
;
margin-left
:
-22
px
;
//margin-right: -16
px;
cursor
:
pointer
;
cursor
:
pointer
;
overflow
:
hidden
;
overflow
:
hidden
;
transform
:
translateX
(
-6px
);
&
.active
{
&
.active
{
border
:
1px
solid
#055fe7
;
border
:
1px
solid
#055fe7
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
.diy-edit-title
{
.diy-edit-title
{
width
:
146px
;
width
:
146px
;
padding-left
:
10px
;
padding-left
:
10px
;
...
@@ -145,6 +168,7 @@
...
@@ -145,6 +168,7 @@
/*文字超出宽度则显示ellipsis省略号*/
/*文字超出宽度则显示ellipsis省略号*/
text-overflow
:
ellipsis
;
text-overflow
:
ellipsis
;
}
}
.diy-edit-btn
{
.diy-edit-btn
{
width
:
35px
;
width
:
35px
;
height
:
25px
;
height
:
25px
;
...
@@ -154,6 +178,7 @@
...
@@ -154,6 +178,7 @@
position
:
absolute
;
position
:
absolute
;
right
:
0
;
right
:
0
;
top
:
0
;
top
:
0
;
i
{
i
{
position
:
absolute
;
position
:
absolute
;
top
:
5px
;
top
:
5px
;
...
@@ -163,6 +188,7 @@
...
@@ -163,6 +188,7 @@
color
:
#055FE7
;
color
:
#055FE7
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.img
{
.img
{
width
:
13px
;
width
:
13px
;
height
:
14px
;
height
:
14px
;
...
@@ -173,18 +199,21 @@
...
@@ -173,18 +199,21 @@
}
}
}
}
}
}
.main
{
.main
{
width
:
100%
;
width
:
100%
;
height
:
100%
;
height
:
100%
;
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
justify-content
:
center
;
justify-content
:
center
;
.header
{
.header
{
height
:
55px
;
height
:
55px
;
width
:
100%
;
width
:
100%
;
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
padding-bottom
:
7px
;
padding-bottom
:
7px
;
.btns
{
.btns
{
width
:
224px
;
width
:
224px
;
height
:
48px
;
height
:
48px
;
...
@@ -192,6 +221,7 @@
...
@@ -192,6 +221,7 @@
border-radius
:
8px
;
border-radius
:
8px
;
text-align
:
center
;
text-align
:
center
;
margin
:
0px
auto
;
margin
:
0px
auto
;
.btn
{
.btn
{
margin-top
:
8px
;
margin-top
:
8px
;
width
:
104px
;
width
:
104px
;
...
@@ -199,6 +229,7 @@
...
@@ -199,6 +229,7 @@
line-height
:
32px
;
line-height
:
32px
;
color
:
#666666
;
color
:
#666666
;
cursor
:
pointer
;
cursor
:
pointer
;
&
.active
{
&
.active
{
background
:
#ffffff
;
background
:
#ffffff
;
color
:
#055fe7
;
color
:
#055fe7
;
...
@@ -207,6 +238,7 @@
...
@@ -207,6 +238,7 @@
}
}
}
}
}
}
.save
{
.save
{
.btn
{
.btn
{
width
:
72px
;
width
:
72px
;
...
@@ -219,6 +251,7 @@
...
@@ -219,6 +251,7 @@
}
}
}
}
}
}
.role-info
{
.role-info
{
width
:
100%
;
width
:
100%
;
background
:
#ffffff
;
background
:
#ffffff
;
...
@@ -226,111 +259,143 @@
...
@@ -226,111 +259,143 @@
border-radius
:
10px
;
border-radius
:
10px
;
display
:
flex
;
display
:
flex
;
flex-direction
:
row
;
flex-direction
:
row
;
.menus
{
.menus
{
width
:
155px
;
width
:
155px
;
height
:
100%
;
height
:
100%
;
border-right
:
1px
solid
#eeeeee
;
border-right
:
1px
solid
#eeeeee
;
.div3
{
.div3
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
150px
;
height
:
150px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
&
:first-of-type
{
&
:first-of-type
{
height
:
130px
;
height
:
130px
;
}
}
&
:nth-of-type
(
2
)
{
&
:nth-of-type
(
2
)
{
height
:
16
5
px
;
height
:
16
0
px
;
}
}
.el-checkbox
{
.el-checkbox
{
margin
:
10px
20px
0
20px
;
margin
:
0px
0px
12px
0px
;
&
:not
(
:first-of-type
)
{
margin-top
:
20px
;
&
:last-of-type
{
margin-bottom
:
0px
;
}
}
}
}
}
}
.div2
{
.div2
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
85px
;
height
:
85px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
12px
20px
0
20
px
;
margin
-bottom
:
12
px
;
}
}
}
}
.div1
{
.div1
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
68px
;
height
:
68px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
22px
20px
0
20px
;
//margin: 22px 20px 0 20px;
margin-bottom
:
12px
;
}
}
}
}
// 未选中字体颜色
// 未选中字体颜色
/
deep
/
.el-checkbox
{
/
deep
/
.el-checkbox
{
font-size
:
14px
;
font-size
:
14px
;
color
:
#333333
;
color
:
#333333
;
font-weight
:
400
;
font-weight
:
400
;
}
}
/
deep
/
.el-checkbox__input
.el-checkbox__inner
:hover
{
/
deep
/
.el-checkbox__input
.el-checkbox__inner
:hover
{
border-color
:
#055fe7
;
border-color
:
#055fe7
;
}
}
// 选中样式
// 选中样式
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
font-size
:
14px
;
font-size
:
14px
;
font-weight
:
400
;
font-weight
:
400
;
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
{
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
{
background
:
#055fe7
;
background
:
#055fe7
;
border-color
:
#055fe7
;
border-color
:
#055fe7
;
}
}
}
}
.content
{
.content
{
width
:
100%
;
width
:
100%
;
height
:
725px
;
height
:
725px
;
.div3
{
.div3
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
150px
;
height
:
150px
;
&
:first-of-type
{
&
:first-of-type
{
height
:
130px
;
height
:
130px
;
}
}
&
:nth-of-type
(
2
)
{
&
:nth-of-type
(
2
)
{
height
:
16
5
px
;
height
:
16
0
px
;
}
}
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
padding-left
:
30px
;
//
padding-left: 30px;
padding-top
:
8px
;
//
padding-top: 8px;
.line
{
.line
{
height
:
40
px
;
height
:
32
px
;
width
:
220px
;
width
:
220px
;
}
}
}
}
.div2
{
.div2
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
85px
;
height
:
85px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
padding-left
:
30px
;
//padding-left: 30px;
.el-checkbox
{
margin
:
10px
20px
0
0px
;
//.el-checkbox {
}
// margin: 10px 20px 0 0px;
//}
.line
{
.line
{
height
:
40
px
;
height
:
32
px
;
width
:
220px
;
width
:
220px
;
}
}
}
}
.div1
{
.div1
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
68px
;
height
:
68px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
padding-left
:
30px
;
//padding-left: 30px;
.line
{
.line
{
height
:
40
px
;
height
:
32
px
;
width
:
220px
;
width
:
220px
;
>
.el-checkbox
{
>
.el-checkbox
{
margin-left
:
0
!
important
;
margin-left
:
0
!
important
;
}
}
}
}
.el-checkbox
{
margin
:
22px
20px
0
25px
;
//.el-checkbox {
}
// margin: 22px 20px 0 25px;
//}
}
}
// 未选中字体颜色
// 未选中字体颜色
...
@@ -342,15 +407,18 @@
...
@@ -342,15 +407,18 @@
font-weight
:
400
;
font-weight
:
400
;
margin-right
:
50px
;
margin-right
:
50px
;
}
}
/
deep
/
.el-checkbox__input
.el-checkbox__inner
:hover
{
/
deep
/
.el-checkbox__input
.el-checkbox__inner
:hover
{
border-color
:
#055fe7
;
border-color
:
#055fe7
;
}
}
// 选中样式
// 选中样式
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
font-size
:
14px
;
font-size
:
14px
;
font-weight
:
400
;
font-weight
:
400
;
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
{
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
{
background
:
#055fe7
;
background
:
#055fe7
;
border-color
:
#055fe7
;
border-color
:
#055fe7
;
...
@@ -358,15 +426,19 @@
...
@@ -358,15 +426,19 @@
}
}
}
}
}
}
.barLine
{
.barLine
{
width
:
800px
!
important
;
width
:
800px
!
important
;
}
}
.barInLine
{
.barInLine
{
width
:
600px
!
important
;
width
:
600px
!
important
;
}
}
.w400
{
.w400
{
width
:
400px
!
important
;
width
:
400px
!
important
;
}
}
.w450
{
.w450
{
width
:
220px
!
important
;
width
:
220px
!
important
;
}
}
...
...
src/views/SystemManage/scss/userpermission.scss
View file @
0f7d5f9f
...
@@ -167,11 +167,12 @@
...
@@ -167,11 +167,12 @@
display
:
flex
;
display
:
flex
;
justify-content
:
flex-start
;
justify-content
:
flex-start
;
align-items
:
center
;
align-items
:
center
;
margin-left
:
0px
;
//border: 1px solid hotpink; width: auto;
//border: 1px solid hotpink; width: auto;
.info-item
{
.info-item
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
padding
:
0
20px
0
2
0px
;
padding
:
0
20px
0
0px
;
border-right
:
1px
solid
#e6e6e8
;
border-right
:
1px
solid
#e6e6e8
;
.info-title
{
.info-title
{
width
:
auto
;
width
:
auto
;
...
@@ -355,6 +356,7 @@
...
@@ -355,6 +356,7 @@
width
:
155px
;
width
:
155px
;
border-right
:
1px
solid
#eeeeee
;
border-right
:
1px
solid
#eeeeee
;
.div3
{
.div3
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
165px
;
height
:
165px
;
&
:first-of-type
{
&
:first-of-type
{
...
@@ -365,26 +367,34 @@
...
@@ -365,26 +367,34 @@
}
}
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
10px
20px
0
20px
;
//margin: 10px 20px 0 20px;
&
:not
(
:first-of-type
)
{
//&:not(:first-of-type) {
margin-top
:
20px
;
// margin-top: 20px;
//}
margin
:
0px
0px
12px
0px
;
&
:last-of-type
{
margin-bottom
:
0px
;
}
}
}
}
}
}
.div2
{
.div2
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
85px
;
height
:
85px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
12px
20px
0
20px
;
//margin: 12px 20px 0 20px;
margin-bottom
:
12px
;
}
}
}
}
.div1
{
.div1
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
55px
;
height
:
55px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
15px
20px
0
20px
;
//margin: 15px 20px 0 20px;
margin-bottom
:
12px
;
}
}
}
}
// 未选中字体颜色
// 未选中字体颜色
...
@@ -410,6 +420,7 @@
...
@@ -410,6 +420,7 @@
.content
{
.content
{
width
:
100%
;
width
:
100%
;
.div3
{
.div3
{
padding
:
20px
;
&
:last-of-type
{
&
:last-of-type
{
height
:
150px
;
height
:
150px
;
}
}
...
@@ -420,9 +431,9 @@
...
@@ -420,9 +431,9 @@
width
:
100%
;
width
:
100%
;
height
:
165px
;
height
:
165px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
padding-left
:
30px
;
//
padding-left: 30px;
padding-top
:
8px
;
//
padding-top: 8px;
.line
{
/
deep
/
.line
{
width
:
220px
;
width
:
220px
;
height
:
30px
;
height
:
30px
;
}
}
...
@@ -430,10 +441,11 @@
...
@@ -430,10 +441,11 @@
.div2
{
.div2
{
width
:
100%
;
width
:
100%
;
height
:
85px
;
height
:
85px
;
padding-left
:
30px
;
padding
:
20px
;
//padding-left: 30px;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
10px
20px
0
25px
;
//
margin: 10px 20px 0 25px;
}
}
.line
/
deep
/
{
.line
/
deep
/
{
width
:
220px
;
width
:
220px
;
...
@@ -444,12 +456,13 @@
...
@@ -444,12 +456,13 @@
}
}
}
}
.div1
{
.div1
{
padding
:
20px
;
width
:
100%
;
width
:
100%
;
height
:
55px
;
height
:
55px
;
padding-left
:
30px
;
//
padding-left: 30px;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
.el-checkbox
{
.el-checkbox
{
margin
:
15px
20px
0
25px
;
//
margin: 15px 20px 0 25px;
}
}
.line
/
deep
/
{
.line
/
deep
/
{
width
:
220px
;
width
:
220px
;
...
...
src/views/SystemManage/systemLog.vue
View file @
0f7d5f9f
...
@@ -303,3 +303,12 @@ export default {
...
@@ -303,3 +303,12 @@ export default {
}
}
@import
"@/assets/css/globalBase.scss"
;
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/bzxxgl/bzxxfh.vue
View file @
0f7d5f9f
...
@@ -20,10 +20,10 @@
...
@@ -20,10 +20,10 @@
</el-select>
</el-select>
</el-form-item>
</el-form-item>
<el-form-item
label=
"源条码号:"
prop=
"ytmh"
class=
"ytmh"
>
<el-form-item
label=
"源条码号:"
prop=
"ytmh"
class=
"ytmh"
>
<el-input
placeholder=
"请输入源条码号"
v-model
.
trim=
"ruleForm.ytmh"
maxlength=
"23"
clearable
@
clear=
"submitForm()"
@
keydown
.
enter
.
native=
"submitForm()"
></el-input>
<el-input
placeholder=
"请输入源条码号"
v-model
.
trim=
"ruleForm.ytmh"
maxlength=
"23"
clearable
show-word-limit
@
clear=
"submitForm()"
@
keydown
.
enter
.
native=
"submitForm()"
></el-input>
</el-form-item>
</el-form-item>
<el-form-item
label=
"目标条码号:"
prop=
"mbtmh"
class=
"mbtmh"
>
<el-form-item
label=
"目标条码号:"
prop=
"mbtmh"
class=
"mbtmh"
>
<el-input
placeholder=
"请输入目标条码号"
v-model
.
trim=
"ruleForm.mbtmh"
maxlength=
"23"
clearable
@
clear=
"submitForm()"
@
keydown
.
enter
.
native=
"submitForm()"
></el-input>
<el-input
placeholder=
"请输入目标条码号"
v-model
.
trim=
"ruleForm.mbtmh"
maxlength=
"23"
clearable
show-word-limit
@
clear=
"submitForm()"
@
keydown
.
enter
.
native=
"submitForm()"
></el-input>
</el-form-item>
</el-form-item>
</div>
</div>
<div
class=
"line1 line2"
>
<div
class=
"line1 line2"
>
...
@@ -91,23 +91,23 @@
...
@@ -91,23 +91,23 @@
<el-table
:height=
"height"
ref=
"multipleTable"
:data=
"tableDate"
:row-key=
"getRowKeys"
tooltip-effect=
"dark"
style=
"width: 100%;"
:class=
"
{delSelection: !selectBoo}" class="bzxxfh-table" @selection-change="handleSelectionChange">
<el-table
:height=
"height"
ref=
"multipleTable"
:data=
"tableDate"
:row-key=
"getRowKeys"
tooltip-effect=
"dark"
style=
"width: 100%;"
:class=
"
{delSelection: !selectBoo}" class="bzxxfh-table" @selection-change="handleSelectionChange">
<el-table-column
type=
"selection"
:reserve-selection=
"true"
:width=
"width33"
>
<el-table-column
type=
"selection"
:reserve-selection=
"true"
:width=
"width33"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"ytmh"
label=
"源条码号"
:width=
"width1"
>
<el-table-column
prop=
"ytmh"
label=
"源条码号"
:width=
"width1"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"mbtmh"
label=
"目标条码号"
:width=
"width1"
>
<el-table-column
prop=
"mbtmh"
label=
"目标条码号"
:width=
"width1"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"yzw"
label=
"源指位/序号"
:width=
"width4"
>
<el-table-column
prop=
"yzw"
label=
"源指位/序号"
:width=
"width4"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"mbzw"
label=
"目标指位/序号"
:width=
"width4"
>
<el-table-column
prop=
"mbzw"
label=
"目标指位/序号"
:width=
"width4"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"bzdwGajgjgdmStr"
label=
"比中单位"
:width=
"width2"
>
<el-table-column
prop=
"bzdwGajgjgdmStr"
label=
"比中单位"
:width=
"width2"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"bzrXm"
label=
"比中人"
:width=
"width3"
>
<el-table-column
prop=
"bzrXm"
label=
"比中人"
:width=
"width3"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"bzsj"
label=
"比中时间"
:width=
"width4"
:formatter=
"dateTimeFormat"
>
<el-table-column
prop=
"bzsj"
label=
"比中时间"
:width=
"width4"
:formatter=
"
$fFormatUtil.
dateTimeFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"fhrXm"
label=
"复核人"
:width=
"width3"
>
<el-table-column
prop=
"fhrXm"
label=
"复核人"
:width=
"width3"
:formatter=
"$fFormatUtil.valueFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"fhsj"
label=
"复核时间"
:width=
"width4"
:formatter=
"dateTimeFormat"
>
<el-table-column
prop=
"fhsj"
label=
"复核时间"
:width=
"width4"
:formatter=
"
$fFormatUtil.
dateTimeFormat"
>
</el-table-column>
</el-table-column>
<el-table-column
prop=
"reviewStatus"
label=
"复核状态"
:width=
"width5"
>
<el-table-column
prop=
"reviewStatus"
label=
"复核状态"
:width=
"width5"
>
<template
slot-scope=
"scope"
>
<template
slot-scope=
"scope"
>
...
@@ -198,7 +198,6 @@ export default {
...
@@ -198,7 +198,6 @@ export default {
personLogicIds
:
[],
personLogicIds
:
[],
caseLogicIds
:
[]
caseLogicIds
:
[]
},
},
rules
:
{},
selectBoo
:
false
,
// 是否批量操作
selectBoo
:
false
,
// 是否批量操作
width33
:
50
,
width33
:
50
,
width4
:
120
,
width4
:
120
,
...
@@ -234,7 +233,25 @@ export default {
...
@@ -234,7 +233,25 @@ export default {
// 人员逻辑库
// 人员逻辑库
personLogicIds
:
[],
personLogicIds
:
[],
// 案件逻辑库
// 案件逻辑库
caseLogicIds
:
[]
caseLogicIds
:
[],
rules
:
{
ytmh
:
[
{
required
:
false
,
message
:
'请输入条码号'
,
trigger
:
'change'
},
{
pattern
:
fRegExp
.
SYS
.
_TMH
,
message
:
'格式不正确'
,
trigger
:
'change'
}
],
mbtmh
:
[
{
required
:
false
,
message
:
'请输入条码号'
,
trigger
:
'change'
},
{
pattern
:
fRegExp
.
SYS
.
_TMH
,
message
:
'格式不正确'
,
trigger
:
'change'
}
],
}
}
}
},
},
components
:
{
components
:
{
...
@@ -542,11 +559,6 @@ export default {
...
@@ -542,11 +559,6 @@ export default {
this
.
currPage
=
page
;
this
.
currPage
=
page
;
this
.
getData
(
page
)
this
.
getData
(
page
)
},
},
// 时间格式化
dateTimeFormat
(
row
,
colnum
)
{
let
prop
=
colnum
.
property
;
return
row
[
prop
]
?
this
.
$moment
(
row
[
prop
]).
format
(
"YYYY-MM-DD"
)
:
"---"
;
},
/**
/**
* @description: 单选事件
* @description: 单选事件
* @param {*} val
* @param {*} val
...
@@ -643,3 +655,12 @@ export default {
...
@@ -643,3 +655,12 @@ export default {
padding-left
:
20px
;
padding-left
:
20px
;
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/bzxxgl/bzxxsh.vue
View file @
0f7d5f9f
...
@@ -961,3 +961,12 @@ const initRuleFrom = {
...
@@ -961,3 +961,12 @@ const initRuleFrom = {
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/bzxxgl/scss/bzxxfh.scss
View file @
0f7d5f9f
...
@@ -14,13 +14,12 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -14,13 +14,12 @@ $tableHeight: var(--tableHeight, 33rem);
}
}
}
}
.bzxxfh-top
{
.bzxxfh-top
{
margin
:
24px
2
4
px
16px
24px
;
margin
:
24px
2
0
px
16px
24px
;
//border-bottom: 1px solid #eeeeee;
//border-bottom: 1px solid #eeeeee;
padding
:
16px
20px
10
px
20px
;
padding
:
16px
0px
8
px
20px
;
background
:
#F6F8FA
;
background
:
#F6F8FA
;
box-shadow
:
inset
0px
0px
3px
0px
rgba
(
5
,
95
,
231
,
0
.2
);
box-shadow
:
inset
0px
0px
3px
0px
rgba
(
5
,
95
,
231
,
0
.2
);
border-radius
:
10px
;
border-radius
:
10px
;
/
deep
/
.el-form-item__label
{
/
deep
/
.el-form-item__label
{
width
:
70px
!
important
;
width
:
70px
!
important
;
padding
:
0
;
padding
:
0
;
...
@@ -72,11 +71,11 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -72,11 +71,11 @@ $tableHeight: var(--tableHeight, 33rem);
}
}
.ytmh
{
.ytmh
{
/
deep
/
.el-input
{
/
deep
/
.el-input
{
width
:
2
56
px
;
width
:
2
90
px
;
height
:
32px
;
height
:
32px
;
.el-input__inner
{
.el-input__inner
{
height
:
32px
;
height
:
32px
;
width
:
2
56
px
;
width
:
2
90
px
;
}
}
}
}
}
}
...
@@ -89,11 +88,11 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -89,11 +88,11 @@ $tableHeight: var(--tableHeight, 33rem);
margin-left
:
90px
!
important
;
margin-left
:
90px
!
important
;
}
}
/
deep
/
.el-input
{
/
deep
/
.el-input
{
width
:
2
56
px
;
width
:
2
90
px
;
height
:
32px
;
height
:
32px
;
.el-input__inner
{
.el-input__inner
{
height
:
32px
;
height
:
32px
;
width
:
2
56
px
;
width
:
2
90
px
;
}
}
}
}
}
}
...
@@ -114,6 +113,13 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -114,6 +113,13 @@ $tableHeight: var(--tableHeight, 33rem);
/
deep
/
.el-form-item__label
{
/
deep
/
.el-form-item__label
{
text-align
:
left
;
text-align
:
left
;
}
}
.rdsj
{
.el-input__inner
{
height
:
32px
;
width
:
290px
;
margin-top
:
2px
;
}
}
}
}
.line3
{
.line3
{
.fhyh
{
.fhyh
{
...
@@ -155,6 +161,7 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -155,6 +161,7 @@ $tableHeight: var(--tableHeight, 33rem);
}
}
}
}
.clear-btn
{
.clear-btn
{
transform
:
translateX
(
20px
);
cursor
:
pointer
;
cursor
:
pointer
;
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
...
@@ -162,6 +169,7 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -162,6 +169,7 @@ $tableHeight: var(--tableHeight, 33rem);
margin-right
:
8px
;
margin-right
:
8px
;
}
}
.select-btn
{
.select-btn
{
transform
:
translateX
(
20px
);
cursor
:
pointer
;
cursor
:
pointer
;
width
:
72px
;
width
:
72px
;
height
:
32px
;
height
:
32px
;
...
@@ -499,6 +507,12 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -499,6 +507,12 @@ $tableHeight: var(--tableHeight, 33rem);
}
}
}
}
}
}
/
deep
/
.el-form-item__error
{
padding-top
:
0rem
;
margin-top
:
0rem
;
}
.jcbzgx-dialog
{
.jcbzgx-dialog
{
width
:
300px
;
width
:
300px
;
height
:
118px
;
height
:
118px
;
...
...
src/views/cxyrd/QueryConfirm.vue
View file @
0f7d5f9f
<
template
>
<
template
>
<el-container
class=
"confirm-page"
direction=
"vertical"
>
<el-container
class=
"confirm-page"
direction=
"vertical"
>
<div
class=
"confirm_header_search"
>
<div
class=
"confirm_header_search"
>
<div
class=
"width100 margin_top24_bottom24"
style=
"display: flex; align-items: center; position: relative"
>
<div
class=
"width100 margin_top24_bottom24"
style=
"display: flex; align-items: center; position: relative"
>
<div
class=
"display_style"
>
<div
class=
"display_style"
>
<span
class=
"labelFont"
>
条码号:
</span>
<span
class=
"labelFont"
>
条码号:
</span>
<el-input
maxlength=
"23"
show-word-limit
clearable
class=
"el_input tmh"
v-model=
"reqParam.contrastCustomSearchReq.barcode"
placeholder=
"请输入条码号"
></el-input>
<el-input
maxlength=
"23"
show-word-limit
clearable
class=
"el_input tmh"
v-model=
"reqParam.contrastCustomSearchReq.barcode"
placeholder=
"请输入条码号"
></el-input>
</div>
</div>
<div
class=
"display_style"
>
<div
class=
"display_style"
>
<span
class=
"labelFont"
>
用户:
</span>
<span
class=
"labelFont"
>
用户名:
</span>
<el-select
class=
"el_select"
v-model=
"reqParam.contrastCustomSearchReq.userid"
@
change=
"selectUserInfo"
clearable
@
clear=
"clearUser"
>
<el-select
<el-option
v-for=
"(item, index) in userOption"
:key=
"index"
:label=
"item.label"
:value=
"item.userid"
>
class=
"el_select"
v-model=
"reqParam.contrastCustomSearchReq.userid"
@
change=
"selectUserInfo"
clearable
@
clear=
"clearUser"
>
<el-option
v-for=
"(item, index) in userOption"
:key=
"index"
:label=
"item.label"
:value=
"item.userid"
>
</el-option>
</el-option>
</el-select>
</el-select>
</div>
</div>
<div
class=
"display_style"
>
<div
class=
"display_style"
>
<span
class=
"labelFont"
>
查询ID:
</span>
<span
class=
"labelFont"
>
查询ID:
</span>
<el-input
class=
"el_input"
placeholder=
"请输入查询ID"
v-model=
"reqParam.contrastCustomSearchReq.qqid"
></el-input>
<el-input
class=
"el_input"
placeholder=
"请输入查询ID"
v-model=
"reqParam.contrastCustomSearchReq.qqid"
></el-input>
</div>
</div>
<div
class=
"display_style"
>
<div
class=
"display_style"
>
<span
class=
"labelFont"
>
任务号:
</span>
<span
class=
"labelFont"
>
任务号:
</span>
<el-input
class=
"el_input"
placeholder=
"请输入任务号"
v-model=
"reqParam.contrastCustomSearchReq.qid"
></el-input>
<el-input
class=
"el_input"
placeholder=
"请输入任务号"
v-model=
"reqParam.contrastCustomSearchReq.qid"
></el-input>
</div>
</div>
<div
class=
"display_style send_time"
style=
"display: flex; align-items: center"
>
<div
class=
"display_style send_time"
style=
"display: flex; align-items: center"
>
<span
class=
"labelFont"
>
发送时间:
</span>
<span
class=
"labelFont"
>
发送时间:
</span>
<el-date-picker
v-model=
"startEndDate"
style=
"display: flex; align-items: center"
class=
"el_data_picker"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始时间"
end-placeholder=
"结束时间"
:picker-options=
"
{
<el-date-picker
v-model=
"startEndDate"
style=
"display: flex; align-items: center"
class=
"el_data_picker"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始时间"
end-placeholder=
"结束时间"
:picker-options=
"
{
disabledDate: disabledDate,
disabledDate: disabledDate,
}">
}"
>
</el-date-picker>
</el-date-picker>
</div>
</div>
<div
class=
"pRight"
>
<div
class=
"pRight"
>
<div
class=
"clear_btn"
@
click=
"clearParams('yes')"
:style=
"
{ visibility: newStr ? '' : 'hidden' }">
<div
class=
"clear_btn"
@
click=
"clearParams('yes')"
:style=
"
{ visibility: newStr ? '' : 'hidden' }"
>
清空
清空
</div>
</div>
<el-button
type=
"primary"
class=
"f-primary-button"
@
click=
"search"
>
筛选
<el-button
type=
"primary"
class=
"f-primary-button"
@
click=
"search"
>
筛选
</el-button>
</el-button>
</div>
</div>
</div>
</div>
<div
class=
"width100 margin_top24_bottom24 display_style"
>
<div
class=
"width100 margin_top24_bottom24 display_style"
>
<div
class=
"display_style prevent"
>
<div
class=
"display_style prevent"
>
<label
class=
"btnLabel"
>
查询类型:
</label>
<label
class=
"btnLabel"
>
查询类型:
</label>
<div
v-for=
"(btn, index) in queryTypeBtns"
:key=
"index"
>
<div
v-for=
"(btn, index) in queryTypeBtns"
:key=
"index"
>
<!--
<div-->
<!--
<div-->
<!-- class="btn"-->
<!-- class="btn"-->
<!-- @click="getQueryType(btn, 'querytypes')"-->
<!-- @click="getQueryType(btn, 'querytypes')"-->
...
@@ -51,7 +106,10 @@
...
@@ -51,7 +106,10 @@
<!-- : ''-->
<!-- : ''-->
<!-- ]"-->
<!-- ]"-->
<!-- >-->
<!-- >-->
<div
class=
"btn1"
@
click=
"getQueryType(btn, 'querytypes')"
:class=
"[
<div
class=
"btn1"
@
click=
"getQueryType(btn, 'querytypes')"
:class=
"[
btn.value === '2'
btn.value === '2'
? 'btn-active-zc'
? 'btn-active-zc'
: btn.value === '3'
: btn.value === '3'
...
@@ -61,7 +119,8 @@
...
@@ -61,7 +119,8 @@
: btn.value === '0'
: btn.value === '0'
? 'btn-active-cc'
? 'btn-active-cc'
: '',
: '',
]"
>
]"
>
{{
btn
.
name
}}
{{
btn
.
name
}}
</div>
</div>
</div>
</div>
...
@@ -69,12 +128,19 @@
...
@@ -69,12 +128,19 @@
<p
class=
"shu"
></p>
<p
class=
"shu"
></p>
<div
class=
"display_style prevent"
>
<div
class=
"display_style prevent"
>
<label
class=
"btnLabel"
>
优先级:
</label>
<label
class=
"btnLabel"
>
优先级:
</label>
<div
v-for=
"(btn, index) in queryClassBtns"
:key=
"index"
>
<div
<div
class=
"btn"
@
click=
"getQueryType(btn, 'queryclasss')"
:class=
"[
v-for=
"(btn, index) in queryClassBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'queryclasss')"
:class=
"[
reqParam.contrastCustomSearchReq.queryclasss.includes(btn.value)
reqParam.contrastCustomSearchReq.queryclasss.includes(btn.value)
? 'btn-active'
? 'btn-active'
: '',
: '',
]"
>
]"
>
{{
btn
.
name
}}
{{
btn
.
name
}}
</div>
</div>
</div>
</div>
...
@@ -82,12 +148,19 @@
...
@@ -82,12 +148,19 @@
<p
class=
"shu"
></p>
<p
class=
"shu"
></p>
<div
class=
"display_style"
>
<div
class=
"display_style"
>
<label
class=
"btnLabel"
>
是否远程:
</label>
<label
class=
"btnLabel"
>
是否远程:
</label>
<div
v-for=
"(btn, index) in remoteFlagBtns"
:key=
"index"
>
<div
<div
class=
"btn"
@
click=
"getQueryType(btn, 'remoteflags')"
:class=
"[
v-for=
"(btn, index) in remoteFlagBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'remoteflags')"
:class=
"[
reqParam.contrastCustomSearchReq.remoteflags.includes(btn.value)
reqParam.contrastCustomSearchReq.remoteflags.includes(btn.value)
? 'btn-active'
? 'btn-active'
: '',
: '',
]"
>
]"
>
{{
btn
.
name
}}
{{
btn
.
name
}}
</div>
</div>
</div>
</div>
...
@@ -101,14 +174,24 @@
...
@@ -101,14 +174,24 @@
<div
class=
"width100 margin_top24_bottom24 display_style"
>
<div
class=
"width100 margin_top24_bottom24 display_style"
>
<label
class=
"width70 btnLabel"
>
状态选择:
</label>
<label
class=
"width70 btnLabel"
>
状态选择:
</label>
<!-- -1:无效;0:等待比对;1:正在比对;9:比对出错;10:比对完成(等待认定);11:正在认定;19:认定出错;20:认定完成(等待复核);21:正在复核;29:复核出错;30;复合完成;99:标记删除-->
<!-- -1:无效;0:等待比对;1:正在比对;9:比对出错;10:比对完成(等待认定);11:正在认定;19:认定出错;20:认定完成(等待复核);21:正在复核;29:复核出错;30;复合完成;99:标记删除-->
<div
class=
"btn"
@
click=
"allQueryType()"
>
全部
<div
class=
"btn"
@
click=
"allQueryType()"
>
全部
</div>
</div>
<div
v-for=
"(btn, index) in queryStateBtns"
:key=
"index"
>
<div
<div
class=
"btn"
@
click=
"getQueryType(btn, 'querystates')"
:class=
"[
v-for=
"(btn, index) in queryStateBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'querystates')"
:class=
"[
reqParam.contrastCustomSearchReq.querystates.includes(btn.value)
reqParam.contrastCustomSearchReq.querystates.includes(btn.value)
? 'btn-active'
? 'btn-active'
: '',
: '',
]"
>
]"
>
{{
btn
.
name
}}
{{
btn
.
name
}}
</div>
</div>
</div>
</div>
...
@@ -117,7 +200,10 @@
...
@@ -117,7 +200,10 @@
<div
class=
"confirm_main"
>
<div
class=
"confirm_main"
>
<div
class=
"confirm_main_search margin0 width100"
>
<div
class=
"confirm_main_search margin0 width100"
>
<div
class=
"display_style style-one"
>
<div
class=
"display_style style-one"
>
<el-button
type=
"info"
@
click=
"batch"
>
批量操作
<el-button
type=
"info"
@
click=
"batch"
>
批量操作
</el-button>
</el-button>
<div
class=
"middle style-middle"
>
<div
class=
"middle style-middle"
>
<!--
<div
class=
"font"
@
click=
"clearAll()"
>
<!--
<div
class=
"font"
@
click=
"clearAll()"
>
...
@@ -125,14 +211,24 @@
...
@@ -125,14 +211,24 @@
<i
class=
"iconfont icon-xiala"
></i>
<i
class=
"iconfont icon-xiala"
></i>
</div>
-->
</div>
-->
<div
class=
"el-tag-box"
>
<div
class=
"el-tag-box"
>
<el-tag
style=
"margin-right: 10px"
:key=
"index"
v-for=
"(tag, index) in dynamicTags"
closable
:disable-transitions=
"false"
@
close=
"handleClose(tag)"
>
<el-tag
style=
"margin-right: 10px"
:key=
"index"
v-for=
"(tag, index) in dynamicTags"
closable
:disable-transitions=
"false"
@
close=
"handleClose(tag)"
>
{{
tag
.
name
}}
{{
tag
.
name
}}
</el-tag>
</el-tag>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"display_style confirm_main_button"
>
<div
class=
"display_style confirm_main_button"
>
<div
class=
"rgrd"
@
click=
"$refs.recognitionDialog.open()"
>
<div
class=
"rgrd"
@
click=
"$refs.recognitionDialog.open()"
>
<!--
<img
src=
"@/assets/img/person1.png"
alt=
""
/>
-->
<!--
<img
src=
"@/assets/img/person1.png"
alt=
""
/>
-->
<i
class=
"iconfont icon-rengongrending"
></i>
<i
class=
"iconfont icon-rengongrending"
></i>
<span>
人工认定
</span>
<span>
人工认定
</span>
...
@@ -141,9 +237,19 @@
...
@@ -141,9 +237,19 @@
<div
class=
"margin0"
>
<div
class=
"margin0"
>
<el-dropdown
trigger=
"click"
>
<el-dropdown
trigger=
"click"
>
<el-button
type=
"info"
>
自定义列
</el-button>
<el-button
type=
"info"
>
自定义列
</el-button>
<el-dropdown-menu
slot=
"dropdown"
class=
"el-dropdown-content-bg"
>
<el-dropdown-menu
<el-checkbox-group
v-model=
"checkedProps"
@
change=
"changeCheckbox"
>
slot=
"dropdown"
<el-checkbox
v-for=
"(item, index) in defaultTableProps"
:label=
"item.prop"
:key=
"index"
>
class=
"el-dropdown-content-bg"
>
<el-checkbox-group
v-model=
"checkedProps"
@
change=
"changeCheckbox"
>
<el-checkbox
v-for=
"(item, index) in defaultTableProps"
:label=
"item.prop"
:key=
"index"
>
{{
item
.
colume
}}
{{
item
.
colume
}}
</el-checkbox>
</el-checkbox>
</el-checkbox-group>
</el-checkbox-group>
...
@@ -152,31 +258,76 @@
...
@@ -152,31 +258,76 @@
</div>
</div>
<!-- 自定义列 止 -->
<!-- 自定义列 止 -->
<!-- 复制条码号 起 -->
<!-- 复制条码号 起 -->
<el-button
type=
"info"
v-if=
"roleArr.includes('C-1-3')"
v-clipboard:copy=
"barcode"
@
click=
"getBarcode"
v-clipboard:success=
"onCopy"
v-clipboard:error=
"onError"
>
<el-button
type=
"info"
v-if=
"roleArr.includes('C-1-3')"
v-clipboard:copy=
"barcode"
@
click=
"getBarcode"
v-clipboard:success=
"onCopy"
v-clipboard:error=
"onError"
>
复制条码
复制条码
</el-button>
</el-button>
<!-- 复制条码号 止 -->
<!-- 复制条码号 止 -->
<el-button
type=
"info"
@
click=
"delMore"
v-if=
"roleArr.includes('C-1-4')"
>
删除
<el-button
type=
"info"
@
click=
"delMore"
v-if=
"roleArr.includes('C-1-4')"
>
删除
</el-button>
</el-button>
<!--
<el-button>
发查询
</el-button>
-->
<!--
<el-button>
发查询
</el-button>
-->
</div>
</div>
</div>
</div>
<el-tag
class=
"removeDia"
style=
"width: 100%; color: #666666; margin-bottom: 0.5rem"
v-show=
"isShowTip"
>
<el-tag
<i
class=
"iconfont icon-tanhao1"
style=
"color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i>
class=
"removeDia"
style=
"width: 100%; color: #666666; margin-bottom: 0.5rem"
v-show=
"isShowTip"
>
<i
class=
"iconfont icon-tanhao1"
style=
"color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i>
已选择
已选择
<span
style=
"color: #055fe7"
>
{{
selectionData
.
length
}}
</span>
项
<span
style=
"color: #055fe7"
>
{{
selectionData
.
length
}}
</span>
项
<span
v-html=
"' '"
></span>
<span
v-html=
"' '"
></span>
<el-link
type=
"primary"
:underline=
"false"
:style=
"
{
<el-link
type=
"primary"
:underline=
"false"
:style=
"
{
marginLeft: '1.25rem',
marginLeft: '1.25rem',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
}" @click="toggleSelection()">清除
}"
@click="toggleSelection()"
>清除
</el-link>
</el-link>
</el-tag>
</el-tag>
<div
class=
"confirm_main_table"
>
<div
class=
"confirm_main_table"
>
<el-table
style=
"width: 100%"
:height=
"height"
:border=
"false"
@
selection-change=
"handleSelectionChange"
ref=
"confirmTable"
tooltip-effect=
"dark"
:data=
"list"
:key=
"tableKey"
:class=
"
{ delSelection: !selectBoo }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="queryId" @row-click="confirm" @expand-change="hadnlExpandChange">
<el-table
style=
"width: 100%"
:height=
"height"
:border=
"false"
@
selection-change=
"handleSelectionChange"
ref=
"confirmTable"
tooltip-effect=
"dark"
:data=
"list"
:key=
"tableKey"
:class=
"
{ delSelection: !selectBoo }"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
row-key="queryId"
@row-click="confirm"
@expand-change="hadnlExpandChange"
>
<!-- @select-all="handleSelectAll" -->
<!-- @select-all="handleSelectAll" -->
<el-table-column
type=
"selection"
height
width=
"auto"
></el-table-column>
<el-table-column
<el-table-column
prop=
""
label=
"任务号/查询ID"
:width=
"cxyrdWidth1"
>
type=
"selection"
height
width=
"auto"
></el-table-column>
<el-table-column
prop=
""
label=
"任务号/查询ID"
:width=
"cxyrdWidth1"
>
<template
#
header
>
<template
#
header
>
<div
class=
"tableHeader"
>
<div
class=
"tableHeader"
>
<span>
任务号
</span>
<span>
任务号
</span>
...
@@ -184,47 +335,78 @@
...
@@ -184,47 +335,78 @@
</div>
</div>
</
template
>
</
template
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<svg-icon
style=
"
<svg-icon
style=
"
width: 0.875rem;
width: 0.875rem;
height: 0.6875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
margin-left: 0.3125rem;
"
v-if=
"scope.row.children || scope.row.children === null"
icon-class=
"tree_f"
>
"
v-if=
"scope.row.children || scope.row.children === null"
icon-class=
"tree_f"
>
</svg-icon>
</svg-icon>
<svg-icon
style=
"
<svg-icon
style=
"
width: 0.8125rem;
width: 0.8125rem;
height: 0.375rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
margin: 0 0 0.1875rem 0;
"
v-else-if=
"!scope.row.children || scope.row.children !== null"
icon-class=
"tree_c"
></svg-icon>
"
v-else-if=
"!scope.row.children || scope.row.children !== null"
icon-class=
"tree_c"
></svg-icon>
{{
{{
scope
.
row
.
children
||
scope
.
row
.
children
===
null
scope
.
row
.
children
||
scope
.
row
.
children
===
null
?
scope
.
row
.
qid
?
scope
.
row
.
qid
:
scope
.
row
.
qqid
:
scope
.
row
.
qqid
}}
}}
<div
v-show=
"scope.row.children && scope.row.children !== null"
class=
"children-count"
>
<div
v-show=
"scope.row.children && scope.row.children !== null"
class=
"children-count"
>
{{
scope
.
row
.
children
?
scope
.
row
.
children
.
length
:
0
}}
{{
scope
.
row
.
children
?
scope
.
row
.
children
.
length
:
0
}}
</div>
</div>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
<el-table-column
v-for=
"(item, index) in tableProps"
show-overflow-tooltip
:key=
"index"
:label=
"item.colume"
:prop=
"item.prop"
:width=
"item.width"
:sortable=
"
<el-table-column
v-for=
"(item, index) in tableProps"
show-overflow-tooltip
:key=
"index"
:label=
"item.colume"
:prop=
"item.prop"
:width=
"item.width"
:sortable=
"
item.prop == 'affirmtime' ||
item.prop == 'affirmtime' ||
item.prop == 'requestdatetime' ||
item.prop == 'requestdatetime' ||
item.prop == 'queryclass'
item.prop == 'queryclass'
? true
? true
: false
: false
"
>
"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<template
v-if=
"item.prop === 'querytype'"
>
<template
v-if=
"item.prop === 'querytype'"
>
<div
v-if=
"scope.row.querytype === '3'"
style=
"color: #055fe7"
>
<div
v-if=
"scope.row.querytype === '3'"
style=
"color: #055fe7"
>
{{
scope
.
row
.
queryTypeName
}}
{{
scope
.
row
.
queryTypeName
}}
</div>
</div>
<div
v-else-if=
"scope.row.querytype === '0'"
style=
"color: #fa9500"
>
<div
v-else-if=
"scope.row.querytype === '0'"
style=
"color: #fa9500"
>
{{
scope
.
row
.
queryTypeName
}}
{{
scope
.
row
.
queryTypeName
}}
</div>
</div>
<div
v-else-if=
"scope.row.querytype === '1'"
style=
"color: #e60012"
>
<div
v-else-if=
"scope.row.querytype === '1'"
style=
"color: #e60012"
>
{{
scope
.
row
.
queryTypeName
}}
{{
scope
.
row
.
queryTypeName
}}
</div>
</div>
<div
v-else-if=
"scope.row.querytype === '2'"
style=
"color: #00b47a"
>
<div
v-else-if=
"scope.row.querytype === '2'"
style=
"color: #00b47a"
>
{{
scope
.
row
.
queryTypeName
}}
{{
scope
.
row
.
queryTypeName
}}
</div>
</div>
<div
v-else
>
<div
v-else
>
...
@@ -236,9 +418,16 @@
...
@@ -236,9 +418,16 @@
{{
scope
.
row
.
barcode
}}
{{
scope
.
row
.
barcode
}}
<!--
{{
scope
.
row
.
artificialAffirmFlag
}}
-->
<!--
{{
scope
.
row
.
artificialAffirmFlag
}}
-->
<div
v-if=
"scope.row.barcode && scope.row.artificialAffirmFlag !='1'"
>
<div
v-if=
"scope.row.barcode && scope.row.artificialAffirmFlag !='1'"
>
<img
class=
"history"
:src=
"historyUrl"
@
click
.
stop=
"getDialog(scope.row)"
/>
<img
class=
"history"
:src=
"historyUrl"
@
click
.
stop=
"getDialog(scope.row)"
/>
</div>
</div>
<div
v-if=
"scope.row.barcode && scope.row.artificialAffirmFlag=='1'"
class=
"rgbq"
>
<div
v-if=
"scope.row.barcode && scope.row.artificialAffirmFlag=='1'"
class=
"rgbq"
>
<p>
人工
</p>
<p>
人工
</p>
</div>
</div>
</div>
</div>
...
@@ -268,30 +457,51 @@
...
@@ -268,30 +457,51 @@
{{
dataFormat
(
scope
.
row
,
item
.
prop
)
}}
</
template
>
{{
dataFormat
(
scope
.
row
,
item
.
prop
)
}}
</
template
>
</template>
</template>
</el-table-column>
</el-table-column>
<el-table-column
width=
"auto"
label=
"操作"
align=
"left"
>
<el-table-column
width=
"auto"
label=
"操作"
align=
"left"
>
<
template
slot-scope=
"scope"
>
<
template
slot-scope=
"scope"
>
<Confirmation
content=
"复制条码"
v-if=
"scope.row.barcode && roleArr.includes('C-1-5')"
>
<Confirmation
<img
style=
"
content=
"复制条码"
v-if=
"scope.row.barcode && roleArr.includes('C-1-5')"
>
<img
style=
"
width: 1rem;
width: 1rem;
height: 1rem;
height: 1rem;
margin-right: 1.125rem;
margin-right: 1.125rem;
cursor: pointer;
cursor: pointer;
"
src=
"@/assets/img/qbryk/fz.svg"
@
click
.
stop=
"
"
src=
"@/assets/img/qbryk/fz.svg"
@
click
.
stop=
"
() =>
{
() =>
{
delSelect();
delSelect();
edit(scope.row);
edit(scope.row);
}
}
" />
"
/>
</Confirmation>
</Confirmation>
<div
@
click
.
stop=
"() =>
{}">
<div
@
click
.
stop=
"() =>
{}">
<Confirmation
:ref=
"getPopConfirmRef(scope.$index)"
v-if=
"scope.row.barcode && roleArr.includes('C-1-6')"
@
onConfirm=
"delOne(scope.row.qqid)"
content=
"删除"
:hintBoo=
"true"
>
<Confirmation
:ref=
"getPopConfirmRef(scope.$index)"
v-if=
"scope.row.barcode && roleArr.includes('C-1-6')"
@
onConfirm=
"delOne(scope.row.qqid)"
content=
"删除"
:hintBoo=
"true"
>
<div
slot=
"reference"
>
<div
slot=
"reference"
>
<img
style=
"width: 1rem; height: 1rem; cursor: pointer"
:src=
"delUrl"
@
click=
"
<img
style=
"width: 1rem; height: 1rem; cursor: pointer"
:src=
"delUrl"
@
click=
"
() =>
{
() =>
{
clickCancle(scope.$index)
clickCancle(scope.$index)
delSelect()
delSelect()
}
}
" />
"
/>
</div>
</div>
</Confirmation>
</Confirmation>
</div>
</div>
...
@@ -304,16 +514,34 @@
...
@@ -304,16 +514,34 @@
<span
class=
"count"
>
共{{ reqParam.page.total }} 条记录 第{{ reqParam.page.currPage }}/{{
<span
class=
"count"
>
共{{ reqParam.page.total }} 条记录 第{{ reqParam.page.currPage }}/{{
size
size
}}页
</span>
}}页
</span>
<el-pagination
class=
"paging"
background
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrPageChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"reqParam.page.pageSize"
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
>
<el-pagination
class=
"paging"
background
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrPageChange"
:current-page=
"reqParam.page.currPage"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"reqParam.page.pageSize"
layout=
"prev, pager, next"
:total=
"reqParam.page.total"
>
</el-pagination>
</el-pagination>
</div>
</div>
<el-dialog
:visible
.
sync=
"historyDialogVisible"
style=
"z-index: 1500"
>
<el-dialog
:visible
.
sync=
"historyDialogVisible"
style=
"z-index: 1500"
>
</el-dialog>
</el-dialog>
<recognitionDialog
ref=
"recognitionDialog"
></recognitionDialog>
<recognitionDialog
ref=
"recognitionDialog"
></recognitionDialog>
<Fcxtj
:isShowFcx=
"isShowFcx"
:type=
"dialogType"
ref=
"fcxtj"
:dialogQid=
"dialogQid"
></Fcxtj>
<Fcxtj
:isShowFcx=
"isShowFcx"
:type=
"dialogType"
ref=
"fcxtj"
:dialogQid=
"dialogQid"
></Fcxtj>
</el-container>
</el-container>
</template>
</template>
...
@@ -1134,11 +1362,11 @@ const setQueryClass = [
...
@@ -1134,11 +1362,11 @@ const setQueryClass = [
]
]
</
script
>
</
script
>
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.delSelection
/
deep
/
.el-table-column--selection
.cell
{
.delSelection
/
deep
/
.el-table-column--selection
.cell
{
display
:
none
;
display
:
none
;
}
}
/
deep
/
.el-pager
{
/
deep
/
.el-pager
{
.number
{
.number
{
background-color
:
transparent
!important
;
background-color
:
transparent
!important
;
}
}
...
@@ -1153,27 +1381,27 @@ const setQueryClass = [
...
@@ -1153,27 +1381,27 @@ const setQueryClass = [
.el-icon.more.btn-quickprev.el-icon-more
{
.el-icon.more.btn-quickprev.el-icon-more
{
background-color
:
transparent
!important
;
background-color
:
transparent
!important
;
}
}
}
}
/
deep
/
.btn-prev
,
/
deep
/
.btn-prev
,
/
deep
/
.btn-next
{
/
deep
/
.btn-next
{
background-color
:
transparent
!important
;
background-color
:
transparent
!important
;
}
}
/
deep
/
.el-pagination__sizes
{
/
deep
/
.el-pagination__sizes
{
position
:
absolute
;
position
:
absolute
;
right
:
0
;
right
:
0
;
}
}
/
deep
/
.btn-next
{
/
deep
/
.btn-next
{
//
margin-right
:
120px
!important
;
//
margin-right
:
120px
!important
;
}
}
.paging
{
.paging
{
float
:
right
;
float
:
right
;
}
}
.el-dropdown-menu
{
.el-dropdown-menu
{
width
:
120px
;
width
:
120px
;
/*height: 288px;*/
/*height: 288px;*/
.el-checkbox-group
{
.el-checkbox-group
{
...
@@ -1188,117 +1416,116 @@ const setQueryClass = [
...
@@ -1188,117 +1416,116 @@ const setQueryClass = [
}
}
}
}
}
}
}
}
</
style
>
</
style
>
<
style
scoped
>
<
style
scoped
>
.el-popper
[
x-placement
^=
"bottom-end"
]
{
.el-popper
[
x-placement
^=
"bottom-end"
]
{
border-style
:
none
;
border-style
:
none
;
}
}
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
::after
{
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
::after
{
border-style
:
none
;
border-style
:
none
;
}
}
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
{
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
{
border-style
:
none
;
border-style
:
none
;
}
}
.el-dropdown-content-bg
{
.el-dropdown-content-bg
{
transform
:
translate
(
23px
,
-8px
);
transform
:
translate
(
23px
,
-8px
);
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.width70
{
.width70
{
width
:
70px
!important
;
width
:
70px
!important
;
display
:
inline-block
;
display
:
inline-block
;
}
}
//
滚动条的宽度
//
滚动条的宽度
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar
{
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
height
:
6px
;
//
纵向滚动条
必写
}
}
//
滚动条的滑块
//
滚动条的滑块
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar-thumb
{
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
background-color
:
#dadde0
;
border-radius
:
3px
;
border-radius
:
3px
;
}
}
/
deep
/
.el-table
th
{
/
deep
/
.el-table
th
{
background-color
:
#f6f8fa
;
background-color
:
#f6f8fa
;
border
:
none
;
border
:
none
;
}
}
/
deep
/
.el-table
td
,
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
background-color
:
#ffffff
;
border
:
none
;
border
:
none
;
border-bottom
:
1px
#f6f8fa
solid
;
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#f6f8fa
solid
;
border-top
:
1px
#f6f8fa
solid
;
}
}
//
表格最外边框
//
表格最外边框
.el-table--border
,
.el-table--border
,
.el-table--group
{
.el-table--group
{
border
:
none
;
border
:
none
;
}
}
/
deep
/
.el-popover
{
/
deep
/
.el-popover
{
padding
:
15px
20px
!important
;
padding
:
15px
20px
!important
;
}
}
/
deep
/
.el-popconfirm__action
{
/
deep
/
.el-popconfirm__action
{
display
:
flex
;
display
:
flex
;
justify-content
:
center
;
justify-content
:
center
;
}
}
/
deep
/
.el-popover.el-popper
{
/
deep
/
.el-popover.el-popper
{
background
:
#006aff
;
background
:
#006aff
;
}
}
/
deep
/
.el-form-item__label
{
/
deep
/
.el-form-item__label
{
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.el-table
th
>
.cell
{
/
deep
/
.el-table
th
>
.cell
{
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-weight
:
normal
;
font-weight
:
normal
;
color
:
#282f3c
;
color
:
#282f3c
;
}
}
/
deep
/
.el-table
td
>
.cell
{
/
deep
/
.el-table
td
>
.cell
{
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
color
:
#333333
;
}
}
/
deep
/
.el-input__inner
{
/
deep
/
.el-input__inner
{
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border-radius
:
4px
;
border
:
none
;
border
:
none
;
}
}
//
输入框选中样式
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
border-color
:
none
!important
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
border-color
:
none
!important
;
}
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
border-color
:
none
!important
;
color
:
#055fe7
;
color
:
#055fe7
;
...
@@ -1306,22 +1533,22 @@ const setQueryClass = [
...
@@ -1306,22 +1533,22 @@ const setQueryClass = [
.el-range-input
{
.el-range-input
{
color
:
#055fe7
;
color
:
#055fe7
;
}
}
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
border-color
:
none
!important
;
}
}
div
{
div
{
margin
:
0
;
margin
:
0
;
padding
:
0
;
padding
:
0
;
display
:
inline-block
;
display
:
inline-block
;
/*border: none;*/
/*border: none;*/
}
}
.rgrd
{
.rgrd
{
display
:
flex
!important
;
display
:
flex
!important
;
align-items
:
center
;
align-items
:
center
;
justify-content
:
center
;
justify-content
:
center
;
...
@@ -1341,31 +1568,31 @@ const setQueryClass = [
...
@@ -1341,31 +1568,31 @@ const setQueryClass = [
line-height
:
24px
!important
;
line-height
:
24px
!important
;
color
:
#055fe7
!important
;
color
:
#055fe7
!important
;
}
}
}
}
hr
{
hr
{
background-color
:
#eeeeee
;
background-color
:
#eeeeee
;
height
:
1px
;
height
:
1px
;
border
:
none
;
border
:
none
;
margin
:
16px
0
16px
0
;
margin
:
16px
0
16px
0
;
}
}
label
{
label
{
width
:
70px
;
width
:
70px
;
height
:
22px
;
height
:
22px
;
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#999999
;
color
:
#999999
;
line-height
:
22px
;
line-height
:
22px
;
}
}
i
{
i
{
height
:
16px
;
height
:
16px
;
width
:
16px
;
width
:
16px
;
margin
:
0
9px
0
9px
;
margin
:
0
9px
0
9px
;
}
}
b
{
b
{
width
:
64px
;
width
:
64px
;
height
:
24px
;
height
:
24px
;
font-size
:
16px
;
font-size
:
16px
;
...
@@ -1373,15 +1600,15 @@ const setQueryClass = [
...
@@ -1373,15 +1600,15 @@ const setQueryClass = [
font-weight
:
bold
;
font-weight
:
bold
;
color
:
#333333
;
color
:
#333333
;
line-height
:
24px
;
line-height
:
24px
;
}
}
.style-middle
{
.style-middle
{
display
:
flex
!important
;
display
:
flex
!important
;
justify-content
:
flex-start
;
justify-content
:
flex-start
;
align-items
:
center
;
align-items
:
center
;
}
}
.font
{
.font
{
>
span
{
>
span
{
cursor
:
pointer
;
cursor
:
pointer
;
font-size
:
14px
!important
;
font-size
:
14px
!important
;
...
@@ -1412,17 +1639,17 @@ const setQueryClass = [
...
@@ -1412,17 +1639,17 @@ const setQueryClass = [
line-height
:
16px
;
line-height
:
16px
;
margin
:
0
6px
0
8px
;
margin
:
0
6px
0
8px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.history
{
.history
{
width
:
12px
;
width
:
12px
;
height
:
12px
;
height
:
12px
;
margin-left
:
4px
;
margin-left
:
4px
;
margin-bottom
:
3px
;
margin-bottom
:
3px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.children-count
{
.children-count
{
width
:
34px
;
width
:
34px
;
height
:
21px
;
height
:
21px
;
font-size
:
12px
;
font-size
:
12px
;
...
@@ -1432,43 +1659,43 @@ const setQueryClass = [
...
@@ -1432,43 +1659,43 @@ const setQueryClass = [
border-radius
:
11px
;
border-radius
:
11px
;
position
:
absolute
;
position
:
absolute
;
right
:
10px
;
right
:
10px
;
}
}
/
deep
/
.el-tag
.el-icon-close
::before
{
/
deep
/
.el-tag
.el-icon-close
::before
{
display
:
block
;
display
:
block
;
color
:
#fff
;
color
:
#fff
;
}
}
/
deep
/
.el-tag
.el-icon-close
{
/
deep
/
.el-tag
.el-icon-close
{
background-color
:
#b1b6c2
;
background-color
:
#b1b6c2
;
//
right
:
1px
!important
;
//
right
:
1px
!important
;
}
}
.el-icon-arrow-down
{
.el-icon-arrow-down
{
color
:
#999999
;
color
:
#999999
;
border
:
#999999
1px
solid
;
border
:
#999999
1px
solid
;
border-radius
:
50%
;
/*边设置为圆形*/
border-radius
:
50%
;
/*边设置为圆形*/
font-size
:
12px
;
font-size
:
12px
;
}
}
.el-button
{
.el-button
{
width
:
72px
;
width
:
72px
;
height
:
32px
;
height
:
32px
;
border-radius
:
4px
;
border-radius
:
4px
;
margin
:
0
;
margin
:
0
;
padding
:
0
;
padding
:
0
;
}
}
.el-button__inner
{
.el-button__inner
{
width
:
72px
;
width
:
72px
;
height
:
16px
;
height
:
16px
;
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#2e3846
;
color
:
#2e3846
;
line-height
:
16px
;
line-height
:
16px
;
}
}
.el-tag
{
.el-tag
{
color
:
#055fe7
!important
;
color
:
#055fe7
!important
;
height
:
32px
;
height
:
32px
;
box-sizing
:
border-box
!important
;
box-sizing
:
border-box
!important
;
...
@@ -1476,10 +1703,9 @@ const setQueryClass = [
...
@@ -1476,10 +1703,9 @@ const setQueryClass = [
background
:
#ddebff
;
background
:
#ddebff
;
border-radius
:
4px
;
border-radius
:
4px
;
font-size
:
0.75rem
;
font-size
:
0.75rem
;
}
}
.confirm-page
{
.confirm-page
{
width
:
100%
;
width
:
100%
;
padding
:
20px
20px
;
padding
:
20px
20px
;
font-family
:
MicrosoftYaHei
;
font-family
:
MicrosoftYaHei
;
...
@@ -1505,43 +1731,43 @@ const setQueryClass = [
...
@@ -1505,43 +1731,43 @@ const setQueryClass = [
float
:
right
;
float
:
right
;
}
}
}
}
}
}
/
deep
/
.el-range-separator
{
/
deep
/
.el-range-separator
{
line-height
:
24px
!important
;
line-height
:
24px
!important
;
}
}
.prevent
{
.prevent
{
margin-right
:
10px
!important
;
margin-right
:
10px
!important
;
}
}
.shu
{
.shu
{
display
:
inline-block
;
display
:
inline-block
;
width
:
1px
;
width
:
1px
;
height
:
12px
;
height
:
12px
;
margin-right
:
20px
!important
;
margin-right
:
20px
!important
;
background
:
#999999
;
background
:
#999999
;
}
}
.display_style
{
.display_style
{
display
:
inline-block
;
display
:
inline-block
;
margin
:
5px
24px
5px
0
;
margin
:
5px
24px
5px
0
;
}
}
/
deep
/
.el-button
span
{
/
deep
/
.el-button
span
{
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.style-one
{
.style-one
{
display
:
flex
!important
;
display
:
flex
!important
;
}
}
.margin_top24_bottom24
{
.margin_top24_bottom24
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
}
}
.send_time
{
.send_time
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -1553,9 +1779,9 @@ const setQueryClass = [
...
@@ -1553,9 +1779,9 @@ const setQueryClass = [
position
:
absolute
;
position
:
absolute
;
right
:
6px
;
right
:
6px
;
}
}
}
}
.display_style
span
{
.display_style
span
{
height
:
24px
;
height
:
24px
;
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
...
@@ -1563,51 +1789,51 @@ const setQueryClass = [
...
@@ -1563,51 +1789,51 @@ const setQueryClass = [
line-height
:
20px
;
line-height
:
20px
;
margin
:
0
;
margin
:
0
;
padding
:
0
;
padding
:
0
;
}
}
.el_select
{
.el_select
{
width
:
168px
;
width
:
168px
;
height
:
32px
;
height
:
32px
;
background
:
#ffffff
;
background
:
#ffffff
;
border-radius
:
4px
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
//
border
:
1px
solid
#e6e6e8
;
}
}
/
deep
/
.el-input__icon
{
/
deep
/
.el-input__icon
{
line-height
:
32px
!important
;
line-height
:
32px
!important
;
}
}
.el_data_picker
{
.el_data_picker
{
width
:
256px
;
width
:
256px
;
height
:
32px
;
height
:
32px
;
background
:
#ffffff
;
background
:
#ffffff
;
border-radius
:
4px
;
border-radius
:
4px
;
border
:
1px
solid
#e6e6e8
;
border
:
1px
solid
#e6e6e8
;
}
}
.el_input
{
.el_input
{
width
:
168px
;
width
:
168px
;
height
:
32px
;
height
:
32px
;
background
:
#ffffff
;
background
:
#ffffff
;
border-radius
:
4px
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
//
border
:
1px
solid
#e6e6e8
;
}
}
.tmh
{
.tmh
{
width
:
300px
;
width
:
300px
;
}
}
/
deep
/
.el-input__inner
{
/
deep
/
.el-input__inner
{
height
:
32px
!important
;
height
:
32px
!important
;
}
}
.btnLabel
{
.btnLabel
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
color
:
#282f3c
;
color
:
#282f3c
;
font-size
:
14px
;
font-size
:
14px
;
}
}
.btn
{
.btn
{
width
:
fit-content
;
width
:
fit-content
;
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -1621,17 +1847,17 @@ const setQueryClass = [
...
@@ -1621,17 +1847,17 @@ const setQueryClass = [
font-weight
:
350
;
font-weight
:
350
;
color
:
#666666
;
color
:
#666666
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.btn
:hover
{
.btn
:hover
{
color
:
#055fe7
;
color
:
#055fe7
;
}
}
.btn-active
{
.btn-active
{
color
:
#055fe7
;
color
:
#055fe7
;
}
}
.btn1
{
.btn1
{
width
:
fit-content
;
width
:
fit-content
;
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -1644,29 +1870,29 @@ const setQueryClass = [
...
@@ -1644,29 +1870,29 @@ const setQueryClass = [
font-size
:
14px
;
font-size
:
14px
;
font-weight
:
350
;
font-weight
:
350
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.btn1
:hover
{
.btn1
:hover
{
font-weight
:
bolder
;
font-weight
:
bolder
;
}
}
.btn-active-zc
{
.btn-active-zc
{
color
:
#00b47a
;
color
:
#00b47a
;
}
}
.btn-active-dc
{
.btn-active-dc
{
color
:
#e60012
;
color
:
#e60012
;
}
}
.btn-active-cc
{
.btn-active-cc
{
color
:
#fa9500
;
color
:
#fa9500
;
}
}
.btn-active-ca
{
.btn-active-ca
{
color
:
#055fe7
;
color
:
#055fe7
;
}
}
.clear_btn
{
.clear_btn
{
width
:
fit-content
;
width
:
fit-content
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
border
:
none
;
...
@@ -1686,18 +1912,18 @@ const setQueryClass = [
...
@@ -1686,18 +1912,18 @@ const setQueryClass = [
&
:active
{
&
:active
{
color
:
#055fe7
;
color
:
#055fe7
;
}
}
}
}
.el-button--primary
{
.el-button--primary
{
width
:
72px
;
width
:
72px
;
height
:
32px
;
height
:
32px
;
line-height
:
22px
;
line-height
:
22px
;
padding
:
0
;
padding
:
0
;
background
:
#055fe7
;
background
:
#055fe7
;
border-radius
:
4px
;
border-radius
:
4px
;
}
}
.el-checkbox-button__inner
{
.el-checkbox-button__inner
{
width
:
56px
;
width
:
56px
;
height
:
22px
;
height
:
22px
;
font-size
:
14px
;
font-size
:
14px
;
...
@@ -1706,15 +1932,15 @@ const setQueryClass = [
...
@@ -1706,15 +1932,15 @@ const setQueryClass = [
line-height
:
22px
;
line-height
:
22px
;
-webkit-background-clip
:
text
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
-webkit-text-fill-color
:
transparent
;
}
}
.confirm_main_button
{
.confirm_main_button
{
.el-button--info
{
.el-button--info
{
margin-right
:
0
;
margin-right
:
0
;
}
}
}
}
.el-button--info
{
.el-button--info
{
width
:
96px
;
width
:
96px
;
height
:
32px
;
height
:
32px
;
font-weight
:
350
;
font-weight
:
350
;
...
@@ -1723,39 +1949,39 @@ const setQueryClass = [
...
@@ -1723,39 +1949,39 @@ const setQueryClass = [
border
:
1px
solid
#aeb5c2
;
border
:
1px
solid
#aeb5c2
;
border-radius
:
4px
;
border-radius
:
4px
;
margin
:
0
8px
0
8px
;
margin
:
0
8px
0
8px
;
}
}
.el-button--info
:hover
{
.el-button--info
:hover
{
border
:
1px
solid
#055fe7
;
border
:
1px
solid
#055fe7
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
.el-button--info
:active
{
.el-button--info
:active
{
border
:
1px
solid
#044cb9
;
border
:
1px
solid
#044cb9
;
color
:
#044cb9
;
color
:
#044cb9
;
}
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
!important
;
background-color
:
#055fe7
!important
;
border
:
1px
solid
#055fe7
!important
;
border
:
1px
solid
#055fe7
!important
;
}
}
/
deep
/
.el-checkbox__inner
:hover
{
/
deep
/
.el-checkbox__inner
:hover
{
border-color
:
#055fe7
;
border-color
:
#055fe7
;
/*background: #f5f5f7;*/
/*background: #f5f5f7;*/
}
}
/
deep
/
.el-checkbox__input
+
.el-checkbox__label
{
/
deep
/
.el-checkbox__input
+
.el-checkbox__label
{
color
:
#333333
;
color
:
#333333
;
font-size
:
14px
;
font-size
:
14px
;
}
}
/
deep
/
.el-checkbox__input.is-focus
.el-checkbox__inner
{
/
deep
/
.el-checkbox__input.is-focus
.el-checkbox__inner
{
border-color
:
#055fe7
!important
;
border-color
:
#055fe7
!important
;
}
}
.confirm_main_search
{
.confirm_main_search
{
width
:
100%
;
width
:
100%
;
height
:
34px
;
height
:
34px
;
margin-bottom
:
10px
;
margin-bottom
:
10px
;
...
@@ -1771,27 +1997,27 @@ const setQueryClass = [
...
@@ -1771,27 +1997,27 @@ const setQueryClass = [
}
}
}
}
}
}
}
}
.confirm_main_button
{
.confirm_main_button
{
position
:
absolute
;
position
:
absolute
;
right
:
0px
;
right
:
0px
;
}
}
.el-table
/
deep
/
{
.el-table
/
deep
/
{
td.el-table__cell,
td.el-table__cell,
th.el-table__cell.is-leaf
{
th.el-table__cell.is-leaf
{
border-bottom
:
none
;
border-bottom
:
none
;
}
}
}
}
.labelFont
{
.labelFont
{
font-size
:
14px
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC
!important
;
font-family
:
HarmonyOS_Sans_SC
!important
;
color
:
#333333
!important
;
color
:
#333333
!important
;
}
}
.confirm_header_search
{
.confirm_header_search
{
width
:
100%
;
width
:
100%
;
padding
:
20px
20px
;
padding
:
20px
20px
;
background
:
#f6f8fa
;
background
:
#f6f8fa
;
...
@@ -1805,16 +2031,16 @@ const setQueryClass = [
...
@@ -1805,16 +2031,16 @@ const setQueryClass = [
border-radius
:
4px
;
border-radius
:
4px
;
border
:
none
;
border
:
none
;
}
}
}
}
.confirm_main
{
.confirm_main
{
width
:
100%
;
width
:
100%
;
//
height
:
60px
;
//
height
:
60px
;
height
:
620px
;
height
:
620px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
}
}
.confirm_main_table
{
.confirm_main_table
{
margin
:
6px
0
15px
0
;
margin
:
6px
0
15px
0
;
padding
:
0
;
padding
:
0
;
width
:
100%
;
width
:
100%
;
...
@@ -1823,75 +2049,75 @@ const setQueryClass = [
...
@@ -1823,75 +2049,75 @@ const setQueryClass = [
.mineral-table
{
.mineral-table
{
//
height
:
450px
;
//
height
:
450px
;
}
}
}
}
/
deep
/
.el-table
td
,
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
background-color
:
#ffffff
;
border
:
none
;
border
:
none
;
//
border-bottom
:
1px
#f6f8fa
solid
;
//
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#eeeeee
solid
;
border-top
:
1px
#eeeeee
solid
;
}
}
//
去除
table
表格最底部边框
//
去除
table
表格最底部边框
.el-table__row
>
td
{
.el-table__row
>
td
{
border
:
none
;
border
:
none
;
}
}
//
去除
table
表格最底部边框
//
去除
table
表格最底部边框
.el-table
::before
{
.el-table
::before
{
height
:
0px
;
height
:
0px
;
}
}
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!important
;
background-color
:
#ecf1f7
!important
;
font-size
:
14px
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
color
:
#282f3c
!important
;
height
:
48px
!important
;
height
:
48px
!important
;
padding
:
0
!important
;
padding
:
0
!important
;
}
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!important
;
background-color
:
#f2f7fe
!important
;
}
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
#f2f7fe
!important
;
background-color
:
#f2f7fe
!important
;
}
}
/
deep
/
.el-table__row
{
/
deep
/
.el-table__row
{
height
:
48px
!important
;
height
:
48px
!important
;
}
}
/
deep
/
.el-table__row--level-1
{
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
.el-table__cell
{
background-color
:
#f5f6f7
!important
;
background-color
:
#f5f6f7
!important
;
}
}
}
}
/
deep
/
.el-table
th
>
.cell
{
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
}
/
deep
/
.el-table
.el-table__cell
{
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!important
;
padding
:
0
!important
;
}
}
/
deep
/
.el-table__body
{
/
deep
/
.el-table__body
{
width
:
100%
!important
;
width
:
100%
!important
;
}
}
//
el-table
左侧固定
样式统一
//
el-table
左侧固定
样式统一
/
deep
/
.el-table__fixed
{
/
deep
/
.el-table__fixed
{
height
:
100%
!important
;
height
:
100%
!important
;
&::before
{
&::before
{
height
:
0
;
height
:
0
;
}
}
}
}
/
deep
/
.el-table__fixed-header-wrapper
{
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!important
;
height
:
48px
!important
;
.el-table__header
{
.el-table__header
{
...
@@ -1919,24 +2145,24 @@ const setQueryClass = [
...
@@ -1919,24 +2145,24 @@ const setQueryClass = [
border
:
none
!important
;
border
:
none
!important
;
background-color
:
#ecf1f7
!important
;
background-color
:
#ecf1f7
!important
;
}
}
}
}
/
deep
/
.hover-row
{
/
deep
/
.hover-row
{
.el-table__cell
{
.el-table__cell
{
background-color
:
#f2f7fe
!important
;
background-color
:
#f2f7fe
!important
;
}
}
}
}
/
deep
/
.el-table__fixed-right
{
/
deep
/
.el-table__fixed-right
{
height
:
100%
!important
;
height
:
100%
!important
;
&::before
{
&::before
{
height
:
0
;
height
:
0
;
}
}
}
}
//
批量操作
//
批量操作
.el-tag
{
.el-tag
{
color
:
#055fe7
!important
;
color
:
#055fe7
!important
;
height
:
32px
;
height
:
32px
;
box-sizing
:
border-box
!important
;
box-sizing
:
border-box
!important
;
...
@@ -1947,34 +2173,34 @@ const setQueryClass = [
...
@@ -1947,34 +2173,34 @@ const setQueryClass = [
margin-bottom
:
16px
;
margin-bottom
:
16px
;
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
}
}
/
deep
/
.el-link--inner
{
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
color
:
rgb
(
5
,
95
,
231
);
}
}
.icon-tanhao1
{
.icon-tanhao1
{
display
:
flex
;
display
:
flex
;
justify-content
:
center
;
justify-content
:
center
;
align-items
:
center
;
align-items
:
center
;
}
}
//
表格高度
--
展示下面的
border
//
表格高度
--
展示下面的
border
.split-line
{
.split-line
{
height
:
650px
;
height
:
650px
;
border-bottom
:
1px
solid
#eeeeee
;
border-bottom
:
1px
solid
#eeeeee
;
}
}
//
复选框
//
复选框
/
deep
/
.el-checkbox__inner
{
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
cursor
:
pointer
;
}
}
/
deep
/
.el-checkbox__input
{
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
line-height
:
16px
;
}
}
.search
{
.search
{
/deep/
.el-input__inner
{
/deep/
.el-input__inner
{
background
:
#ffffff
;
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
...
@@ -2013,50 +2239,50 @@ const setQueryClass = [
...
@@ -2013,50 +2239,50 @@ const setQueryClass = [
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
border-color
:
none
;
}
}
}
}
/
deep
/
.el-input__inner
:hover
{
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
cursor
:
text
;
}
}
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<!--table树-->
<!--table树-->
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.el-select-dropdown__item.selected
{
.el-select-dropdown__item.selected
{
color
:
#006aff
;
color
:
#006aff
;
}
}
.tableHeader
{
.tableHeader
{
>
span
{
>
span
{
&:last-of-type
{
&:last-of-type
{
color
:
#999
;
color
:
#999
;
font-size
:
12px
;
font-size
:
12px
;
}
}
}
}
}
}
.rgbq
{
.rgbq
{
padding
:
0
5px
;
padding
:
0
5px
;
width
:
32px
;
width
:
32px
;
background
:
#ddebff
;
background
:
#ddebff
;
border-radius
:
2px
;
border-radius
:
2px
;
font-size
:
12px
;
font-size
:
12px
;
color
:
#055fe7
;
color
:
#055fe7
;
}
}
.pRight
{
.pRight
{
position
:
absolute
;
position
:
absolute
;
right
:
0
;
right
:
0
;
top
:
50%
;
top
:
50%
;
transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
}
}
.removeDia
{
.removeDia
{
//
width
:
1600px
!important
;
//
width
:
1600px
!important
;
}
}
.el-table
{
.el-table
{
/deep/
.el-checkbox
{
/deep/
.el-checkbox
{
.is-indeterminate
{
.is-indeterminate
{
.el-checkbox__inner
{
.el-checkbox__inner
{
...
@@ -2065,25 +2291,25 @@ const setQueryClass = [
...
@@ -2065,25 +2291,25 @@ const setQueryClass = [
}
}
}
}
}
}
}
}
.el-tree
/
deep
/
.el-tree-node__expand-icon.expanded
{
.el-tree
/
deep
/
.el-tree-node__expand-icon.expanded
{
-webkit-transform
:
rotate
(
0deg
);
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
}
}
/*有子节点 且未展开*/
/*有子节点 且未展开*/
.el-table
/
deep
/
.el-icon-arrow-right
:before
{
.el-table
/
deep
/
.el-icon-arrow-right
:before
{
content
:
""
;
content
:
""
;
display
:
block
;
display
:
block
;
width
:
16px
;
width
:
16px
;
height
:
16px
;
height
:
16px
;
font-size
:
16px
;
font-size
:
16px
;
background-size
:
16px
;
background-size
:
16px
;
}
}
/*有子节点 且已展开*/
/*有子节点 且已展开*/
.el-table
/
deep
/
.el-table__expand-icon--expanded
{
.el-table
/
deep
/
.el-table__expand-icon--expanded
{
.
el-icon-arrow-right
:
before
{
.
el-icon-arrow-right
:
before
{
content
:
""
;
content
:
""
;
display
:
block
;
display
:
block
;
...
@@ -2092,10 +2318,10 @@ const setQueryClass = [
...
@@ -2092,10 +2318,10 @@ const setQueryClass = [
font-size
:
18px
;
font-size
:
18px
;
background-size
:
21px
;
background-size
:
21px
;
}
}
}
}
/*没有子节点*/
/*没有子节点*/
.el-tree
.el-tree
/
deep
/
/
deep
/
.el-tree-node__expand-icon.is-leaf
::before
.el-tree-node__expand-icon.is-leaf
::before
.el-table
.el-table
...
@@ -2107,46 +2333,46 @@ const setQueryClass = [
...
@@ -2107,46 +2333,46 @@ const setQueryClass = [
height
:
18px
;
height
:
18px
;
font-size
:
16px
;
font-size
:
16px
;
background-size
:
16px
;
background-size
:
16px
;
}
}
/
deep
/
.el-table--enable-row-hover
.el-table__body
tr
:hover
{
/
deep
/
.el-table--enable-row-hover
.el-table__body
tr
:hover
{
cursor
:
pointer
;
cursor
:
pointer
;
}
}
</
style
>
</
style
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
.el-tag-box
{
.el-tag-box
{
//
width
:
930px
;
//
width
:
930px
;
display
:
flex
!important
;
display
:
flex
!important
;
text-align
:
left
;
text-align
:
left
;
white-space
:
nowrap
;
white-space
:
nowrap
;
width
:
1070px
;
width
:
1070px
;
overflow
:
auto
;
overflow
:
auto
;
}
}
/* 设置滚动条的样式 */
/* 设置滚动条的样式 */
::-webkit-scrollbar
{
::-webkit-scrollbar
{
width
:
6px
;
width
:
6px
;
height
:
6px
;
height
:
6px
;
}
}
/* 滚动槽 */
/* 滚动槽 */
::-webkit-scrollbar-track
{
::-webkit-scrollbar-track
{
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.3
);
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.3
);
border-radius
:
6px
;
border-radius
:
6px
;
}
}
/* 滚动条滑块 */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb
{
::-webkit-scrollbar-thumb
{
border-radius
:
6px
;
border-radius
:
6px
;
background
:
#dadde0
;
background
:
#dadde0
;
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.5
);
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.5
);
}
}
::-webkit-scrollbar-thumb:window-inactive
{
::-webkit-scrollbar-thumb:window-inactive
{
background
:
#dadde0
;
background
:
#dadde0
;
}
}
.el-table__expand-icon
{
.el-table__expand-icon
{
.el-icon-arrow-right
{
.el-icon-arrow-right
{
cursor
:
pointer
!important
;
cursor
:
pointer
!important
;
}
}
...
@@ -2165,9 +2391,9 @@ const setQueryClass = [
...
@@ -2165,9 +2391,9 @@ const setQueryClass = [
background-position
:
center
;
background-position
:
center
;
background-size
:
11px
;
background-size
:
11px
;
background-repeat
:
no-repeat
;
background-repeat
:
no-repeat
;
}
}
.el-table__expand-icon.el-table__expand-icon--expanded
{
.el-table__expand-icon.el-table__expand-icon--expanded
{
width
:
11px
;
width
:
11px
;
height
:
11px
;
height
:
11px
;
background-image
:
url("../../assets/img/confirm/shrink.png")
;
background-image
:
url("../../assets/img/confirm/shrink.png")
;
...
@@ -2175,9 +2401,18 @@ const setQueryClass = [
...
@@ -2175,9 +2401,18 @@ const setQueryClass = [
background-size
:
11px
;
background-size
:
11px
;
background-repeat
:
no-repeat
;
background-repeat
:
no-repeat
;
transform
:
rotate
(
180deg
)
!important
;
transform
:
rotate
(
180deg
)
!important
;
}
}
//
修改下拉框样式
//
修改下拉框样式
.el-select-dropdown__item
{
.el-select-dropdown__item
{
padding-left
:
20px
;
padding-left
:
20px
;
}
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
}
</
style
>
</
style
>
src/views/drFPTX/Index.vue
View file @
0f7d5f9f
...
@@ -1961,3 +1961,12 @@ export default {
...
@@ -1961,3 +1961,12 @@ export default {
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/drFPTX/RAList.vue
View file @
0f7d5f9f
...
@@ -2440,4 +2440,13 @@ export default {
...
@@ -2440,4 +2440,13 @@ export default {
}
}
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/xtfkgl/AjXtljfkView.vue
View file @
0f7d5f9f
...
@@ -186,7 +186,7 @@ export default {
...
@@ -186,7 +186,7 @@ export default {
width4
:
136
,
//启用状态
width4
:
136
,
//启用状态
width5
:
260
,
//逻辑库说明
width5
:
260
,
//逻辑库说明
width6
:
120
,
// 操作
width6
:
120
,
// 操作
height
:
'4
2
rem'
,
height
:
'4
3
rem'
,
tableDate
:
[],
tableDate
:
[],
...
@@ -569,3 +569,12 @@ export default {
...
@@ -569,3 +569,12 @@ export default {
@import
"scss/xtfkgl_main"
;
@import
"scss/xtfkgl_main"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/xtfkgl/RyXtljfkView.vue
View file @
0f7d5f9f
...
@@ -191,7 +191,7 @@ export default {
...
@@ -191,7 +191,7 @@ export default {
width4
:
136
,
//启用状态
width4
:
136
,
//启用状态
width5
:
260
,
//逻辑库说明
width5
:
260
,
//逻辑库说明
width6
:
120
,
// 操作
width6
:
120
,
// 操作
height
:
'4
2
rem'
,
height
:
'4
3
rem'
,
tableDate
:
[],
tableDate
:
[],
...
@@ -574,3 +574,12 @@ export default {
...
@@ -574,3 +574,12 @@ export default {
@import
"scss/xtfkgl_main"
;
@import
"scss/xtfkgl_main"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/zljc/Index.vue
View file @
0f7d5f9f
...
@@ -160,6 +160,7 @@
...
@@ -160,6 +160,7 @@
prop=
"barcode"
prop=
"barcode"
label=
"人员编号"
label=
"人员编号"
:width=
"width1"
:width=
"width1"
:formatter=
"$fFormatUtil.valueFormat"
show-overflow-tooltip
show-overflow-tooltip
>
>
</el-table-column>
</el-table-column>
...
@@ -167,12 +168,14 @@
...
@@ -167,12 +168,14 @@
prop=
"name"
prop=
"name"
label=
"姓名"
label=
"姓名"
:width=
"width4"
:width=
"width4"
:formatter=
"$fFormatUtil.valueFormat"
show-overflow-tooltip
show-overflow-tooltip
>
>
</el-table-column>
</el-table-column>
<el-table-column
<el-table-column
prop=
"codeDwName"
prop=
"codeDwName"
label=
"捺印单位"
label=
"捺印单位"
:formatter=
"$fFormatUtil.valueFormat"
:width=
"width1"
:width=
"width1"
show-overflow-tooltip
show-overflow-tooltip
>
>
...
@@ -180,12 +183,14 @@
...
@@ -180,12 +183,14 @@
<el-table-column
<el-table-column
prop=
"collectDate"
prop=
"collectDate"
label=
"捺印日期"
label=
"捺印日期"
:width=
"width1"
:formatter=
"$fFormatUtil.dateTimeFormat"
:width=
"width4"
>
>
</el-table-column>
</el-table-column>
<el-table-column
<el-table-column
prop=
"createTime"
prop=
"createTime"
label=
"分配时间"
label=
"分配时间"
:formatter=
"$fFormatUtil.dateTimeFormat1"
:width=
"width1"
:width=
"width1"
>
>
</el-table-column>
</el-table-column>
...
@@ -222,6 +227,7 @@
...
@@ -222,6 +227,7 @@
<el-table-column
<el-table-column
prop=
"collectNumber"
prop=
"collectNumber"
label=
"补采次数"
label=
"补采次数"
:formatter=
"$fFormatUtil.valueFormat0"
:width=
"width4"
:width=
"width4"
>
>
</el-table-column>
</el-table-column>
...
@@ -341,7 +347,7 @@ export default {
...
@@ -341,7 +347,7 @@ export default {
selectBoo
:
false
,
// 是否批量操作
selectBoo
:
false
,
// 是否批量操作
multipleSelection
:
[],
// 表单选择项目
multipleSelection
:
[],
// 表单选择项目
width33
:
50
,
width33
:
50
,
width4
:
1
2
0
,
width4
:
1
4
0
,
width1
:
220
,
width1
:
220
,
width2
:
160
,
width2
:
160
,
width3
:
110
,
width3
:
110
,
...
@@ -963,3 +969,12 @@ $tableHeight: var(--tableHeight, 33rem);
...
@@ -963,3 +969,12 @@ $tableHeight: var(--tableHeight, 33rem);
}
}
@import
"@/assets/css/globalBase.scss"
;
@import
"@/assets/css/globalBase.scss"
;
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/zljc/jcxq.vue
View file @
0f7d5f9f
...
@@ -458,7 +458,7 @@ export default {
...
@@ -458,7 +458,7 @@ export default {
};
};
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
scoped
lang=
"scss"
>
.p1
{
.p1
{
padding-top
:
109px
;
padding-top
:
109px
;
}
}
...
@@ -499,21 +499,21 @@ export default {
...
@@ -499,21 +499,21 @@ export default {
border
:
none
;
border
:
none
;
}
}
/
deep
/
.el-radio-button__orig-radio
:checked
+
.el-radio-button__inner
{
/
deep
/
.el-radio-button__orig-radio
:checked
+
.el-radio-button__inner
{
width
:
1
29
px
;
width
:
1
30
px
;
height
:
32px
;
height
:
32px
;
background
:
#ddebff
;
background
:
#ddebff
;
border-radius
:
2px
;
border-radius
:
2px
;
font-size
:
14px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-family
:
HarmonyOS_Sans_SC
;
background-color
:
#
055fe7
;
background-color
:
#
DDEBFF
;
color
:
#
fff
;
color
:
#
055FE7
;
border
:
none
;
border
:
none
;
&:hover
{
&:hover
{
background
:
#377fec
;
/*background: #377fec;*/
}
&
:active
{
background
:
#044cb9
;
}
}
/*&:active {*/
/* background: #044cb9;*/
/*}*/
}
}
}
}
.headRight
{
.headRight
{
...
...
src/views/zzwlr/htcj.vue
View file @
0f7d5f9f
...
@@ -539,3 +539,12 @@
...
@@ -539,3 +539,12 @@
color
:
#333333
;
color
:
#333333
;
}
}
</
style
>
</
style
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
transparent
!important
;
}
</
style
>
src/views/zzwlr/xzry.scss
View file @
0f7d5f9f
...
@@ -164,6 +164,7 @@
...
@@ -164,6 +164,7 @@
/
deep
/
.flexBox
{
/
deep
/
.flexBox
{
display
:
flex
;
display
:
flex
;
margin
:
0px
18px
;
.el-checkbox
{
.el-checkbox
{
margin-right
:
24px
;
margin-right
:
24px
;
...
...
src/views/zzwlr/xzry.vue
View file @
0f7d5f9f
...
@@ -149,7 +149,7 @@
...
@@ -149,7 +149,7 @@
<div>
人员逻辑分库
</div>
<div>
人员逻辑分库
</div>
</el-row>
</el-row>
<el-row
class=
"flexBox"
>
<el-row
class=
"flexBox"
>
<div
style=
"margin: 0.9375rem 0"
></div>
<div
style=
"margin: 0.9375rem 0
;
"
></div>
<el-checkbox-group
v-model=
"checkedTargets"
style=
"padding-right: 6.875rem"
>
<el-checkbox-group
v-model=
"checkedTargets"
style=
"padding-right: 6.875rem"
>
<el-checkbox
v-for=
"(value, key) in targets"
:key=
"key"
:label=
"value.code"
>
{{ value.name }}
</el-checkbox>
<el-checkbox
v-for=
"(value, key) in targets"
:key=
"key"
:label=
"value.code"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</el-checkbox-group>
...
...
vue.config.js
View file @
0f7d5f9f
/*
/*
* @Author: your name
* @Author: your name
* @Date: 2021-09-07 09:57:48
* @Date: 2021-09-07 09:57:48
* @LastEditTime: 2022-02-14 1
5:44:20
* @LastEditTime: 2022-02-14 1
6:50:09
* @LastEditors: Please set LastEditors
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\vue.config.js
* @FilePath: \指纹系统\founder_vue\vue.config.js
...
...
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