Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
dev
/
pingan-life-index-pro
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
3a39e0dc
authored
2020-05-15 13:49:34 +0800
by
simon
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
1.样式调优
2.省市区三语
1 parent
f6af18f2
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
21 additions
and
8 deletions
src/pages/custom-service/components/policy-change-contact.vue
src/styles/_common.scss
src/utils/biz.js
src/pages/custom-service/components/policy-change-contact.vue
View file @
3a39e0d
...
...
@@ -25,7 +25,7 @@
<div
class=
"ipt-wrap-linear"
>
<div
class=
"down-arrow"
></div>
<div
class=
"cont"
>
<el-select
class=
"ipt"
v-model=
"data.mobileAreaCode"
:placeholder=
"$t('policyChangeContact.form.InternationalArea')"
@
change=
"checkNationsPhoneCode"
>
<el-select
class=
"ipt
sel
"
v-model=
"data.mobileAreaCode"
:placeholder=
"$t('policyChangeContact.form.InternationalArea')"
@
change=
"checkNationsPhoneCode"
>
<el-option
v-for=
"(item, index) in nationsPhoneCodeList"
:key=
"index"
:label=
"item.n"
:value=
"item.n"
></el-option>
</el-select>
</div>
...
...
@@ -59,7 +59,7 @@
<div
class=
"ipt-wrap-linear"
>
<div
class=
"down-arrow"
></div>
<div
class=
"cont"
>
<el-select
class=
"ipt"
v-model=
"data.countryId"
:placeholder=
"$t('policyChangeContact.form.Nation')"
@
change=
"onChangeNations"
>
<el-select
class=
"ipt
sel
"
v-model=
"data.countryId"
:placeholder=
"$t('policyChangeContact.form.Nation')"
@
change=
"onChangeNations"
>
<el-option
v-for=
"(item, index) in nationsList"
:key=
"index"
:label=
"item.n"
:value=
"item.v"
></el-option>
</el-select>
</div>
...
...
@@ -75,7 +75,7 @@
<div
class=
"ipt-wrap-linear"
>
<div
class=
"down-arrow"
></div>
<div
class=
"cont"
>
<el-select
class=
"ipt"
v-model=
"data.provinceId"
:placeholder=
"$t('policyChangeContact.form.Province')"
@
change=
"onChangeProvince"
>
<el-select
class=
"ipt
sel
"
v-model=
"data.provinceId"
:placeholder=
"$t('policyChangeContact.form.Province')"
@
change=
"onChangeProvince"
>
<el-option
v-for=
"(item, index) in provinceList"
:key=
"index"
:label=
"item.n"
:value=
"item.v"
></el-option>
</el-select>
</div>
...
...
@@ -90,7 +90,7 @@
<div
class=
"ipt-wrap-linear"
>
<div
class=
"down-arrow"
></div>
<div
class=
"cont"
>
<el-select
class=
"ipt"
v-model=
"data.cityId"
:placeholder=
"$t('policyChangeContact.form.City')"
@
change=
"checkCity"
>
<el-select
class=
"ipt
sel
"
v-model=
"data.cityId"
:placeholder=
"$t('policyChangeContact.form.City')"
@
change=
"checkCity"
>
<el-option
v-for=
"(item, index) in cityList"
:key=
"index"
:label=
"item.n"
:value=
"item.v"
></el-option>
</el-select>
</div>
...
...
src/styles/_common.scss
View file @
3a39e0d
...
...
@@ -129,6 +129,12 @@
letter-spacing
:
1
.1px
;
}
}
.sel
{
padding
:
0
48px
0
24px
;
// @include ellipsis;
}
::-webkit-input-placeholder
{
color
:
rgba
(
102
,
102
,
102
,
0
.5
);
}
...
...
src/utils/biz.js
View file @
3a39e0d
...
...
@@ -3890,21 +3890,25 @@ export function getCnProvinceList(lan) {
switch
(
lan
)
{
case
"zh"
:
data
.
n
=
element
.
ZH_NAME
;
break
;
case
"en"
:
data
.
n
=
element
.
EN_NAME
;
break
;
default
:
data
.
n
=
element
.
TC_NAME
;
break
;
}
result
.
push
(
data
)
result
.
push
(
data
)
;
});
return
result
;
}
// 获取根据省ID中国大陆城市
export
function
getCityList
(
lan
,
PROVINCE_ID
)
{
export
function
getCityList
(
lan
,
PROVINCE_ID
)
{
let
result
=
[];
console
.
log
(
"lan:"
,
lan
);
cnCityList
.
forEach
(
element
=>
{
if
(
element
.
PROVINCE_ID
==
PROVINCE_ID
)
{
if
(
element
.
PROVINCE_ID
==
PROVINCE_ID
)
{
let
data
=
{
v
:
element
.
CITY_ID
,
n
:
""
...
...
@@ -3912,12 +3916,15 @@ export function getCityList(lan,PROVINCE_ID) {
switch
(
lan
)
{
case
"zh"
:
data
.
n
=
element
.
ZH_NAME
;
break
;
case
"en"
:
data
.
n
=
element
.
EN_NAME
;
break
;
default
:
data
.
n
=
element
.
TC_NAME
;
break
;
}
result
.
push
(
data
)
result
.
push
(
data
)
;
}
});
return
result
;
...
...
Please
register
or
sign in
to post a comment