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
383965df
Commit
383965df
authored
Jan 14, 2022
by
李姝悦
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
注释掉新增人员按钮
parent
1d16b90d
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
848 additions
and
726 deletions
+848
-726
src/views/AllPersonnelBase/AllPersonnelBase.vue
+2
-2
src/views/AllPersonnelBase/modules/xzry.vue
+846
-724
No files found.
src/views/AllPersonnelBase/AllPersonnelBase.vue
View file @
383965df
...
...
@@ -99,14 +99,14 @@
>
发查询
</div>
<button
<
!--
<
button
v-if=
"roleArr.includes('F-1-7')"
:class=
"this.disabled ? 'btn disabled ' : 'btn new'"
@
click=
"isShowXzryBtn"
:disabled=
"disabled"
>
<i
class=
"el-icon-plus"
></i>
新增人员
</button>
</button>
-->
</div>
</div>
<!--四 -->
...
...
src/views/AllPersonnelBase/modules/xzry.vue
View file @
383965df
<
template
>
<el-dialog
title=
"新增人员"
:visible
.
sync=
"dialogVisible"
width=
"59.875rem"
top=
"1.25rem"
append-to-body
:before-close=
"handleClose"
:close-on-click-modal=
"false"
:modal=
'false'
>
<el-form
:label-position=
"labelPosition"
:inline=
"true"
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
class=
"demo-form-inline"
>
<el-dialog
title=
"新增人员"
:visible
.
sync=
"dialogVisible"
width=
"59.875rem"
top=
"1.25rem"
append-to-body
:before-close=
"handleClose"
:close-on-click-modal=
"false"
:modal=
"false"
>
<el-form
:label-position=
"labelPosition"
:inline=
"true"
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
class=
"demo-form-inline"
>
<!-- 一 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
捺印指掌纹基本信息
</div>
<div
class=
"jbxx"
>
捺印指掌纹基本信息
</div>
</el-row>
<!-- 二 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"人员编号:"
prop=
"ysxtAsjxgrybh"
>
<el-input
class=
"inputBh"
v-model
.
trim=
"ruleForm.ysxtAsjxgrybh"
placeholder=
"请输入人员编号"
maxlength=
"22"
show-word-limit
clearable
><template
slot=
"prepend"
>
R
</
template
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"警综人员编号:"
>
<!-- prop="jzrybh" -->
<el-input
v-model
.
trim=
"ruleForm.jzrybh"
placeholder=
"请输入警综人员编号"
maxlength=
"23"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"人员编号:"
prop=
"ysxtAsjxgrybh"
>
<el-input
class=
"inputBh"
v-model
.
trim=
"ruleForm.ysxtAsjxgrybh"
placeholder=
"请输入人员编号"
maxlength=
"22"
show-word-limit
clearable
><template
slot=
"prepend"
>
R
</
template
></el-input>
</el-form-item>
<el-form-item
label=
"警综人员编号:"
>
<!-- prop="jzrybh" -->
<el-input
v-model
.
trim=
"ruleForm.jzrybh"
placeholder=
"请输入警综人员编号"
maxlength=
"23"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 三 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"采集信息原因:"
prop=
"cjxxyydm"
>
<SelectCode
codeUrl=
"/api/code/cjxxyydm"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"cjxxyydm"
multiple
:multipleLimit=
"5"
></SelectCode>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"指掌纹卡编号:"
>
<!-- prop="zzhwkbh" -->
<el-input
v-model
.
trim=
"ruleForm.zzhwkbh"
placeholder=
"请输入指掌纹卡编号"
maxlength=
"23"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"采集信息原因:"
prop=
"cjxxyydm"
>
<SelectCode
codeUrl=
"/api/code/cjxxyydm"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"cjxxyydm"
multiple
:multipleLimit=
"5"
></SelectCode>
</el-form-item>
<el-form-item
label=
"指掌纹卡编号:"
>
<!-- prop="zzhwkbh" -->
<el-input
v-model
.
trim=
"ruleForm.zzhwkbh"
placeholder=
"请输入指掌纹卡编号"
maxlength=
"23"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 四 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"案事件相关人员编号:"
>
<!-- prop="asjxgrybh" -->
<el-input
v-model
.
trim=
"ruleForm.asjxgrybh"
placeholder=
"请输入案事件相关人员编号"
maxlength=
"23"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item>
</el-form-item>
<el-form-item
class=
"no_require"
label=
"案事件相关人员编号:"
>
<!-- prop="asjxgrybh" -->
<el-input
v-model
.
trim=
"ruleForm.asjxgrybh"
placeholder=
"请输入案事件相关人员编号"
maxlength=
"23"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-row>
<el-divider></el-divider>
<!-- 五 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
指掌纹提取信息
</div>
</el-row>
<!-- 六 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"姓名:"
prop=
"xm"
>
<el-input
v-model
.
trim=
"ruleForm.xm"
placeholder=
"请输入姓名"
clearable
maxlength=
"50"
show-word-limit
></el-input>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"别名/绰号:"
>
<el-input
v-model
.
trim=
"ruleForm.bmch"
placeholder=
"请输入别名/绰号"
maxlength=
"50"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"姓名:"
prop=
"xm"
>
<el-input
v-model
.
trim=
"ruleForm.xm"
placeholder=
"请输入姓名"
clearable
maxlength=
"50"
show-word-limit
></el-input>
</el-form-item>
<el-form-item
label=
"别名/绰号:"
>
<el-input
v-model
.
trim=
"ruleForm.bmch"
placeholder=
"请输入别名/绰号"
maxlength=
"50"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 七 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"性别:"
prop=
"xbdm"
>
<SelectCode
codeUrl=
"/api/code/sex"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"xbdm"
></SelectCode>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"出生日期:"
prop=
"csrq"
>
<el-date-picker
type=
"date"
placeholder=
"请选择出生日期"
v-model=
"ruleForm.csrq"
style=
"width: 100%"
:picker-options=
"{
<el-row
class=
"item-row"
>
<el-form-item
label=
"性别:"
prop=
"xbdm"
>
<SelectCode
codeUrl=
"/api/code/sex"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"xbdm"
></SelectCode>
</el-form-item>
<el-form-item
label=
"出生日期:"
prop=
"csrq"
>
<el-date-picker
type=
"date"
placeholder=
"请选择出生日期"
v-model=
"ruleForm.csrq"
style=
"width: 100%"
:picker-options=
"{
disabledDate: disabledDate,
}"
></el-date-picker>
</el-form-item>
</el-col>
}"
></el-date-picker>
</el-form-item>
</el-row>
<!-- 八 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"国籍:"
prop=
"gjdm"
>
<SelectCode
codeUrl=
"/api/code/nationality"
width=
"16.5"
:form=
"ruleForm"
id=
"gjdm"
></SelectCode>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"民族:"
prop=
"mzdm"
>
<SelectCode
codeUrl=
"/api/code/nation"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"mzdm"
></SelectCode>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"国籍:"
prop=
"gjdm"
>
<SelectCode
codeUrl=
"/api/code/nationality"
width=
"16.5"
:form=
"ruleForm"
id=
"gjdm"
></SelectCode>
</el-form-item>
<el-form-item
label=
"民族:"
prop=
"mzdm"
>
<SelectCode
codeUrl=
"/api/code/nation"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"mzdm"
></SelectCode>
</el-form-item>
</el-row>
<!-- 九 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"证件类型:"
prop=
"cyzjdm"
>
<SelectCode
codeUrl=
"/api/code/certificates"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"cyzjdm"
></SelectCode>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"证件号码:"
prop=
"zjhm"
>
<el-input
v-model
.
trim=
"ruleForm.zjhm"
placeholder=
"请输入证件号码"
maxlength=
"30"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"证件类型:"
prop=
"cyzjdm"
>
<SelectCode
codeUrl=
"/api/code/certificates"
width=
"16.5"
clearable
:form=
"ruleForm"
id=
"cyzjdm"
></SelectCode>
</el-form-item>
<el-form-item
label=
"证件号码:"
prop=
"zjhm"
>
<el-input
v-model
.
trim=
"ruleForm.zjhm"
placeholder=
"请输入证件号码"
maxlength=
"30"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"户籍地行政区:"
prop=
"hjdzXzqhdm"
>
<Cascader
:form=
"ruleForm"
id=
"hjdzXzqhdm"
codeName=
"CODE_XZQH"
></Cascader>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"户籍地址:"
prop=
"hjdzDzmc"
>
<el-input
v-model=
"ruleForm.hjdzDzmc"
placeholder=
"请输入户籍地址"
maxlength=
"100"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"户籍地行政区:"
prop=
"hjdzXzqhdm"
>
<Cascader
:form=
"ruleForm"
id=
"hjdzXzqhdm"
codeName=
"CODE_XZQH"
></Cascader>
</el-form-item>
<el-form-item
label=
"户籍地址:"
prop=
"hjdzDzmc"
>
<el-input
v-model=
"ruleForm.hjdzDzmc"
placeholder=
"请输入户籍地址"
maxlength=
"100"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"现住址行政区:"
prop=
"xzzXzqhdm"
>
<Cascader
:form=
"ruleForm"
id=
"xzzXzqhdm"
codeName=
"CODE_XZQH"
></Cascader>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"现住址:"
prop=
"xzzDzmc"
>
<el-input
v-model
.
trim=
"ruleForm.xzzDzmc"
placeholder=
"请输入现住址"
maxlength=
"100"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"现住址行政区:"
prop=
"xzzXzqhdm"
>
<Cascader
:form=
"ruleForm"
id=
"xzzXzqhdm"
codeName=
"CODE_XZQH"
></Cascader>
</el-form-item>
<el-form-item
label=
"现住址:"
prop=
"xzzDzmc"
>
<el-input
v-model
.
trim=
"ruleForm.xzzDzmc"
placeholder=
"请输入现住址"
maxlength=
"100"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-col
:span=
"24"
>
<el-form-item
label=
"备注信息:"
>
<el-input
resize=
"none"
type=
"textarea"
placeholder=
"请输入内容"
v-model
.
trim=
"ruleForm.bz"
maxlength=
"1024"
show-word-limit
>
</el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"备注信息:"
>
<el-input
resize=
"none"
type=
"textarea"
placeholder=
"请输入内容"
v-model
.
trim=
"ruleForm.bz"
maxlength=
"1024"
show-word-limit
>
</el-input>
</el-form-item>
</el-row>
<el-divider></el-divider>
<!-- 逻辑库 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
人员逻辑分库
</div>
<div
class=
"tip"
><span
class=
"iconfont"
>

</span>
提示:当选择多个逻辑库时,工作流以最小ID逻辑库为准!
</div>
<div
class=
"tip"
>
<span
class=
"iconfont"
>

</span>
提示:当选择多个逻辑库时,工作流以最小ID逻辑库为准!
</div>
</el-row>
<el-row
class=
"flexBox"
>
<div
style=
"margin: 15px 0"
></div>
<el-checkbox-group
v-model=
"checkedTargets"
>
<el-checkbox
v-for=
"(value,key) in targets"
:key=
"key"
:label=
"value.code"
>
{{ value.name }}
</el-checkbox>
<el-checkbox
v-for=
"(value, key) in targets"
:key=
"key"
:label=
"value.code"
>
{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
<!-- 六 -->
<el-row
class=
"title"
>
<div
class=
"colorDiv"
></div>
<div>
捺印信息
</div>
</el-row>
<!-- 七 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印单位:"
prop=
"nydwGajgjgdm"
>
<Cascader
:form=
"ruleForm"
id=
"nydwGajgjgdm"
></Cascader>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印人姓名:"
prop=
"nyryXm"
>
<el-input
v-model=
"ruleForm.nyryXm"
placeholder=
"请输入捺印人姓名"
maxlength=
"50"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item
label=
"捺印单位:"
prop=
"nydwGajgjgdm"
>
<Cascader
:form=
"ruleForm"
id=
"nydwGajgjgdm"
></Cascader>
</el-form-item>
<el-form-item
label=
"捺印人姓名:"
prop=
"nyryXm"
>
<el-input
v-model=
"ruleForm.nyryXm"
placeholder=
"请输入捺印人姓名"
maxlength=
"50"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
<!-- 八 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印日期:"
prop=
"nysj"
>
<el-date-picker
type=
"date"
placeholder=
"请输入捺印日期"
v-model=
"ruleForm.nysj"
style=
"width: 100%"
:picker-options=
"{
<el-row
class=
"item-row"
>
<el-form-item
label=
"捺印日期:"
prop=
"nysj"
>
<el-date-picker
type=
"date"
placeholder=
"请输入捺印日期"
v-model=
"ruleForm.nysj"
style=
"width: 100%"
:picker-options=
"{
disabledDate: disabledDate,
}"
></el-date-picker>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印人身份证号:"
prop=
"nyryGmsfhm"
>
<el-input
v-model=
"ruleForm.nyryGmsfhm"
placeholder=
"请输入捺印人身份证号"
maxlength=
"18"
show-word-limit
clearable
></el-input>
</el-form-item>
}"
></el-date-picker>
</el-form-item>
<el-form-item
label=
"捺印人身份证号:"
prop=
"nyryGmsfhm"
>
<el-input
v-model=
"ruleForm.nyryGmsfhm"
placeholder=
"请输入捺印人身份证号"
maxlength=
"18"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 九 -->
<el-row>
<el-col
:span=
"12"
>
<el-form-item>
</el-form-item>
</el-col>
<el-col
:span=
"12"
>
<el-form-item
label=
"捺印人联系电话:"
prop=
"nyryLxdh"
>
<el-input
v-model=
"ruleForm.nyryLxdh"
placeholder=
"请输入捺印人联系电话"
maxlength=
"18"
show-word-limit
clearable
></el-input>
</el-form-item>
</el-col>
<el-row
class=
"item-row"
>
<el-form-item>
</el-form-item>
<el-form-item
class=
"no_require"
label=
"捺印人联系电话:"
prop=
"nyryLxdh"
>
<el-input
v-model=
"ruleForm.nyryLxdh"
placeholder=
"请输入捺印人联系电话"
maxlength=
"18"
show-word-limit
clearable
>
</el-input>
</el-form-item>
</el-row>
</el-form>
<el-divider></el-divider>
<!-- 十 -->
<span
slot=
"footer"
class=
"dialog-footer"
>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"submitForm('ruleForm')"
>
提交
</el-button>
<el-button
@
click=
"resetForm('ruleForm')"
type=
"primary"
>
取 消
</el-button>
<el-button
@
click=
"resetForm('ruleForm')"
type=
"primary"
>
取 消
</el-button>
</span>
<!-- 箭头 -->
<div
class=
"arrow-down"
@
click=
"goBottom"
>
<img
class=
"arrow-down-img"
src=
"@/assets/img/jiantou.gif"
alt=
""
>
</div>
</el-dialog>
</template>
<
script
>
import
Cascader
from
"@/components/Cascader.vue"
;
import
SelectCode
from
"@/components/SelectCode.vue"
;
export
default
{
name
:
"xzry"
,
components
:
{
Cascader
,
SelectCode
},
props
:
{
isShowXzry
:
{
type
:
[
Number
,
String
,
Boolean
],
default
:
false
,
import
Cascader
from
"@/components/Cascader.vue"
;
import
SelectCode
from
"@/components/SelectCode.vue"
;
export
default
{
name
:
"xzry"
,
components
:
{
Cascader
,
SelectCode
,
},
},
data
()
{
return
{
dialogVisible
:
false
,
// 弹窗状态
labelPosition
:
"left"
,
// 数据项对齐方式
checkedTargets
:
[
1
],
// 选定的目标逻辑库
targets
:
this
.
$store
.
state
.
ljk
.
targetOptions_ry
,
// 目标逻辑库
ruleForm
:
{
ysxtAsjxgrybh
:
""
,
// 人员编号
jzrybh
:
""
,
// 警综人员编号
asjxgrybh
:
""
,
// 案事件相关人员编号号
zzhwkbh
:
""
,
// 现场掌指纹卡编号
cjxxyydm
:
""
,
// 采集信息原因
xm
:
""
,
// 姓名
bmch
:
""
,
// 别名
xbdm
:
""
,
// 性别
csrq
:
""
,
// 出生日期
gjdm
:
""
,
// 国籍
mzdm
:
""
,
// 民族
cyzjdm
:
""
,
// 证件类型
zjhm
:
""
,
// 证件号码
hjdzXzqhdm
:
""
,
// 户籍地行政区
hjdzDzmc
:
""
,
// 户籍地址
xzzXzqhdm
:
""
,
// 现住址行政区
xzzDzmc
:
""
,
// 现住址
bz
:
""
,
// 备注
nydwGajgjgdm
:
""
,
// 捺印单位
nyryXm
:
""
,
// 捺印人姓名
nysj
:
""
,
// 捺印时间
nyryGmsfhm
:
""
,
// 捺印人身份证号
nyryLxdh
:
""
,
// 捺印人电话
ifidcard
:
"是"
,
// 是否采集二代身份证
zwbdxtlxms
:
"1"
,
// 指纹比对描述
},
logicList
:
[],
// 逻辑库代码
rules
:
{
ysxtAsjxgrybh
:
[
{
min
:
22
,
max
:
22
,
message
:
'编号长度有误!'
,
trigger
:
'change'
},
{
required
:
true
,
message
:
"请输入人员条码号"
,
trigger
:
"blur"
},
],
jzrybh
:
[
{
required
:
true
,
message
:
"请输入警综人员编号"
,
trigger
:
"blur"
},
],
asjxgrybh
:
[
{
required
:
true
,
message
:
"请输入案事件人员号"
,
trigger
:
"blur"
},
],
zzhwkbh
:
[
{
required
:
true
,
message
:
"请输入掌指纹卡编号"
,
trigger
:
"blur"
},
],
cjxxyydm
:
[
{
required
:
true
,
message
:
"请选择采集信息原因"
,
trigger
:
"blur"
},
],
xm
:
[{
required
:
true
,
message
:
"请输入姓名"
,
trigger
:
"blur"
}],
xbdm
:
[{
required
:
true
,
message
:
"请选择性别"
,
trigger
:
"blur"
}],
csrq
:
[
{
type
:
"date"
,
required
:
true
,
message
:
"请选择出生日期"
,
trigger
:
"change"
,
},
],
gjdm
:
[{
required
:
true
,
message
:
"请选择国籍"
,
trigger
:
"blur"
}],
mzdm
:
[{
required
:
true
,
message
:
"请选择民族"
,
trigger
:
"blur"
}],
cyzjdm
:
[
{
required
:
true
,
message
:
"请选择证件类型"
,
trigger
:
"blur"
},
],
zjhm
:
[{
required
:
true
,
message
:
"请输入证件号码"
,
trigger
:
"blur"
}],
hjdzXzqhdm
:
[
{
required
:
true
,
message
:
"请选择户籍地行政区"
,
trigger
:
"blur"
},
],
hjdzDzmc
:
[
{
required
:
true
,
message
:
"请输入户籍地址"
,
trigger
:
"blur"
},
],
xzzXzqhdm
:
[
{
required
:
true
,
message
:
"请选现住地行政区"
,
trigger
:
"blur"
},
],
xzzDzmc
:
[
{
required
:
true
,
message
:
"请输入现住地址"
,
trigger
:
"blur"
},
],
nydwGajgjgdm
:
[
{
required
:
true
,
message
:
"请输入捺印单位"
,
trigger
:
"change"
},
],
nyryXm
:
[
{
required
:
true
,
message
:
"请输入捺印人员姓名"
,
trigger
:
"change"
},
],
nysj
:
[
{
type
:
"date"
,
required
:
true
,
message
:
"请选择捺印日期"
,
trigger
:
"change"
,
},
],
nyryGmsfhm
:
[
{
required
:
true
,
message
:
"请输入捺印人身份证号"
,
trigger
:
"blur"
},
{
pattern
:
/
(
^
[
1-9
]\d{5}(
18|19|
([
23
]\d))\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{3}[
0-9Xx
]
$
)
|
(
^
[
1-9
]\d{5}\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{2}
$
)
/
,
message
:
'证件号码格式有误!'
,
trigger
:
'blur'
}
],
nyryLxdh
:
[
{
required
:
true
,
message
:
"请输入捺印人联系电话"
,
trigger
:
"blur"
},
],
props
:
{
isShowXzry
:
{
type
:
[
Number
,
String
,
Boolean
],
default
:
false
,
},
};
},
mounted
()
{
this
.
dialogVisible
=
this
.
isShowXzry
;
},
watch
:
{
isShowXzry
(
newVal
,
oldVal
)
{
this
.
dialogVisible
=
newVal
;
// let self = this
// if (newVal) {
// //监听页面滚动
// this.$nextTick(() => {
// document.querySelector('.el-dialog__body').addEventListener("scroll", (e) => {
// console.log(111111111111)
// // if (e.target.scrollTop > 400) {
// // $('.arrow-down-img').css('transform', 'rotate(180deg)');
// // } else {
// // $('.arrow-down-img').css('transform', 'rotate(0deg)');
// // }
// // let operableTree = setTimeout(() => {
// // self.$refs.referrer.blur()
// // }, 150)
// // clearTimeout(operableTree)
// // this.$refs.cascader.offOption()
// // this.$refs.cascader.dropDownVisible = false
// // this.$refs.cjxxyydm.offOption()
// // this.$refs.cjxxyydm.dropDownVisible = false
// // this.$refs.xbdm.offOption()
// // this.$refs.xbdm.dropDownVisible = false
// // this.$refs.csrq.blur();
// // this.$refs.csrq.pickerVisible = false
// }, false);
// })
// }
},
dialogVisible
(
val
)
{
this
.
$emit
(
"closeXzry"
,
this
.
dialogVisible
);
data
()
{
return
{
dialogVisible
:
false
,
// 弹窗状态
labelPosition
:
"left"
,
// 数据项对齐方式
checkedTargets
:
[
1
],
// 选定的目标逻辑库
targets
:
this
.
$store
.
state
.
ljk
.
targetOptions_ry
,
// 目标逻辑库
ruleForm
:
{
ysxtAsjxgrybh
:
""
,
// 人员编号
jzrybh
:
""
,
// 警综人员编号
asjxgrybh
:
""
,
// 案事件相关人员编号号
zzhwkbh
:
""
,
// 现场掌指纹卡编号
cjxxyydm
:
""
,
// 采集信息原因
xm
:
""
,
// 姓名
bmch
:
""
,
// 别名
xbdm
:
""
,
// 性别
csrq
:
""
,
// 出生日期
gjdm
:
""
,
// 国籍
mzdm
:
""
,
// 民族
cyzjdm
:
""
,
// 证件类型
zjhm
:
""
,
// 证件号码
hjdzXzqhdm
:
""
,
// 户籍地行政区
hjdzDzmc
:
""
,
// 户籍地址
xzzXzqhdm
:
""
,
// 现住址行政区
xzzDzmc
:
""
,
// 现住址
bz
:
""
,
// 备注
nydwGajgjgdm
:
""
,
// 捺印单位
nyryXm
:
""
,
// 捺印人姓名
nysj
:
""
,
// 捺印时间
nyryGmsfhm
:
""
,
// 捺印人身份证号
nyryLxdh
:
""
,
// 捺印人电话
ifidcard
:
"是"
,
// 是否采集二代身份证
zwbdxtlxms
:
"1"
,
// 指纹比对描述
},
logicList
:
[],
// 逻辑库代码
rules
:
{
ysxtAsjxgrybh
:
[
{
min
:
22
,
max
:
22
,
message
:
"编号长度有误!"
,
trigger
:
"change"
},
{
required
:
true
,
message
:
"请输入人员条码号"
,
trigger
:
"blur"
},
],
jzrybh
:
[
{
required
:
true
,
message
:
"请输入警综人员编号"
,
trigger
:
"blur"
},
],
asjxgrybh
:
[
{
required
:
true
,
message
:
"请输入案事件人员号"
,
trigger
:
"blur"
},
],
zzhwkbh
:
[
{
required
:
true
,
message
:
"请输入掌指纹卡编号"
,
trigger
:
"blur"
},
],
cjxxyydm
:
[
{
required
:
true
,
message
:
"请选择采集信息原因"
,
trigger
:
"blur"
},
],
xm
:
[{
required
:
true
,
message
:
"请输入姓名"
,
trigger
:
"blur"
}],
xbdm
:
[{
required
:
true
,
message
:
"请选择性别"
,
trigger
:
"blur"
}],
csrq
:
[
{
type
:
"date"
,
required
:
true
,
message
:
"请选择出生日期"
,
trigger
:
"change"
,
},
],
gjdm
:
[{
required
:
true
,
message
:
"请选择国籍"
,
trigger
:
"blur"
}],
mzdm
:
[{
required
:
true
,
message
:
"请选择民族"
,
trigger
:
"blur"
}],
cyzjdm
:
[
{
required
:
true
,
message
:
"请选择证件类型"
,
trigger
:
"blur"
},
],
zjhm
:
[{
required
:
true
,
message
:
"请输入证件号码"
,
trigger
:
"blur"
}],
hjdzXzqhdm
:
[
{
required
:
true
,
message
:
"请选择户籍地行政区"
,
trigger
:
"blur"
},
],
hjdzDzmc
:
[
{
required
:
true
,
message
:
"请输入户籍地址"
,
trigger
:
"blur"
},
],
xzzXzqhdm
:
[
{
required
:
true
,
message
:
"请选现住地行政区"
,
trigger
:
"blur"
},
],
xzzDzmc
:
[
{
required
:
true
,
message
:
"请输入现住地址"
,
trigger
:
"blur"
},
],
nydwGajgjgdm
:
[
{
required
:
true
,
message
:
"请输入捺印单位"
,
trigger
:
"change"
},
],
nyryXm
:
[
{
required
:
true
,
message
:
"请输入捺印人员姓名"
,
trigger
:
"change"
},
],
nysj
:
[
{
type
:
"date"
,
required
:
true
,
message
:
"请选择捺印日期"
,
trigger
:
"change"
,
},
],
nyryGmsfhm
:
[
{
required
:
true
,
message
:
"请输入捺印人身份证号"
,
trigger
:
"blur"
},
{
pattern
:
/
(
^
[
1-9
]\d{5}(
18|19|
([
23
]\d))\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{3}[
0-9Xx
]
$
)
|
(
^
[
1-9
]\d{5}\d{2}((
0
[
1-9
])
|
(
10|11|12
))(([
0-2
][
1-9
])
|10|20|30|31
)\d{2}
$
)
/
,
message
:
"证件号码格式有误!"
,
trigger
:
"blur"
,
},
],
nyryLxdh
:
[
{
required
:
true
,
message
:
"请输入捺印人联系电话"
,
trigger
:
"blur"
},
],
},
};
},
mounted
()
{
this
.
dialogVisible
=
this
.
isShowXzry
;
},
},
methods
:
{
disabledDate
(
a
)
{
if
(
a
.
getTime
()
>
new
Date
().
getTime
())
{
return
true
;
watch
:
{
isShowXzry
(
newVal
,
oldVal
)
{
this
.
dialogVisible
=
newVal
;
// let self = this
// if (newVal) {
// //监听页面滚动
// this.$nextTick(() => {
// document.querySelector('.el-dialog__body').addEventListener("scroll", (e) => {
// console.log(111111111111)
// // if (e.target.scrollTop > 400) {
// // $('.arrow-down-img').css('transform', 'rotate(180deg)');
// // } else {
// // $('.arrow-down-img').css('transform', 'rotate(0deg)');
// // }
// // let operableTree = setTimeout(() => {
// // self.$refs.referrer.blur()
// // }, 150)
// // clearTimeout(operableTree)
// // this.$refs.cascader.offOption()
// // this.$refs.cascader.dropDownVisible = false
// // this.$refs.cjxxyydm.offOption()
// // this.$refs.cjxxyydm.dropDownVisible = false
// // this.$refs.xbdm.offOption()
// // this.$refs.xbdm.dropDownVisible = false
// // this.$refs.csrq.blur();
// // this.$refs.csrq.pickerVisible = false
// }, false);
// })
// }
},
dialogVisible
(
val
)
{
this
.
$emit
(
"closeXzry"
,
this
.
dialogVisible
);
},
drawer
(
newValue
,
oldValue
)
{
let
self
=
this
if
(
newValue
)
{
//监听页面滚动
this
.
$nextTick
(()
=>
{
document
.
querySelector
(
'jbxx'
).
addEventListener
(
"scroll"
,
(
e
)
=>
{
if
(
e
.
target
.
scrollTop
>
400
)
{
$
(
'.arrow-down-img'
).
css
(
'transform'
,
'rotate(180deg)'
);
}
else
{
$
(
'.arrow-down-img'
).
css
(
'transform'
,
'rotate(0deg)'
);
}
// 和本页面对应的标签不符,需要改
// let operableTree = setTimeout(() => {
// self.$refs.referrer.blur()
// }, 150)
// clearTimeout(operableTree)
// this.$refs.cascader.offOption()
// this.$refs.cascader.dropDownVisible = false
// this.$refs.cjxxyydm.offOption()
// this.$refs.cjxxyydm.dropDownVisible = false
// this.$refs.xbdm.offOption()
// this.$refs.xbdm.dropDownVisible = false
// this.$refs.csrq.blur();
// this.$refs.csrq.pickerVisible = false
},
false
);
})
}
}
},
methods
:
{
goBottom
()
{
let
rydaxxDrawer
=
document
.
querySelector
(
'jbxx'
)
// 判断上移还是下移
if
(
this
.
arrow
==
'top'
)
{
rydaxxDrawer
.
scrollIntoView
({
block
:
"start"
});
$
(
'.arrow-down-img'
).
css
(
'transform'
,
'rotate(0deg)'
);
this
.
arrow
=
'bottom'
}
else
{
return
false
;
rydaxxDrawer
.
scrollIntoView
({
block
:
"end"
});
$
(
'.arrow-down-img'
).
css
(
'transform'
,
'rotate(180deg)'
);
this
.
arrow
=
'top'
}
},
submitForm
(
formName
)
{
this
.
$refs
[
formName
].
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
checkedTargets
.
length
==
0
)
{
this
.
$message
.
error
(
'请选择逻辑库'
)
}
else
{
this
.
logicList
=
this
.
checkedTargets
let
reqParam
=
{
personDo
:
""
,
logicList
:
[],
cjxxyyList
:
[]
};
reqParam
.
cjxxyyList
=
this
.
ruleForm
.
cjxxyydm
delete
this
.
ruleForm
.
cjxxyydm
reqParam
.
personDo
=
this
.
ruleForm
;
reqParam
.
personDo
.
ysxtAsjxgrybh
=
'R'
+
this
.
ruleForm
.
ysxtAsjxgrybh
reqParam
.
logicList
=
this
.
logicList
this
.
$axios
.
post
(
"/api/personstore/personadd"
,
reqParam
)
.
then
((
response
)
=>
{
if
(
response
.
data
.
code
===
0
)
{
this
.
$message
.
success
(
"新增成功"
);
this
.
dialogVisible
=
false
;
this
.
$router
.
pushToTab
({
path
:
`/fingerprintIndex/
${
reqParam
.
personDo
.
ysxtAsjxgrybh
}
/
${
this
.
ruleForm
.
xm
}
`
,
query
:
{
type
:
0
}
})
this
.
ruleForm
=
{
ysxtAsjxgrybh
:
""
,
// 人员编号
jzrybh
:
""
,
// 警综人员编号
asjxgrybh
:
""
,
// 案事件相关人员编号号
zzhwkbh
:
""
,
// 现场掌指纹卡编号
cjxxyydm
:
""
,
// 采集信息原因
xm
:
""
,
// 姓名
bmch
:
""
,
// 别名
xbdm
:
""
,
// 性别
csrq
:
""
,
// 出生日期
gjdm
:
""
,
// 国籍
mzdm
:
""
,
// 民族
cyzjdm
:
""
,
// 证件类型
zjhm
:
""
,
// 证件号码
hjdzXzqhdm
:
""
,
// 户籍地行政区
hjdzDzmc
:
""
,
// 户籍地址
xzzXzqhdm
:
""
,
// 现住址行政区
xzzDzmc
:
""
,
// 现住址
bz
:
""
,
// 备注
nydwGajgjgdm
:
""
,
// 捺印单位
nyryXm
:
""
,
// 捺印人姓名
nysj
:
""
,
// 捺印时间
nyryGmsfhm
:
""
,
// 捺印人身份证号
nyryLxdh
:
""
,
// 捺印人电话
ifidcard
:
"是"
,
// 是否采集二代身份证
zwbdxtlxms
:
"1"
,
// 指纹比对描述
}
this
.
checkedTargets
=
[
1
]
// 选定的目标逻辑库
}
else
{
this
.
$message
.
error
(
"新增失败"
);
this
.
$set
(
this
.
ruleForm
,
'cjxxyydm'
,
[])
this
.
$set
(
this
.
ruleForm
,
'ysxtAsjxgrybh'
,
this
.
ruleForm
.
ysxtAsjxgrybh
.
substring
(
1
,
23
))
}
});
}
disabledDate
(
a
)
{
if
(
a
.
getTime
()
>
new
Date
().
getTime
())
{
return
true
;
}
else
{
return
false
;
}
});
},
resetForm
(
formName
)
{
this
.
$refs
[
formName
].
resetFields
();
this
.
dialogVisible
=
false
;
},
handleClose
(
done
)
{
this
.
dialogVisible
=
false
;
this
.
$refs
[
formName
].
resetFields
();
},
submitForm
(
formName
)
{
this
.
$refs
[
formName
].
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
checkedTargets
.
length
==
0
)
{
this
.
$message
.
error
(
"请选择逻辑库"
);
}
else
{
this
.
logicList
=
this
.
checkedTargets
;
let
reqParam
=
{
personDo
:
""
,
logicList
:
[],
cjxxyyList
:
[],
};
reqParam
.
cjxxyyList
=
this
.
ruleForm
.
cjxxyydm
;
delete
this
.
ruleForm
.
cjxxyydm
;
reqParam
.
personDo
=
this
.
ruleForm
;
reqParam
.
personDo
.
ysxtAsjxgrybh
=
"R"
+
this
.
ruleForm
.
ysxtAsjxgrybh
;
reqParam
.
logicList
=
this
.
logicList
;
this
.
$axios
.
post
(
"/api/personstore/personadd"
,
reqParam
)
.
then
((
response
)
=>
{
if
(
response
.
data
.
code
===
0
)
{
this
.
$message
.
success
(
"新增成功"
);
this
.
dialogVisible
=
false
;
this
.
$router
.
pushToTab
({
path
:
`/fingerprintIndex/
${
reqParam
.
personDo
.
ysxtAsjxgrybh
}
/
${
this
.
ruleForm
.
xm
}
`
,
query
:
{
type
:
0
,
},
});
this
.
ruleForm
=
{
ysxtAsjxgrybh
:
""
,
// 人员编号
jzrybh
:
""
,
// 警综人员编号
asjxgrybh
:
""
,
// 案事件相关人员编号号
zzhwkbh
:
""
,
// 现场掌指纹卡编号
cjxxyydm
:
""
,
// 采集信息原因
xm
:
""
,
// 姓名
bmch
:
""
,
// 别名
xbdm
:
""
,
// 性别
csrq
:
""
,
// 出生日期
gjdm
:
""
,
// 国籍
mzdm
:
""
,
// 民族
cyzjdm
:
""
,
// 证件类型
zjhm
:
""
,
// 证件号码
hjdzXzqhdm
:
""
,
// 户籍地行政区
hjdzDzmc
:
""
,
// 户籍地址
xzzXzqhdm
:
""
,
// 现住址行政区
xzzDzmc
:
""
,
// 现住址
bz
:
""
,
// 备注
nydwGajgjgdm
:
""
,
// 捺印单位
nyryXm
:
""
,
// 捺印人姓名
nysj
:
""
,
// 捺印时间
nyryGmsfhm
:
""
,
// 捺印人身份证号
nyryLxdh
:
""
,
// 捺印人电话
ifidcard
:
"是"
,
// 是否采集二代身份证
zwbdxtlxms
:
"1"
,
// 指纹比对描述
};
this
.
checkedTargets
=
[
1
];
// 选定的目标逻辑库
}
else
{
this
.
$message
.
error
(
"新增失败"
);
this
.
$set
(
this
.
ruleForm
,
"cjxxyydm"
,
[]);
this
.
$set
(
this
.
ruleForm
,
"ysxtAsjxgrybh"
,
this
.
ruleForm
.
ysxtAsjxgrybh
.
substring
(
1
,
23
)
);
}
});
}
}
else
{
return
false
;
}
});
},
resetForm
(
formName
)
{
this
.
$refs
[
formName
].
resetFields
();
this
.
dialogVisible
=
false
;
},
handleClose
(
done
)
{
this
.
dialogVisible
=
false
;
this
.
$refs
[
formName
].
resetFields
();
},
},
},
};
};
</
script
>
<
style
lang=
"scss"
scoped
>
.inputBh
{
/
deep
/
.el-input-group__prepend
{
width
:
40px
;
text-align
:
center
;
padding
:
0
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
width
:
18px
!important
;
height
:
18px
!important
;
background
:
#ECEDF1
;
border-radius
:
3px
;
position
:
absolute
;
margin
:
0
8px
;
padding
:
0
!important
;
}
/
deep
/
.el-input__inner
{
width
:
224px
;
.inputBh
{
display
:
flex
;
align-items
:
center
;
/deep/.el-input__inner
{
padding-left
:
30px
;
width
:
264px
;
}
}
}
//
滚动条的宽度
/
deep
/
.el-form
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.el-form
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
}
/
deep
/
.flexBox
{
display
:
flex
;
.el-checkbox
{
margin-right
:
24px
;
margin-bottom
:
10px
;
//
滚动条的宽度
/
deep
/
.el-form
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
}
/
deep
/
.el-form
{
height
:
685px
;
overflow
:
auto
;
}
/
deep
/
.el-radio
{
margin-right
:
30px
;
}
.title
{
display
:
flex
;
div
{
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
line-height
:
24px
;
//
滚动条的滑块
/
deep
/
.el-form
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
.colorDiv
{
width
:
4px
;
height
:
16px
;
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
,
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#055fe7
;
border-color
:
#055fe7
;
}
/
deep
/
.el-checkbox__input.is-checked
+
.el-checkbox__label
{
color
:
#333333
;
}
/
deep
/
.flexBox
{
display
:
flex
;
.el-checkbox
{
margin-right
:
24px
;
margin-bottom
:
10px
;
}
}
/
deep
/
.el-form
{
height
:
685px
;
overflow
:
auto
;
}
/
deep
/
.el-radio
{
margin-right
:
30px
;
}
.title
{
display
:
flex
;
div
{
font-size
:
16px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#282f3c
;
line-height
:
24px
;
}
.colorDiv
{
width
:
4px
;
height
:
16px
;
background
:
#055fe7
;
border-radius
:
2px
;
margin-right
:
10px
;
margin-top
:
5px
;
}
.tip
{
margin-left
:
24px
;
color
:
#f8980a
;
font-family
:
HarmonyOS_Sans_SC
;
font-size
:
13px
;
span
{
font-size
:
13px
;
margin-right
:
5px
;
}
}
}
/
deep
/
.el-button
{
width
:
72px
;
height
:
40px
;
background
:
#ffffff
;
color
:
#333333
;
border-radius
:
4px
;
border
:
1px
solid
#aeb5c2
;
}
/
deep
/
.el-button--primary
{
border-color
:
#055fe7
;
background
:
#055fe7
;
border-radius
:
2px
;
margin-right
:
10px
;
margin-top
:
5px
;
color
:
#fff
;
width
:
72px
;
height
:
40px
;
}
.tip
{
/
deep
/
.el-button
+
.el-button
{
margin-left
:
24px
;
color
:
#f8980a
;
}
/
deep
/
.el-dialog__body
{
padding
:
30px
0px
0
0px
;
}
/
deep
/
.el-dialog__footer
{
text-align
:
center
;
}
/
deep
/
.el-divider--horizontal
:nth-child
(
odd
)
{
width
:
864px
;
margin-bottom
:
24px
;
}
/
deep
/
.el-divider--horizontal
:nth-child
(
even
)
{
width
:
864px
;
margin-bottom
:
16px
;
}
/
deep
/
.el-textarea__inner
{
width
:
722px
;
height
:
76px
;
overflow
:
auto
;
}
/
deep
/
.el-row
{
margin-bottom
:
24px
;
}
/
deep
/
.el-input__inner
{
width
:
264px
;
}
/
deep
/
.el-form-item__label
{
width
:
140px
;
padding
:
0
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
font-size
:
13px
;
span
{
font-size
:
13px
;
margin-right
:
5px
;
color
:
#333333
;
}
/
deep
/
.el-dialog__header
{
border-bottom
:
1px
solid
#eee
;
}
/
deep
/
.el-dialog
{
box-shadow
:
0px
14px
30px
0px
rgba
(
0
,
21
,
51
,
0.25
);
border-radius
:
6px
;
}
.title
,
.el-divider--horizontal
,
.el-checkbox-group
{
margin-left
:
35px
;
}
.item-row
{
//
width
:
870px
;
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
}
.no_require
{
/deep/.el-form-item__label
{
margin-left
:
400px
!important
;
}
}
.arrow-down
{
z-index
:
999
;
cursor
:
pointer
;
position
:
fixed
;
right
:
500px
;
bottom
:
190px
;
width
:
40px
;
height
:
40px
;
background
:
#ffffff
;
box-shadow
:
0px
0px
5px
0px
rgba
(
5
,
95
,
231
,
0.4
);
border-radius
:
20px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
img
{
width
:
26px
;
height
:
auto
;
cursor
:
pointer
;
}
&
:hover
{
border
:
1px
solid
#0b6cd9
;
}
.arrow-down-img
{
transition
:
transform
.4s
linear
;
}
}
}
/
deep
/
.el-button
{
width
:
72px
;
height
:
40px
;
background
:
#ffffff
;
color
:
#333333
;
border-radius
:
4px
;
border
:
1px
solid
#aeb5c2
;
}
/
deep
/
.el-button--primary
{
border-color
:
#055fe7
;
background
:
#055fe7
;
color
:
#fff
;
width
:
72px
;
height
:
40px
;
}
/
deep
/
.el-button
+
.el-button
{
margin-left
:
24px
;
}
/
deep
/
.el-dialog__body
{
padding
:
30px
5px
0
20px
;
}
/
deep
/
.el-dialog__footer
{
text-align
:
center
;
}
/
deep
/
.el-divider--horizontal
:nth-child
(
odd
)
{
width
:
880px
;
margin-bottom
:
24px
;
}
/
deep
/
.el-divider--horizontal
:nth-child
(
even
)
{
width
:
880px
;
margin-bottom
:
16px
;
}
/
deep
/
.el-textarea__inner
{
width
:
722px
;
height
:
76px
;
overflow
:
auto
;
}
/
deep
/
.el-row
{
margin-bottom
:
24px
;
}
/
deep
/
.el-input__inner
{
width
:
264px
;
}
/
deep
/
.el-form-item__label
{
width
:
160px
;
padding
:
0
;
font-size
:
14px
;
font-family
:
HarmonyOS_Sans_SC
;
color
:
#333333
;
}
/
deep
/
.el-dialog__header
{
border-bottom
:
1px
solid
#eee
;
}
/
deep
/
.el-dialog
{
box-shadow
:
0px
14px
30px
0px
rgba
(
0
,
21
,
51
,
0.25
);
border-radius
:
6px
;
//
height
:
860px
;
}
</
style
>
</
style
>
\ No newline at end of file
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