Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
b8d2cdc5 by joe
Options

修改样式

1 parent 8da1eaf7
Inline Side-by-side
Showing 7 changed files with 339 additions and 32 deletions
......@@ -60,9 +60,11 @@ export default {
type: Function,
default: null
},
showStyle: {
type: Boolean,
default: true
cusStyle: {
type: Object,
default() {
return {};
}
},
},
data() {
......
......@@ -3,7 +3,7 @@
<div class="comp">
<div class="date-mask" v-if="visible" @click="showCalendar()"></div>
<div class="ipt-wrap" :class="{'readonly':readonly}">
<input v-bind:value="value" v-on:input="$emit('input', $event.target.value)" @click="showCalendar(true)" :class="{ipt: showStyle}" type="type" :readonly="readonly" :placeholder="placeholder || $t('form.datePicker.datePlaceholder')">
<input v-bind:value="value" v-on:input="$emit('input', $event.target.value)" @click="showCalendar(true)" class="ipt" :style="cusStyle" type="type" :readonly="readonly" :placeholder="placeholder || $t('form.datePicker.datePlaceholder')">
</div>
<div v-if="visible" class="date-wrap">
<div class="calendar-wrap">
......
......@@ -47,7 +47,12 @@ export default {
} else {
this.typeSelected.push(t);
}
}
},
toContact() {
this.$router.push({
path: "/custom/service?q=m1"
});
},
},
watch: {
......
@import '@/styles/_support';
input {
padding: 0 2.083333rem;
color: #333333;
......@@ -15,6 +14,7 @@ input {
color: #747474;
}
.value .ipt-wrap .comp .ipt-wrap .ipt {}
.submit-btn{
background: url("~@assets/images/vhis/vhis-btn.png");
......@@ -144,6 +144,10 @@ input {
margin-left: .833333rem;
}
.mr10 {
margin-right: .833333rem;
}
.mt20 {
margin-top: 1.666667rem;
}
......@@ -160,6 +164,7 @@ input {
margin-top: .833333rem ;
text-align: center;
width: 8.333333rem ;
letter-spacing: 1px;
}
.upload-icon-1 {
......@@ -254,6 +259,15 @@ input {
padding-left: 15px;
}
.ipt-date {
width: 100%;
border: 1px solid $cOrange !important;
border-radius: .416667rem ;
height: 3rem;
align-items: center;
padding-left: .833333rem;
}
&-item {
width: 50%;
display: flex;
......@@ -339,6 +353,11 @@ input {
}
}
.date-container {
width: 60%;
position: relative;
}
.value {
width: 75%;
position: relative;
......@@ -353,6 +372,7 @@ input {
align-items: center;
}
.ipt2 {
width: 100%;
border-bottom: 1px solid #ccc;
......@@ -438,7 +458,6 @@ input {
}
@media (max-width: 1000px) {
.reservation-container-2 {
padding: 1.666667rem 2rem 2.833333rem 2rem;
}
......@@ -454,11 +473,16 @@ input {
width: 70%;
}
}
&-item-2 {
.date-container {
width: 80%;
}
}
}
}
@media (max-width: 600px) {
.reservation-container {
padding: 2.666667rem 2rem 2.833333rem 2rem;
}
......@@ -491,6 +515,10 @@ input {
.value {
width: 70%;
}
.date-container {
width: 100%;
}
}
&-item3 {
......@@ -507,3 +535,10 @@ input {
margin: 0;
}
}
@media (max-width: 400px) {
.reservation-container-2 {
padding: 1.666667rem 1rem;
}
}
\ No newline at end of file
......
......@@ -50,7 +50,7 @@
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
<date-picker class="ipt" v-model="data.contactDate" :check="checkDate" :showStyle="false"></date-picker>
<date-picker class="ipt-date" v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'3rem', 'color':'#f05a23','font-weight':'600'}"></date-picker>
</div>
</div>
</div>
......@@ -67,7 +67,7 @@
</div>
<hr>
<div class="gird-g form default-mt">
<div class="pure-u-1 pure-u-md-1-2 form-item-2">
<div class="pure-u-1 form-item-2">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label3')}}
......@@ -106,15 +106,15 @@
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 form-item-2 mt20">
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label6')}}
</div>
<div class="sub-label">{{$t('clarms.step2.label7')}} </div>
</div>
<div>
<div class="value">
<div >
<div class="ipt-wrap">
<input class="ipt2" type="number">
</div>
......@@ -123,23 +123,21 @@
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 form-item-2 mt20">
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label9')}}
</div>
</div>
<div>
<div class="value">
<div class="ipt-wrap item-group">
<div class="ipt-wrap date-container">
<div class="down-arrow"></div>
<date-picker class="ipt" v-model="data.contactDate" :check="checkDate" :showStyle="false"></date-picker>
</div>
<date-picker class="ipt-date" v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'3rem', 'color':'#f05a23','font-weight':'600'}"></date-picker>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 form-item-2 mt20">
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label10')}}
......@@ -160,32 +158,30 @@
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2 form-item-2 mt20">
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label13')}}
</div>
</div>
<div>
<div class="value" style="display:flex;">
<div class="upload-item pointer">
<div class="value pure-g">
<div class="upload-item pointer pure-u-md-2 pure-u-lg-3 mr10">
<div class="upload-icon-3"></div>
<div class="tip">{{$t('clarms.step2.label14')}}</div>
</div>
<div class="upload-item ml10 pointer">
<div class="upload-item pointer pure-u-md-2 pure-u-lg-3 mr10">
<div class="upload-icon-4"></div>
<div class="tip">{{$t('clarms.step2.label15')}}</div>
</div>
<div class="upload-item ml10 pointer">
<div class="upload-item pointer pure-u-md-2 pure-u-lg-3 mr10">
<div class="upload-icon-5"></div>
<div class="tip">{{$t('clarms.step2.label16')}}</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div>
......@@ -202,7 +198,7 @@
<div class="submit-btn">{{$t('clarms.step2.btn')}}</div>
<div class="contact">{{$t('clarms.step2.contact')}}</div>
<div class="contact" @click="toContact">{{$t('clarms.step2.contact')}}</div>
</div>
</div>
</template>
......
......@@ -73,7 +73,7 @@ export default {
return getNationsList(this.$i18n.locale);
},
marryList() {
return getMarryList();
return getMarryList(this.$i18n.locale);
},
policyIdTypeList() {
return getPolicyIdTypeList(this.$i18n.locale);
......
......@@ -486,12 +486,274 @@ let nationsTcList = [
{ "v": "906", "n": "南蘇丹" }
];
let marryList = [
let nationsZhList = [
{ "v": "10", "n": "中国香港" },
{ "v": "28", "n": "中国" },
{ "v": "401", "n": "阿富汗" },
{ "v": "403", "n": "阿尔巴尼亚" },
{ "v": "405", "n": "阿尔及利亚" },
{ "v": "407", "n": "美属萨摩亚" },
{ "v": "409", "n": "安道尔" },
{ "v": "411", "n": "安哥拉" },
{ "v": "413", "n": "安圭拉" },
{ "v": "415", "n": "南极洲" },
{ "v": "417", "n": "安地卡及巴布达" },
{ "v": "419", "n": "阿根廷" },
{ "v": "421", "n": "亚美尼亚" },
{ "v": "423", "n": "阿鲁巴" },
{ "v": "425", "n": "澳大利亚" },
{ "v": "427", "n": "奥地利" },
{ "v": "429", "n": "亚塞拜疆" },
{ "v": "431", "n": "巴哈马" },
{ "v": "433", "n": "巴林" },
{ "v": "435", "n": "孟加拉国" },
{ "v": "437", "n": "巴巴多斯" },
{ "v": "439", "n": "白俄罗斯" },
{ "v": "441", "n": "比利时" },
{ "v": "443", "n": "贝里斯" },
{ "v": "445", "n": "圣伯南" },
{ "v": "447", "n": "百慕大" },
{ "v": "449", "n": "不丹" },
{ "v": "451", "n": "玻利维亚" },
{ "v": "453", "n": "波斯尼亚与赫塞哥维纳" },
{ "v": "455", "n": "波札那" },
{ "v": "457", "n": "布韦岛" },
{ "v": "459", "n": "巴西" },
{ "v": "461", "n": "文莱" },
{ "v": "463", "n": "保加利亚" },
{ "v": "465", "n": "布吉纳法索" },
{ "v": "467", "n": "布隆迪" },
{ "v": "469", "n": "柬埔寨" },
{ "v": "471", "n": "喀麦隆" },
{ "v": "473", "n": "加拿大" },
{ "v": "475", "n": "维德角" },
{ "v": "477", "n": "开曼群岛" },
{ "v": "479", "n": "中非共和国" },
{ "v": "481", "n": "乍得" },
{ "v": "483", "n": "智利" },
{ "v": "485", "n": "圣诞岛" },
{ "v": "487", "n": "科科斯（基林）群岛" },
{ "v": "489", "n": "哥伦比亚" },
{ "v": "491", "n": "科摩罗" },
{ "v": "493", "n": "刚果民主共和国" },
{ "v": "495", "n": "库克群岛" },
{ "v": "497", "n": "哥斯达黎加" },
{ "v": "499", "n": "象牙" },
{ "v": "501", "n": "克罗地亚" },
{ "v": "503", "n": "古巴" },
{ "v": "505", "n": "赛普勒斯" },
{ "v": "507", "n": "捷克" },
{ "v": "509", "n": "丹麦" },
{ "v": "511", "n": "吉布提" },
{ "v": "513", "n": "多米尼克" },
{ "v": "515", "n": "东帝汶" },
{ "v": "517", "n": "厄瓜多尔" },
{ "v": "519", "n": "埃及" },
{ "v": "521", "n": "萨尔瓦多" },
{ "v": "523", "n": "赤道几内亚" },
{ "v": "525", "n": "厄立特里亚" },
{ "v": "527", "n": "爱沙尼亚" },
{ "v": "529", "n": "埃塞俄比亚" },
{ "v": "531", "n": "福克兰群岛" },
{ "v": "533", "n": "法罗群岛" },
{ "v": "535", "n": "斐济" },
{ "v": "537", "n": "芬兰" },
{ "v": "539", "n": "法国" },
{ "v": "541", "n": "加蓬" },
{ "v": "543", "n": "冈比亚" },
{ "v": "545", "n": "格鲁吉亚" },
{ "v": "547", "n": "德国" },
{ "v": "549", "n": "加纳" },
{ "v": "551", "n": "直布罗陀" },
{ "v": "553", "n": "希腊" },
{ "v": "555", "n": "格林兰" },
{ "v": "557", "n": "格林纳达" },
{ "v": "559", "n": "瓜德罗普" },
{ "v": "561", "n": "关岛 " },
{ "v": "563", "n": "危地马拉" },
{ "v": "565", "n": "几内亚" },
{ "v": "567", "n": "几内亚比绍 " },
{ "v": "569", "n": "圭亚那" },
{ "v": "571", "n": "海地" },
{ "v": "573", "n": "听到和麦当劳群岛" },
{ "v": "575", "n": "梵蒂冈" },
{ "v": "577", "n": "洪都拉斯" },
{ "v": "579", "n": "匈牙利" },
{ "v": "581", "n": "冰岛" },
{ "v": "583", "n": "印度" },
{ "v": "585", "n": "印度尼西亚" },
{ "v": "587", "n": "伊朗" },
{ "v": "589", "n": "伊拉克" },
{ "v": "591", "n": "爱尔兰" },
{ "v": "593", "n": "以色列" },
{ "v": "595", "n": "意大利" },
{ "v": "597", "n": "牙买加" },
{ "v": "599", "n": "日本" },
{ "v": "601", "n": "约旦" },
{ "v": "603", "n": "哈萨克斯坦" },
{ "v": "605", "n": "肯尼亚" },
{ "v": "607", "n": "吉尔伯特" },
{ "v": "609", "n": "科索沃" },
{ "v": "611", "n": "科威特" },
{ "v": "613", "n": "吉尔吉斯斯坦" },
{ "v": "615", "n": "老挝" },
{ "v": "617", "n": "拉脱维亚" },
{ "v": "619", "n": "黎巴嫩" },
{ "v": "621", "n": "莱索托" },
{ "v": "623", "n": "利比里亚" },
{ "v": "625", "n": "利比亚" },
{ "v": "627", "n": "列支敦士登" },
{ "v": "629", "n": "立陶宛" },
{ "v": "631", "n": "卢森堡" },
{ "v": "633", "n": "马达加斯加" },
{ "v": "635", "n": "马拉维 " },
{ "v": "637", "n": "马来西亚" },
{ "v": "639", "n": "马尔代夫" },
{ "v": "641", "n": "马里 " },
{ "v": "643", "n": "马耳他" },
{ "v": "645", "n": "马绍尔群岛" },
{ "v": "647", "n": "马丁尼克" },
{ "v": "649", "n": "毛里塔尼亚" },
{ "v": "651", "n": "毛里求斯" },
{ "v": "653", "n": "马约特岛" },
{ "v": "655", "n": "墨西哥" },
{ "v": "657", "n": "密克罗尼西亚" },
{ "v": "659", "n": "摩纳哥" },
{ "v": "661", "n": "蒙古" },
{ "v": "663", "n": "黑山" },
{ "v": "665", "n": "蒙塞拉特" },
{ "v": "667", "n": "摩洛哥" },
{ "v": "669", "n": "莫桑比克" },
{ "v": "671", "n": "缅甸" },
{ "v": "673", "n": "纳米比亚" },
{ "v": "675", "n": "那鲁" },
{ "v": "677", "n": "尼泊尔" },
{ "v": "679", "n": "荷兰" },
{ "v": "681", "n": "新喀里多尼亚岛" },
{ "v": "683", "n": "新西兰" },
{ "v": "685", "n": "尼加拉瓜" },
{ "v": "687", "n": "尼日尔" },
{ "v": "689", "n": "尼日利亚" },
{ "v": "691", "n": "纽埃" },
{ "v": "693", "n": "诺福克岛" },
{ "v": "695", "n": "朝鲜" },
{ "v": "697", "n": "北马里亚纳群岛自由邦" },
{ "v": "699", "n": "挪威" },
{ "v": "701", "n": "阿曼" },
{ "v": "703", "n": "巴基斯坦" },
{ "v": "705", "n": "帕劳" },
{ "v": "707", "n": "巴勒斯坦" },
{ "v": "709", "n": "巴拿马" },
{ "v": "711", "n": "巴布亚新几内亚" },
{ "v": "713", "n": "巴拉圭" },
{ "v": "715", "n": "秘鲁" },
{ "v": "717", "n": "菲律宾" },
{ "v": "719", "n": "皮特克恩" },
{ "v": "721", "n": "波兰" },
{ "v": "723", "n": "葡萄牙" },
{ "v": "725", "n": "波多黎哥" },
{ "v": "727", "n": "卡塔尔" },
{ "v": "729", "n": "马其顿共和国" },
{ "v": "731", "n": "摩尔多瓦共和国" },
{ "v": "733", "n": "留尼旺岛" },
{ "v": "735", "n": "罗马尼亚" },
{ "v": "737", "n": "俄罗斯" },
{ "v": "739", "n": "卢旺达" },
{ "v": "741", "n": "巴斯特尔" },
{ "v": "743", "n": "圣露西亚" },
{ "v": "745", "n": "圣文森及格瑞那丁" },
{ "v": "747", "n": "萨摩亚" },
{ "v": "749", "n": "圣马利诺" },
{ "v": "751", "n": "圣多美和普林西比" },
{ "v": "753", "n": "沙特阿拉伯" },
{ "v": "755", "n": "塞内加尔" },
{ "v": "757", "n": "塞尔维亚" },
{ "v": "759", "n": "塞尔维亚和黑山共和国" },
{ "v": "761", "n": "塞舌尔群岛" },
{ "v": "763", "n": "塞拉利昂" },
{ "v": "765", "n": "新加坡" },
{ "v": "767", "n": "斯洛伐克" },
{ "v": "769", "n": "斯洛文尼亚" },
{ "v": "771", "n": "所罗门群岛" },
{ "v": "773", "n": "索马里" },
{ "v": "775", "n": "南非" },
{ "v": "777", "n": "南乔治亚岛和南桑威奇" },
{ "v": "779", "n": "韩国" },
{ "v": "781", "n": "南也门" },
{ "v": "783", "n": "西班牙" },
{ "v": "785", "n": "斯里兰卡" },
{ "v": "787", "n": "圣海伦娜" },
{ "v": "789", "n": "圣皮埃尔和密克隆" },
{ "v": "791", "n": "无国籍" },
{ "v": "793", "n": "苏丹" },
{ "v": "795", "n": "苏里南" },
{ "v": "797", "n": "斯瓦尔巴和扬马延岛" },
{ "v": "799", "n": "斯威士兰" },
{ "v": "801", "n": "瑞典" },
{ "v": "803", "n": "瑞士" },
{ "v": "805", "n": "叙利亚" },
{ "v": "807", "n": "中国台湾" },
{ "v": "809", "n": "塔吉克斯坦" },
{ "v": "811", "n": "泰国" },
{ "v": "813", "n": "东帝汶" },
{ "v": "815", "n": "多哥" },
{ "v": "817", "n": "托克劳" },
{ "v": "819", "n": "汤加" },
{ "v": "821", "n": "特立尼达和多巴哥" },
{ "v": "823", "n": "突尼斯" },
{ "v": "825", "n": "土耳其" },
{ "v": "827", "n": "土库曼斯坦" },
{ "v": "829", "n": "特克斯和凯科斯群岛" },
{ "v": "831", "n": "图瓦卢" },
{ "v": "833", "n": "乌干达" },
{ "v": "835", "n": "乌克兰" },
{ "v": "837", "n": "阿拉伯联合酋长国" },
{ "v": "839", "n": "英国" },
{ "v": "841", "n": "坦桑尼亚联合共和国" },
{ "v": "843", "n": "上沃尔特" },
{ "v": "845", "n": "乌拉圭" },
{ "v": "847", "n": "乌兹别克斯坦" },
{ "v": "849", "n": "瓦努阿图" },
{ "v": "851", "n": "委内瑞拉" },
{ "v": "853", "n": "越南" },
{ "v": "855", "n": "英属维尔京群岛" },
{ "v": "857", "n": "瓦利斯群岛和富图纳群岛" },
{ "v": "859", "n": "西撒哈拉" },
{ "v": "861", "n": "也门" },
{ "v": "863", "n": "南斯拉夫" },
{ "v": "865", "n": "扎伊尔" },
{ "v": "867", "n": "赞比亚" },
{ "v": "869", "n": "津巴布韦" },
{ "v": "119", "n": "中国澳门" },
{ "v": "225", "n": "美国" },
{ "v": "494", "n": "刚果" },
{ "v": "906", "n": "南苏丹" }
]
let marryZhList = [
{ "v": "1", "n": "已婚" },
{ "v": "2", "n": "未婚" },
{ "v": "3", "n": "离婚" },
{ "v": "4", "n": "未亡人" },
{ "v": "5", "n": "其他" }
];
let marryTcList = [
{ "v": "1", "n": "已婚" },
{ "v": "2", "n": "未婚" },
{ "v": "3", "n": "離婚" },
{ "v": "4", "n": "未亡人" },
{ "v": "5", "n": "其他" }
]
let marryEnList = [
{ "v": "1", "n": "married" },
{ "v": "2", "n": "unmarried" },
{ "v": "3", "n": "divorce" },
{ "v": "4", "n": "Widow" },
{ "v": "5", "n": "Other" }
]
let policyIdTypeList = [
{ "v": "33", "n": "香港身份证号" },
......@@ -573,7 +835,7 @@ export function formatMoney(s, type) {
export function getNationsList(lan) {
switch (lan) {
case 'zh':
return nationsTcList;
return nationsZhList;
case 'en':
return nationsEnList;
default:
......@@ -581,8 +843,15 @@ export function getNationsList(lan) {
}
};
export function getMarryList() {
return marryList;
export function getMarryList(lan) {
switch (lan) {
case 'zh':
return marryZhList;
case 'en':
return marryEnList;
default:
return marryTcList;
}
};
export function getPolicyIdTypeList(lan) {
......@@ -590,7 +859,7 @@ export function getPolicyIdTypeList(lan) {
case 'zh':
return policyIdTypeList;
case 'en':
return policyIdTypeList;
return policyIdTypeTcList;
default:
return policyIdTypeTcList;
}
......