Skip to content

V
vue-ssr
Commit f5fb06d4 authored by lixy's avatar lixy
Browse files
Options

Merge branch 'devModify' 

# Conflicts:
#	components/footer.vue
#	components/menu.vue
#	nuxt.config.js
#	pages/tour.vue
parents 9e5c1a30 b8e4ac48
Hide whitespace changes
Inline Side-by-side
Showing with 15532 additions and 104 deletions
assets/code.json 0 → 100644
View file @ f5fb06d4
{
"provinces": [
{
"name":"北京市",
"level":"1",
"code":"1100",
"cities":[
{
"name":"北京市",
"level":"1",
"code":"1100"
}
]
},
{
"name":"天津市",
"level":"1",
"code":"1200",
"cities":[
{
"name":"天津市",
"level":"1",
"code":"1200"
}
]
},
{
"name":"河北省",
"level":"1",
"code":"1300",
"cities":[
{
"name":"石家庄市",
"level":"2",
"code":"1301"
},
{
"name":"唐山市",
"level":"3",
"code":"1302"
},
{
"name":"秦皇岛市",
"level":"3",
"code":"1303"
},
{
"name":"邯郸市",
"level":"3",
"code":"1304"
},
{
"name":"邢台市",
"level":"3",
"code":"1305"
},
{
"name":"保定市",
"level":"3",
"code":"1306"
},
{
"name":"张家口市",
"level":"3",
"code":"1307"
},
{
"name":"承德市",
"level":"3",
"code":"1308"
},
{
"name":"沧州市",
"level":"3",
"code":"1309"
},
{
"name":"廊坊市",
"level":"3",
"code":"1310"
},
{
"name":"衡水市",
"level":"3",
"code":"1311"
}
]
},
{
"name":"山西省",
"level":"1",
"code":"1400",
"cities":[
{
"name":"太原市",
"level":"2",
"code":"1401"
},
{
"name":"大同市",
"level":"3",
"code":"1402"
},
{
"name":"阳泉市",
"level":"3",
"code":"1403"
},
{
"name":"长治市",
"level":"3",
"code":"1404"
},
{
"name":"晋城市",
"level":"3",
"code":"1405"
},
{
"name":"朔州市",
"level":"3",
"code":"1406"
},
{
"name":"晋中市",
"level":"3",
"code":"1407"
},
{
"name":"运城市",
"level":"3",
"code":"1408"
},
{
"name":"忻州市",
"level":"3",
"code":"1409"
},
{
"name":"临汾市",
"level":"3",
"code":"1410"
},
{
"name":"吕梁市",
"level":"3",
"code":"1411"
}
]
},
{
"name":"内蒙古自治区",
"level":"1",
"code":"1500",
"cities":[
{
"name":"呼和浩特市",
"level":"2",
"code":"1501"
},
{
"name":"包头市",
"level":"3",
"code":"1502"
},
{
"name":"乌海市",
"level":"3",
"code":"1503"
},
{
"name":"赤峰市",
"level":"3",
"code":"1504"
},
{
"name":"通辽市",
"level":"3",
"code":"1505"
},
{
"name":"鄂尔多斯市",
"level":"3",
"code":"1506"
},
{
"name":"呼伦贝尔市",
"level":"3",
"code":"1507"
},
{
"name":"巴彦淖尔市",
"level":"3",
"code":"1508"
},
{
"name":"乌兰察布市",
"level":"3",
"code":"1509"
},
{
"name":"兴安盟",
"level":"3",
"code":"1522"
},
{
"name":"锡林郭勒盟",
"level":"3",
"code":"1525"
},
{
"name":"阿拉善盟",
"level":"3",
"code":"1529"
}
]
},
{
"name":"辽宁省",
"level":"1",
"code":"2100",
"cities":[
{
"name":"沈阳市",
"level":"2",
"code":"2101"
},
{
"name":"大连市",
"level":"3",
"code":"2102"
},
{
"name":"鞍山市",
"level":"3",
"code":"2103"
},
{
"name":"抚顺市",
"level":"3",
"code":"2104"
},
{
"name":"本溪市",
"level":"3",
"code":"2105"
},
{
"name":"丹东市",
"level":"3",
"code":"2106"
},
{
"name":"锦州市",
"level":"3",
"code":"2107"
},
{
"name":"营口市",
"level":"3",
"code":"2108"
},
{
"name":"阜新市",
"level":"3",
"code":"2109"
},
{
"name":"辽阳市",
"level":"3",
"code":"2110"
},
{
"name":"盘锦市",
"level":"3",
"code":"2111"
},
{
"name":"铁岭市",
"level":"3",
"code":"2112"
},
{
"name":"朝阳市",
"level":"3",
"code":"2113"
},
{
"name":"葫芦岛市",
"level":"3",
"code":"2114"
}
]
},
{
"name":"吉林省",
"level":"1",
"code":"2200",
"cities":[
{
"name":"长春市",
"level":"2",
"code":"2201"
},
{
"name":"吉林市",
"level":"3",
"code":"2202"
},
{
"name":"四平市",
"level":"3",
"code":"2203"
},
{
"name":"辽源市",
"level":"3",
"code":"2204"
},
{
"name":"通化市",
"level":"3",
"code":"2205"
},
{
"name":"白山市",
"level":"3",
"code":"2206"
},
{
"name":"松原市",
"level":"3",
"code":"2207"
},
{
"name":"白城市",
"level":"3",
"code":"2208"
},
{
"name":"延边朝鲜族自治州",
"level":"3",
"code":"2224"
}
]
},
{
"name":"黑龙江省",
"level":"1",
"code":"2300",
"cities":[
{
"name":"哈尔滨市",
"level":"2",
"code":"2301"
},
{
"name":"齐齐哈尔市",
"level":"3",
"code":"2302"
},
{
"name":"鸡西市",
"level":"3",
"code":"2303"
},
{
"name":"鹤岗市",
"level":"3",
"code":"2304"
},
{
"name":"双鸭山市",
"level":"3",
"code":"2305"
},
{
"name":"大庆市",
"level":"3",
"code":"2306"
},
{
"name":"伊春市",
"level":"3",
"code":"2307"
},
{
"name":"佳木斯市",
"level":"3",
"code":"2308"
},
{
"name":"七台河市",
"level":"3",
"code":"2309"
},
{
"name":"牡丹江市",
"level":"3",
"code":"2310"
},
{
"name":"黑河市",
"level":"3",
"code":"2311"
},
{
"name":"绥化市",
"level":"3",
"code":"2312"
},
{
"name":"大兴安岭地区",
"level":"3",
"code":"2327"
}
]
},
{
"name":"上海市",
"level":"1",
"code":"3100",
"cities":[
{
"name":"上海市",
"level":"1",
"code":"3100"
}
]
},
{
"name":"江苏省",
"level":"1",
"code":"3200",
"cities":[
{
"name":"南京市",
"level":"2",
"code":"3201"
},
{
"name":"无锡市",
"level":"3",
"code":"3202"
},
{
"name":"徐州市",
"level":"3",
"code":"3203"
},
{
"name":"常州市",
"level":"3",
"code":"3204"
},
{
"name":"苏州市",
"level":"3",
"code":"3205"
},
{
"name":"南通市",
"level":"3",
"code":"3206"
},
{
"name":"连云港市",
"level":"3",
"code":"3207"
},
{
"name":"淮安市",
"level":"3",
"code":"3208"
},
{
"name":"盐城市",
"level":"3",
"code":"3209"
},
{
"name":"扬州市",
"level":"3",
"code":"3210"
},
{
"name":"镇江市",
"level":"3",
"code":"3211"
},
{
"name":"泰州市",
"level":"3",
"code":"3212"
},
{
"name":"宿迁市",
"level":"3",
"code":"3213"
}
]
},
{
"name":"浙江省",
"level":"1",
"code":"3300",
"cities":[
{
"name":"杭州市",
"level":"2",
"code":"3301"
},
{
"name":"宁波市",
"level":"3",
"code":"3302"
},
{
"name":"温州市",
"level":"3",
"code":"3303"
},
{
"name":"嘉兴市",
"level":"3",
"code":"3304"
},
{
"name":"湖州市",
"level":"3",
"code":"3305"
},
{
"name":"绍兴市",
"level":"3",
"code":"3306"
},
{
"name":"金华市",
"level":"3",
"code":"3307"
},
{
"name":"衢州市",
"level":"3",
"code":"3308"
},
{
"name":"舟山市",
"level":"3",
"code":"3309"
},
{
"name":"台州市",
"level":"3",
"code":"3310"
},
{
"name":"丽水市",
"level":"3",
"code":"3311"
}
]
},
{
"name":"安徽省",
"level":"1",
"code":"3400",
"cities":[
{
"name":"合肥市",
"level":"2",
"code":"3401"
},
{
"name":"芜湖市",
"level":"3",
"code":"3402"
},
{
"name":"蚌埠市",
"level":"3",
"code":"3403"
},
{
"name":"淮南市",
"level":"3",
"code":"3404"
},
{
"name":"马鞍山市",
"level":"3",
"code":"3405"
},
{
"name":"淮北市",
"level":"3",
"code":"3406"
},
{
"name":"铜陵市",
"level":"3",
"code":"3407"
},
{
"name":"安庆市",
"level":"3",
"code":"3408"
},
{
"name":"黄山市",
"level":"3",
"code":"3410"
},
{
"name":"滁州市",
"level":"3",
"code":"3411"
},
{
"name":"阜阳市",
"level":"3",
"code":"3412"
},
{
"name":"宿州市",
"level":"3",
"code":"3413"
},
{
"name":"巢湖市",
"level":"3",
"code":"3414"
},
{
"name":"六安市",
"level":"3",
"code":"3415"
},
{
"name":"亳州市",
"level":"3",
"code":"3416"
},
{
"name":"池州市",
"level":"3",
"code":"3417"
},
{
"name":"宣城市",
"level":"3",
"code":"3418"
}
]
},
{
"name":"福建省",
"level":"1",
"code":"3500",
"cities":[
{
"name":"福州市",
"level":"2",
"code":"3501"
},
{
"name":"厦门市",
"level":"3",
"code":"3502"
},
{
"name":"莆田市",
"level":"3",
"code":"3503"
},
{
"name":"三明市",
"level":"3",
"code":"3504"
},
{
"name":"泉州市",
"level":"3",
"code":"3505"
},
{
"name":"漳州市",
"level":"3",
"code":"3506"
},
{
"name":"南平市",
"level":"3",
"code":"3507"
},
{
"name":"龙岩市",
"level":"3",
"code":"3508"
},
{
"name":"宁德市",
"level":"3",
"code":"3509"
}
]
},
{
"name":"江西省",
"level":"1",
"code":"3600",
"cities":[
{
"name":"南昌市",
"level":"2",
"code":"3601"
},
{
"name":"景德镇市",
"level":"3",
"code":"3602"
},
{
"name":"萍乡市",
"level":"3",
"code":"3603"
},
{
"name":"九江市",
"level":"3",
"code":"3604"
},
{
"name":"新余市",
"level":"3",
"code":"3605"
},
{
"name":"鹰潭市",
"level":"3",
"code":"3606"
},
{
"name":"赣州市",
"level":"3",
"code":"3607"
},
{
"name":"吉安市",
"level":"3",
"code":"3608"
},
{
"name":"宜春市",
"level":"3",
"code":"3609"
},
{
"name":"抚州市",
"level":"3",
"code":"3610"
},
{
"name":"上饶市",
"level":"3",
"code":"3611"
}
]
},
{
"name":"山东省",
"level":"1",
"code":"3700",
"cities":[
{
"name":"济南市",
"level":"2",
"code":"3701"
},
{
"name":"青岛市",
"level":"3",
"code":"3702"
},
{
"name":"淄博市",
"level":"3",
"code":"3703"
},
{
"name":"枣庄市",
"level":"3",
"code":"3704"
},
{
"name":"东营市",
"level":"3",
"code":"3705"
},
{
"name":"烟台市",
"level":"3",
"code":"3706"
},
{
"name":"潍坊市",
"level":"3",
"code":"3707"
},
{
"name":"济宁市",
"level":"3",
"code":"3708"
},
{
"name":"泰安市",
"level":"3",
"code":"3709"
},
{
"name":"威海市",
"level":"3",
"code":"3710"
},
{
"name":"日照市",
"level":"3",
"code":"3711"
},
{
"name":"莱芜市",
"level":"3",
"code":"3712"
},
{
"name":"临沂市",
"level":"3",
"code":"3713"
},
{
"name":"德州市",
"level":"3",
"code":"3714"
},
{
"name":"聊城市",
"level":"3",
"code":"3715"
},
{
"name":"滨州市",
"level":"3",
"code":"3716"
},
{
"name":"菏泽市",
"level":"3",
"code":"3717"
}
]
},
{
"name":"河南省",
"level":"1",
"code":"4100",
"cities":[
{
"name":"郑州市",
"level":"2",
"code":"4101"
},
{
"name":"开封市",
"level":"3",
"code":"4102"
},
{
"name":"洛阳市",
"level":"3",
"code":"4103"
},
{
"name":"平顶山市",
"level":"3",
"code":"4104"
},
{
"name":"安阳市",
"level":"3",
"code":"4105"
},
{
"name":"鹤壁市",
"level":"3",
"code":"4106"
},
{
"name":"新乡市",
"level":"3",
"code":"4107"
},
{
"name":"焦作市",
"level":"3",
"code":"4108"
},
{
"name":"濮阳市",
"level":"3",
"code":"4109"
},
{
"name":"许昌市",
"level":"3",
"code":"4110"
},
{
"name":"漯河市",
"level":"3",
"code":"4111"
},
{
"name":"三门峡市",
"level":"3",
"code":"4112"
},
{
"name":"南阳市",
"level":"3",
"code":"4113"
},
{
"name":"商丘市",
"level":"3",
"code":"4114"
},
{
"name":"信阳市",
"level":"3",
"code":"4115"
},
{
"name":"周口市",
"level":"3",
"code":"4116"
},
{
"name":"驻马店市",
"level":"3",
"code":"4117"
}
]
},
{
"name":"湖北省",
"level":"1",
"code":"4200",
"cities":[
{
"name":"武汉市",
"level":"2",
"code":"4201"
},
{
"name":"黄石市",
"level":"3",
"code":"4202"
},
{
"name":"十堰市",
"level":"3",
"code":"4203"
},
{
"name":"宜昌市",
"level":"3",
"code":"4205"
},
{
"name":"襄樊市",
"level":"3",
"code":"4206"
},
{
"name":"鄂州市",
"level":"3",
"code":"4207"
},
{
"name":"荆门市",
"level":"3",
"code":"4208"
},
{
"name":"孝感市",
"level":"3",
"code":"4209"
},
{
"name":"荆州市",
"level":"3",
"code":"4210"
},
{
"name":"黄冈市",
"level":"3",
"code":"4211"
},
{
"name":"咸宁市",
"level":"3",
"code":"4212"
},
{
"name":"随州市",
"level":"3",
"code":"4213"
},
{
"name":"恩施土家族苗族自治州",
"level":"3",
"code":"4228"
}
]
},
{
"name":"湖南省",
"level":"1",
"code":"4300",
"cities":[
{
"name":"长沙市",
"level":"2",
"code":"4301"
},
{
"name":"株洲市",
"level":"3",
"code":"4302"
},
{
"name":"湘潭市",
"level":"3",
"code":"4303"
},
{
"name":"衡阳市",
"level":"3",
"code":"4304"
},
{
"name":"邵阳市",
"level":"3",
"code":"4305"
},
{
"name":"岳阳市",
"level":"3",
"code":"4306"
},
{
"name":"常德市",
"level":"3",
"code":"4307"
},
{
"name":"张家界市",
"level":"3",
"code":"4308"
},
{
"name":"益阳市",
"level":"3",
"code":"4309"
},
{
"name":"郴州市",
"level":"3",
"code":"4310"
},
{
"name":"永州市",
"level":"3",
"code":"4311"
},
{
"name":"怀化市",
"level":"3",
"code":"4312"
},
{
"name":"娄底市",
"level":"3",
"code":"4313"
},
{
"name":"湘西土家族苗族自治州",
"level":"3",
"code":"4331"
}
]
},
{
"name":"广东省",
"level":"1",
"code":"4400",
"cities":[
{
"name":"广州市",
"level":"2",
"code":"4401"
},
{
"name":"韶关市",
"level":"3",
"code":"4402"
},
{
"name":"深圳市",
"level":"3",
"code":"4403"
},
{
"name":"珠海市",
"level":"3",
"code":"4404"
},
{
"name":"汕头市",
"level":"3",
"code":"4405"
},
{
"name":"佛山市",
"level":"3",
"code":"4406"
},
{
"name":"江门市",
"level":"3",
"code":"4407"
},
{
"name":"湛江市",
"level":"3",
"code":"4408"
},
{
"name":"茂名市",
"level":"3",
"code":"4409"
},
{
"name":"肇庆市",
"level":"3",
"code":"4412"
},
{
"name":"惠州市",
"level":"3",
"code":"4413"
},
{
"name":"梅州市",
"level":"3",
"code":"4414"
},
{
"name":"汕尾市",
"level":"3",
"code":"4415"
},
{
"name":"河源市",
"level":"3",
"code":"4416"
},
{
"name":"阳江市",
"level":"3",
"code":"4417"
},
{
"name":"清远市",
"level":"3",
"code":"4418"
},
{
"name":"东莞市",
"level":"3",
"code":"4419"
},
{
"name":"中山市",
"level":"3",
"code":"4420"
},
{
"name":"潮州市",
"level":"3",
"code":"4451"
},
{
"name":"揭阳市",
"level":"3",
"code":"4452"
},
{
"name":"云浮市",
"level":"3",
"code":"4453"
}
]
},
{
"name":"广西壮族自治区",
"level":"1",
"code":"4500",
"cities":[
{
"name":"南宁市",
"level":"2",
"code":"4501"
},
{
"name":"柳州市",
"level":"3",
"code":"4502"
},
{
"name":"桂林市",
"level":"3",
"code":"4503"
},
{
"name":"梧州市",
"level":"3",
"code":"4504"
},
{
"name":"北海市",
"level":"3",
"code":"4505"
},
{
"name":"防城港市",
"level":"3",
"code":"4506"
},
{
"name":"钦州市",
"level":"3",
"code":"4507"
},
{
"name":"贵港市",
"level":"3",
"code":"4508"
},
{
"name":"玉林市",
"level":"3",
"code":"4509"
},
{
"name":"百色市",
"level":"3",
"code":"4510"
},
{
"name":"贺州市",
"level":"3",
"code":"4511"
},
{
"name":"河池市",
"level":"3",
"code":"4512"
},
{
"name":"来宾市",
"level":"3",
"code":"4513"
},
{
"name":"崇左市",
"level":"3",
"code":"4514"
}
]
},
{
"name":"海南省",
"level":"1",
"code":"4600",
"cities":[
{
"name":"海口市",
"level":"2",
"code":"4601"
},
{
"name":"三亚市",
"level":"3",
"code":"4602"
}
]
},
{
"name":"重庆市",
"level":"1",
"code":"5000",
"cities":[
{
"name":"重庆市",
"level":"1",
"code":"5000"
}
]
},
{
"name":"四川省",
"level":"1",
"code":"5100",
"cities":[
{
"name":"成都市",
"level":"2",
"code":"5101"
},
{
"name":"自贡市",
"level":"3",
"code":"5103"
},
{
"name":"攀枝花市",
"level":"3",
"code":"5104"
},
{
"name":"泸州市",
"level":"3",
"code":"5105"
},
{
"name":"德阳市",
"level":"3",
"code":"5106"
},
{
"name":"绵阳市",
"level":"3",
"code":"5107"
},
{
"name":"广元市",
"level":"3",
"code":"5108"
},
{
"name":"遂宁市",
"level":"3",
"code":"5109"
},
{
"name":"内江市",
"level":"3",
"code":"5110"
},
{
"name":"乐山市",
"level":"3",
"code":"5111"
},
{
"name":"南充市",
"level":"3",
"code":"5113"
},
{
"name":"眉山市",
"level":"3",
"code":"5114"
},
{
"name":"宜宾市",
"level":"3",
"code":"5115"
},
{
"name":"广安市",
"level":"3",
"code":"5116"
},
{
"name":"达州市",
"level":"3",
"code":"5117"
},
{
"name":"雅安市",
"level":"3",
"code":"5118"
},
{
"name":"巴中市",
"level":"3",
"code":"5119"
},
{
"name":"资阳市",
"level":"3",
"code":"5120"
},
{
"name":"阿坝藏族羌族自治州",
"level":"3",
"code":"5132"
},
{
"name":"甘孜藏族自治州",
"level":"3",
"code":"5133"
},
{
"name":"凉山彝族自治州",
"level":"3",
"code":"5134"
}
]
},
{
"name":"贵州省",
"level":"1",
"code":"5200",
"cities":[
{
"name":"贵阳市",
"level":"2",
"code":"5201"
},
{
"name":"六盘水市",
"level":"3",
"code":"5202"
},
{
"name":"遵义市",
"level":"3",
"code":"5203"
},
{
"name":"安顺市",
"level":"3",
"code":"5204"
},
{
"name":"铜仁地区",
"level":"3",
"code":"5222"
},
{
"name":"黔西南布依族苗族自治州",
"level":"3",
"code":"5223"
},
{
"name":"毕节地区",
"level":"3",
"code":"5224"
},
{
"name":"黔东南苗族侗族自治州",
"level":"3",
"code":"5226"
},
{
"name":"黔南布依族苗族自治州",
"level":"3",
"code":"5227"
}
]
},
{
"name":"云南省",
"level":"1",
"code":"5300",
"cities":[
{
"name":"昆明市",
"level":"2",
"code":"5301"
},
{
"name":"曲靖市",
"level":"3",
"code":"5303"
},
{
"name":"玉溪市",
"level":"3",
"code":"5304"
},
{
"name":"保山市",
"level":"3",
"code":"5305"
},
{
"name":"昭通市",
"level":"3",
"code":"5306"
},
{
"name":"丽江市",
"level":"3",
"code":"5307"
},
{
"name":"普洱市",
"level":"3",
"code":"5308"
},
{
"name":"临沧市",
"level":"3",
"code":"5309"
},
{
"name":"楚雄彝族自治州",
"level":"3",
"code":"5323"
},
{
"name":"红河哈尼族彝族自治州",
"level":"3",
"code":"5325"
},
{
"name":"文山壮族苗族自治州",
"level":"3",
"code":"5326"
},
{
"name":"西双版纳傣族自治州",
"level":"3",
"code":"5328"
},
{
"name":"大理白族自治州",
"level":"3",
"code":"5329"
},
{
"name":"德宏傣族景颇族自治州",
"level":"3",
"code":"5331"
},
{
"name":"怒江傈僳族自治州",
"level":"3",
"code":"5333"
},
{
"name":"迪庆藏族自治州",
"level":"3",
"code":"5334"
}
]
},
{
"name":"西藏自治区",
"level":"1",
"code":"5400",
"cities":[
{
"name":"拉萨市",
"level":"2",
"code":"5401"
},
{
"name":"昌都地区",
"level":"3",
"code":"5421"
},
{
"name":"山南地区",
"level":"3",
"code":"5422"
},
{
"name":"日喀则地区",
"level":"3",
"code":"5423"
},
{
"name":"那曲地区",
"level":"3",
"code":"5424"
},
{
"name":"阿里地区",
"level":"3",
"code":"5425"
},
{
"name":"林芝地区",
"level":"3",
"code":"5426"
}
]
},
{
"name":"陕西省",
"level":"1",
"code":"6100",
"cities":[
{
"name":"西安市",
"level":"2",
"code":"6101"
},
{
"name":"铜川市",
"level":"3",
"code":"6102"
},
{
"name":"宝鸡市",
"level":"3",
"code":"6103"
},
{
"name":"咸阳市",
"level":"3",
"code":"6104"
},
{
"name":"渭南市",
"level":"3",
"code":"6105"
},
{
"name":"延安市",
"level":"3",
"code":"6106"
},
{
"name":"汉中市",
"level":"3",
"code":"6107"
},
{
"name":"榆林市",
"level":"3",
"code":"6108"
},
{
"name":"安康市",
"level":"3",
"code":"6109"
},
{
"name":"商洛市",
"level":"3",
"code":"6110"
}
]
},
{
"name":"甘肃省",
"level":"1",
"code":"6200",
"cities":[
{
"name":"兰州市",
"level":"2",
"code":"6201"
},
{
"name":"嘉峪关市",
"level":"3",
"code":"6202"
},
{
"name":"金昌市",
"level":"3",
"code":"6203"
},
{
"name":"白银市",
"level":"3",
"code":"6204"
},
{
"name":"天水市",
"level":"3",
"code":"6205"
},
{
"name":"武威市",
"level":"3",
"code":"6206"
},
{
"name":"张掖市",
"level":"3",
"code":"6207"
},
{
"name":"平凉市",
"level":"3",
"code":"6208"
},
{
"name":"酒泉市",
"level":"3",
"code":"6209"
},
{
"name":"庆阳市",
"level":"3",
"code":"6210"
},
{
"name":"定西市",
"level":"3",
"code":"6211"
},
{
"name":"陇南市",
"level":"3",
"code":"6212"
},
{
"name":"临夏回族自治州",
"level":"3",
"code":"6229"
},
{
"name":"甘南藏族自治州",
"level":"3",
"code":"6230"
}
]
},
{
"name":"青海省",
"level":"1",
"code":"6300",
"cities":[
{
"name":"西宁市",
"level":"2",
"code":"6301"
},
{
"name":"海东地区",
"level":"3",
"code":"6321"
},
{
"name":"海北藏族自治州",
"level":"3",
"code":"6322"
},
{
"name":"黄南藏族自治州",
"level":"3",
"code":"6323"
},
{
"name":"海南藏族自治州",
"level":"3",
"code":"6325"
},
{
"name":"果洛藏族自治州",
"level":"3",
"code":"6326"
},
{
"name":"玉树藏族自治州",
"level":"3",
"code":"6327"
},
{
"name":"海西蒙古族藏族自治州",
"level":"3",
"code":"6328"
}
]
},
{
"name":"宁夏回族自治区",
"level":"1",
"code":"6400",
"cities":[
{
"name":"银川市",
"level":"2",
"code":"6401"
},
{
"name":"石嘴山市",
"level":"3",
"code":"6402"
},
{
"name":"吴忠市",
"level":"3",
"code":"6403"
},
{
"name":"固原市",
"level":"3",
"code":"6404"
},
{
"name":"中卫市",
"level":"3",
"code":"6405"
}
]
},
{
"name":"新疆维吾尔自治区",
"level":"1",
"code":"6500",
"cities":[
{
"name":"乌鲁木齐市",
"level":"2",
"code":"6501"
},
{
"name":"克拉玛依市",
"level":"3",
"code":"6502"
},
{
"name":"吐鲁番地区",
"level":"3",
"code":"6521"
},
{
"name":"哈密地区",
"level":"3",
"code":"6522"
},
{
"name":"昌吉回族自治州",
"level":"3",
"code":"6523"
},
{
"name":"博尔塔拉蒙古自治州",
"level":"3",
"code":"6527"
},
{
"name":"巴音郭楞蒙古自治州",
"level":"3",
"code":"6528"
},
{
"name":"阿克苏地区",
"level":"3",
"code":"6529"
},
{
"name":"克孜勒苏柯尔克孜自治州",
"level":"3",
"code":"6530"
},
{
"name":"喀什地区",
"level":"3",
"code":"6531"
},
{
"name":"和田地区",
"level":"3",
"code":"6532"
},
{
"name":"伊犁哈萨克自治州",
"level":"3",
"code":"6540"
},
{
"name":"塔城地区",
"level":"3",
"code":"6542"
},
{
"name":"阿勒泰地区",
"level":"3",
"code":"6543"
}
]
},
{
"name":"台湾省",
"level":"1",
"code":"7100",
"cities":[
{
"name":"台湾省",
"level":"1",
"code":"7100"
}
]
},
{
"name":"香港特别行政区",
"level":"1",
"code":"8100",
"cities":[
{
"name":"香港特别行政区",
"level":"1",
"code":"8100"
}
]
},
{
"name":"澳门特别行政区",
"level":"1",
"code":"8200",
"cities":[
{
"name":"澳门特别行政区",
"level":"1",
"code":"8200"
}
]
}
]
}
\ No newline at end of file
assets/main.css
View file @ f5fb06d4
......@@ -136,7 +136,7 @@ body {
}
.main-container{
margin-top:120px;
margin-top:174px;
min-height: 600px;
min-width: 1120px;
overflow: hidden;
......@@ -164,7 +164,9 @@ h2{
color: #333;
transition: all .5s cubic-bezier(.55, 0, .1, 1);
}
.flex-aic-noc{
display: flex;
}
.flex-aic{
display: flex;
align-items: center;
......
components/findMenu.vue 0 → 100644
View file @ f5fb06d4
<template>
<div>
<div style="margin: 20px 0;padding: 0" class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
<span>搜索结果页</span>
</div>
<ul class="v-ul clearfix">
<li v-for="menu in findList" :key="menu.id">
<nuxt-link :to="menu.link + '?keywords=' + listQuery.keyword" style="color:#000" :class="router== menu.link?'active':''">{{ menu.name }} ({{menu.number}})</nuxt-link>
</li>
</ul>
</div>
</template>
<script>
import axios from "../plugins/axios";
export default {
data() {
return {
router: "/",
tourType: [],
campsiteType: [],
findList: [
{ id: 1, value: "1", name: "综合", link: "/findList/all", number: 0 },
{ id: 2, value: "2", name: "车型", link: "/findList/findVehicle", number: 0 },
{ id: 3, value: "3", name: "旅游", link: "/findList/findTour", number: 0 },
{ id: 4, value: "4", name: "营地", link: "/findList/findCampsite", number: 0 },
{ id: 5, value: "5", name: "活动", link: "/findList/findActivity", number: 0 },
{ id: 6, value: "6", name: "新闻", link: "/findList/findNew", number: 0 },
{ id: 7, value: "7", name: "子公司", link: "/findList/findCompany", number: 0 }
],
allDetail: [],
carDetail: [],
tourDetail: [],
campsiteDetail: [],
actDetail: [],
newDetail: [],
companyDetail: [],
listQuery: {
type: "",
keyword: "",
page: "",
limit: ""
}
};
},
components: {},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
let router = this.$route.path;
this.router = router;
},
methods: {
async getAll() {
// this.listQuery.keyword = this.$route.query.keywords;
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
this.findList[1].number = data.vehicle.totalCount;
this.findList[2].number = data.tour.totalCount;
this.findList[3].number = data.campsite.totalCount;
this.findList[4].number = data.activity.totalCount;
this.findList[5].number = data.news.totalCount;
this.findList[6].number = data.company.totalCount;
var allNum = 0;
for (var i = 1; i < 7; i++) {
allNum = allNum + this.findList[i].number;
}
this.findList[0].number = allNum;
}
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
}
.v-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 70px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
</style>
components/footer.vue
View file @ f5fb06d4
......@@ -29,7 +29,8 @@
<li v-for="(item,index) in list" :key="index">
<!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
</li>|
<span>|</span>
</li>
</ul>
</div>
<div class="link-f flex-aic-jcc">
......@@ -65,11 +66,8 @@ import axios from '../plugins/axios'
this.listShow = true
}
this.list = data;
console.log(data);
},
}
}
</script>
components/menu.vue
View file @ f5fb06d4
<template>
<div>
<div class="menu-container">
<div style="width: 100%;position: fixed;top: 0;z-index: 1000;border-bottom: 1px solid #eee;">
<div class="flex-aic-jcb" style="width: 1120px; margin: 0 auto;font-size:12px;height: 40px;color: #666;">
<div
class="flex-aic-jcb"
style="width: 1120px; margin: 0 auto;font-size:12px;height: 40px;color: #666;position: relative"
>
<div>您好！欢迎进入欣新房车集团官方网站</div>
<div>服务热线： 4000-369-369</div>
<div class="ft-14" style="position: relative">
<span style="margin-right:30px" class="help"><nuxt-link to="/company">服务热线： 4000-369-369</nuxt-link></span>
<nuxt-link to="/indexWeb">
<span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
</nuxt-link>
<span class="triangle-down"></span>
</div>
<div class="webMap" v-if="visibleMap" @mouseenter="enter()" @mouseleave="leave()">
<div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div >
<div style="margin-top:23px">产品展示</div>
<ul class="v-ul clearfix">
<li style="margin-right:12px" @click="chooseVe()">
房车租赁
</li>
<li
v-for="item in vehicleType"
:key="item.id"
style=""
@click="chooseVe(item.id)"
>{{item.name}}</li>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px">
<li style="margin-right:12px;"
@click="chooseSelect()">
房车旅行
</li>
<li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px" @click="chooseType()">
房车营地
</li>
<li
v-for="item in campsiteType"
:key="item.id"
@click="chooseType(item.id)"
>{{item.name}}</li>
</ul>
</div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="">招商加盟</div>
</div>
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix">
<li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link>
</li>
<li style="">
<nuxt-link to="/news" >新闻动态</nuxt-link>
</li>
</ul>
</div>
<div class="margin-Top">
<div style="">联系我们</div>
</div>
</div>
</div>
</div>
<div class="menu">
......@@ -13,11 +79,44 @@
<div class="flex-aic menu-logo-l">
<img src="https://mgmt.dfangche.com/xxfccn/image/home/logo.png" style="width:175px;" alt="欣新房车，让生活更美好">
</div>
</nuxt-link>
</nuxt-link>
<el-input placeholder="车型/旅游路线/营地/活动/新闻/子公司" v-model="listQuery.keyword" class="input-with-select menu-select">
<el-select v-model="select" slot="prepend" placeholder="综合" style="width:90px">
<el-option v-for="menu in findList" :key="menu.id" :label="menu.name" :value="menu.link" style="width:90px">
{{menu.name}}
</el-option>
</el-select>
<el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button>
<!-- <el-button slot="append" style="width:88px;height:44px" @click="findTo()">搜索</el-button> -->
</el-input>
<!-- <ul class="users">
<li v-for="menu in menuList" :key="menu.id">
<nuxt-link
v-if="menu.link=='/'"
:to="menu.link"
:class="router== menu.link?'active':''"
>{{ menu.name }}</nuxt-link>
<nuxt-link
v-else
:to="menu.link"
:class="router.indexOf(menu.link) != -1?'active':''"
>{{ menu.name }}</nuxt-link>
</li>
</ul>-->
</div>
<div class="menu-new">
<ul class="users">
<li v-for="menu in menuList" :key="menu.id">
<nuxt-link v-if="menu.link=='/'" :to="menu.link" :class="router== menu.link?'active':''">{{ menu.name }}</nuxt-link>
<nuxt-link v-else :to="menu.link" :class="router.indexOf(menu.link) != -1?'active':''">{{ menu.name }}</nuxt-link>
<nuxt-link
v-if="menu.link=='/'"
:to="menu.link"
:class="router== menu.link?'active':''"
>{{ menu.name }}</nuxt-link>
<nuxt-link
v-else
:to="menu.link"
:class="router.indexOf(menu.link) != -1?'active':''"
>{{ menu.name }}</nuxt-link>
</li>
</ul>
</div>
......@@ -26,27 +125,129 @@
</template>
<script>
export default {
transition: 'bounce',
name: 'menuModal',
props: [],
data () {
return {
router: "/",
menuList:[
{id: 1, name: "首页", link:"/"},
{id: 2, name: "房车租赁", link:"/vehicle"},
{id: 3, name: "房车旅行", link:"/tour"},
{id: 4, name: "房车营地", link:"/campsite"},
{id: 5, name: "欣新活动", link:'/activity'},
{id: 6, name: "新闻动态", link:'/news'},
{id: 7, name: "关于欣新", link:'/aboutXx'}
]
import axios from "../plugins/axios";
export default {
transition: "bounce",
name: "menuModal",
props: [],
data() {
return {
router: "/",
menuList: [
{ id: 1, name: "首页", link: "/" },
{ id: 7, name: "欣新介绍", link: "/aboutXx" },
{ id: 2, name: "房车租赁", link: "/vehicle?types=" },
{ id: 3, name: "房车旅行", link: '/tour?tagIds=' },
{ id: 4, name: "房车营地", link: "/campsite?types=" },
{ id: 5, name: "欣新活动", link: "/activity" },
{ id: 6, name: "新闻动态", link: "/news" },
{ id: 8, name: "联系我们", link: "/company" },
],
tourType: [],
vehicleType: [],
childType:[],
visibleMap: false,
select: "/findList/all",
findList:[
{ id: 1,value:"", name: "综合", link: "/findList/all" },
{ id: 2,value:"vehicle", name: "车型", link: "/findList/findVehicle" },
{ id: 3,value:"tour", name: "旅游", link: "/findList/findTour" },
{ id: 4,value:"campsite", name: "营地", link: "/findList/findCampsite" },
{ id: 5,value:"activity", name: "活动", link: "/findList/findActivity" },
{ id: 6,value:"news", name: "新闻", link: "/findList/findNew" },
{ id: 7,value:"company", name: "子公司", link: "/findList/findCompany" }
],
listQuery: {
type: "",
keyword: "",
page: "",
limit: "",
},
};
},
created() {
// console.log(this);
this.getType();
if(this.$route.path == '/findList/all'||this.$route.path == '/findList/findVehicle'||this.$route.path == '/findList/findTour'||this.$route.path == '/findList/findCampsite'||this.$route.path == '/findList/findActivity'||this.$route.path == '/findList/findNew'||this.$route.path == '/findList/findCompany'){
this.select = this.$route.path;
}else{
this.select = "/findList/all"
}
this.listQuery.keyword = this.$route.query.keywords;
let router = this.$route.path;
this.router = router;
},
methods: {
chooseSelect(e){
if(e == undefined){
e = "",
console.log(2);
}
this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e);
this.$emit('goTour',e);
this.visibleMap = false;
},
created() {
let router = this.$route.path;
this.router = router;
chooseType(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/campsite', query: { types: e } });
console.log(e);
this.$emit('goCam',e);
this.visibleMap = false;
},
chooseVe(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/vehicle', query: { types: e } });
console.log(e);
this.$emit('goVe',e);
this.visibleMap = false;
},
async getType() {
const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
this.tourType = tour.data.data;
const campsite = await axios.get(
"/api/campsite/campsiteTag/app/unauth/tags"
);
this.campsiteType = campsite.data.data;
const child = await axios.get(
"/vehicle/cata/app/unauth/types"
);
this.vehicleType = child.data.data;
console.log(this.childType);
},
enter() {
var test = window.location.pathname;
// console.log(test);
if (test == "/indexWeb") {
this.visibleMap = false;
} else {
this.visibleMap = true;
}
},
leave() {
this.visibleMap = false;
},
findTo(){
if(this.listQuery.keyword == undefined){
this.listQuery.keyword = "",
console.log(2);
}
this.$router.push({ path: this.select, query: { keywords: this.listQuery.keyword } });
console.log(this.select);
console.log(this.listQuery.keyword);
this.$emit('childByValue', this.listQuery.keyword);
}
}
</script>
};
</script>
\ No newline at end of file
nuxt.config.js
View file @ f5fb06d4
......@@ -34,6 +34,7 @@ module.exports = {
{ src: '~plugins/filters.js', srr: false },
{ src: '~/plugins/elementUI.js', srr: false },
{ src: '~/plugins/baidu.js', srr: true },
{ src: '~/plugins/viewer.js', srr: true },
],
build: {
extend(config, { isDev, isClient }) {
......
package-lock.json 0 → 100644
View file @ f5fb06d4
This source diff could not be displayed because it is too large. You can view the blob instead.
pages/aboutXx.vue
View file @ f5fb06d4
......@@ -172,7 +172,7 @@
if(path == '/aboutXx'){
var menuTop = document.querySelector('#historyNav').offsetTop;
//滑动到指定位置菜单吸顶
if (scrollTop > menuTop-120) {
if (scrollTop > menuTop-180) {
this.barFixed = true;
}
let top1 = document.querySelector('#history01').offsetTop;
......@@ -244,7 +244,7 @@
justify-content: center;
width: 100%;
background: #fff;
top:120px;
top:180px;
}
.brand-cn{
font-size: 16px;
......
pages/activityList/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container">
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
pages/campsite.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<menu-modal @goCam="goCam"></menu-modal>
<div class="main-container">
<vehicle-banner
:list = "bannerList"
......@@ -99,6 +99,7 @@ export default {
};
},
created() {
this.listQuery.type = this.$route.query.types;
this.getType();
this.getAll();
},
......@@ -109,9 +110,21 @@ export default {
chooseSelect() {
console.log(this.typeList);
this.listQuery.type = this.typeList
this.listQuery.type = this.typeList;
this.$router.push({ path: "/campsite", query: { types: this.listQuery.type } });
this.getAll();
},
goCam(e){
this.listQuery.type = e;
for(var i = 0;i<this.dataType.length;i++){
if(e == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
this.getAll();
// this.typeList="营地类型";
},
handleCurrentChange(val) {
this.listQuery.pageNo = val;
this.getAll();
......@@ -127,6 +140,11 @@ export default {
} = await axios.get("/api/campsite/campsiteTag/app/unauth/tags");
data.unshift({id:"",name:'全部'})
this.dataType = data;
for(var i = 0;i<this.dataType.length;i++){
if(this.$route.query.types == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
},
async getAll() {
let {
......
pages/campsiteDetails/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
pages/company.vue 0 → 100644
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap">
<div class="bread-menu" style="margin-top: 20px;padding: 0;">
<nuxt-link to="/">首页></nuxt-link>
<span>联系我们</span>
<div class="clearfix" style="margin-top:22px">
<div style="float:left;width:526px;margin-right:69px;">
<div
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车全国分布图</div>
<viewer>
<img id="image" src="https://mgmt.dfangche.com/xxfccn/image/contact/map.jpg" alt style="width:526px;height:430px" />
</viewer>
</div>
<div style="float:left;width:500px">
<div
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车集团总部</div>
<img
src="https://mgmt.dfangche.com/xxfccn/image/contact/xxfc.jpg"
alt
style="width:500px;height:320px"
/>
<p style="font-size:20px;margin-top:24px;color:#333333">欣新房车控股集团股份有限公司</p>
<div style="margin-top:25px;color:#666666">
<i class="el-icon-phone"></i>
4000-369-369
</div>
<div style="margin-top:13px;color:#666666">
<i class="el-icon-location"></i>
广东省 东莞市 松山湖 高新技术产院工业西路12号
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #fff">
<div class="wrap-list">
<div style="font-weight:600;font-size:20px;text-align: center;">
<span>全国子公司</span>
</div>
<!-- 省份 -->
<div class="province-city" >
<span style="margin-right:14px">省份</span>
<el-select v-model="province" placeholder="请选择省份" @change="provinceChanged">
<el-option :key="''" :label="'全部'" :value="''"></el-option>
<el-option
v-for="item in provinces"
:key="item.code+100"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
<span style="margin:0 14px 0 35px">城市</span>
<el-select
v-model="city"
:loading="loadingCity"
@change="cityChanged"
placeholder="请选择城市"
>
<el-option :key="''" :label="'全部'" :value="''"></el-option>
<el-option
v-for="item in cities"
:key="item.code"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
<el-button plain @click="chooseCity()" style="margin-left:35px;width:104px;height:38px" icon="el-icon-search">筛选</el-button>
</div>
<!-- 公司 -->
<div style="margin-top: 31px;" v-if="this.visibility">该城市暂时没有分公司信息</div>
<div v-if="!this.visibility">
<ul class="v-ul clearfix">
<li v-for="item in childDetail" :key="item.comnpanyBaseId">
<h2 style="font-size:18px;margin-bottom:24px">{{item.name}}</h2>
<h2 style="font-size:12px;color:#999;margin-bottom:7px">
<i class="el-icon-phone"></i>
电话:{{item.leaderContactInfo}}
</h2>
<h2 style="font-size:12px;color:#999">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</li>
</ul>
<div class="pagination-container">
<el-pagination
@current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]"
:page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper"
:total="totalCount"
></el-pagination>
</div>
</div>
</div>
</div>
</div>
<go-top></go-top>
<footer-modal></footer-modal>
</div>
</template>
<script>
// new Viewer(image, {
// url(image) {
// return image.src.replace('thumb_', '');
// },
// });
import axios from "../plugins/axios";
import menuModal from "../components/menu";
import footerModal from "../components/footer";
import vehicleBanner from "../components/vehicleBanner";
import GoTop from "../components/goTop";
import provinceCity from "../assets/code.json";
// import Viewer from 'viewerjs';
export default {
transition: "bounce",
components: {
GoTop,
menuModal,
footerModal,
vehicleBanner
},
created() {
this.getAll();
this.provinces = provinceCity.provinces;
},
mounted() {
this.province = this.provinceCode;
this.provinceChanged(this.provinceCode);
this.city = this.cityCode;
},
data() {
return {
visibility:false,
childDetail: [],
listQuery: {
addrCity: "",
addrProvince: "",
page: 1,
limit: 10
},
totalCount: 0,
loadingCity: false,
province: "",
city: "",
provinces: [],
cities: []
};
},
methods: {
async getAll() {
let {
data: { data }
} = await axios.post("api/uccn/app/unauth/branch_company/page", {
page: this.listQuery.page,
limit: this.listQuery.limit,
addrCity:this.listQuery.addrCity,
addrProvince:this.listQuery.addrProvince
});
this.childDetail = data.data;
if(this.childDetail == undefined){
this.visibility = true
}else{
this.visibility = false
}
this.totalCount = data.totalCount;
console.log(this.childDetail);
this.listQuery.addrCity = "";
this.listQuery.addrProvince = ""
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
provinceChanged(value) {
if (value !== "") {
this.loadingCity = true;
for (var item of this.provinces) {
if (item.code === value) {
this.cities = item.cities;
this.city = "";
this.loadingCity = false;
break;
} else {
continue;
}
}
} else {
this.cities = [];
this.city = "";
}
this.$emit("selectChange", this.province, this.city);
},
cityChanged(value) {
this.$emit("selectChange", this.province, this.city);
},
chooseCity(){
if(this.city == undefined && this.province == undefined){ // 没选
console.log(1);
return
}if(this.city == "" && this.province == ""){ //全选
this.getAll();
console.log(2);
}if(this.city == "" && this.province != ""){ //选省没选市
this.listQuery.addrProvince = this.province+'00';
this.getAll();
console.log(3);
}if(this.city != "" && this.province != ""){ //选省选市
this.listQuery.addrProvince = this.province+'00';
this.listQuery.addrCity = this.city+'00';
this.getAll();
console.log(4);
}
}
},
head() {
return {
title: this.headList.title,
meta: [
{ hid: "keywords", name: "keywords", content: this.headList.keywords },
{
hid: "description",
name: "description",
content: this.headList.description
}
]
};
},
async asyncData() {
const { data } = await axios.get(
"/api/app/banner/app/unauth/findBannerlist?type=1&platform=1"
);
let cc = data.data;
let headData = await axios.get(
"/api/uccn/seo/app/unauth/officialWebsite/3"
);
let head = headData.data.data;
return { bannerList: cc, headList: head };
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.wrap-list {
width: 1120px;
margin: 0 auto 0px auto;
padding-top: 49px;
padding-bottom: 40px;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 31px;
}
.v-ul li {
margin: 0;
padding: 20px;
list-style: none;
float: left;
width: 540px;
height: 140px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
/* border:1px solid #eee */
/* font-size: 22px;
padding-right: 30px; */
}
.v-ul li:nth-child(odd) {
margin-right: 40px;
}
.province-city{
text-align: center;
margin-top:40px
}
</style>
pages/findList/all.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<div style="margin: 20px 0;padding: 0" class="bread-menu">
<nuxt-link to="/" >首页></nuxt-link>
<span>搜索结果页</span>
</div>
<ul class="v-ul clearfix">
<li v-for="menu in findList" :key="menu.id" class="v-li">
<nuxt-link :to="menu.link + '?keywords=' + listQuery.keyword" style="color:#000" :class="menu.id== 1?'active':''">{{ menu.name }} ({{menu.number}})</nuxt-link>
</li>
</ul>
<div>
<div>
<div class="margin-Top clearfix title-find">
<div style="float:left">房车车型</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link :to="'/findList/findVehicle?keywords=' + listQuery.keyword" style="color:#999999" class="active-a">
MORE
<img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link>
</div>
</div>
<ul class="v-ul clearfix list">
<li v-for="item in carDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<div style="padding:13px 0 2px 28px">
<img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
</div>
<div style="margin-left: 22px;">
<h2 style="font-size: 18px;font-weight:Light">{{ item.name }}</h2>
<div class="flex-aic-noc" style="margin:16px 0 26px 0">
<span
class="flex-aic-noc config"
v-for="(iitem,iindex) in item.uccnCataList"
:key="iitem.id"
>
<img
style="margin-right: 5px;"
v-if="iindex==0"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRBRkVDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRBRkRDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLS+CAAAADISURBVHjaYvz//z8DNQATA5UAdQ2aNWvWWyAOo8QgFigtBMRSQMMYgXQzENsC8XIgXgPENnj0vwHio2lpaf9Z0CS8gbgayrYD4o9AvIyAYxYAcSJ6GL1AYn8F4u9E+CoWI7CBTjwDpFyBuAHqvS1ALEgAiyCHEbJhe4DUHiShD8QENiMoQQIDGZQq7wPxMxIjiw+I3wItd0R20WMgPk+iQYZA7IDutfVAkyeQYgrQJwXQ2KV+FnlHRviAwHNYZDAO89xPDQAQYAC8zTagKPdHCQAAAABJRU5ErkJggg=="
/>
<img
style="margin-right: 5px;"
v-if="iindex==1"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRCMDJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRCMDFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkBcLEAAADwSURBVHjaYvz//z8DNQATA5UA1QxiARGzZs36CaTYyDTjV1paGjsLlPMdxCHHFKAjPsBdhCZhCKSCgPgeEC8CWvCXaK8hGaILpJYAcQcQ2wGxGRBnAsWDgXQsFv19WA0CAn8g7ge6YjFQ81Ig+wpUfB8Q38Vi0E1cBt0BGQY0ZB7UNa+h4oJArIDFoOe4DALZ6gvEL6Cal0DFFYHYAYtBD3AZ1A7E7kD8FJrGJgBdZw306l4gey+OWMNqECgtLUXicwCxAFBxDJAuwWJOAZwFymszZ878AKLJwTC91M0iIBrofHKLga8ggnH4FiMAAQYAZvR1GACV0mMAAAAASUVORK5CYII="
/>
<img
style="margin-right: 5px;"
v-if="iindex==2"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNENUU3MTJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNENUU3MTFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhIc0EUAAAFvSURBVHjarJM9SwNBEIYv0UQUP5ImnQiW2qWzsEhjY3eF1lfk/oK/wb+QFFebIpWVTcDGLmBjI6hIMJAmKgQ1Rs5n4Y2ZO67zBh52bm/m3dnZ3UIcx14etpyeaLVabi6AU6hDFcbQhwuIwjCcpfMKtiJE9hi6UHMJ0IORvhtawH37iN1lCknkBq6gSeBrRrUVhjYcwYEVK5rtdCVyAj8med1ozfTfxXWVt6iIiSb+OezCVD3ZhyG4ynbgXf42fMADnFFV+68iNTbSdsrCVVLSgZQ1LsGK4iLleVaorsZa24At+ZvGn1tPeYnjr+o0PK3u7Nok3Rq/pHGkvITQWEfsqUfOjmEgkUP5q2zrXv9ryksI9XVPLs3KL/Asf4DAU2prDeUleuRubKB7MtWpvME3fMJXxn0KlJcQirTntkQqVPAIE9dkxqERKShupLyFkN6OrxvbgbV5AP+mqUo6ivPtm8v/reX6+v9jRS8n+xVgAORemfNTP4ZNAAAAAElFTkSuQmCC"
/>
{{iitem.name}}
</span>
</div>
<button class="buttonDetails">
租车详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div>
<div class="margin-Top clearfix title-find">
<div style="float:left">房车旅游</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link :to="'/findList/findTour?keywords=' + listQuery.keyword" style="color:#999999" class="active-a">
MORE
<img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link>
</div>
</div>
<ul class="v-ul clearfix list">
<li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
旅游详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div>
<div class="margin-Top clearfix title-find">
<div style="float:left">房车营地</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link :to="'/findList/findCampsite?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE
<img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link>
</div>
</div>
<ul class="v-ul clearfix list">
<li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div>
<div class="margin-Top clearfix title-find">
<div style="float:left">欣新活动</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link :to="'/findList/findActivity?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE
<img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link>
</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i>
{{item.province}}{{item.city}}{{item.town}}{{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div>
<div class="margin-Top clearfix title-find">
<div style="float:left">欣新资讯</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link :to="'/findList/findNew?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE
<img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link>
</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in newDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div>
<div class="margin-Top clearfix title-find">
<div style="float:left">欣新子公司</div>
<div style="float:right;color:#999999;font-size:12px;margin-right:20px">
<nuxt-link :to="'/findList/findCompany?keywords='+ listQuery.keyword" style="color:#999999" class="active-a">
MORE
<img style="width:12px" src="../../assets/images/r-9.png" />
</nuxt-link>
</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in companyDetail.data" :key="item.id">
<div class="flex-aic-noc">
<!-- <nuxt-link to="/" class="flex-aic-noc"> -->
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i>
{{item.leaderContactInfo}}
</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:7px">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</div>
<!-- </nuxt-link> -->
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
export default {
data() {
return {
router: "/",
tourType: [],
campsiteType: [],
findList: [
{ id: 1, value: "1", name: "综合", link: "/findList/all", number: 0 },
{ id: 2, value: "2", name: "车型", link: "/findList/findVehicle", number: 0 },
{ id: 3, value: "3", name: "旅游", link: "/findList/findTour", number: 0 },
{ id: 4, value: "4", name: "营地", link: "/findList/findCampsite", number: 0 },
{ id: 5, value: "5", name: "活动", link: "/findList/findActivity", number: 0 },
{ id: 6, value: "6", name: "新闻", link: "/findList/findNew", number: 0 },
{ id: 7, value: "7", name: "子公司", link: "/findList/findCompany", number: 0 }
],
allDetail: [],
carDetail: [],
tourDetail: [],
campsiteDetail: [],
actDetail: [],
newDetail: [],
companyDetail: [],
listQuery: {
type: "",
keyword: "",
page: "",
limit: ""
}
};
},
components: {
GoTop,
menuModal,
footerModal
},
created() {
console.log(this);
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
// this.listQuery.keyword = this.$route.query.keywords;
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
this.findList[1].number = data.vehicle.totalCount;
this.findList[2].number = data.tour.totalCount;
this.findList[3].number = data.campsite.totalCount;
this.findList[4].number = data.activity.totalCount;
this.findList[5].number = data.news.totalCount;
this.findList[6].number = data.company.totalCount;
var allNum = 0;
for (var i = 1; i < 7; i++) {
allNum = allNum + this.findList[i].number;
}
this.findList[0].number = allNum;
// 车型
data.vehicle.data.map(function(item) {
item.link = encodeURI("/vehicleList/" + item.id + "?name=" + item.name);
item.link = encodeURI(item.link);
item.pictureList = item.picture.split(",");
item.coverPic = item.coverPic
? item.coverPic
: item.pictureList.length > 0
? item.pictureList[0]
: "";
});
this.allDetail = data;
this.carDetail = data.vehicle;
// 旅游
data.tour.data.map(function(item) {
item.link = encodeURI("/tourDetails/" + item.id + "?name=" + item.name);
item.link = encodeURI(item.link);
});
this.tourDetail = data.tour;
//营地
data.campsite.data.map(function(item) {
item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.campsiteDetail = data.campsite;
//活动
data.activity.data.map(function(item) {
item.link = encodeURI("/activityList/" + item.id);
item.link = encodeURI(item.link);
});
this.actDetail = data.activity;
//新闻
data.news.data.map(function(item) {
item.link = encodeURI("/newsList/" + item.id + "?name=" + item.title);
item.link = encodeURI(item.link);
});
this.newDetail = data.news;
//子公司
// data.company.data.map(function(item){
// item.link = encodeURI('/newsList/' + item.id+'?name='+item.title);
// item.link = encodeURI(item.link);
// });
this.companyDetail = data.company;
}
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 24px;
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.active-a:hover{
color: #1bbb9f !important;
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height: 140px;
padding: 10px;
}
.list li:hover {
box-shadow: 0 0 5px #ccc;
}
.list li:first-child {
margin-right: 20px;
}
.list-four li:first-child {
margin-bottom: 17px;
}
.list-four li:nth-child(2) {
margin-bottom: 17px;
}
.list-four li:nth-child(odd) {
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findActivity.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新活动</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i>
{{item.province}}{{item.city}}{{item.town}}{{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
actDetail: [],
listQuery: {
type: "activity",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
console.log(this);
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.data.map(function(item) {
item.link = encodeURI(
"/activityList/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.actDetail = data;
this.totalCount = data.totalCount
//活动
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findCampsite.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">房车营地</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
campsiteDetail: [],
listQuery: {
type: "campsite",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.data.map(function(item) {
item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.campsiteDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findCompany.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新子公司</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in companyDetail.data" :key="item.id">
<nuxt-link to="/" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i>
{{item.leaderContactInfo}}
</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:7px">
<i class="el-icon-location"></i>
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
companyDetail: [],
listQuery: {
type: "company",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
// data.data.map(function(item) {
// item.link = encodeURI(
// "/campsiteDetails/" + item.id + "?name=" + item.name
// );
// item.link = encodeURI(item.link);
// });
this.companyDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findNew.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新资讯</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in newDetail.list" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
newDetail: [],
listQuery: {
type: "news",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.list.map(function(item) {
item.link = encodeURI(
"/newsList/" + item.id + "?name=" + item.name
);
item.link = encodeURI(item.link);
});
this.newDetail = data;
this.totalCount = data.total
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findTour.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">房车旅游</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">旅游详情<img style="position: absolute;" src="../../assets/images/r.png"/></button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
tourDetail: [],
listQuery: {
type: "tour",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
// 旅游
data.data.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
item.link = encodeURI(item.link);
});
this.tourDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/findList/findVehicle.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" style="background: #fff;">
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">房车车型</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in carDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<div style="padding:13px 0 2px 28px">
<img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
</div>
<div style="margin-left: 22px;">
<h2 style="font-size: 18px;font-weight:Light">{{ item.name }}</h2>
<div class="flex-aic-noc" style="margin:16px 0 26px 0">
<span
class="flex-aic-noc config"
v-for="(iitem,iindex) in item.uccnCataList"
:key="iitem.id"
>
<img
style="margin-right: 5px;"
v-if="iindex==0"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRBRkVDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRBRkRDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLS+CAAAADISURBVHjaYvz//z8DNQATA5UAdQ2aNWvWWyAOo8QgFigtBMRSQMMYgXQzENsC8XIgXgPENnj0vwHio2lpaf9Z0CS8gbgayrYD4o9AvIyAYxYAcSJ6GL1AYn8F4u9E+CoWI7CBTjwDpFyBuAHqvS1ALEgAiyCHEbJhe4DUHiShD8QENiMoQQIDGZQq7wPxMxIjiw+I3wItd0R20WMgPk+iQYZA7IDutfVAkyeQYgrQJwXQ2KV+FnlHRviAwHNYZDAO89xPDQAQYAC8zTagKPdHCQAAAABJRU5ErkJggg=="
/>
<img
style="margin-right: 5px;"
v-if="iindex==1"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNDMDRCMDJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNDMDRCMDFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmkBcLEAAADwSURBVHjaYvz//z8DNQATA5UA1QxiARGzZs36CaTYyDTjV1paGjsLlPMdxCHHFKAjPsBdhCZhCKSCgPgeEC8CWvCXaK8hGaILpJYAcQcQ2wGxGRBnAsWDgXQsFv19WA0CAn8g7ge6YjFQ81Ig+wpUfB8Q38Vi0E1cBt0BGQY0ZB7UNa+h4oJArIDFoOe4DALZ6gvEL6Cal0DFFYHYAYtBD3AZ1A7E7kD8FJrGJgBdZw306l4gey+OWMNqECgtLUXicwCxAFBxDJAuwWJOAZwFymszZ878AKLJwTC91M0iIBrofHKLga8ggnH4FiMAAQYAZvR1GACV0mMAAAAASUVORK5CYII="
/>
<img
style="margin-right: 5px;"
v-if="iindex==2"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNENUU3MTJDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNENUU3MTFDRTNDMTFFOTk1MTdBMTE1MkRFRUFEMjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGQ4MTBjN2ItZThlNC00ZDRiLTlkZDYtNjUzZDNhYTI4YjdjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQ2YTcyNTIyLWY2ZjctYWU0Zi05MmU5LWQ5NTBmNWM0OTE5MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhIc0EUAAAFvSURBVHjarJM9SwNBEIYv0UQUP5ImnQiW2qWzsEhjY3eF1lfk/oK/wb+QFFebIpWVTcDGLmBjI6hIMJAmKgQ1Rs5n4Y2ZO67zBh52bm/m3dnZ3UIcx14etpyeaLVabi6AU6hDFcbQhwuIwjCcpfMKtiJE9hi6UHMJ0IORvhtawH37iN1lCknkBq6gSeBrRrUVhjYcwYEVK5rtdCVyAj8med1ozfTfxXWVt6iIiSb+OezCVD3ZhyG4ynbgXf42fMADnFFV+68iNTbSdsrCVVLSgZQ1LsGK4iLleVaorsZa24At+ZvGn1tPeYnjr+o0PK3u7Nok3Rq/pHGkvITQWEfsqUfOjmEgkUP5q2zrXv9ryksI9XVPLs3KL/Asf4DAU2prDeUleuRubKB7MtWpvME3fMJXxn0KlJcQirTntkQqVPAIE9dkxqERKShupLyFkN6OrxvbgbV5AP+mqUo6ivPtm8v/reX6+v9jRS8n+xVgAORemfNTP4ZNAAAAAElFTkSuQmCC"
/>
{{iitem.name}}
</span>
</div>
<button class="buttonDetails">
租车详情
<img style="position: absolute;" src="../../assets/images/r.png" />
</button>
</div>
</nuxt-link>
</li>
</ul>
</div>
<div class="pagination-container">
<el-pagination @current-change="handleCurrentChange"
:current-page.sync="listQuery.page"
@size-change="handleSizeChange"
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../../plugins/axios";
import menuModal from "../../components/menu";
import footerModal from "../../components/footer";
import GoTop from "../../components/goTop";
import findMenu from "../../components/findMenu"
export default {
data() {
return {
router: "/",
totalCount:0,
carDetail: [],
listQuery: {
type: "vehicle",
keyword: "",
page: 1,
limit: 10
},
};
},
components: {
GoTop,
menuModal,
footerModal,
findMenu
},
created() {
this.listQuery.keyword = this.$route.query.keywords;
this.getAll();
},
methods: {
childByValue(e){
this.listQuery.keyword = e;
this.getAll();
},
async getAll() {
let {
data: { data }
} = await axios.get(
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
// 车型
data.data.map(function(item) {
item.link = encodeURI("/vehicleList/" + item.id + "?name=" + item.name);
item.link = encodeURI(item.link);
item.pictureList = item.picture.split(",");
item.coverPic = item.coverPic
? item.coverPic
: item.pictureList.length > 0
? item.pictureList[0]
: "";
});
this.carDetail = data;
this.totalCount = data.totalCount
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
},
handleSizeChange(val) {
this.listQuery.limit = val;
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 20px;
font-size: 14px;
width: 1120px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
list-style: none;
margin-top:24px
}
.v-ul .v-li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 22px;
padding-right: 30px;
}
.margin-Top {
margin-top: 30px;
}
.active {
color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.title-find {
position: relative;
}
.one {
position: absolute;
top: 0px;
left: 1px;
background-color: #1bbb9f;
width: 6px;
height: 18px;
}
.list li {
float: left;
border: 1px solid #eee;
width: 540px;
height:140px;
padding: 10px;
margin-bottom:17px
}
.list li:hover{
box-shadow: 0 0 5px #ccc;
}
.list-four li:nth-child(odd){
margin-right: 20px;
}
.list-act li {
float: left;
border: 1px solid #eee;
width: 550px;
padding: 10px;
}
.v-img-cover {
width: 180px;
height: 120px;
}
.v-act-img {
width: 80px;
height: 50px;
}
.list-act li:nth-child(odd) {
margin-right: 20px;
}
.list-act li:nth-child(1) {
margin-bottom: 15px;
}
.buttonDetails {
width: 116px;
height: 34px;
border-width: 0px;
background: #1bbb9f;
cursor: pointer;
outline: none;
font-family: Microsoft YaHei;
color: white;
font-size: 14px;
padding-right: 15px;
}
.config {
color: #666;
font-size: 12px;
margin-right: 14px;
}
</style>
pages/indexWeb.vue 0 → 100644
View file @ f5fb06d4
<template>
<div class="container" >
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="">
<div style="margin: 20px 0;padding: 0" class="shouy">
<nuxt-link to="/" >首页></nuxt-link>
<span>网站地图</span>
</div>
<div class="webMap">
<div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div >
<div style="margin-top:23px">产品展示</div>
<ul class="v-ul clearfix">
<li style="margin-right:12px" @click="chooseVe()">
房车租赁
</li>
<li
v-for="item in vehicleType"
:key="item.id"
style=""
@click="chooseVe(item.id)"
>{{item.name}}</li>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px">
<li style="margin-right:12px;"
@click="chooseSelect()">
房车旅行
</li>
<li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px" @click="chooseType()">
房车营地
</li>
<li
v-for="item in campsiteType"
:key="item.id"
@click="chooseType(item.id)"
>{{item.name}}</li>
</ul>
</div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="">招商加盟</div>
</div>
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix">
<li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link>
</li>
<li style="">
<nuxt-link to="/news" >新闻动态</nuxt-link>
</li>
</ul>
</div>
<div class="margin-Top">
<div style="">联系我们</div>
</div>
</div>
</div>
</div>
<footer-modal></footer-modal>
</div>
</template>
<script>
import axios from "../plugins/axios";
import menuModal from "../components/menu";
import footerModal from "../components/footer";
import GoTop from "../components/goTop";
export default {
data() {
return {
tourType: [],
campsiteType: [],
vehicleType:[]
};
},
components: {
GoTop,
menuModal,
footerModal
},
created() {
this.getType();
},
methods: {
chooseSelect(e){
if(e == undefined){
e = "",
console.log(2);
}
this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e);
},
chooseType(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/campsite', query: { types: e } });
console.log(e);
},
chooseVe(e){
if(e == undefined){
e = "",
console.log(3);
}
this.$router.push({ path: '/vehicle', query: { types: e } });
console.log(e);
},
async getType() {
const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
this.tourType = tour.data.data;
const campsite = await axios.get(
"/api/campsite/campsiteTag/app/unauth/tags"
);
this.campsiteType = campsite.data.data;
const child = await axios.get(
"/vehicle/cata/app/unauth/types"
);
this.vehicleType = child.data.data;
console.log(this.childType);
},
// goTo(){
// this.$router.push({ path: "/campaite", query: { type: 53 } });
// }
}
};
</script>
<style scoped>
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
background-color: #fff;
padding: 24px 28px 24px 31px;
font-size: 14px;
width: 1120px;
height: 470px;
margin: 0 auto 30px auto;
}
.v-ul {
margin: 0;
padding: 0;
margin-top: 15px;
list-style: none;
}
.v-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
cursor: pointer;
width:90px;height:30px;line-height:30px;text-align:center
}
.v-ul li:hover{
background-color: #1BBB9F;
color: #fff
}
a{
text-decoration: none;
color: #666666
}
.v-ul li:hover a{
background-color: #1BBB9F;
color: #fff
}
.margin-Top{
margin-top:22px;
}
.shouy{
color: #666666
}
.shouy a:hover{
color: #1BBB9F
}
</style>
pages/newsList/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
pages/tour.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<menu-modal v-on:goTour = "goTour"></menu-modal>
<div class="main-container">
<div>
<vehicle-banner
......@@ -25,7 +25,6 @@
</div>
<div class="clearfix total-div" style="background-color: #fff;padding:13px 0 19px 14px;color:#666;height:50px">
共{{totalCount}}个旅行路线
<!-- <div class="selectDiv"> -->
<el-select
style="width:150px;height:30px;float:right;margin:-8px 10px 10px 0"
value-key="id"
......@@ -40,15 +39,7 @@
:value="item.id">
</el-option>
</el-select>
<!-- <select
@change="choose($event)"
style="width:145px;text-align:center;height:30px;float:right;border:none;outline: none;color:#666;padding-left:30px"
>
<option value>旅行类型</option>
<option v-for="item in dataType" :value="item.id" :key="item.id" style="outline: none;">{{ item.name }}</option>
<option value>全部</option>
</select> -->
<!-- </div> -->
</div>
<h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3>
<ul class="campsiteDetail" v-if="!dataNull">
......@@ -92,8 +83,13 @@
vehicleBanner
},
created() {
this.listQuery.tagId = this.$route.query.tagIds;
this.getType();
this.getAll();
},
data(){
return{
......@@ -119,8 +115,21 @@
};
},
methods:{
goTour(e){
this.listQuery.tagId = e;
for(var i = 0;i<this.dataType.length;i++){
if(e == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
// console.log(this.dataType);
// this.typeList="旅行类型"
this.getAll();
},
chooseSelect() {
this.listQuery.tagId = this.typeList
this.listQuery.tagId = this.typeList;
this.$router.push({ path: "/tour", query: { tagIds: this.listQuery.tagId } });
this.getAll();
},
handleCurrentChange(val) {
......@@ -143,11 +152,17 @@
data.unshift({id:"",name:'全部'})
this.dataType = data;
this.loading = false
for(var i = 0;i<this.dataType.length;i++){
if(this.$route.query.tagIds == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
},
async getAll() {
let {
data: { data }
} = await axios.get(`/api/uccn/app/unauth/tour/getGoodList?tagId=${this.listQuery.tagId}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`);
data.data.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id);
item.link = encodeURI(item.link);
......
pages/tourDetails/_id.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap" >
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......@@ -9,40 +9,6 @@
<span>{{detail.name}}</span>
</div>
<div class="clearfix" style="background-color:#fff;padding:40px 20px 40px 40px;width:1120px;height:536px">
<!-- <div style="float:left;width:544px;margin-right:10px">
<div class="gallery-top-box" style="width:100%">
<div class="swiper-container gallery-top" ref="mySwiper">
<div class="swiper-wrapper" >
<div
class="swiper-slide"
v-for="(item,idx) in detail.pictureList"
:key="idx"
>
<img :src="item.cover" style="width:100%;height:388px" />
</div>
</div>
</div>
<div class="gallery-thumbs-box" >
<div class="swiper-container gallery-thumbs" >
<div class="swiper-wrapper swiper-wrapper-thu" >
<div
class="swiper-slide"
v-for="(item,index) in detail.pictureList"
:key="index"
@click="changeImgIndex(index,detail.pictureList.length)"
>
<img
:src="item.cover"
:class="preIndex==index?'active':''"
alt
style="width:100px;height:64px"
/>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div style="float:left;width:544px;margin-right:10px">
<div class="gallery-top-box" style="width:100%">
<div class="swiper-container gallery-top" ref="mySwiper">
......@@ -131,7 +97,14 @@
</div>
<div class="clearfix" style="margin-top:40px">
<div style="float:left;width:800px;background-color:#fff;padding:31px 50px;">
<!-- <div style="float:left;width:190px;background-color:#fff;padding:40px 28px;margin-right:14px;">
<ul class="typeUl">
<li>行程亮点</li>
<li>行程介绍</li>
<li>报名须知</li>
</ul>
</div> -->
<div style="float:left;width:884px;background-color:#fff;padding:31px 50px;">
<h3 style="font-size:16px;font-weight:bold;margin-bottom:20px">行程亮点</h3>
<div v-html="detail.content">
</div>
......@@ -142,15 +115,15 @@
<div v-html="notice[0].value">
</div>
</div>
<div id = "fixContainer" class="hot-r-campsite" style="float:left;width:300px;margin-left:20px;background-color:#fff;text-align:center">
<div id = "fixContainer" class="hot-r-campsite" style="float:left;width:220px;margin-left:16px;background-color:#fff;text-align:center">
<div id="tourHotId" :class="barFixed?'isFixed':''">
<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:16px">热门旅行</h3>
<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:14px">热门旅行</h3>
<!--<div style="float:left;width:300px;margin-left:20px;background-color:#fff;text-align:center">-->
<!--<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:16px">热门旅行</h3>-->
<div v-for="(item,index) in hotList" :key="index" style="width:100%;padding:25px 60px 0 60px">
<img :src="item.cover" alt="" style="width:180px;height:135px">
<div v-for="(item,index) in hotList" :key="index" style="width:100%;padding:25px 25px 0 25px">
<img :src="item.cover" alt="" style="width:161px;height:116px">
<h5 style="overflow: hidden;text-overflow:ellipsis;margin:21px 0 30px 0;font-weight:400;font-size:16px;white-space: nowrap;">{{item.name}}</h5>
<nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:57px" >旅游详情</button></nuxt-link>
<nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:25px" >旅游详情</button></nuxt-link>
</div>
</div>
......@@ -236,7 +209,7 @@ export default {
if (!user) {
return error({ message: 'User not found', statusCode: 404 })
}
let tempBannerData = await axios.get( env.host + '/api/uccn/random/list/app/unauth/get?type=2');
let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=2');
let hot = tempBannerData.data.data;
hot.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
......@@ -244,7 +217,7 @@ export default {
});
console.log(hot);
let noticeData = await axios.get( env.host + '/api/app/cofig/app/unauth/types?types=14');
let noticeData = await axios.get('/api/app/cofig/app/unauth/types?types=14');
let notice = noticeData.data.data;
return {detail: user, hotList: hot, notice: notice}
},
......@@ -314,7 +287,7 @@ export default {
.isFixed{
position: fixed;
top: 120px;
width: 300px;
width: 220px;
background: #fff;
}
.clearfix:after {
......@@ -392,6 +365,11 @@ export default {
width: 32%;
float: left;
}
.typeUl{
padding:0;
margin:0;
list-style:none;
}
</style>
......
pages/vehicle.vue
View file @ f5fb06d4
<template>
<div>
<menu-modal></menu-modal>
<menu-modal @goVe="goVe"></menu-modal>
<div class="main-container">
<vehicle-banner
:list = "bannerList"
......@@ -23,6 +23,20 @@
</div>
<div class="total-div">
共{{totalCount}}款车型
<el-select
style="width:150px;height:30px;float:right;margin:-8px 10px 10px 0"
value-key="id"
v-model="typeList"
placeholder="旅行类型"
@change="chooseSelect()">
<el-option
v-for="item in dataType"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</div>
<ul class="campsiteDetail clearfix">
<li v-for="item in dataDetail" :key="item.id" class="vehicle-item">
......@@ -82,6 +96,8 @@
data() {
return {
// headList:{},
typeList:"车型",
dataType:[],
totalCount: 0,
dataDetail: [],
bannerList: [],//车型banner列表
......@@ -103,6 +119,8 @@
};
},
created() {
this.listQuery.type = this.$route.query.types;
this.getType();
this.getAll();
this.getBanner();
// this.getHead()
......@@ -112,6 +130,17 @@
window.addEventListener("scroll", this.scrollHandle); // 绑定页面的滚动事件
},
methods: {
goVe(e){
this.listQuery.type = e;
for(var i = 0;i<this.dataType.length;i++){
if(e == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
this.getAll();
// this.typeList="车型";
},
handleCurrentChange(val) {
this.listQuery.page = val;
this.getAll();
......@@ -141,15 +170,30 @@
let banner = tempBannerData.data.data;
this.bannerList = banner;
},
chooseSelect(e) {
console.log(e.target.value);
this.listQuery.type = e.target.value;
this.getAll();
},
chooseSelect() {
console.log(this.typeList);
this.listQuery.type = this.typeList;
this.$router.push({ path: "/vehicle", query: { types: this.listQuery.type } });
this.getAll();
},
async getType() {
const {
data: { data }
} = await axios.get("/vehicle/cata/app/unauth/types" );
data.unshift({id:"",name:'全部'})
this.dataType = data;
console.log(data);
this.loading = false
for(var i = 0;i<this.dataType.length;i++){
if(this.$route.query.types == this.dataType[i].id){
this.typeList = this.dataType[i].name
}
}
},
async getAll() {
let {
data: { data }
} = await axios.get(`/api/uccn/vehicleModel/app/unauth/findVehicleModelPage?page=${this.listQuery.page}&limit=${this.listQuery.limit}`);
} = await axios.get(`/api/uccn/vehicleModel/app/unauth/findVehicleModelPage?page=${this.listQuery.page}&limit=${this.listQuery.limit}&vehicleType=${this.listQuery.type}`);
this.totalCount = data.totalCount;
data.data.map(function(item){
item.link = encodeURI('/vehicleList/' + item.id+'?name='+item.name);
......
pages/vehicleList/_id.vue
View file @ f5fb06d4
<template>
<div class="vehicle-container">
<menu-modal></menu-modal>
<div class="main-container" style="margin-top: 140px;">
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<nuxt-link to="/">首页></nuxt-link>
......
plugins/viewer.js 0 → 100644
View file @ f5fb06d4
import Vue from 'vue'
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer);
Viewer.setDefaults({
Options: {
"inline": true, "button": true, "navbar": true, "title": true,"toolbar": true,
"tooltip": true, "movable": true,"zoomable": true,"rotatable": true,
"scalable": true,"transition": true, "fullscreen": true, "keyboard": true,
"url": "data-source"
}
})
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment