Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3a39e0dc by simon
Options

1.样式调优 

2.省市区三语
1 parent f6af18f2
Inline Side-by-side
Showing 3 changed files with 21 additions and 8 deletions
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 <div class="ipt-wrap-linear"> 25 <div class="ipt-wrap-linear">
26 <div class="down-arrow"></div> 26 <div class="down-arrow"></div>
27 <div class="cont"> 27 <div class="cont">
28 <el-select class="ipt" v-model="data.mobileAreaCode" :placeholder="$t('policyChangeContact.form.InternationalArea')" @change="checkNationsPhoneCode"> 28 <el-select class="ipt sel" v-model="data.mobileAreaCode" :placeholder="$t('policyChangeContact.form.InternationalArea')" @change="checkNationsPhoneCode">
29 <el-option v-for="(item, index) in nationsPhoneCodeList" :key="index" :label="item.n" :value="item.n"></el-option> 29 <el-option v-for="(item, index) in nationsPhoneCodeList" :key="index" :label="item.n" :value="item.n"></el-option>
30 </el-select> 30 </el-select>
31 </div> 31 </div>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 <div class="ipt-wrap-linear"> 59 <div class="ipt-wrap-linear">
60 <div class="down-arrow"></div> 60 <div class="down-arrow"></div>
61 <div class="cont"> 61 <div class="cont">
62 <el-select class="ipt" v-model="data.countryId" :placeholder="$t('policyChangeContact.form.Nation')" @change="onChangeNations"> 62 <el-select class="ipt sel" v-model="data.countryId" :placeholder="$t('policyChangeContact.form.Nation')" @change="onChangeNations">
63 <el-option v-for="(item, index) in nationsList" :key="index" :label="item.n" :value="item.v"></el-option> 63 <el-option v-for="(item, index) in nationsList" :key="index" :label="item.n" :value="item.v"></el-option>
64 </el-select> 64 </el-select>
65 </div> 65 </div>
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
75 <div class="ipt-wrap-linear"> 75 <div class="ipt-wrap-linear">
76 <div class="down-arrow"></div> 76 <div class="down-arrow"></div>
77 <div class="cont"> 77 <div class="cont">
78 <el-select class="ipt" v-model="data.provinceId" :placeholder="$t('policyChangeContact.form.Province')" @change="onChangeProvince"> 78 <el-select class="ipt sel" v-model="data.provinceId" :placeholder="$t('policyChangeContact.form.Province')" @change="onChangeProvince">
79 <el-option v-for="(item, index) in provinceList" :key="index" :label="item.n" :value="item.v"></el-option> 79 <el-option v-for="(item, index) in provinceList" :key="index" :label="item.n" :value="item.v"></el-option>
80 </el-select> 80 </el-select>
81 </div> 81 </div>
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
90 <div class="ipt-wrap-linear"> 90 <div class="ipt-wrap-linear">
91 <div class="down-arrow"></div> 91 <div class="down-arrow"></div>
92 <div class="cont"> 92 <div class="cont">
93 <el-select class="ipt" v-model="data.cityId" :placeholder="$t('policyChangeContact.form.City')" @change="checkCity"> 93 <el-select class="ipt sel" v-model="data.cityId" :placeholder="$t('policyChangeContact.form.City')" @change="checkCity">
94 <el-option v-for="(item, index) in cityList" :key="index" :label="item.n" :value="item.v"></el-option> 94 <el-option v-for="(item, index) in cityList" :key="index" :label="item.n" :value="item.v"></el-option>
95 </el-select> 95 </el-select>
96 </div> 96 </div>
......
...@@ -129,6 +129,12 @@ ...@@ -129,6 +129,12 @@
129 letter-spacing: 1.1px; 129 letter-spacing: 1.1px;
130 } 130 }
131 } 131 }
132
133 .sel{
134 padding: 0 48px 0 24px;
135 // @include ellipsis;
136 }
137
132 ::-webkit-input-placeholder { 138 ::-webkit-input-placeholder {
133 color: rgba(102, 102, 102, 0.5); 139 color: rgba(102, 102, 102, 0.5);
134 } 140 }
......
...@@ -3890,21 +3890,25 @@ export function getCnProvinceList(lan) { ...@@ -3890,21 +3890,25 @@ export function getCnProvinceList(lan) {
3890 switch (lan) { 3890 switch (lan) {
3891 case "zh": 3891 case "zh":
3892 data.n = element.ZH_NAME; 3892 data.n = element.ZH_NAME;
3893 break;
3893 case "en": 3894 case "en":
3894 data.n = element.EN_NAME; 3895 data.n = element.EN_NAME;
3896 break;
3895 default: 3897 default:
3896 data.n = element.TC_NAME; 3898 data.n = element.TC_NAME;
3899 break;
3897 } 3900 }
3898 result.push(data) 3901 result.push(data);
3899 }); 3902 });
3900 return result; 3903 return result;
3901 } 3904 }
3902 3905
3903 // 获取根据省ID中国大陆城市 3906 // 获取根据省ID中国大陆城市
3904 export function getCityList(lan,PROVINCE_ID) { 3907 export function getCityList(lan, PROVINCE_ID) {
3905 let result = []; 3908 let result = [];
3909 console.log("lan:", lan);
3906 cnCityList.forEach(element => { 3910 cnCityList.forEach(element => {
3907 if(element.PROVINCE_ID == PROVINCE_ID){ 3911 if (element.PROVINCE_ID == PROVINCE_ID) {
3908 let data = { 3912 let data = {
3909 v: element.CITY_ID, 3913 v: element.CITY_ID,
3910 n: "" 3914 n: ""
...@@ -3912,12 +3916,15 @@ export function getCityList(lan,PROVINCE_ID) { ...@@ -3912,12 +3916,15 @@ export function getCityList(lan,PROVINCE_ID) {
3912 switch (lan) { 3916 switch (lan) {
3913 case "zh": 3917 case "zh":
3914 data.n = element.ZH_NAME; 3918 data.n = element.ZH_NAME;
3919 break;
3915 case "en": 3920 case "en":
3916 data.n = element.EN_NAME; 3921 data.n = element.EN_NAME;
3922 break;
3917 default: 3923 default:
3918 data.n = element.TC_NAME; 3924 data.n = element.TC_NAME;
3925 break;
3919 } 3926 }
3920 result.push(data) 3927 result.push(data);
3921 } 3928 }
3922 }); 3929 });
3923 return result; 3930 return result;
......