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
901ad4e0
Commit
901ad4e0
authored
Feb 14, 2022
by
米嘉伟
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
查询与认定 导出案件
parent
cfb78384
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
1205 additions
and
967 deletions
+1205
-967
.env.development
+2
-2
src/views/AllPersonnelBase/modules/dcfptxAj.vue
+16
-4
src/views/cxyrd/QueryConfirm.vue
+1187
-961
No files found.
.env.development
View file @
901ad4e0
VUE_APP_AUTO_WRITE = dev
VUE_APP_BB_IP = http://192.168.128.102:8075/
\ No newline at end of file
VUE_APP_BB_IP = http://192.168.128.103:8075/
\ No newline at end of file
src/views/AllPersonnelBase/modules/dcfptxAj.vue
View file @
901ad4e0
...
...
@@ -175,11 +175,10 @@ export default {
barcode
.
push
(
this
.
rowData
[
i
].
followCase
.
barcode
)
}
}
let
reqParam
=
{
barcode
:
''
,
//条码号
seqNo
:
[],
// 指纹序号
palmNo
:
[],
// 掌纹序号
imageType
:
''
,
// 数据类型(原图)
baseMsg
:
null
,
// 基本信息 1导出 0不导出
featureFlag
:
null
,
// 导出特征 1导出 0不导出
...
...
@@ -188,9 +187,22 @@ export default {
reqParam
.
barcode
=
barcode
if
(
barcode
.
length
>
1
)
{
reqParam
.
seqNo
=
[]
reqParam
.
seqNo
=
null
reqParam
.
palmNo
=
null
}
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
.
baseMsg
=
this
.
wzChecked
==
true
?
1
:
0
;
...
...
src/views/cxyrd/QueryConfirm.vue
View file @
901ad4e0
<
template
>
<el-container
class=
"confirm-page"
direction=
"vertical"
>
<el-container
class=
"confirm-page"
direction=
"vertical"
>
<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"
>
<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
class=
"display_style"
>
<span
class=
"labelFont"
>
用户:
</span>
<el-select
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"
>
<span
class=
"labelFont"
>
用户名:
</span>
<el-select
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-select>
</div>
<div
class=
"display_style"
>
<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
class=
"display_style"
>
<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
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>
<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,
}">
}"
>
</el-date-picker>
</div>
<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>
<el-button
type=
"primary"
class=
"f-primary-button"
@
click=
"search"
>
筛选
<el-button
type=
"primary"
class=
"f-primary-button"
@
click=
"search"
>
筛选
</el-button>
</div>
</div>
<div
class=
"width100 margin_top24_bottom24 display_style"
>
<div
class=
"display_style prevent"
>
<label
class=
"btnLabel"
>
查询类型:
</label>
<div
v-for=
"(btn, index) in queryTypeBtns"
:key=
"index"
>
<div
v-for=
"(btn, index) in queryTypeBtns"
:key=
"index"
>
<!--
<div-->
<!-- class="btn"-->
<!-- @click="getQueryType(btn, 'querytypes')"-->
...
...
@@ -51,7 +106,10 @@
<!-- : ''-->
<!-- ]"-->
<!-- >-->
<div
class=
"btn1"
@
click=
"getQueryType(btn, 'querytypes')"
:class=
"[
<div
class=
"btn1"
@
click=
"getQueryType(btn, 'querytypes')"
:class=
"[
btn.value === '2'
? 'btn-active-zc'
: btn.value === '3'
...
...
@@ -61,7 +119,8 @@
: btn.value === '0'
? 'btn-active-cc'
: '',
]"
>
]"
>
{{
btn
.
name
}}
</div>
</div>
...
...
@@ -69,12 +128,19 @@
<p
class=
"shu"
></p>
<div
class=
"display_style prevent"
>
<label
class=
"btnLabel"
>
优先级:
</label>
<div
v-for=
"(btn, index) in queryClassBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'queryclasss')"
:class=
"[
<div
v-for=
"(btn, index) in queryClassBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'queryclasss')"
:class=
"[
reqParam.contrastCustomSearchReq.queryclasss.includes(btn.value)
? 'btn-active'
: '',
]"
>
]"
>
{{
btn
.
name
}}
</div>
</div>
...
...
@@ -82,12 +148,19 @@
<p
class=
"shu"
></p>
<div
class=
"display_style"
>
<label
class=
"btnLabel"
>
是否远程:
</label>
<div
v-for=
"(btn, index) in remoteFlagBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'remoteflags')"
:class=
"[
<div
v-for=
"(btn, index) in remoteFlagBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'remoteflags')"
:class=
"[
reqParam.contrastCustomSearchReq.remoteflags.includes(btn.value)
? 'btn-active'
: '',
]"
>
]"
>
{{
btn
.
name
}}
</div>
</div>
...
...
@@ -101,14 +174,24 @@
<div
class=
"width100 margin_top24_bottom24 display_style"
>
<label
class=
"width70 btnLabel"
>
状态选择:
</label>
<!-- -1:无效;0:等待比对;1:正在比对;9:比对出错;10:比对完成(等待认定);11:正在认定;19:认定出错;20:认定完成(等待复核);21:正在复核;29:复核出错;30;复合完成;99:标记删除-->
<div
class=
"btn"
@
click=
"allQueryType()"
>
全部
<div
class=
"btn"
@
click=
"allQueryType()"
>
全部
</div>
<div
v-for=
"(btn, index) in queryStateBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'querystates')"
:class=
"[
<div
v-for=
"(btn, index) in queryStateBtns"
:key=
"index"
>
<div
class=
"btn"
@
click=
"getQueryType(btn, 'querystates')"
:class=
"[
reqParam.contrastCustomSearchReq.querystates.includes(btn.value)
? 'btn-active'
: '',
]"
>
]"
>
{{
btn
.
name
}}
</div>
</div>
...
...
@@ -117,7 +200,10 @@
<div
class=
"confirm_main"
>
<div
class=
"confirm_main_search margin0 width100"
>
<div
class=
"display_style style-one"
>
<el-button
type=
"info"
@
click=
"batch"
>
批量操作
<el-button
type=
"info"
@
click=
"batch"
>
批量操作
</el-button>
<div
class=
"middle style-middle"
>
<!--
<div
class=
"font"
@
click=
"clearAll()"
>
...
...
@@ -125,14 +211,24 @@
<i
class=
"iconfont icon-xiala"
></i>
</div>
-->
<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
}}
</el-tag>
</div>
</div>
</div>
<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=
""
/>
-->
<i
class=
"iconfont icon-rengongrending"
></i>
<span>
人工认定
</span>
...
...
@@ -141,9 +237,19 @@
<div
class=
"margin0"
>
<el-dropdown
trigger=
"click"
>
<el-button
type=
"info"
>
自定义列
</el-button>
<el-dropdown-menu
slot=
"dropdown"
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"
>
<el-dropdown-menu
slot=
"dropdown"
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
}}
</el-checkbox>
</el-checkbox-group>
...
...
@@ -152,31 +258,76 @@
</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
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>
-->
</div>
</div>
<el-tag
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>
<el-tag
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
v-html=
"' '"
></span>
<el-link
type=
"primary"
:underline=
"false"
:style=
"
{
<el-link
type=
"primary"
:underline=
"false"
:style=
"
{
marginLeft: '1.25rem',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
}" @click="toggleSelection()">清除
}"
@click="toggleSelection()"
>清除
</el-link>
</el-tag>
<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" -->
<el-table-column
type=
"selection"
height
width=
"auto"
></el-table-column>
<el-table-column
prop=
""
label=
"任务号/查询ID"
:width=
"cxyrdWidth1"
>
<el-table-column
type=
"selection"
height
width=
"auto"
></el-table-column>
<el-table-column
prop=
""
label=
"任务号/查询ID"
:width=
"cxyrdWidth1"
>
<template
#
header
>
<div
class=
"tableHeader"
>
<span>
任务号
</span>
...
...
@@ -184,47 +335,78 @@
</div>
</
template
>
<
template
slot-scope=
"scope"
>
<svg-icon
style=
"
<svg-icon
style=
"
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
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
style=
"
<svg-icon
style=
"
width: 0.8125rem;
height: 0.375rem;
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
.
qid
:
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
}}
</div>
</
template
>
</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 == 'requestdatetime' ||
item.prop == 'queryclass'
? true
: false
"
>
"
>
<
template
slot-scope=
"scope"
>
<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
}}
</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
}}
</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
}}
</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
}}
</div>
<div
v-else
>
...
...
@@ -236,9 +418,16 @@
{{
scope
.
row
.
barcode
}}
<!--
{{
scope
.
row
.
artificialAffirmFlag
}}
-->
<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
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>
</div>
</div>
...
...
@@ -268,30 +457,51 @@
{{
dataFormat
(
scope
.
row
,
item
.
prop
)
}}
</
template
>
</template>
</el-table-column>
<el-table-column
width=
"auto"
label=
"操作"
align=
"left"
>
<el-table-column
width=
"auto"
label=
"操作"
align=
"left"
>
<
template
slot-scope=
"scope"
>
<Confirmation
content=
"复制条码"
v-if=
"scope.row.barcode && roleArr.includes('C-1-5')"
>
<img
style=
"
<Confirmation
content=
"复制条码"
v-if=
"scope.row.barcode && roleArr.includes('C-1-5')"
>
<img
style=
"
width: 1rem;
height: 1rem;
margin-right: 1.125rem;
cursor: pointer;
"
src=
"@/assets/img/qbryk/fz.svg"
@
click
.
stop=
"
"
src=
"@/assets/img/qbryk/fz.svg"
@
click
.
stop=
"
() =>
{
delSelect();
edit(scope.row);
}
" />
"
/>
</Confirmation>
<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"
>
<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)
delSelect()
}
" />
"
/>
</div>
</Confirmation>
</div>
...
...
@@ -304,16 +514,34 @@
<span
class=
"count"
>
共{{ reqParam.page.total }} 条记录 第{{ reqParam.page.currPage }}/{{
size
}}页
</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>
</div>
<el-dialog
:visible
.
sync=
"historyDialogVisible"
style=
"z-index: 1500"
>
<el-dialog
:visible
.
sync=
"historyDialogVisible"
style=
"z-index: 1500"
>
</el-dialog>
<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>
</template>
...
...
@@ -1134,1050 +1362,1048 @@ const setQueryClass = [
]
</
script
>
<
style
scoped
lang=
"scss"
>
.delSelection
/
deep
/
.el-table-column--selection
.cell
{
display
:
none
;
}
/
deep
/
.el-pager
{
.number
{
background-color
:
transparent
!important
;
}
.number.active
{
background-color
:
#055fe7
!important
;
box-shadow
:
0px
12px
16px
1px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
6px
;
}
.delSelection
/
deep
/
.el-table-column--selection
.cell
{
display
:
none
;
}
.el-icon.more.btn-quicknext.el-icon-more
,
.el-icon.more.btn-quickprev.el-icon-more
{
background-color
:
transparent
!important
;
}
}
/
deep
/
.el-pager
{
.number
{
background-color
:
transparent
!important
;
}
.number.active
{
background-color
:
#055fe7
!important
;
box-shadow
:
0px
12px
16px
1px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
6px
;
}
.el-icon.more.btn-quicknext.el-icon-more
,
.el-icon.more.btn-quickprev.el-icon-more
{
background-color
:
transparent
!important
;
}
}
/
deep
/
.btn-prev
,
/
deep
/
.btn-next
{
background-color
:
transparent
!important
;
}
/
deep
/
.btn-prev
,
/
deep
/
.btn-next
{
background-color
:
transparent
!important
;
}
/
deep
/
.el-pagination__sizes
{
position
:
absolute
;
right
:
0
;
}
/
deep
/
.el-pagination__sizes
{
position
:
absolute
;
right
:
0
;
}
/
deep
/
.btn-next
{
//
margin-right
:
120px
!important
;
}
/
deep
/
.btn-next
{
//
margin-right
:
120px
!important
;
}
.paging
{
float
:
right
;
}
.paging
{
float
:
right
;
}
.el-dropdown-menu
{
width
:
120px
;
/*height: 288px;*/
.el-checkbox-group
{
.el-checkbox
{
height
:
32px
;
width
:
120px
;
padding-left
:
16px
;
line-height
:
32px
;
&:hover
{
background
:
#f5f5f7
;
}
}
}
.el-dropdown-menu
{
width
:
120px
;
/*height: 288px;*/
.el-checkbox-group
{
.el-checkbox
{
height
:
32px
;
width
:
120px
;
padding-left
:
16px
;
line-height
:
32px
;
&:hover
{
background
:
#f5f5f7
;
}
}
}
}
</
style
>
<
style
scoped
>
.el-popper
[
x-placement
^=
"bottom-end"
]
{
border-style
:
none
;
}
.el-popper
[
x-placement
^=
"bottom-end"
]
{
border-style
:
none
;
}
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
::after
{
border-style
:
none
;
}
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
::after
{
border-style
:
none
;
}
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
{
border-style
:
none
;
}
.el-popper
[
x-placement
^=
"bottom-end"
]
.popper__arrow
{
border-style
:
none
;
}
.el-dropdown-content-bg
{
transform
:
translate
(
23px
,
-8px
);
}
.el-dropdown-content-bg
{
transform
:
translate
(
23px
,
-8px
);
}
</
style
>
<
style
scoped
lang=
"scss"
>
.width70
{
width
:
70px
!important
;
display
:
inline-block
;
}
//
滚动条的宽度
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
/
deep
/
.el-table
th
{
background-color
:
#f6f8fa
;
border
:
none
;
}
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#f6f8fa
solid
;
}
//
表格最外边框
.el-table--border
,
.el-table--group
{
border
:
none
;
}
/
deep
/
.el-popover
{
padding
:
15px
20px
!important
;
}
/
deep
/
.el-popconfirm__action
{
display
:
flex
;
justify-content
:
center
;
}
/
deep
/
.el-popover.el-popper
{
background
:
#006aff
;
}
/
deep
/
.el-form-item__label
{
color
:
#333333
;
}
/
deep
/
.el-table
th
>
.cell
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-weight
:
normal
;
color
:
#282f3c
;
}
/
deep
/
.el-table
td
>
.cell
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
}
/
deep
/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
.width70
{
width
:
70px
!important
;
display
:
inline-block
;
}
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
color
:
#055fe7
;
}
//
滚动条的宽度
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.el-table__body-wrapper
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
}
/
deep
/
.el-table
th
{
background-color
:
#f6f8fa
;
border
:
none
;
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
color
:
#055fe7
;
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#f6f8fa
solid
;
}
.el-range-input
{
color
:
#055fe7
;
}
}
//
表格最外边框
.el-table--border
,
.el-table--group
{
border
:
none
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
}
/
deep
/
.el-popover
{
padding
:
15px
20px
!important
;
}
div
{
margin
:
0
;
padding
:
0
;
display
:
inline-block
;
/*border: none;*/
}
/
deep
/
.el-popconfirm__action
{
display
:
flex
;
justify-content
:
center
;
}
.rgrd
{
display
:
flex
!important
;
align-items
:
center
;
justify-content
:
center
;
float
:
left
;
color
:
#055fe7
;
margin-right
:
10px
;
transform
:
translateY
(
5px
);
cursor
:
pointer
;
>
i
{
margin-right
:
5px
;
cursor
:
pointer
;
}
/
deep
/
.el-popover.el-popper
{
background
:
#006aff
;
}
>
span
{
cursor
:
pointer
;
line-height
:
24px
!important
;
color
:
#055fe7
!important
;
}
}
/
deep
/
.el-form-item__label
{
color
:
#333333
;
}
hr
{
background-color
:
#eeeeee
;
height
:
1px
;
border
:
none
;
margin
:
16px
0
16px
0
;
}
/
deep
/
.el-table
th
>
.cell
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC_Medium
;
font-weight
:
normal
;
color
:
#282f3c
;
}
label
{
width
:
70px
;
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#999999
;
line-height
:
22px
;
}
/
deep
/
.el-table
td
>
.cell
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
}
i
{
height
:
16px
;
width
:
16px
;
margin
:
0
9px
0
9px
;
}
/
deep
/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
b
{
width
:
64px
;
height
:
24px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC-Bold
,
HarmonyOS_Sans_SC
;
font-weight
:
bold
;
color
:
#333333
;
line-height
:
24px
;
}
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
color
:
#055fe7
;
}
.style-middle
{
display
:
flex
!important
;
justify-content
:
flex-star
t
;
align-items
:
center
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!importan
t
;
border-color
:
none
!important
;
}
.font
{
>
span
{
cursor
:
pointer
;
font-size
:
14px
!important
;
color
:
#666666
!important
;
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
color
:
#055fe7
;
cursor
:
pointer
;
.el-range-input
{
color
:
#055fe7
;
}
}
>
i
{
cursor
:
pointer
;
color
:
#b1b6c2
;
margin
:
0
!important
;
transform
:
rotate
(
-90deg
);
display
:
inline-block
;
margin-left
:
5px
!important
;
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
border-color
:
none
!important
;
}
&::before
{
width
:
10px
;
display
:
inline-block
;
}
}
div
{
margin
:
0
;
padding
:
0
;
display
:
inline-block
;
/*border: none;*/
}
width
:
80px
;
height
:
16px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
16px
;
margin
:
0
6px
0
8px
;
cursor
:
pointer
;
}
.rgrd
{
display
:
flex
!important
;
align-items
:
center
;
justify-content
:
center
;
float
:
left
;
color
:
#055fe7
;
margin-right
:
10px
;
transform
:
translateY
(
5px
);
cursor
:
pointer
;
>
i
{
margin-right
:
5px
;
cursor
:
pointer
;
}
>
span
{
cursor
:
pointer
;
line-height
:
24px
!important
;
color
:
#055fe7
!important
;
}
}
.history
{
width
:
12px
;
height
:
12px
;
margin-left
:
4px
;
margin-bottom
:
3px
;
cursor
:
pointer
;
}
hr
{
background-color
:
#eeeeee
;
height
:
1px
;
border
:
none
;
margin
:
16px
0
16px
0
;
}
.children-count
{
width
:
34px
;
height
:
21px
;
font-size
:
12px
;
line-height
:
21px
;
text-align
:
center
;
background
:
#f6f8fa
;
border-radius
:
11px
;
position
:
absolute
;
right
:
10px
;
}
label
{
width
:
70px
;
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#999999
;
line-height
:
22px
;
}
/
deep
/
.el-tag
.el-icon-close
::before
{
display
:
block
;
color
:
#fff
;
}
i
{
height
:
16px
;
width
:
16px
;
margin
:
0
9px
0
9px
;
}
/
deep
/
.el-tag
.el-icon-close
{
background-color
:
#b1b6c2
;
//
right
:
1px
!important
;
}
b
{
width
:
64px
;
height
:
24px
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC-Bold
,
HarmonyOS_Sans_SC
;
font-weight
:
bold
;
color
:
#333333
;
line-height
:
24px
;
}
.el-icon-arrow-down
{
color
:
#999999
;
border
:
#999999
1px
solid
;
border-radius
:
50%
;
/*边设置为圆形*/
font-size
:
12px
;
}
.style-middle
{
display
:
flex
!important
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.el-button
{
width
:
72px
;
height
:
32px
;
border-radius
:
4px
;
margin
:
0
;
padding
:
0
;
}
.font
{
>
span
{
cursor
:
pointer
;
font-size
:
14px
!important
;
color
:
#666666
!important
;
}
cursor
:
pointer
;
>
i
{
cursor
:
pointer
;
color
:
#b1b6c2
;
margin
:
0
!important
;
transform
:
rotate
(
-90deg
);
display
:
inline-block
;
margin-left
:
5px
!important
;
&::before
{
width
:
10px
;
display
:
inline-block
;
}
}
width
:
80px
;
height
:
16px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
16px
;
margin
:
0
6px
0
8px
;
cursor
:
pointer
;
}
.el-button__inner
{
width
:
72px
;
height
:
16px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#2e3846
;
line-height
:
16px
;
}
.history
{
width
:
12px
;
height
:
12px
;
margin-left
:
4px
;
margin-bottom
:
3px
;
cursor
:
pointer
;
}
.el-tag
{
color
:
#055fe7
!important
;
height
:
32px
;
box-sizing
:
border-box
!important
;
padding
:
0
8px
!important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0.75rem
;
}
.children-count
{
width
:
34px
;
height
:
21px
;
font-size
:
12px
;
line-height
:
21px
;
text-align
:
center
;
background
:
#f6f8fa
;
border-radius
:
11px
;
position
:
absolute
;
right
:
10px
;
}
/
deep
/
.el-tag
.el-icon-close
::before
{
display
:
block
;
color
:
#fff
;
}
.confirm-pag
e
{
width
:
100%
;
padding
:
20px
20px
;
font-family
:
MicrosoftYaHei
;
/
deep
/
.el-tag
.el-icon-clos
e
{
background-color
:
#b1b6c2
;
//
right
:
1px
!important
;
}
div
{
display
:
inline-block
;
}
.el-icon-arrow-down
{
color
:
#999999
;
border
:
#999999
1px
solid
;
border-radius
:
50%
;
/*边设置为圆形*/
font-size
:
12px
;
}
.footer
{
width
:
1544px
;
//
width
:
calc
(
100vw
-
367px
);
position
:
absolute
;
bottom
:
27px
;
left
:
24px
;
.count
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
}
.paging
{
float
:
right
;
}
}
}
.el-button
{
width
:
72px
;
height
:
32px
;
border-radius
:
4px
;
margin
:
0
;
padding
:
0
;
}
/
deep
/
.el-range-separator
{
line-height
:
24px
!important
;
}
.el-button__inner
{
width
:
72px
;
height
:
16px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#2e3846
;
line-height
:
16px
;
}
.prevent
{
margin-right
:
10px
!important
;
}
.el-tag
{
color
:
#055fe7
!important
;
height
:
32px
;
box-sizing
:
border-box
!important
;
padding
:
0
8px
!important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0.75rem
;
}
.shu
{
display
:
inline-block
;
width
:
1px
;
height
:
12px
;
margin-right
:
20px
!important
;
background
:
#999999
;
}
.confirm-page
{
width
:
100%
;
padding
:
20px
20px
;
font-family
:
MicrosoftYaHei
;
.display_style
{
display
:
inline-block
;
margin
:
5px
24px
5px
0
;
}
div
{
display
:
inline-block
;
}
/
deep
/
.el-button
span
{
cursor
:
pointer
;
}
.footer
{
width
:
1544px
;
//
width
:
calc
(
100vw
-
367px
);
position
:
absolute
;
bottom
:
27px
;
left
:
24px
;
.style-one
{
display
:
flex
!important
;
.count
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
}
.margin_top24_bottom24
{
display
:
flex
;
align-items
:
center
;
.paging
{
float
:
right
;
}
}
}
.send_time
{
display
:
flex
;
align-items
:
center
;
/deep/
.el-input__icon
{
height
:
32px
;
}
/
deep
/
.el-range-separator
{
line-height
:
24px
!important
;
}
/
deep
/
.el-input__icon.el-range__icon.el-icon-date
{
position
:
absolute
;
right
:
6px
;
}
}
.prevent
{
margin-right
:
10px
!important
;
}
.display_style
span
{
height
:
24px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
line-height
:
20px
;
margin
:
0
;
padding
:
0
;
}
.shu
{
display
:
inline-block
;
width
:
1px
;
height
:
12px
;
margin-right
:
20px
!important
;
background
:
#999999
;
}
.el_select
{
width
:
168px
;
height
:
32px
;
background
:
#ffffff
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
}
.display_style
{
display
:
inline-block
;
margin
:
5px
24px
5px
0
;
}
/
deep
/
.el-input__ico
n
{
line-height
:
32px
!important
;
}
/
deep
/
.el-button
spa
n
{
cursor
:
pointer
;
}
.el_data_picker
{
width
:
256px
;
height
:
32px
;
background
:
#ffffff
;
border-radius
:
4px
;
border
:
1px
solid
#e6e6e8
;
}
.style-one
{
display
:
flex
!important
;
}
.el_input
{
width
:
168px
;
height
:
32px
;
background
:
#ffffff
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
}
.margin_top24_bottom24
{
display
:
flex
;
align-items
:
center
;
}
.tmh
{
width
:
300p
x
;
}
.send_time
{
display
:
fle
x
;
align-items
:
center
;
/
deep
/
.el-input__inner
{
height
:
32px
!important
;
}
/deep/
.el-input__icon
{
height
:
32px
;
}
.btnLabel
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
color
:
#282f3c
;
font-size
:
14px
;
}
.btn
{
width
:
fit-content
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
height
:
22px
;
padding
:
0
;
margin
:
0
15px
0
12px
;
font-size
:
14px
;
font-weight
:
350
;
color
:
#666666
;
cursor
:
pointer
;
}
/
deep
/
.el-input__icon.el-range__icon.el-icon-date
{
position
:
absolute
;
right
:
6px
;
}
}
.btn
:hover
{
color
:
#055fe7
;
}
.display_style
span
{
height
:
24px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
line-height
:
20px
;
margin
:
0
;
padding
:
0
;
}
.btn-active
{
color
:
#055fe7
;
}
.el_select
{
width
:
168px
;
height
:
32px
;
background
:
#ffffff
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
}
.btn1
{
width
:
fit-content
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
height
:
22px
;
padding
:
0
;
margin
:
0
12px
0
12px
;
font-size
:
14px
;
font-weight
:
350
;
cursor
:
pointer
;
}
/
deep
/
.el-input__icon
{
line-height
:
32px
!important
;
}
.btn1
:hover
{
font-weight
:
bolder
;
}
.el_data_picker
{
width
:
256px
;
height
:
32px
;
background
:
#ffffff
;
border-radius
:
4px
;
border
:
1px
solid
#e6e6e8
;
}
.btn-active-zc
{
color
:
#00b47a
;
}
.el_input
{
width
:
168px
;
height
:
32px
;
background
:
#ffffff
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
}
.btn-active-dc
{
color
:
#e60012
;
}
.tmh
{
width
:
300px
;
}
.btn-active-cc
{
color
:
#fa9500
;
}
/
deep
/
.el-input__inner
{
height
:
32px
!important
;
}
.btn-active-ca
{
color
:
#055fe7
;
}
.btnLabel
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
color
:
#282f3c
;
font-size
:
14px
;
}
.clear_btn
{
width
:
fit-content
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
height
:
22px
;
padding
:
0
;
margin
:
0
12px
0
0
;
font-size
:
14px
;
font-weight
:
350
;
color
:
#333333
;
cursor
:
pointer
;
color
:
#055fe7
;
&:hover
{
color
:
#055fe7
;
}
.btn
{
width
:
fit-content
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
height
:
22px
;
padding
:
0
;
margin
:
0
15px
0
12px
;
font-size
:
14px
;
font-weight
:
350
;
color
:
#666666
;
cursor
:
pointer
;
}
&
:active
{
color
:
#055fe7
;
}
}
.btn
:hover
{
color
:
#055fe7
;
}
.el-button--primary
{
width
:
72px
;
height
:
32px
;
line-height
:
22px
;
padding
:
0
;
background
:
#055fe7
;
border-radius
:
4px
;
}
.btn-active
{
color
:
#055fe7
;
}
.el-checkbox-button__inner
{
width
:
56px
;
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#ffffff
;
line-height
:
22px
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
}
.btn1
{
width
:
fit-content
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
height
:
22px
;
padding
:
0
;
margin
:
0
12px
0
12px
;
font-size
:
14px
;
font-weight
:
350
;
cursor
:
pointer
;
}
.confirm_main_button
{
.el-button--info
{
margin-right
:
0
;
}
}
.btn1
:hover
{
font-weight
:
bolder
;
}
.el-button--info
{
width
:
96px
;
height
:
32px
;
font-weight
:
350
;
color
:
#2e3846
;
background
:
#ffffff
;
border
:
1px
solid
#aeb5c2
;
border-radius
:
4px
;
margin
:
0
8px
0
8px
;
}
.btn-active-zc
{
color
:
#00b47a
;
}
.el-button--info
:hover
{
border
:
1px
solid
#055fe7
;
color
:
#055fe7
;
}
.btn-active-dc
{
color
:
#e60012
;
}
.el-button--info
:active
{
border
:
1px
solid
#044cb9
;
color
:
#044cb9
;
}
.btn-active-cc
{
color
:
#fa9500
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
!important
;
border
:
1px
solid
#055fe7
!important
;
}
.btn-active-ca
{
color
:
#055fe7
;
}
/
deep
/
.el-checkbox__inner
:hover
{
border-color
:
#055fe7
;
/*background: #f5f5f7;*/
}
.clear_btn
{
width
:
fit-content
;
font-family
:
HarmonyOS_Sans_SC
;
border
:
none
;
height
:
22px
;
padding
:
0
;
margin
:
0
12px
0
0
;
font-size
:
14px
;
font-weight
:
350
;
color
:
#333333
;
cursor
:
pointer
;
color
:
#055fe7
;
&:hover
{
color
:
#055fe7
;
}
&
:active
{
color
:
#055fe7
;
}
}
/
deep
/
.el-checkbox__input
+
.el-checkbox__label
{
color
:
#333333
;
font-size
:
14px
;
}
.el-button--primary
{
width
:
72px
;
height
:
32px
;
line-height
:
22px
;
padding
:
0
;
background
:
#055fe7
;
border-radius
:
4px
;
}
/
deep
/
.el-checkbox__input.is-focus
.el-checkbox__inner
{
border-color
:
#055fe7
!important
;
}
.el-checkbox-button__inner
{
width
:
56px
;
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#ffffff
;
line-height
:
22px
;
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
}
.confirm_main_search
{
width
:
100%
;
height
:
34px
;
margin-bottom
:
10px
;
display
:
flex
!important
;
justify-content
:
space-between
;
align-items
:
center
;
>
div
{
&:first-of-type
{
.el-button--info
{
margin-left
:
0
;
margin-right
:
15px
;
}
}
}
}
.confirm_main_button
{
.el-button--info
{
margin-right
:
0
;
}
}
.confirm_main_button
{
position
:
absolute
;
right
:
0px
;
}
.el-button--info
{
width
:
96px
;
height
:
32px
;
font-weight
:
350
;
color
:
#2e3846
;
background
:
#ffffff
;
border
:
1px
solid
#aeb5c2
;
border-radius
:
4px
;
margin
:
0
8px
0
8px
;
}
.el-table
/
deep
/
{
td.el-table__cell,
th.el-table__cell.is-leaf
{
border-bottom
:
none
;
}
}
.el-button--info
:hover
{
border
:
1px
solid
#055fe7
;
color
:
#055fe7
;
}
.labelFont
{
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC
!important
;
color
:
#333333
!important
;
}
.el-button--info
:active
{
border
:
1px
solid
#044cb9
;
color
:
#044cb9
;
}
.confirm_header_search
{
width
:
100%
;
padding
:
20px
20px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
box-shadow
:
inset
0px
0px
3px
0px
rgba
(
5
,
95
,
231
,
0.2
);
margin-bottom
:
15px
;
/deep/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
!important
;
border
:
1px
solid
#055fe7
!important
;
}
.confirm_main
{
width
:
100%
;
//
height
:
60px
;
height
:
620px
;
border-bottom
:
1px
solid
#eeeeee
;
}
/
deep
/
.el-checkbox__inner
:hover
{
border-color
:
#055fe7
;
/*background: #f5f5f7;*/
}
.confirm_main_table
{
margin
:
6px
0
15px
0
;
padding
:
0
;
width
:
100%
;
height
:
528px
;
/
deep
/
.el-checkbox__input
+
.el-checkbox__label
{
color
:
#333333
;
font-size
:
14px
;
}
.mineral-table
{
//
height
:
450px
;
}
}
/
deep
/
.el-checkbox__input.is-focus
.el-checkbox__inner
{
border-color
:
#055fe7
!important
;
}
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
//
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#eeeeee
solid
;
.confirm_main_search
{
width
:
100%
;
height
:
34px
;
margin-bottom
:
10px
;
display
:
flex
!important
;
justify-content
:
space-between
;
align-items
:
center
;
>
div
{
&:first-of-type
{
.el-button--info
{
margin-left
:
0
;
margin-right
:
15px
;
}
}
}
}
//
去除
table
表格最底部边框
.el-table__row
>
td
{
border
:
none
;
}
.confirm_main_button
{
position
:
absolute
;
right
:
0px
;
}
//
去除
table
表格最底部边框
.el-table
::before
{
height
:
0px
;
}
.el-table
/
deep
/
{
td.el-table__cell,
th.el-table__cell.is-leaf
{
border-bottom
:
none
;
}
}
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
48px
!important
;
padding
:
0
!important
;
}
.labelFont
{
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC
!important
;
color
:
#333333
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!important
;
}
.confirm_header_search
{
width
:
100%
;
padding
:
20px
20px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
box-shadow
:
inset
0px
0px
3px
0px
rgba
(
5
,
95
,
231
,
0.2
);
margin-bottom
:
15px
;
/deep/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
#f2f7fe
!important
;
}
.confirm_main
{
width
:
100%
;
//
height
:
60px
;
height
:
620px
;
border-bottom
:
1px
solid
#eeeeee
;
}
/
deep
/
.el-table__row
{
height
:
48px
!important
;
}
.confirm_main_table
{
margin
:
6px
0
15px
0
;
padding
:
0
;
width
:
100%
;
height
:
528px
;
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
background-color
:
#f5f6f7
!important
;
}
}
.mineral-table
{
//
height
:
450px
;
}
}
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
/
deep
/
.el-table
td
,
.el-table
th
.is-leaf
{
background-color
:
#ffffff
;
border
:
none
;
//
border-bottom
:
1px
#f6f8fa
solid
;
border-top
:
1px
#eeeeee
solid
;
}
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!important
;
}
//
去除
table
表格最底部边框
.el-table__row
>
td
{
border
:
none
;
}
/
deep
/
.el-table__body
{
width
:
100%
!important
;
}
//
去除
table
表格最底部边框
.el-table
::before
{
height
:
0px
;
}
//
el-table
左侧固定
样式统一
/
deep
/
.el-table__fixed
{
height
:
100%
!important
;
/
deep
/
.el-table
.el-table__header-wrapper
tr
th
{
background-color
:
#ecf1f7
!important
;
font-size
:
14px
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
48px
!important
;
padding
:
0
!important
;
}
&::before
{
height
:
0
;
}
}
/
deep
/
.el-table
.el-table__body
tr
.current-row
>
td
{
background-color
:
#f2f7fe
!important
;
}
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!important
;
.el-table__header
{
width
:
100%
!important
;
height
:
48px
!important
;
background-color
:
#ecf1f7
!important
;
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
3rem
!important
;
padding
:
0
!important
;
}
/
deep
/
.el-table
.el-table__body
tr
:hover
>
td
{
background-color
:
#f2f7fe
!important
;
}
thead
{
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
/
deep
/
.el-table__row
{
height
:
48px
!important
;
}
.cell
{
font-weight
:
normal
!important
;
}
}
/
deep
/
.el-table__row--level-1
{
.el-table__cell
{
background-color
:
#f5f6f7
!important
;
}
}
th
{
border
:
none
!important
;
background-color
:
#ecf1f7
!important
;
}
}
/
deep
/
.el-table
th
>
.cell
{
font-family
:
HarmonyOS_Sans_SC_Medium
;
}
/
deep
/
.hover-row
{
.el-table__cell
{
background-color
:
#f2f7fe
!important
;
}
}
/
deep
/
.el-table
.el-table__cell
{
padding
:
0
!important
;
}
/
deep
/
.el-table__fixed-right
{
height
:
100%
!important
;
/
deep
/
.el-table__body
{
width
:
100%
!important
;
}
&::before
{
height
:
0
;
}
}
//
el-table
左侧固定
样式统一
/
deep
/
.el-table__fixed
{
height
:
100%
!important
;
//
批量操作
.el-tag
{
color
:
#055fe7
!important
;
height
:
32px
;
box-sizing
:
border-box
!important
;
padding
:
0
8px
!important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0.75rem
;
margin-bottom
:
16px
;
display
:
flex
;
align-items
:
center
;
}
&::before
{
height
:
0
;
}
}
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
}
/
deep
/
.el-table__fixed-header-wrapper
{
height
:
48px
!important
;
.el-table__header
{
width
:
100%
!important
;
height
:
48px
!important
;
background-color
:
#ecf1f7
!important
;
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
height
:
3rem
!important
;
padding
:
0
!important
;
}
thead
{
font-size
:
0.875rem
!important
;
font-family
:
HarmonyOS_Sans_SC_Medium
!important
;
color
:
#282f3c
!important
;
.cell
{
font-weight
:
normal
!important
;
}
}
th
{
border
:
none
!important
;
background-color
:
#ecf1f7
!important
;
}
}
.icon-tanhao1
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
/
deep
/
.hover-row
{
.el-table__cell
{
background-color
:
#f2f7fe
!important
;
}
}
//
表格高度
--
展示下面的
border
.split-line
{
height
:
650px
;
border-bottom
:
1px
solid
#eeeeee
;
}
/
deep
/
.el-table__fixed-right
{
height
:
100%
!important
;
//
复选框
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
}
&::before
{
height
:
0
;
}
}
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
}
//
批量操作
.el-tag
{
color
:
#055fe7
!important
;
height
:
32px
;
box-sizing
:
border-box
!important
;
padding
:
0
8px
!important
;
background
:
#ddebff
;
border-radius
:
4px
;
font-size
:
0.75rem
;
margin-bottom
:
16px
;
display
:
flex
;
align-items
:
center
;
}
.search
{
/deep/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
/
deep
/
.el-link--inner
{
color
:
rgb
(
5
,
95
,
231
);
}
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
}
.icon-tanhao1
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
;
border-color
:
non
e
;
}
//
表格高度
--
展示下面的
border
.split-line
{
height
:
650px
;
border-bottom
:
1px
solid
#eeeee
e
;
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效著作权归作者所有。
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
//
复选框
/
deep
/
.el-checkbox__inner
{
cursor
:
pointer
;
}
.el-range-input
{
color
:
#055fe7
;
}
}
/
deep
/
.el-checkbox__input
{
line-height
:
16px
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
}
.search
{
/deep/
.el-input__inner
{
background
:
#ffffff
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.03
);
border-radius
:
4px
;
border
:
none
;
}
//
输入框选中样式
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
//
:focus-within
能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,
:focus-within
伪类的元素就会有效著作权归作者所有。
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
color
:
#055fe7
;
.el-range-input
{
color
:
#055fe7
;
}
}
/
deep
/
.el-input.is-active
.el-input__inner
,
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
);
border-color
:
none
;
}
}
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
}
/
deep
/
.el-input__inner
:hover
{
cursor
:
text
;
}
//
@import
"@/assets/css/globalBase.scss"
;
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
<!--table树-->
<
style
scoped
lang=
"scss"
>
.el-select-dropdown__item.selected
{
color
:
#006aff
;
}
.el-select-dropdown__item.selected
{
color
:
#006aff
;
}
.tableHeader
{
>
span
{
&:last-of-type
{
color
:
#999
;
font-size
:
12px
;
}
}
.tableHeader
{
>
span
{
&:last-of-type
{
color
:
#999
;
font-size
:
12px
;
}
}
}
.rgbq
{
padding
:
0
5px
;
width
:
32px
;
background
:
#ddebff
;
border-radius
:
2px
;
font-size
:
12px
;
color
:
#055fe7
;
}
.rgbq
{
padding
:
0
5px
;
width
:
32px
;
background
:
#ddebff
;
border-radius
:
2px
;
font-size
:
12px
;
color
:
#055fe7
;
}
.pRight
{
position
:
absolute
;
right
:
0
;
top
:
50%
;
transform
:
translateY
(
-50%
);
}
.pRight
{
position
:
absolute
;
right
:
0
;
top
:
50%
;
transform
:
translateY
(
-50%
);
}
.removeDia
{
//
width
:
1600px
!important
;
}
.removeDia
{
//
width
:
1600px
!important
;
}
.el-table
{
/deep/
.el-checkbox
{
.is-indeterminate
{
.el-checkbox__inner
{
background-color
:
#055fe7
!important
;
border
:
1px
solid
#055fe7
!important
;
}
}
}
.el-table
{
/deep/
.el-checkbox
{
.is-indeterminate
{
.el-checkbox__inner
{
background-color
:
#055fe7
!important
;
border
:
1px
solid
#055fe7
!important
;
}
}
}
}
.el-tree
/
deep
/
.el-tree-node__expand-icon.expanded
{
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
}
.el-tree
/
deep
/
.el-tree-node__expand-icon.expanded
{
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
}
/*有子节点 且未展开*/
.el-table
/
deep
/
.el-icon-arrow-right
:before
{
content
:
""
;
display
:
block
;
width
:
16px
;
height
:
16px
;
font-size
:
16px
;
background-size
:
16px
;
}
/*有子节点 且未展开*/
.el-table
/
deep
/
.el-icon-arrow-right
:before
{
content
:
""
;
display
:
block
;
width
:
16px
;
height
:
16px
;
font-size
:
16px
;
background-size
:
16px
;
}
/*有子节点 且已展开*/
.el-table
/
deep
/
.el-table__expand-icon--expanded
{
.
el-icon-arrow-right
:
before
{
content
:
""
;
display
:
block
;
width
:
15px
;
height
:
20px
;
font-size
:
18px
;
background-size
:
21px
;
}
}
/*有子节点 且已展开*/
.el-table
/
deep
/
.el-table__expand-icon--expanded
{
.
el-icon-arrow-right
:
before
{
content
:
""
;
display
:
block
;
width
:
15px
;
height
:
20px
;
font-size
:
18px
;
background-size
:
21px
;
}
}
/*没有子节点*/
.el-tree
/
deep
/
.el-tree-node__expand-icon.is-leaf
::before
.el-table
/
deep
/
.el-table__placeholder
::before
{
content
:
""
;
display
:
block
;
width
:
16px
;
height
:
18px
;
font-size
:
16px
;
background-size
:
16px
;
}
/*没有子节点*/
.el-tree
/
deep
/
.el-tree-node__expand-icon.is-leaf
::before
.el-table
/
deep
/
.el-table__placeholder
::before
{
content
:
""
;
display
:
block
;
width
:
16px
;
height
:
18px
;
font-size
:
16px
;
background-size
:
16px
;
}
/
deep
/
.el-table--enable-row-hover
.el-table__body
tr
:hover
{
cursor
:
pointer
;
}
/
deep
/
.el-table--enable-row-hover
.el-table__body
tr
:hover
{
cursor
:
pointer
;
}
</
style
>
<
style
lang=
"scss"
>
.el-tag-box
{
//
width
:
930px
;
display
:
flex
!important
;
text-align
:
left
;
white-space
:
nowrap
;
width
:
1070px
;
overflow
:
auto
;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar
{
width
:
6px
;
height
:
6px
;
}
.el-tag-box
{
//
width
:
930px
;
display
:
flex
!important
;
text-align
:
left
;
white-space
:
nowrap
;
width
:
1070px
;
overflow
:
auto
;
}
/* 滚动槽
*/
::-webkit-scrollbar-track
{
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.3
)
;
border-radius
:
6px
;
}
/* 设置滚动条的样式
*/
::-webkit-scrollbar
{
width
:
6px
;
height
:
6px
;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb
{
border-radius
:
6px
;
background
:
#dadde0
;
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.5
);
}
/* 滚动槽 */
::-webkit-scrollbar-track
{
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.3
);
border-radius
:
6px
;
}
::-webkit-scrollbar-thumb:window-inactive
{
background
:
#dadde0
;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb
{
border-radius
:
6px
;
background
:
#dadde0
;
-webkit-box-shadow
:
inset006pxrgba
(
0
,
0
,
0
,
0.5
);
}
.el-table__expand-icon
{
.el-icon-arrow-right
{
cursor
:
pointer
!important
;
}
::-webkit-scrollbar-thumb:window-inactive
{
background
:
#dadde0
;
}
cursor
:
pointer
!
important
;
position
:
absolute
;
right
:
45px
;
cursor
:
pointer
;
color
:
#b51f1f
;
transition
:
transform
0
.2s
ease-in-out
;
width
:
11px
;
height
:
11px
;
/* border: black 1px solid; */
margin
:
0
;
background-image
:
url
(
"../../assets/img/confirm/expend.png"
);
background-position
:
center
;
background-size
:
11px
;
background-repeat
:
no-repeat
;
}
.el-table__expand-icon
{
.el-icon-arrow-right
{
cursor
:
pointer
!important
;
}
cursor
:
pointer
!
important
;
position
:
absolute
;
right
:
45px
;
cursor
:
pointer
;
color
:
#b51f1f
;
transition
:
transform
0
.2s
ease-in-out
;
width
:
11px
;
height
:
11px
;
/* border: black 1px solid; */
margin
:
0
;
background-image
:
url
(
"../../assets/img/confirm/expend.png"
);
background-position
:
center
;
background-size
:
11px
;
background-repeat
:
no-repeat
;
}
.el-table__expand-icon.el-table__expand-icon--expanded
{
width
:
11px
;
height
:
11px
;
background-image
:
url("../../assets/img/confirm/shrink.png")
;
background-position
:
center
;
background-size
:
11px
;
background-repeat
:
no-repeat
;
transform
:
rotate
(
180deg
)
!important
;
}
//
修改下拉框样式
.el-select-dropdown__item
{
padding-left
:
20px
;
}
.el-table__expand-icon.el-table__expand-icon--expanded
{
width
:
11px
;
height
:
11px
;
background-image
:
url("../../assets/img/confirm/shrink.png")
;
background-position
:
center
;
background-size
:
11px
;
background-repeat
:
no-repeat
;
transform
:
rotate
(
180deg
)
!important
;
}
//
修改下拉框样式
.el-select-dropdown__item
{
padding-left
:
20px
;
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment