@ -8,8 +8,8 @@
< el -input v-model ="searchParam" placeholder="搜企业、法人" @keyup.enter.native="search" > < el -input v-model ="searchParam" placeholder="搜企业、法人" @keyup.enter.native="search" >
< el -button slot = "append" icon = "el-icon-search" @click ="search" > 搜索 < / el -button > < el -button slot = "append" icon = "el-icon-search" @click ="search" > 搜索 < / el -button >
< / e l - i n p u t > < / e l - i n p u t >
< el -checkbox :indeterminate ="isIndeterminate" v-model ="checkAll" @change="handleCheckAllChange" > 全选 < / el -checkbox > < el -checkbox :indeterminate ="isIndeterminate" v-model ="checkAll" @change="handleCheckAllChange" style="margin-top: 10px;" > 全选 < / el -checkbox >
< el -checkbox -group v-model ="checkedCities" @change="handleCheckedCitiesChange" style="display: inline-block;vertical-align: top;margin-left:25px" > < el -checkbox -group v-model ="checkedCities" @change="handleCheckedCitiesChange" style="display: inline-block;vertical-align: top;margin-left:25px;margin-top: 10px; " >
< el -checkbox v-for ="city in cities" :label="city" :key ="city" > {{ city }} < / el -checkbox > < el -checkbox v-for ="city in cities" :label="city" :key ="city" > {{ city }} < / el -checkbox >
< / e l - c h e c k b o x - g r o u p > < / e l - c h e c k b o x - g r o u p >
< el -button type = "text" class = "fr" @ click = "advancedSearch = !advancedSearch" > { { advancedSearch ? '收起' : '高级搜索' } } < / e l - b u t t o n > < el -button type = "text" class = "fr" @ click = "advancedSearch = !advancedSearch" > { { advancedSearch ? '收起' : '高级搜索' } } < / e l - b u t t o n >
@ -50,7 +50,7 @@
< / div > < / div >
< / div > < / div >
< div class = "padding-content search-results" v-if ="showSearchData" > < div class = "padding-content search-results" v-if ="showSearchData" >
< p class = "text-muted" > 为您找到 { { searchDataList . length } } 条相关信息 < / p > < p class = "text-muted" style = "width: 800px;margin: 20px auto 10px;" > 为您找到 < strong style = "color: #1890ff;padding: 0 3px;" > { { searchDataList . length } } < / strong > 条相关信息 < / p >
< div class = "results-item-block" v-for ="(item,index) in searchDataList" :key ="index" > < div class = "results-item-block" v-for ="(item,index) in searchDataList" :key ="index" >
< div class = "company" > < div class = "company" >
< img :src ="item.logo" class = "company-logo" > < img :src ="item.logo" class = "company-logo" >
@ -59,11 +59,11 @@
< / div > < / div >
< div class = "company-info text-muted" > < div class = "company-info text-muted" >
< el -row > < el -row >
< el -col :span ="1 2" > < el -col :span ="24 " >
< span > 电话 ： < / span > < span > 电话 ： < / span >
< span > { { item . mobile } } < / span > < span > { { item . mobile } } < / span >
< / e l - c o l > < / e l - c o l >
< el -col :span ="1 2" > < el -col :span ="24 " >
< span > 官网 ： < / span > < span > 官网 ： < / span >
< span > { { item . websiteAddress } } < / span > < span > { { item . websiteAddress } } < / span >
< / e l - c o l > < / e l - c o l >
@ -322,6 +322,7 @@ export default {
} }
. el - input { . el - input {
border : 2 px solid # 00 a9fe ; border : 2 px solid # 00 a9fe ;
border - radius : 4 px ;
input { input {
border : 0 ; border : 0 ;
} }
@ -354,10 +355,11 @@ export default {
margin : 0 auto ; margin : 0 auto ;
width : 600 px ; width : 600 px ;
. search - top { . search - top {
text - align : center ;
label { label {
display : inline - block ; display : inline - block ;
color : rgb ( 110 , 109 , 109 ) ; color : rgb ( 110 , 109 , 109 ) ;
margin : 0 10 px ; margin : 10 px ;
line - height : 60 px ; line - height : 60 px ;
vertical - align : top ; vertical - align : top ;
font - size : 22 px ; font - size : 22 px ;
@ -365,23 +367,24 @@ export default {
} }
. search { . search {
position : relative ; position : relative ;
widows : 60 px ; width : 60 px ;
height : 60 px ; height : 60 px ;
margin - top : 12 px ;
} }
} }
. advanced - search { . advanced - search {
position : absolute ; position : absolute ;
z - index : 999 ; z - index : 999 ;
background : # fff ; background : # f8 f8 f8 ;
left : 50 % ; left : 50 % ;
transform : translateX ( - 50 % ) ; transform : translateX ( - 50 % ) ;
margin - top : 20 px ; margin - top : 20 px ;
padding : 15 px ; padding : 15 px ;
width : 900 px ; width : 900 px ;
min - height : 4 00px ; min - height : 3 00px ;
border : 1 px solid rgb ( 170 , 168 , 168 ) ; / / b o r d e r : 1 p x s o l i d r g b ( 1 7 0 , 1 6 8 , 1 6 8 ) ;
border - radius : 10 px ; border - radius : 10 px ;
box - shadow : 0 px 0 px 15 px # 888888 ; box - shadow : 0 px 0 px 15 px rgba ( $color : # 000000 , $alpha : 0.2 ) ;
. title - block { . title - block {
position : relative ; position : relative ;
width : 100 % ; width : 100 % ;
@ -390,19 +393,28 @@ export default {
& : : before { & : : before {
position : absolute ; position : absolute ;
content : ' ' ; content : ' ' ;
width : 4 px ; width : 5 px ;
height : 20 px ; height : 16 px ;
background - color : # 616 d ff; background - color : # 1890 ff ;
top : 1 px ; top : 3 px ;
left : 0 ; left : 0 ;
} }
} }
. el - button : last - child {
color : # fff ;
background : # 1890 ff ;
border - color : # 1890 ff ;
}
. search - item { . search - item {
. search - lable { . search - lable {
position : relative ; position : relative ;
display : inline - block ; display : inline - block ;
width : 80 px ; width : 80 px ;
margin - top : 10 px ;
font - size : 14 px ;
font - weight : bold ;
color : # 333333 ;
vertical - align : top ; vertical - align : top ;
} }
. search - option { . search - option {
@ -413,24 +425,37 @@ export default {
line - height : 40 px ; line - height : 40 px ;
} }
. el - radio - button . el - radio - button__inner { . el - radio - button . el - radio - button__inner {
color : # 333 ;
background - color : # f8f8f8 ;
border : none ; border : none ;
border - radius : 0 ; border - radius : 0 ;
} }
. el - radio - button__orig - radio : checked + . el - radio - button__inner {
padding : 7 px 15 px ;
font - size : 12 px ;
border - radius : 3 px ;
color : # FFFFFF ;
background - color : # 1890 ff ;
border - color : # 1890 ff ;
}
} }
} }
. search - results { . search - results {
. results - item - block { . results - item - block {
position : relative ; position : relative ;
border : 1 px solid # eeeeee ; / / b o r d e r : 1 p x s o l i d # e e e e e e ;
padding : 5 px ;
border - radius : 5 px ;
width : 800 px ; width : 800 px ;
height : 150 px ; / / h e i g h t : 1 5 0 p x ;
padding : 20 px ;
margin : 0 auto ;
background : rgba ( $color : # f2f2f2 , $alpha : 0.5 ) ;
border - radius : 6 px ;
. company { . company {
. company - logo { . company - logo {
position : relative ; position : relative ;
width : 100 px ; / / w i d t h : 1 0 0 p x ;
width : auto ;
height : 60 px ; height : 60 px ;
} }
. company - name { . company - name {
@ -438,16 +463,19 @@ export default {
display : inline - block ; display : inline - block ;
line - height : 60 px ; line - height : 60 px ;
font - size : 16 px ; font - size : 16 px ;
font - weight : bold ;
color : # 333333 ;
vertical - align : top ; vertical - align : top ;
margin - left : 15 px ;
} }
} }
. company - info { . company - info {
position : relative ; position : relative ;
width : 100 % ; width : 100 % ;
height : 70 px ; / / h e i g h t : 7 0 p x ;
font - size : 14 px ; font - size : 14 px ;
line - height : 22 px ; line - height : 22 px ;
background - color : # f5faff ; / / b a c k g r o u n d - c o l o r : # f 5 f a f f ;
padding : 5 px ; padding : 5 px ;
text - overflow : - o - ellipsis - lastline ; text - overflow : - o - ellipsis - lastline ;
overflow : hidden ; overflow : hidden ;
@ -456,11 +484,17 @@ export default {
- webkit - line - clamp : 2 ; - webkit - line - clamp : 2 ;
line - clamp : 2 ; line - clamp : 2 ;
- webkit - box - orient : vertical ; - webkit - box - orient : vertical ;
. el - row {
color : # 666666 ;
. el - col {
line - height : 26 px ;
}
}
} }
} }
/ / . r e s u l t s - i t e m - b l o c k : h o v e r {
/ / b a c k g r o u n d : r g b a ( 2 1 0 , 2 3 8 , 2 5 1 , 0 . 5 ) ;
/ / }
} }
. detail - results { . detail - results {
position : relative ; position : relative ;
DESKTOP-00SUCB6\Administrator
4 years ago