Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
任超
/
js.CadastralSystem
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
84eab6b2
authored
2020-10-22 10:04:53 +0800
by
weimo934
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
style(综合查询):查询表单样式修改
1 parent
8ff68bac
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
115 additions
and
67 deletions
src/components/searchHead/searchHead.vue
src/components/searchHead/searchHead.vue
View file @
84eab6b
<
template
>
<el-form
:inline=
"true"
:model=
"formData"
class=
"demo-form-inline"
>
<el-form-item
label=
"宗地编码"
>
<el-input
v-model=
"formData.zdbm"
placeholder=
"输入宗地编码"
></el-input>
</el-form-item>
<el-form-item
label=
"坐落"
>
<el-input
v-model=
"formData.zl"
placeholder=
"输入坐落地址"
></el-input>
</el-form-item>
<el-form-item
label=
"不动产单元号"
>
<el-input
v-model=
"formData.bdcdyh"
placeholder=
"输入不动产单元号"
></el-input>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
查询
</el-button>
<el-button
type=
"warning"
@
click=
"onSubmit"
>
重置
</el-button>
<el-button
type=
"primary"
class=
"moreSearchBtn"
@
click=
"onSubmit"
>
更多查询
</el-button
>
</el-form-item>
<el-form-item
class=
"db"
label=
"查询范围"
>
<el-checkbox-group
v-model=
"formData.type"
>
<el-checkbox
label=
"宗地"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"自然幢"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"户"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"构筑物"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"林权"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"宗海"
name=
"type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
<el-row>
<el-col
:span=
"18"
>
<el-row>
<el-col
:span=
"22"
>
<el-form
:inline=
"true"
:model=
"formData"
class=
"demo-form-inline"
>
<el-form-item
label=
"宗地编码:"
>
<el-input
v-model=
"formData.zdbm"
placeholder=
"输入宗地编码"
></el-input>
</el-form-item>
<el-form-item
label=
"坐落:"
>
<el-input
v-model=
"formData.zl"
placeholder=
"输入坐落地址"
></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col
:span=
"2"
>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
查询
</el-button>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"22"
>
<el-form
:inline=
"true"
:model=
"formData"
class=
"demo-form-inline"
>
<el-form-item
label=
"不动产单元号:"
>
<el-input
v-model=
"formData.bdcdyh"
placeholder=
"输入不动产单元号"
></el-input>
</el-form-item>
<el-form-item
class=
"demo-form-inline"
label=
"单元类型:"
>
<el-checkbox-group
v-model=
"formData.type"
>
<el-checkbox
label=
"宗地"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"自然幢"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"户"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"构筑物"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"林权"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"宗海"
name=
"type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</el-col>
<el-col
:span=
"2"
>
<el-button
type=
"warning"
@
click=
"onSubmit"
>
重置
</el-button>
</el-col>
</el-row>
<el-row>
<el-col
:span=
"22"
v-show=
"ismore"
>
<el-form
:inline=
"true"
:model=
"formData"
class=
"demo-form-inline"
>
<el-form-item
label=
"权利人名称:"
>
<el-input
placeholder=
"输入权利人名称"
></el-input>
</el-form-item>
<el-form-item
label=
"项目名称:"
>
<el-input
placeholder=
"输入项目名称"
></el-input>
</el-form-item>
<el-form-item
label=
"不动产权证号:"
>
<el-input
placeholder=
"输入不动产权证号"
></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col
:span=
"2"
:offset=
"offset"
>
<el-button
type=
"primary"
class=
"moreSearchBtn"
@
click=
"more"
>
更多查询
</el-button>
</el-col>
</el-row>
</el-col>
</el-row>
</
template
>
<
script
>
export
default
{
name
:
""
,
components
:
{},
props
:
{},
data
()
{
return
{
formData
:
{
zdbm
:
""
,
zl
:
""
,
bdcdyh
:
""
,
type
:
[],
},
};
},
created
()
{
let
self
=
this
;
document
.
onkeydown
=
function
(
e
)
{
//按下回车提交
let
key
=
window
.
event
.
keyCode
;
//事件中keycode=13为回车事件
if
(
key
==
13
)
{
self
.
onSubmit
();
}
};
},
mounted
()
{},
methods
:
{
onSubmit
()
{
//子组件点击查询时将表单数据发送给父组件
this
.
$emit
(
"getSearchCondition"
,
this
.
formData
);
},
},
computed
:
{},
watch
:
{},
};
export
default
{
name
:
""
,
components
:
{},
props
:
{},
data
()
{
return
{
offset
:
22
,
ismore
:
false
,
formData
:
{
zdbm
:
""
,
zl
:
""
,
bdcdyh
:
""
,
type
:
[],
},
};
},
created
()
{
let
self
=
this
;
document
.
onkeydown
=
function
(
e
)
{
//按下回车提交
let
key
=
window
.
event
.
keyCode
;
//事件中keycode=13为回车事件
if
(
key
==
13
)
{
self
.
onSubmit
();
}
};
},
mounted
()
{
},
methods
:
{
more
()
{
this
.
ismore
=
!
this
.
ismore
if
(
this
.
ismore
){
this
.
offset
=
0
}
else
{
this
.
offset
=
22
}
},
onSubmit
()
{
//子组件点击查询时将表单数据发送给父组件
this
.
$emit
(
"getSearchCondition"
,
this
.
formData
);
},
},
computed
:
{},
watch
:
{},
};
</
script
>
<
style
scoped
lang=
"less"
></
style
>
<
style
scoped
lang=
"less"
>
.el-button
{
width
:
100px
;
}
</
style
>
...
...
Please
register
or
sign in
to post a comment