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
5910db7c
Commit
5910db7c
authored
Feb 11, 2022
by
li_hongchao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
FPTX导入 ui调整
parent
15474a0f
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
1135 additions
and
1100 deletions
+1135
-1100
src/views/drFPTX/Index.vue
+1135
-1099
src/views/xtfkgl/XtfkAndGzlView.vue
+0
-1
No files found.
src/views/drFPTX/Index.vue
View file @
5910db7c
<
template
>
<div
class=
'drFPTX'
id=
"drFPTX"
>
<el-radio-group
class=
'drlx'
v-model=
"drlx"
<div
class=
'drFPTX'
id=
"drFPTX"
>
<el-radio
:label=
"3"
v-if=
"roleArr.includes('B-1-1')"
>
人员
</el-radio>
<el-radio
:label=
"6"
v-if=
"roleArr.includes('B-1-2')"
>
案件
</el-radio>
<el-radio
:label=
"9"
v-if=
"roleArr.includes('B-1-3')"
>
比中关系
</el-radio>
</el-radio-group>
<div
class=
'choose'
>
<div
class=
"chooseTip"
>
<div
class=
"wjlx"
>
<div
class=
"left"
>
<el-radio-group
v-model=
"wjlx"
>
<el-radio
:label=
"3"
>
文件
</el-radio>
<el-radio
:label=
"6"
>
文件夹
</el-radio>
</el-radio-group>
</div>
<div
class=
"right"
>
<div
class=
'center'
>
<el-input
:placeholder=
"'请选择文件路径(最大支持'+ ltSize +'M)'"
v-model=
"fileName"
></el-input>
<div
class=
"line"
></div>
<div
class=
"text"
@
click=
"wjlx==3 ? uploadFile() : uploadFiles()"
>
选择
</div>
<!-- 上传 -->
<!-- style="display:none" -->
<el-upload
class=
"upload-demo"
ref=
"upload"
:multiple=
"true"
:action=
'action'
:on-preview=
"handlePreview"
:on-remove=
"handleRemove"
:on-success=
"uploadSuccess"
:on-change=
'onChange'
:on-progress=
"uploadProcess"
:file-list=
"fileList"
:auto-upload=
"false"
:before-upload=
"beforeUpload"
:show-file-list=
"false"
>
</el-upload>
<el-radio-group
class=
'drlx'
v-model=
"drlx"
>
<el-radio
:label=
"3"
v-if=
"roleArr.includes('B-1-1')"
>
人员
</el-radio>
<el-radio
:label=
"6"
v-if=
"roleArr.includes('B-1-2')"
>
案件
</el-radio>
<el-radio
:label=
"9"
v-if=
"roleArr.includes('B-1-3')"
>
比中关系
</el-radio>
</el-radio-group>
<div
class=
'choose'
>
<div
class=
"chooseTip"
>
<div
class=
"wjlx"
>
<div
class=
"left"
>
<el-radio-group
v-model=
"wjlx"
>
<el-radio
:label=
"3"
>
文件
</el-radio>
<el-radio
:label=
"6"
>
文件夹
</el-radio>
</el-radio-group>
</div>
<div
class=
"right"
>
<div
class=
'center'
>
<el-input
:placeholder=
"'请选择文件路径(最大支持'+ ltSize +'M)'"
v-model=
"fileName"
></el-input>
<div
class=
"line"
></div>
<div
class=
"text"
@
click=
"wjlx==3 ? uploadFile() : uploadFiles()"
>
选择
</div>
<!-- 上传 -->
<!-- style="display:none" -->
<el-upload
class=
"upload-demo"
ref=
"upload"
:multiple=
"true"
:action=
'action'
:on-preview=
"handlePreview"
:on-remove=
"handleRemove"
:on-success=
"uploadSuccess"
:on-change=
'onChange'
:on-progress=
"uploadProcess"
:file-list=
"fileList"
:auto-upload=
"false"
:before-upload=
"beforeUpload"
:show-file-list=
"false"
>
</el-upload>
</div>
</div>
</div>
<div
class=
"tip"
>
<span
class=
"iconfont"
>

</span>
提示:当选择多个逻辑库时,工作流以最小ID逻辑库为准!
</div>
</div>
</div>
</div>
<div
class=
"tip"
>
<span
class=
"iconfont"
>

</span>
提示:当选择多个逻辑库时,工作流以最小ID逻辑库为准!
<el-button
:class=
"selectArr.length?'selected':'noselected'"
@
click=
"submitUpload"
:disabled=
"selectArr.length?false:true"
>
导入
</el-button>
</div>
</div>
<el-button
:class=
"selectArr.length?'selected':'noselected'"
@
click=
"submitUpload"
:disabled=
"selectArr.length?false:true"
>
导入
</el-button>
</div>
<div
class=
"divider"
></div>
<div
class=
'bottom'
v-show=
"this.drlx==3||this.drlx==6"
>
<div
class=
"left"
>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
FPTX的条码号
</div>
<el-table
:border=
"false"
height=
"33rem"
:data=
"datas"
@
selection-change=
"checkAll1"
style=
"width: 100%"
row-key=
"pid"
:tree-props=
"
{children: 'sonBarcode', hasChildren: 'hasChildren'}"
@expand-change="hadnlExpandChange1"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
:selectable=
"checkSelectable"
>
</el-table-column>
<el-table-column
prop=
"wjxh"
:width=
"fptxWidth2"
label=
"文件序号"
>
<template
slot-scope=
"scope"
>
<svg-icon
style=
"
<div
class=
"divider"
></div>
<div
class=
'bottom'
v-show=
"this.drlx==3||this.drlx==6"
>
<div
class=
"left"
>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
FPTX的条码号
</div>
<el-table
height=
"37rem"
:border=
"false"
:data=
"datas"
@
selection-change=
"checkAll1"
style=
"width: 100%;"
row-key=
"pid"
:tree-props=
"
{children: 'sonBarcode', hasChildren: 'hasChildren'}"
@expand-change="hadnlExpandChange1"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
:selectable=
"checkSelectable"
>
</el-table-column>
<el-table-column
prop=
"wjxh"
:width=
"fptxWidth2"
label=
"文件序号"
>
<template
slot-scope=
"scope"
>
<svg-icon
style=
"
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
...
...
@@ -120,416 +120,416 @@
margin-right:0.625rem;
"
v-if=
"scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class=
"tree_f"
>
</svg-icon>
<svg-icon
style=
"
v-if=
"scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class=
"tree_f"
>
</svg-icon>
<svg-icon
style=
"
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
"
v-else-if=
"!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class=
"tree_c"
></svg-icon>
{{
v-else-if=
"!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class=
"tree_c"
></svg-icon>
{{
scope
.
row
.
sonBarcode
||
scope
.
row
.
sonBarcode
===
null
?
scope
.
row
.
wjxh
:
scope
.
row
.
wjxh
}}
<div
v-show=
"scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class=
"children-count"
>
{{
scope
.
row
.
sonBarcode
?
scope
.
row
.
sonBarcode
.
length
:
0
}}
</div>
</
template
>
</el-table-column>
<el-table-column
prop=
"nx"
label=
"内序"
:width=
"fptxWidth3"
>
</el-table-column>
<el-table-column
prop=
"barcode"
label=
"条码号"
>
</el-table-column>
</el-table>
</el-col>
<el-col
:span=
"2"
>
<div
class=
"opSetting"
>
<div
@
click=
"handelSelect"
>
<el-button
icon=
"el-icon-arrow-right"
:disabled=
"nowSelectData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
<div
class=
"spacing"
@
click=
"handleRemoveSelect"
>
<el-button
icon=
"el-icon-arrow-left"
:disabled=
"nowSelectRightData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
需要导入的条码号
</div>
<el-table
height=
"33rem"
ref=
'reftable1'
:data=
"selectArr"
style=
"width: 100%
"
row-key=
"pid"
:tree-props=
"{children: 'sonBarcode'}"
@
selection-change=
"checkRightAll"
@
expand-change=
"hadnlExpandChange2"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
:selectable=
"checkSelectable"
>
</el-table-column>
<el-table-column
prop=
"wjxh"
:width=
"fptxWidth2"
label=
"文件序号"
>
<
template
slot-scope=
"scope"
>
<svg-icon
style=
"
<div
v-show=
"scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class=
"children-count"
>
{{
scope
.
row
.
sonBarcode
?
scope
.
row
.
sonBarcode
.
length
:
0
}}
</div>
</
template
>
</el-table-column>
<el-table-column
prop=
"nx"
label=
"内序"
:width=
"fptxWidth3"
>
</el-table-column>
<el-table-column
prop=
"barcode"
label=
"条码号"
>
</el-table-column>
</el-table>
</el-col>
<el-col
:span=
"2"
>
<div
class=
"opSetting"
>
<div
@
click=
"handelSelect"
>
<el-button
icon=
"el-icon-arrow-right"
:disabled=
"nowSelectData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
<div
class=
"spacing"
@
click=
"handleRemoveSelect"
>
<el-button
icon=
"el-icon-arrow-left"
:disabled=
"nowSelectRightData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
需要导入的条码号
</div>
<el-table
ref=
'reftable1'
height=
"37rem"
:data=
"selectArr"
style=
"width: 100%;
"
row-key=
"pid"
:tree-props=
"{children: 'sonBarcode'}"
@
selection-change=
"checkRightAll"
@
expand-change=
"hadnlExpandChange2"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
:selectable=
"checkSelectable"
>
</el-table-column>
<el-table-column
prop=
"wjxh"
:width=
"fptxWidth2"
label=
"文件序号"
>
<
template
slot-scope=
"scope"
>
<svg-icon
style=
"
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
margin-right:0.625rem;
"
v-if=
"scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class=
"tree_f"
>
</svg-icon>
<svg-icon
style=
"
v-if=
"scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class=
"tree_f"
>
</svg-icon>
<svg-icon
style=
"
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
"
v-else-if=
"!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class=
"tree_c"
></svg-icon>
{{
v-else-if=
"!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class=
"tree_c"
></svg-icon>
{{
scope
.
row
.
sonBarcode
||
scope
.
row
.
sonBarcode
===
null
?
scope
.
row
.
wjxh
:
scope
.
row
.
wjxh
}}
<div
v-show=
"scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class=
"children-count"
>
{{
scope
.
row
.
sonBarcode
?
scope
.
row
.
sonBarcode
.
length
:
0
}}
<div
v-show=
"scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class=
"children-count"
>
{{
scope
.
row
.
sonBarcode
?
scope
.
row
.
sonBarcode
.
length
:
0
}}
</div>
</
template
>
</el-table-column>
<el-table-column
prop=
"nx"
label=
"内序"
:width=
"fptxWidth3"
>
</el-table-column>
<el-table-column
prop=
"barcode"
label=
"条码号"
>
</el-table-column>
</el-table>
</el-col>
</div>
<div
class=
"right"
>
<div
class=
'target'
>
<div
class=
"targetHead"
>
{{targetHead}}
</div>
<div
class=
"targetBody"
>
<el-checkbox-group
v-model=
"checkedTargets"
>
<el-checkbox
v-for=
"(value,key) in targets"
:key=
"key"
:label=
"value.id"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</
template
>
</el-table-column>
<el-table-column
prop=
"nx"
label=
"内序"
:width=
"fptxWidth3"
>
</el-table-column>
<el-table-column
prop=
"barcode"
label=
"条码号"
>
</el-table-column>
</el-table>
</el-col>
</div>
<div
class=
"right"
>
<div
class=
'target'
>
<div
class=
"targetHead"
>
{{targetHead}}
</div>
<div
class=
"targetBody"
>
<el-checkbox-group
v-model=
"checkedTargets"
>
<el-checkbox
v-for=
"(value,key) in targets"
:key=
"key"
:label=
"value.id"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
</div>
<div
class=
'bdbottom'
v-show=
"this.drlx==9"
>
<div
class=
"left"
>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
FPTX的条码号
</div>
<el-table
height=
'33rem'
:data=
"datas"
@
selection-change=
"checkAll1"
style=
"width: 100%"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
>
</el-table-column>
<el-table-column
:width=
"fptxWidth2"
label=
"文件名"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
name
}}
</div>
</
template
>
</el-table-column>
<el-table-column
:width=
"fptxWidth3"
label=
"查询类型"
>
<
template
slot-scope=
"scope"
>
<div
v-if=
'scope.row.type==0'
style=
"color: #fa9500;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==1'
style=
"color: #e60012;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==2'
style=
"color: #00b47a;"
>
{{
scope
.
row
.
type
|
typeNum
}}
<div
class=
'bdbottom'
v-show=
"this.drlx==9"
>
<div
class=
"left"
>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
FPTX的条码号
</div>
<el-table
height=
"37rem"
:data=
"datas"
@
selection-change=
"checkAll1"
style=
"width: 100%;"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
>
</el-table-column>
<el-table-column
:width=
"fptxWidth2"
label=
"文件名"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
name
}}
</div>
</
template
>
</el-table-column>
<el-table-column
:width=
"fptxWidth3"
label=
"查询类型"
>
<
template
slot-scope=
"scope"
>
<div
v-if=
'scope.row.type==0'
style=
"color: #fa9500;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==1'
style=
"color: #e60012;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==2'
style=
"color: #00b47a;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==3'
style=
"color: #055fe7;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"案事件编号/人员编号"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
barcode1
}}
</div>
<div>
{{
scope
.
row
.
barcode2
}}
</div>
</
template
>
</el-table-column>
</el-table>
</el-col>
<el-col
:span=
"2"
>
<div
class=
"opSetting"
>
<div
@
click=
"handelSelect"
>
<el-button
icon=
"el-icon-arrow-right"
:disabled=
"nowSelectData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
<div
class=
"spacing"
@
click=
"handleRemoveSelect"
>
<el-button
icon=
"el-icon-arrow-left"
:disabled=
"nowSelectRightData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
需要导入的条码号
</div>
<el-table
ref=
'reftable2'
height=
"37rem"
:data=
"selectArr"
@
selection-change=
"checkRightAll"
style=
"width: 100%;"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
>
</el-table-column>
<el-table-column
:width=
"fptxWidth2"
label=
"文件名"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
name
}}
</div>
</
template
>
</el-table-column>
<el-table-column
:width=
"fptxWidth3"
label=
"查询类型"
>
<
template
slot-scope=
"scope"
>
<div
v-if=
'scope.row.type==0'
style=
"color: #fa9500;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==1'
style=
"color: #e60012;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==2'
style=
"color: #00b47a;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
<div
v-if=
'scope.row.type==3'
style=
"color: #055fe7;"
>
{{
scope
.
row
.
type
|
typeNum
}}
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"案事件编号/人员编号"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
barcode1
}}
</div>
<div>
{{
scope
.
row
.
barcode2
}}
</div>
</
template
>
</el-table-column>
</el-table>
</el-col>
</div>
<div
class=
"right"
>
<div
class=
"head"
>
人员逻辑分库
<div></div>
案件逻辑分库
</div>
<div
v-if=
'scope.row.type==3'
style=
"color: #055fe7;"
>
{{
scope
.
row
.
type
|
typeNum
}}
<div
class=
"bottom"
>
<div
class=
"targetLeft"
>
<el-checkbox-group
v-model=
"checkedTargetsLeft"
>
<el-checkbox
v-for=
"(value,key) in targetsLeft"
:key=
"key"
:label=
"value.id"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
<div
class=
"line"
></div>
<div
class=
"targetRight"
>
<el-checkbox-group
v-model=
"checkedTargetsRight"
>
<el-checkbox
v-for=
"(value,key) in targetsRight"
:key=
"key"
:label=
"value.id"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"案事件编号/人员编号"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
barcode1
}}
</div>
<div>
{{
scope
.
row
.
barcode2
}}
</div>
</
template
>
</el-table-column>
</el-table>
</el-col>
<el-col
:span=
"2"
>
<div
class=
"opSetting"
>
<div
@
click=
"handelSelect"
>
<el-button
icon=
"el-icon-arrow-right"
:disabled=
"nowSelectData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
<div
class=
"spacing"
@
click=
"handleRemoveSelect"
>
<el-button
icon=
"el-icon-arrow-left"
:disabled=
"nowSelectRightData.length?false:true"
:size=
"buttonSize"
type=
"primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col
:span=
"11"
>
<div
class=
"head"
>
<div></div>
需要导入的条码号
</div>
<el-table
height=
"33rem"
ref=
'reftable2'
:data=
"selectArr"
@
selection-change=
"checkRightAll"
style=
"width: 100%"
>
<el-table-column
type=
"selection"
:width=
"fptxWidth1"
>
</el-table-column>
<el-table-column
:width=
"fptxWidth2"
label=
"文件名"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
name
}}
</div>
</
template
>
</el-table-column>
<el-table-column
:width=
"fptxWidth3"
label=
"查询类型"
>
<
template
slot-scope=
"scope"
>
</div>
<el-dialog
style=
" margin-top:10vh"
:visible
.
sync=
"dialogVisible"
width=
"30rem"
:append-to-body=
'true'
:modal-append-to-body=
"false"
:close-on-click-modal=
'false'
:modal=
'false'
>
<div
v-if=
"showProgress"
>
<el-progress
type=
"circle"
:percentage=
"UploadPercent"
></el-progress>
<div
v-if=
'scope.row.type==0'
style=
"color: #fa950
0;"
>
{{
scope
.
row
.
type
|
typeNum
}}
v-show=
"UploadPercent<100"
style=
"margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #90909
0;"
>
正在上传指纹文件,点击“取消”可终止处理
</div>
<div
v-if=
'scope.row.type==1'
style=
"color: #e60012
;"
>
{{
scope
.
row
.
type
|
typeNum
}}
v-show=
"UploadPercent==100"
style=
"margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090
;"
>
正在解析指纹文件,请稍等。。。
</div>
<div
v-if=
'scope.row.type==2'
style=
"color: #00b47a;"
>
{{
scope
.
row
.
type
|
typeNum
}}
<el-button
@
click=
"abort"
v-show=
"UploadPercent<100"
><span
style=
"color:#333;font-size: 14px;"
>
取消
</span></el-button>
<el-button
v-show=
"UploadPercent==100"
disabled
><span
style=
"color:#333;font-size: 14px;"
>
正在入库
</span></el-button>
</div>
<div
v-else
>
<div>
<img
style=
"width: 8.375rem;height:8.375rem"
src=
"../../assets/img/drFptx/success.svg"
alt=
""
>
</div>
<div
v-if=
'scope.row.type==3'
style=
"color: #055fe7;"
>
{{
scope
.
row
.
type
|
typeNum
}}
<div
style=
"margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>
导入成功{{successCount}}条,失败{{failCount}}条
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"案事件编号/人员编号"
>
<
template
slot-scope=
"scope"
>
<div>
{{
scope
.
row
.
barcode1
}}
</div>
<div>
{{
scope
.
row
.
barcode2
}}
</div>
</
template
>
</el-table-column>
</el-table>
</el-col>
</div>
<div
class=
"right"
>
<div
class=
"head"
>
人员逻辑分库
<div></div>
案件逻辑分库
</div>
<div
class=
"bottom"
>
<div
class=
"targetLeft"
>
<el-checkbox-group
v-model=
"checkedTargetsLeft"
>
<el-checkbox
v-for=
"(value,key) in targetsLeft"
:key=
"key"
:label=
"value.id"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
<div
class=
"line"
></div>
<div
class=
"targetRight"
>
<el-checkbox-group
v-model=
"checkedTargetsRight"
>
<el-checkbox
v-for=
"(value,key) in targetsRight"
:key=
"key"
:label=
"value.id"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<el-dialog
style=
" margin-top:10vh"
:visible
.
sync=
"dialogVisible"
width=
"30rem"
:append-to-body=
'true'
:modal-append-to-body=
"false"
:close-on-click-modal=
'false'
:modal=
'false'
>
<div
v-if=
"showProgress"
>
<el-progress
type=
"circle"
:percentage=
"UploadPercent"
></el-progress>
<div
v-show=
"UploadPercent<100"
style=
"margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>
正在上传指纹文件,点击“取消”可终止处理
</div>
<div
v-show=
"UploadPercent==100"
style=
"margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>
正在解析指纹文件,请稍等。。。
</div>
<el-button
@
click=
"abort"
v-show=
"UploadPercent<100"
><span
style=
"color:#333;font-size: 14px;"
>
取消
</span></el-button>
<el-button
v-show=
"UploadPercent==100"
disabled
><span
style=
"color:#333;font-size: 14px;"
>
正在入库
</span></el-button>
</div>
<div
v-else
>
<div>
<img
style=
"width: 8.375rem;height:8.375rem"
src=
"../../assets/img/drFptx/success.svg"
alt=
""
>
</div>
<div
style=
"margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>
导入成功{{successCount}}条,失败{{failCount}}条
</div>
<el-button
class=
'ckxq'
style=
"background: #055FE7;border-radius: .25rem; border-color:#055FE7;"
@
click=
"goList"
><span
style=
"color:#fff;font-size: 14px;"
>
查看详情
</span></el-button>
</div>
</el-dialog>
<el-button
class=
'ckxq'
style=
"background: #055FE7;border-radius: .25rem; border-color:#055FE7;"
@
click=
"goList"
><span
style=
"color:#fff;font-size: 14px;"
>
查看详情
</span></el-button>
</div>
</el-dialog>
</div>
</div>
</template>
<
script
>
import
'@/icons/tree_f.svg'
import
'@/icons/tree_c.svg'
export
default
{
name
:
'drFPTX'
,
components
:
{},
mounted
()
{
},
data
()
{
mounted
()
{},
data
()
{
return
{
successCount
:
0
,
// 成功条数
failCount
:
0
,
// 失败条数
...
...
@@ -584,7 +584,7 @@ export default {
ltSize
:
50
,
}
},
created
()
{
created
()
{
let
w1
=
1920
let
w2
=
window
.
innerWidth
...
...
@@ -593,7 +593,7 @@ export default {
this
.
fptxWidth3
=
this
.
fptxWidth3
*
w2
/
w1
},
watch
:
{
drlx
(
newValue
,
oldValue
)
{
drlx
(
newValue
,
oldValue
)
{
if
(
newValue
==
3
)
{
this
.
targetHead
=
'人员逻辑分库'
this
.
targets
=
this
.
$store
.
state
.
ljk
.
targetOptions_ry
...
...
@@ -641,7 +641,7 @@ export default {
},
methods
:
{
// 展开或关闭行
hadnlExpandChange1
(
row
,
expanded
)
{
hadnlExpandChange1
(
row
,
expanded
)
{
// console.log(row, expanded, "zhankaiguanbi")
// 获取下标
var
i
=
this
.
datas
.
findIndex
((
table
)
=>
table
.
wjxh
===
row
.
wjxh
)
...
...
@@ -681,7 +681,7 @@ export default {
}
},
// 展开或关闭行
hadnlExpandChange2
(
row
,
expanded
)
{
hadnlExpandChange2
(
row
,
expanded
)
{
// console.log(row, expanded, "zhankaiguanbi")
// 获取下标
var
i
=
this
.
selectArr
.
findIndex
((
table
)
=>
table
.
wjxh
===
row
.
wjxh
)
...
...
@@ -721,18 +721,18 @@ export default {
}
},
// 判断能不能选择
checkSelectable
(
row
)
{
checkSelectable
(
row
)
{
return
row
.
sonBarcode
},
// 导入成功,跳转详情
goList
()
{
goList
()
{
if
(
this
.
drlx
==
3
)
{
this
.
selectArr
=
[]
// 右边列表
this
.
datas
=
[]
// 左边表格数据项
this
.
nowSelectData
=
[]
// 左边选中列表数据
this
.
nowSelectRightData
=
[]
// 右边选中列表数据
this
.
dialogVisible
=
false
// 进度条弹窗
this
.
$bus
.
emit
(
"isBlur"
,
false
);
this
.
$bus
.
emit
(
'isBlur'
,
false
)
this
.
showProgress
=
true
// 进度条(正在导入)
this
.
UploadPercent
=
0
this
.
$store
.
commit
(
'layout/delcachePageName'
,
'RAList'
)
...
...
@@ -748,7 +748,7 @@ export default {
this
.
nowSelectData
=
[]
// 左边选中列表数据
this
.
nowSelectRightData
=
[]
// 右边选中列表数据
this
.
dialogVisible
=
false
// 进度条弹窗
this
.
$bus
.
emit
(
"isBlur"
,
false
);
this
.
$bus
.
emit
(
'isBlur'
,
false
)
this
.
showProgress
=
true
// 进度条(正在导入)
this
.
UploadPercent
=
0
this
.
$store
.
commit
(
'layout/delcachePageName'
,
'RAList'
)
...
...
@@ -764,7 +764,7 @@ export default {
this
.
nowSelectData
=
[]
// 左边选中列表数据
this
.
nowSelectRightData
=
[]
// 右边选中列表数据
this
.
dialogVisible
=
false
// 进度条弹窗
this
.
$bus
.
emit
(
"isBlur"
,
false
);
this
.
$bus
.
emit
(
'isBlur'
,
false
)
this
.
showProgress
=
true
// 进度条(正在导入)
this
.
UploadPercent
=
0
this
.
$store
.
commit
(
'layout/delcachePageName'
,
'RAList'
)
...
...
@@ -777,10 +777,10 @@ export default {
}
},
// 取消上传
abort
()
{
abort
()
{
// this.nowSelectRightData = []
this
.
dialogVisible
=
false
this
.
$bus
.
emit
(
"isBlur"
,
false
);
this
.
$bus
.
emit
(
'isBlur'
,
false
)
// this.cancel()
this
.
UploadPercent
=
0
fHttp
.
cancel
()
...
...
@@ -789,11 +789,11 @@ export default {
},
// 上传进度
uploadProcess
(
event
,
file
,
fileList
)
{
uploadProcess
(
event
,
file
,
fileList
)
{
this
.
dialogVisible
=
true
},
// 获取文件列表
onChange
(
file
,
fileList
)
{
onChange
(
file
,
fileList
)
{
// console.log(file.raw, 2222233333)
// 重复文件过滤
let
existFile
=
fileList
.
slice
(
0
,
fileList
.
length
-
1
).
find
(
f
=>
f
.
name
===
file
.
name
)
...
...
@@ -808,7 +808,7 @@ export default {
let
newlist
=
fileList
for
(
let
i
=
0
;
i
<
fileList
.
length
;
i
++
)
{
let
fatherId
=
that
.
NumId
that
.
NumId
=
that
.
NumId
+
1
;
that
.
NumId
=
that
.
NumId
+
1
let
file
=
fileList
[
i
].
raw
// console.log(file.webkitRelativePath, 999)
// 读取文件
...
...
@@ -1018,10 +1018,10 @@ export default {
},
100
)
},
// 提交前钩子函数
beforeUpload
()
{
beforeUpload
()
{
// //console.log('数据liebiao', this.$refs.upload.uploadFiles)
},
submitUpload
()
{
submitUpload
()
{
if
(
this
.
nowSelectRightData
.
length
==
0
)
{
this
.
$message
.
error
(
'请选择要上传的文件'
)
}
else
{
...
...
@@ -1047,7 +1047,7 @@ export default {
},
// 上传文件函数
upload
()
{
upload
()
{
let
that
=
this
// 创建一个空的FormData对象:
const
formData
=
new
FormData
()
...
...
@@ -1063,7 +1063,7 @@ export default {
formData
.
append
(
'logicCaseList'
,
this
.
logicCaseList
)
}
this
.
dialogVisible
=
true
this
.
$bus
.
emit
(
"isBlur"
,
true
);
this
.
$bus
.
emit
(
'isBlur'
,
true
)
NetUtil
.
drFptx
.
upload
(
formData
,
this
.
drlx
,
(
progressEvent
)
=>
{
that
.
UploadPercent
=
Number
((((
progressEvent
.
loaded
/
10
*
10
)
/
progressEvent
.
total
)
*
100
).
toFixed
(
2
))
}).
then
(
res
=>
{
...
...
@@ -1071,7 +1071,7 @@ export default {
if
(
this
.
drlx
==
3
||
this
.
drlx
==
6
)
{
this
.
successCount
=
res
.
ret
.
successCount
this
.
failCount
=
res
.
ret
.
failCount
this
.
showProgress
=
false
;
this
.
showProgress
=
false
this
.
checkedTargets
=
[
1
]
this
.
selectArr
=
[]
// 右边列表
this
.
datas
=
[]
// 左边表格数据项
...
...
@@ -1082,7 +1082,7 @@ export default {
}
else
if
(
this
.
drlx
==
9
)
{
this
.
successCount
=
res
.
ret
.
successCount
this
.
failCount
=
res
.
ret
.
failCount
this
.
showProgress
=
false
;
this
.
showProgress
=
false
this
.
selectArr
=
[]
// 右边列表
...
...
@@ -1094,29 +1094,29 @@ export default {
this
.
UploadPercent
=
0
}
// this.$refs.upload.clearFiles()
this
.
showProgress
=
false
;
this
.
showProgress
=
false
}
else
{
this
.
$message
.
error
(
res
.
data
.
message
)
;
this
.
$message
.
error
(
res
.
data
.
message
)
this
.
dialogVisible
=
false
// 进度条弹窗
this
.
$bus
.
emit
(
"isBlur"
,
false
);
this
.
$bus
.
emit
(
'isBlur'
,
false
)
this
.
UploadPercent
=
0
}
}).
catch
(()
=>
{
this
.
$message
.
error
(
'服务器异常'
)
this
.
showProgress
=
false
;
this
.
showProgress
=
false
this
.
UploadPercent
=
0
})
},
// 删除文件
handleRemove
(
file
,
fileList
)
{
handleRemove
(
file
,
fileList
)
{
//console.log(file, fileList);
},
// 点击文件列表
handlePreview
(
file
)
{
handlePreview
(
file
)
{
//console.log('上传文件', file);
},
// 上传成功
uploadSuccess
(
res
)
{
uploadSuccess
(
res
)
{
if
(
this
.
drlx
==
3
||
this
.
drlx
==
6
)
{
this
.
successCount
=
res
.
ret
.
successCount
this
.
failCount
=
res
.
ret
.
failCount
...
...
@@ -1128,14 +1128,14 @@ export default {
this
.
showProgress
=
false
},
// 选择上传文件
uploadFile
()
{
uploadFile
()
{
// this.$refs.file.dispatchEvent(new MouseEvent("click"));
this
.
$refs
[
'upload'
].
$children
[
0
].
$refs
.
input
.
webkitdirectory
=
false
this
.
$refs
[
'upload'
].
$children
[
0
].
$refs
.
input
.
accept
=
'.fptx'
this
.
$refs
[
'upload'
].
$children
[
0
].
$refs
.
input
.
click
()
},
// 上传文件夹
uploadFiles
()
{
uploadFiles
()
{
// //console.log(this.$refs['upload'].$children[0].$refs.input)
this
.
$refs
[
'upload'
].
$children
[
0
].
$refs
.
input
.
webkitdirectory
=
true
this
.
$refs
[
'upload'
].
$children
[
0
].
$refs
.
input
.
accept
=
'.fptx'
...
...
@@ -1149,17 +1149,15 @@ export default {
//console.log(fileDic, 111222)
},
// 表格穿梭框
checkAll1
(
val
)
{
checkAll1
(
val
)
{
this
.
nowSelectData
=
val
},
checkRightAll
(
val
)
{
checkRightAll
(
val
)
{
console
.
log
(
'val111'
,
val
)
this
.
nowSelectRightData
=
val
},
// 选中
handelSelect
()
{
handelSelect
()
{
// let self = this
...
...
@@ -1183,19 +1181,20 @@ export default {
// }
// this.checkRightAll(this.nowSelectData)
// this.nowSelectRightData.push(this.nowSelectData)
let
isLt
=
0
;
let
newArr
=
this
.
handleConcatArr
(
this
.
selectArr
,
this
.
nowSelectData
)
;
let
isLt
=
0
let
newArr
=
this
.
handleConcatArr
(
this
.
selectArr
,
this
.
nowSelectData
)
newArr
.
forEach
((
i
)
=>
{
isLt
+=
i
.
size
/
1024
/
1024
;
isLt
+=
i
.
size
/
1024
/
1024
})
console
.
log
(
isLt
,
222222222222222
)
if
(
isLt
>
this
.
ltSize
)
{
setTimeout
(()
=>
{
this
.
$message
.
error
(
`导入的总文件大小不得超过
${
this
.
ltSize
}
M,当前总文件大小为
${
isLt
.
toFixed
(
2
)}
M`
)
},
10
)
;
},
10
)
return
};
this
.
selectArr
=
newArr
;
}
this
.
selectArr
=
newArr
if
(
this
.
drlx
==
3
||
this
.
drlx
==
6
)
{
this
.
selectArr
.
filter
((
good
)
=>
{
this
.
$refs
.
reftable1
.
toggleAllSelection
(
good
,
true
)
...
...
@@ -1211,26 +1210,26 @@ export default {
this
.
nowSelectData
=
[]
},
// 取消
handleRemoveSelect
()
{
handleRemoveSelect
()
{
this
.
datas
=
this
.
handleConcatArr
(
this
.
datas
,
this
.
nowSelectRightData
)
this
.
handleRemoveTabList
(
this
.
nowSelectRightData
,
this
.
selectArr
)
this
.
nowSelectRightData
=
[]
},
handleConcatArr
(
selectArr
,
nowSelectData
)
{
handleConcatArr
(
selectArr
,
nowSelectData
)
{
var
out
=
[]
;
var
flag
=
true
;
var
out
=
[]
var
flag
=
true
for
(
var
i
=
0
;
i
<
nowSelectData
.
length
;
i
++
)
{
flag
=
true
;
flag
=
true
for
(
var
j
=
0
;
j
<
selectArr
.
length
;
j
++
)
{
if
(
nowSelectData
[
i
].
name
==
selectArr
[
j
].
name
)
{
// 如果数据能保证id和name一直配对,则可以少一个比较条件
flag
=
false
;
flag
=
false
this
.
$message
.
success
(
'重复文件已过滤!'
)
break
;
break
}
}
if
(
flag
)
{
out
.
push
(
nowSelectData
[
i
])
;
out
.
push
(
nowSelectData
[
i
])
}
}
...
...
@@ -1245,7 +1244,7 @@ export default {
// arr = arr.concat(selectArr, nowSelectData)
// return arr
},
handleRemoveTabList
(
isNeedArr
,
originalArr
)
{
handleRemoveTabList
(
isNeedArr
,
originalArr
)
{
if
(
isNeedArr
.
length
&&
originalArr
.
length
)
{
for
(
let
i
=
0
;
i
<
isNeedArr
.
length
;
i
++
)
{
for
(
let
k
=
0
;
k
<
originalArr
.
length
;
k
++
)
{
...
...
@@ -1258,7 +1257,7 @@ export default {
},
},
filters
:
{
typeNum
(
val
)
{
typeNum
(
val
)
{
//console.log(val);
// if (!val) return;
const
data
=
{
...
...
@@ -1271,7 +1270,7 @@ export default {
}
},
computed
:
{
roleArr
()
{
roleArr
()
{
return
this
.
$store
.
state
.
layout
.
Menu
}
},
...
...
@@ -1280,648 +1279,685 @@ export default {
<!--table树-->
<
style
scoped
lang=
"scss"
>
/
deep
/
.children-count
{
width
:
34px
;
font-size
:
12px
;
text-align
:
center
;
background
:
#f6f8fa
;
border-radius
:
11px
;
position
:
absolute
;
right
:
10px
;
top
:
50%
;
transform
:
translate
(
0
,
-50%
);
}
/
deep
/
.children-count
{
width
:
34px
;
font-size
:
12px
;
text-align
:
center
;
background
:
#f6f8fa
;
border-radius
:
11px
;
position
:
absolute
;
right
:
10px
;
top
:
50%
;
transform
:
translate
(
0
,
-50%
);
}
.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
:
11px
;
height
:
19px
;
font-size
:
16px
;
background-size
:
16px
;
}
/*有子节点 且未展开*/
.el-table
/
deep
/
.el-icon-arrow-right
:before
{
content
:
""
;
display
:
block
;
width
:
11px
;
height
:
19px
;
font-size
:
16px
;
background-size
:
16px
;
}
/*有子节点 且已展开*/
.el-table
/
deep
/
.el-table__expand-icon--expanded
{
.
el-icon-arrow-right
:
before
{
content
:
""
;
display
:
block
;
width
:
11px
;
height
:
19px
;
font-size
:
18px
;
background-size
:
21px
;
}
}
/*有子节点 且已展开*/
.el-table
/
deep
/
.el-table__expand-icon--expanded
{
.
el-icon-arrow-right
:
before
{
content
:
""
;
display
:
block
;
width
:
11px
;
height
:
19px
;
font-size
:
18px
;
background-size
:
21px
;
}
}
/*没有子节点*/
.el-tree
/
deep
/
.el-tree-node__expand-icon.is-leaf
::before
.el-table
/
deep
/
.el-table__placeholder
::before
{
//
background
:
url("../../icons/tree_f.svg")
no-repeat
0
3px
;
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
{
//
background
:
url("../../icons/tree_f.svg")
no-repeat
0
3px
;
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-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-icon-arrow-right
{
cursor
:
pointer
!important
;
}
.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
;
}
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
;
}
</
style
>
<
style
lang=
"scss"
scoped
>
//
/
deep
/
.el-dialog__wrapper
{
//
background
:
rgba
(
$
color
:
#fff
,
$
alpha
:
0.65
);
//
//
filter
:
blur
(
2px
);
//
}
/
deep
/
.el-dialog
{
margin-top
:
30vh
;
.el-button
{
width
:
96px
;
height
:
40px
;
}
/
deep
/
.el-button
:focus
,
.el-button
:hover
{
color
:
#055fe7
;
}
}
//
/
deep
/
.el-dialog__wrapper
{
//
background
:
rgba
(
$
color
:
#fff
,
$
alpha
:
0.65
);
//
//
filter
:
blur
(
2px
);
//
}
/
deep
/
.el-dialog__header
{
display
:
none
;
}
/
deep
/
.el-dialog__body
{
text-align
:
center
;
}
/
deep
/
.el-dialog
{
margin-top
:
30vh
;
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
.el-button
{
width
:
96px
;
height
:
40px
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inn
er
{
background-
color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-button
:focus
,
.el-button
:hov
er
{
color
:
#055fe7
;
}
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
}
/
deep
/
.el-dialog__header
{
display
:
none
;
}
/
deep
/
.el-table.el-table--fit.el-table--enable-row-hover
{
height
:
501px
!important
;
}
/
deep
/
.el-dialog__body
{
text-align
:
center
;
}
/
deep
/
.el-table__body-wrapper.is-scrolling-none
{
height
:
499px
!important
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
.drFPTX
{
padding
:
25px
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
.drlx
.el-radio
{
width
:
86px
;
height
:
32px
;
line-height
:
32px
;
background
:
#f6f8fa
;
border-radius
:
2px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
margin-right
:
25px
;
color
:
#282f3c
;
/deep/
.el-radio__label
{
padding
:
0
;
}
/
deep
/
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#ffffff
;
}
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
}
/
deep
/
.drlx
.is-checked
{
background
:
#055fe7
;
}
/*/deep/ .el-table.el-table--fit.el-table--enable-row-hover {*/
/* height: 37rem !important;*/
/*}*/
.drlx
/
deep
/
.el-radio__input
{
display
:
none
;
}
/*/deep/ .el-table__body-wrapper.is-scrolling-none {*/
/* height: 37rem !important;*/
/*}*/
.choose
{
width
:
100%
;
display
:
flex
;
justify-content
:
space-between
;
align-items
:
flex-end
;
.chooseTip
{
display
:
flex
;
align-items
:
center
;
}
.wjlx
{
display
:
flex
;
width
:
609px
;
height
:
72px
;
background
:
#f6f8fa
;
border-radius
:
6px
;
margin-top
:
24px
;
}
.tip
{
margin-left
:
24px
;
margin-top
:
24px
;
color
:
#f8980a
;
font-family
:
HarmonyOS_Sans_SC
;
font-size
:
14px
;
span
{
font-size
:
14px
;
margin-right
:
5px
;
.drFPTX
{
padding
:
25px
;
}
}
.left
{
width
:
242px
;
height
:
100%
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
.drlx
.el-radio
{
width
:
86px
;
height
:
32px
;
line-height
:
32px
;
background
:
#f6f8fa
;
border-radius
:
2px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
margin-right
:
25px
;
color
:
#282f3c
;
/deep/
.el-radio__label
{
padding
:
0
;
}
/deep/
.el-radio
{
margin-right
:
15px
;
/
deep
/
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#ffffff
;
}
}
/
deep
/
.el-radio__input.is-checked
.el-radio__inner
{
border-color
:
#055fe7
;
background
:
#055fe7
;
/
deep
/
.drlx
.is-checked
{
background
:
#055fe7
;
}
/
deep
/
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#333
;
.drlx
/
deep
/
.el-radio__input
{
display
:
none
;
}
}
.right
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
.center
{
display
:
flex
;
align-items
:
center
;
width
:
343px
;
//
height
:
40px
;
background
:
#ffffff
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
&:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
}
&
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
/deep/.el-input__inner
{
color
:
#006aff
!important
;
}
}
/
deep
/
.el-input
{
width
:
282px
;
height
:
40px
;
.choose
{
width
:
100%
;
display
:
flex
;
justify-content
:
space-between
;
align-items
:
flex-end
;
/deep/.el-input__inner
{
border
:
none
;
outline
:
none
;
box-shadow
:
none
;
&:focus
{
box-shadow
:
none
;
}
}
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
none
;
.chooseTip
{
display
:
flex
;
align-items
:
center
;
}
}
.line
{
width
:
1px
;
height
:
14px
;
background-color
:
#e6e6e8
;
margin-right
:
14px
;
}
.text
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#006aff
;
cursor
:
pointer
;
}
.text
:hover
{
color
:
#51b1f5
;
}
}
/
deep
/
.el-input__inner
{
border
:
none
;
}
}
.el-button
{
width
:
72px
;
height
:
32px
;
background
:
#055fe7
;
border-color
:
#055fe7
;
border-radius
:
4px
;
padding
:
0
;
}
}
.wjlx
{
display
:
flex
;
width
:
609px
;
height
:
72px
;
background
:
#f6f8fa
;
border-radius
:
6px
;
margin-top
:
24px
;
}
.divider
{
width
:
100%
;
height
:
1
px
;
background
:
#eeeeee
;
margin
:
20px
0
;
}
.tip
{
margin-left
:
24px
;
margin-top
:
24
px
;
color
:
#f8980a
;
font-family
:
HarmonyOS_Sans_SC
;
font-size
:
14px
;
.bottom
{
display
:
flex
;
span
{
font-size
:
14px
;
margin-right
:
5px
;
}
}
.left
{
display
:
flex
;
height
:
560px
;
width
:
1392px
;
.left
{
width
:
242px
;
height
:
100%
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
.el-col
{
.el-table
{
//
height
:
550px
;
//
background-color
:
#111
;
border-radius
:
8px
;
}
/deep/
.el-radio
{
margin-right
:
15px
;
}
.head
{
height
:
56px
;
width
:
100%
;
background
:
#f0f3f6
;
border-radius
:
7px
7px
0px
0px
;
display
:
flex
;
align-items
:
center
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
/
deep
/
.el-radio__input.is-checked
.el-radio__inner
{
border-color
:
#055fe7
;
background
:
#055fe7
;
}
div
{
width
:
4px
;
height
:
16px
;
background
:
#055fe7
;
border-radius
:
2px
;
margin-left
:
10px
;
margin-right
:
6px
;
/
deep
/
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#333
;
}
}
}
/
deep
/
.el-table
tr
th
{
background-color
:
#f6f8fa
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
font-weight
:
500
;
}
}
.right
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
.center
{
display
:
flex
;
align-items
:
center
;
width
:
343px
;
//
height
:
40px
;
background
:
#ffffff
;
border-radius
:
4px
;
//
border
:
1px
solid
#e6e6e8
;
&:hover
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
}
.el-col-11
{
background
:
#ffffff
;
border-radius
:
6px
;
border
:
1px
solid
#d1d1d1
;
}
&
:focus-within
{
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.08
)
!important
;
.opSetting
{
text-align
:
center
;
margin-top
:
230px
;
/deep/
.el-input__inner
{
color
:
#006aff
!important
;
}
}
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
/
deep
/
.el-input
{
width
:
282px
;
height
:
40px
;
color
:
#333333
;
border
:
none
;
}
/deep/
.el-input__inner
{
border
:
none
;
outline
:
none
;
box-shadow
:
none
;
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
&:focus
{
box-shadow
:
none
;
}
}
.spacing
{
margin-top
:
22px
;
/
deep
/
.el-input__inner
:hover
{
box-shadow
:
none
;
}
}
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
border-color
:
#f6f8fa
;
}
.line
{
width
:
1px
;
height
:
14px
;
background-color
:
#e6e6e8
;
margin-right
:
14px
;
}
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
}
.right
{
height
:
560px
;
width
:
161px
;
.target
{
margin
:
0
auto
;
width
:
137px
;
height
:
560px
;
border-radius
:
6px
;
border
:
1px
solid
#d1d1d1
;
.targetHead
{
width
:
135px
;
height
:
56px
;
background
:
#f0f3f6
;
border-radius
:
6px
6px
0px
0px
;
line-height
:
56px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
}
.text
{
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#006aff
;
cursor
:
pointer
;
}
.targetBody
{
overflow
:
auto
;
padding-top
:
16px
;
padding-left
:
15px
;
width
:
100%
;
height
:
500px
;
border-radius
:
6px
;
//
background-color
:
#111
;
/deep/
.el-checkbox
{
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
22px
;
margin
:
5px
0
;
.text
:hover
{
color
:
#51b1f5
;
}
}
/
deep
/
.el-input__inner
{
border
:
none
;
}
}
.el-button
{
width
:
72px
;
height
:
32px
;
background
:
#055fe7
;
border-color
:
#055fe7
;
border-radius
:
4px
;
padding
:
0
;
}
}
//
滚动条的宽度
/
deep
/
.targetBody
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.targetBody
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
}
}
}
.noselected
{
background-color
:
#ecedf1
!important
;
border
:
none
;
color
:
#aeafb4
;
margin-right
:
10px
;
}
.selected
{
background-color
:
#055fe7
;
color
:
#ffffff
;
margin-right
:
10px
;
&:hover
{
background
:
#377fec
;
}
&
:active
{
background
:
#044cb9
;
}
}
.bdbottom
{
display
:
flex
;
.left
{
display
:
flex
;
height
:
560px
;
width
:
1240px
;
margin-right
:
14px
;
.el-col
{
.head
{
height
:
56px
;
.divider
{
width
:
100%
;
background
:
#f0f3f6
;
border-radius
:
7px
7px
0px
0px
;
height
:
1px
;
background
:
#eeeeee
;
margin
:
20px
0
;
}
.bottom
{
display
:
flex
;
align-items
:
center
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
div
{
width
:
4px
;
height
:
16px
;
background
:
#055fe7
;
border-radius
:
2px
;
margin-left
:
10px
;
margin-right
:
6px
;
.left
{
display
:
flex
;
height
:
650px
;
width
:
1392px
;
.el-col
{
/deep/
.el-table
{
/*height: 650px;*/
/*background-color: #111;*/
border-radius
:
8px
;
}
.head
{
height
:
56px
;
width
:
100%
;
background
:
#F6F8FA
;
border-radius
:
7px
7px
0px
0px
;
display
:
flex
;
align-items
:
center
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
div
{
width
:
4px
;
height
:
16px
;
background
:
#055FE7
;
border-radius
:
2px
;
margin-left
:
10px
;
margin-right
:
6px
;
}
}
/
deep
/
.el-table
tr
th
{
background-color
:
#ECF1F7
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
font-weight
:
500
;
}
}
.el-col-11
{
background
:
#ffffff
;
border-radius
:
6px
;
border
:
1px
solid
#d1d1d1
;
}
.opSetting
{
text-align
:
center
;
margin-top
:
270px
;
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
border
:
none
;
}
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
.spacing
{
margin-top
:
22px
;
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
border-color
:
#f6f8fa
;
}
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
}
}
/
deep
/
.el-table
tr
th
{
background-color
:
#f6f8fa
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
font-weight
:
500
;
}
}
.right
{
height
:
656px
;
width
:
161px
;
.target
{
margin
:
0
auto
;
width
:
137px
;
height
:
656px
;
border-radius
:
6px
;
border
:
1px
solid
#d1d1d1
;
.targetHead
{
width
:
135px
;
height
:
56px
;
background
:
#F6F8FA
;
border-radius
:
6px
6px
0px
0px
;
line-height
:
56px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
}
.el-col-11
{
background
:
#ffffff
;
border-radius
:
6px
;
border
:
1px
solid
#d1d1d1
;
}
.targetBody
{
overflow
:
auto
;
padding-top
:
16px
;
padding-left
:
15px
;
width
:
100%
;
height
:
596px
;
border-radius
:
6px
;
//
background-color
:
#111
;
/deep/
.el-checkbox
{
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
22px
;
margin
:
5px
0
;
}
}
.opSetting
{
text-align
:
center
;
margin-top
:
230px
;
//
滚动条的宽度
/
deep
/
.targetBody
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
//
滚动条的滑块
/
deep
/
.targetBody
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
}
}
}
.noselected
{
background-color
:
#ecedf1
!important
;
border
:
none
;
}
color
:
#aeafb4
;
margin-right
:
10px
;
}
button
:hover
{
.selected
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
margin-right
:
10px
;
&:hover
{
background
:
#377fec
;
}
&
:active
{
background
:
#044cb9
;
}
}
.
spacing
{
margin-top
:
22p
x
;
.
bdbottom
{
display
:
fle
x
;
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
border-color
:
#f6f8fa
;
}
.left
{
display
:
flex
;
height
:
656px
;
width
:
1240px
;
margin-right
:
14px
;
.el-col
{
.head
{
height
:
56px
;
width
:
100%
;
background
:
#F6F8FA
;
border-radius
:
7px
7px
0px
0px
;
display
:
flex
;
align-items
:
center
;
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
div
{
width
:
4px
;
height
:
16px
;
background
:
#055FE7
;
border-radius
:
2px
;
margin-left
:
10px
;
margin-right
:
6px
;
}
}
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
}
.right
{
height
:
560px
;
width
:
284px
;
.head
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
55px
;
padding
:
0
10px
;
box-sizing
:
border-box
;
background
:
#f0f3f6
;
border
:
1px
solid
#d1d1d1
;
border-bottom
:
none
;
border-radius
:
6px
6px
0px
0px
;
div
{
width
:
1px
;
height
:
30px
;
background
:
#bfd1eb
;
}
}
/
deep
/
.el-table
tr
th
{
background-color
:
#f6f8fa
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
font-weight
:
500
;
}
}
.bottom
{
width
:
284px
;
height
:
500px
;
display
:
flex
;
border-radius
:
0
0
6px
6px
;
border
:
1px
solid
#d1d1d1
;
box-sizing
:
border-box
;
border-top
:
none
;
.targetLeft
{
flex
:
1
;
padding-top
:
16px
;
padding-left
:
20px
;
overflow
:
auto
;
/deep/
.el-checkbox
{
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
22px
;
margin
:
5px
0
;
overflow
:
hidden
;
.el-col-11
{
background
:
#ffffff
;
border-radius
:
6px
;
border
:
1px
solid
#d1d1d1
;
}
.opSetting
{
text-align
:
center
;
margin-top
:
230px
;
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
border
:
none
;
}
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
.spacing
{
margin-top
:
22px
;
button
{
width
:
56px
;
height
:
56px
;
background
:
#f6f8fa
;
border-radius
:
10px
;
color
:
#333333
;
border-color
:
#f6f8fa
;
}
button
:hover
{
background-color
:
#055fe7
;
color
:
#ffffff
;
}
}
}
}
//
滚动条的宽度
/
deep
/
.targetLeft
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.targetLeft
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
.line
{
margin-top
:
30px
;
width
:
1px
;
height
:
440px
;
border
:
1px
dashed
#eeeeee
;
}
.right
{
height
:
656px
;
width
:
284px
;
.head
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
55px
;
padding
:
0
10px
;
box-sizing
:
border-box
;
background
:
#ECF1F7
;
border
:
1px
solid
#d1d1d1
;
border-bottom
:
none
;
border-radius
:
6px
6px
0px
0px
;
div
{
width
:
1px
;
height
:
30px
;
background
:
#055FE7
;
}
}
.bottom
{
width
:
284px
;
height
:
596px
;
display
:
flex
;
border-radius
:
0
0
6px
6px
;
border
:
1px
solid
#d1d1d1
;
box-sizing
:
border-box
;
border-top
:
none
;
.targetLeft
{
flex
:
1
;
padding-top
:
16px
;
padding-left
:
20px
;
overflow
:
auto
;
/deep/
.el-checkbox
{
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
22px
;
margin
:
5px
0
;
overflow
:
hidden
;
}
}
//
滚动条的宽度
/
deep
/
.targetLeft
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.targetLeft
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
.targetRight
{
flex
:
1
;
padding-top
:
16px
;
padding-left
:
20px
;
overflow
:
auto
;
/deep/
.el-checkbox
{
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
22px
;
margin
:
5px
0
;
overflow
:
hidden
;
.line
{
margin-top
:
30px
;
width
:
1px
;
height
:
440px
;
border
:
1px
dashed
#eeeeee
;
}
.targetRight
{
flex
:
1
;
padding-top
:
16px
;
padding-left
:
20px
;
overflow
:
auto
;
/deep/
.el-checkbox
{
height
:
22px
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#666666
;
line-height
:
22px
;
margin
:
5px
0
;
overflow
:
hidden
;
}
}
//
滚动条的宽度
/
deep
/
.targetRight
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.targetRight
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
}
}
}
//
滚动条的宽度
/
deep
/
.targetRight
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.targetRight
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
}
}
}
//
@import
"@/assets/css/globalBase.scss"
;
//
滚动条的宽度
/
deep
/
::-webkit-scrollbar
{
width
:
3px
;
//
横向滚动条
height
:
3px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
//
@import
"@/assets/css/globalBase.scss"
;
</
style
>
src/views/xtfkgl/XtfkAndGzlView.vue
View file @
5910db7c
...
...
@@ -641,4 +641,3 @@ export default {
-moz-osx-font-smoothing
:
grayscale
;
}
</
style
>
l l
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