Skip to content

S
sedu-mobile-v2
Commit d0363ad7 by zhanxin liu
Options

fix

parent 0aa8d595
Showing with 3573 additions and 2 deletions
cloudTrain/components/w-picker/city-data/area.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
cloudTrain/components/w-picker/city-data/city.js 0 → 100644
/* eslint-disable */
var cityData = [
[{
"label": "市辖区",
"value": "1101"
}],
[{
"label": "市辖区",
"value": "1201"
}],
[{
"label": "石家庄市",
"value": "1301"
},
{
"label": "唐山市",
"value": "1302"
},
{
"label": "秦皇岛市",
"value": "1303"
},
{
"label": "邯郸市",
"value": "1304"
},
{
"label": "邢台市",
"value": "1305"
},
{
"label": "保定市",
"value": "1306"
},
{
"label": "张家口市",
"value": "1307"
},
{
"label": "承德市",
"value": "1308"
},
{
"label": "沧州市",
"value": "1309"
},
{
"label": "廊坊市",
"value": "1310"
},
{
"label": "衡水市",
"value": "1311"
}
],
[{
"label": "太原市",
"value": "1401"
},
{
"label": "大同市",
"value": "1402"
},
{
"label": "阳泉市",
"value": "1403"
},
{
"label": "长治市",
"value": "1404"
},
{
"label": "晋城市",
"value": "1405"
},
{
"label": "朔州市",
"value": "1406"
},
{
"label": "晋中市",
"value": "1407"
},
{
"label": "运城市",
"value": "1408"
},
{
"label": "忻州市",
"value": "1409"
},
{
"label": "临汾市",
"value": "1410"
},
{
"label": "吕梁市",
"value": "1411"
}
],
[{
"label": "呼和浩特市",
"value": "1501"
},
{
"label": "包头市",
"value": "1502"
},
{
"label": "乌海市",
"value": "1503"
},
{
"label": "赤峰市",
"value": "1504"
},
{
"label": "通辽市",
"value": "1505"
},
{
"label": "鄂尔多斯市",
"value": "1506"
},
{
"label": "呼伦贝尔市",
"value": "1507"
},
{
"label": "巴彦淖尔市",
"value": "1508"
},
{
"label": "乌兰察布市",
"value": "1509"
},
{
"label": "兴安盟",
"value": "1522"
},
{
"label": "锡林郭勒盟",
"value": "1525"
},
{
"label": "阿拉善盟",
"value": "1529"
}
],
[{
"label": "沈阳市",
"value": "2101"
},
{
"label": "大连市",
"value": "2102"
},
{
"label": "鞍山市",
"value": "2103"
},
{
"label": "抚顺市",
"value": "2104"
},
{
"label": "本溪市",
"value": "2105"
},
{
"label": "丹东市",
"value": "2106"
},
{
"label": "锦州市",
"value": "2107"
},
{
"label": "营口市",
"value": "2108"
},
{
"label": "阜新市",
"value": "2109"
},
{
"label": "辽阳市",
"value": "2110"
},
{
"label": "盘锦市",
"value": "2111"
},
{
"label": "铁岭市",
"value": "2112"
},
{
"label": "朝阳市",
"value": "2113"
},
{
"label": "葫芦岛市",
"value": "2114"
}
],
[{
"label": "长春市",
"value": "2201"
},
{
"label": "吉林市",
"value": "2202"
},
{
"label": "四平市",
"value": "2203"
},
{
"label": "辽源市",
"value": "2204"
},
{
"label": "通化市",
"value": "2205"
},
{
"label": "白山市",
"value": "2206"
},
{
"label": "松原市",
"value": "2207"
},
{
"label": "白城市",
"value": "2208"
},
{
"label": "延边朝鲜族自治州",
"value": "2224"
}
],
[{
"label": "哈尔滨市",
"value": "2301"
},
{
"label": "齐齐哈尔市",
"value": "2302"
},
{
"label": "鸡西市",
"value": "2303"
},
{
"label": "鹤岗市",
"value": "2304"
},
{
"label": "双鸭山市",
"value": "2305"
},
{
"label": "大庆市",
"value": "2306"
},
{
"label": "伊春市",
"value": "2307"
},
{
"label": "佳木斯市",
"value": "2308"
},
{
"label": "七台河市",
"value": "2309"
},
{
"label": "牡丹江市",
"value": "2310"
},
{
"label": "黑河市",
"value": "2311"
},
{
"label": "绥化市",
"value": "2312"
},
{
"label": "大兴安岭地区",
"value": "2327"
}
],
[{
"label": "市辖区",
"value": "3101"
}],
[{
"label": "南京市",
"value": "3201"
},
{
"label": "无锡市",
"value": "3202"
},
{
"label": "徐州市",
"value": "3203"
},
{
"label": "常州市",
"value": "3204"
},
{
"label": "苏州市",
"value": "3205"
},
{
"label": "南通市",
"value": "3206"
},
{
"label": "连云港市",
"value": "3207"
},
{
"label": "淮安市",
"value": "3208"
},
{
"label": "盐城市",
"value": "3209"
},
{
"label": "扬州市",
"value": "3210"
},
{
"label": "镇江市",
"value": "3211"
},
{
"label": "泰州市",
"value": "3212"
},
{
"label": "宿迁市",
"value": "3213"
}
],
[{
"label": "杭州市",
"value": "3301"
},
{
"label": "宁波市",
"value": "3302"
},
{
"label": "温州市",
"value": "3303"
},
{
"label": "嘉兴市",
"value": "3304"
},
{
"label": "湖州市",
"value": "3305"
},
{
"label": "绍兴市",
"value": "3306"
},
{
"label": "金华市",
"value": "3307"
},
{
"label": "衢州市",
"value": "3308"
},
{
"label": "舟山市",
"value": "3309"
},
{
"label": "台州市",
"value": "3310"
},
{
"label": "丽水市",
"value": "3311"
}
],
[{
"label": "合肥市",
"value": "3401"
},
{
"label": "芜湖市",
"value": "3402"
},
{
"label": "蚌埠市",
"value": "3403"
},
{
"label": "淮南市",
"value": "3404"
},
{
"label": "马鞍山市",
"value": "3405"
},
{
"label": "淮北市",
"value": "3406"
},
{
"label": "铜陵市",
"value": "3407"
},
{
"label": "安庆市",
"value": "3408"
},
{
"label": "黄山市",
"value": "3410"
},
{
"label": "滁州市",
"value": "3411"
},
{
"label": "阜阳市",
"value": "3412"
},
{
"label": "宿州市",
"value": "3413"
},
{
"label": "六安市",
"value": "3415"
},
{
"label": "亳州市",
"value": "3416"
},
{
"label": "池州市",
"value": "3417"
},
{
"label": "宣城市",
"value": "3418"
}
],
[{
"label": "福州市",
"value": "3501"
},
{
"label": "厦门市",
"value": "3502"
},
{
"label": "莆田市",
"value": "3503"
},
{
"label": "三明市",
"value": "3504"
},
{
"label": "泉州市",
"value": "3505"
},
{
"label": "漳州市",
"value": "3506"
},
{
"label": "南平市",
"value": "3507"
},
{
"label": "龙岩市",
"value": "3508"
},
{
"label": "宁德市",
"value": "3509"
}
],
[{
"label": "南昌市",
"value": "3601"
},
{
"label": "景德镇市",
"value": "3602"
},
{
"label": "萍乡市",
"value": "3603"
},
{
"label": "九江市",
"value": "3604"
},
{
"label": "新余市",
"value": "3605"
},
{
"label": "鹰潭市",
"value": "3606"
},
{
"label": "赣州市",
"value": "3607"
},
{
"label": "吉安市",
"value": "3608"
},
{
"label": "宜春市",
"value": "3609"
},
{
"label": "抚州市",
"value": "3610"
},
{
"label": "上饶市",
"value": "3611"
}
],
[{
"label": "济南市",
"value": "3701"
},
{
"label": "青岛市",
"value": "3702"
},
{
"label": "淄博市",
"value": "3703"
},
{
"label": "枣庄市",
"value": "3704"
},
{
"label": "东营市",
"value": "3705"
},
{
"label": "烟台市",
"value": "3706"
},
{
"label": "潍坊市",
"value": "3707"
},
{
"label": "济宁市",
"value": "3708"
},
{
"label": "泰安市",
"value": "3709"
},
{
"label": "威海市",
"value": "3710"
},
{
"label": "日照市",
"value": "3711"
},
{
"label": "莱芜市",
"value": "3712"
},
{
"label": "临沂市",
"value": "3713"
},
{
"label": "德州市",
"value": "3714"
},
{
"label": "聊城市",
"value": "3715"
},
{
"label": "滨州市",
"value": "3716"
},
{
"label": "菏泽市",
"value": "3717"
}
],
[{
"label": "郑州市",
"value": "4101"
},
{
"label": "开封市",
"value": "4102"
},
{
"label": "洛阳市",
"value": "4103"
},
{
"label": "平顶山市",
"value": "4104"
},
{
"label": "安阳市",
"value": "4105"
},
{
"label": "鹤壁市",
"value": "4106"
},
{
"label": "新乡市",
"value": "4107"
},
{
"label": "焦作市",
"value": "4108"
},
{
"label": "濮阳市",
"value": "4109"
},
{
"label": "许昌市",
"value": "4110"
},
{
"label": "漯河市",
"value": "4111"
},
{
"label": "三门峡市",
"value": "4112"
},
{
"label": "南阳市",
"value": "4113"
},
{
"label": "商丘市",
"value": "4114"
},
{
"label": "信阳市",
"value": "4115"
},
{
"label": "周口市",
"value": "4116"
},
{
"label": "驻马店市",
"value": "4117"
},
{
"label": "省直辖县级行政区划",
"value": "4190"
}
],
[{
"label": "武汉市",
"value": "4201"
},
{
"label": "黄石市",
"value": "4202"
},
{
"label": "十堰市",
"value": "4203"
},
{
"label": "宜昌市",
"value": "4205"
},
{
"label": "襄阳市",
"value": "4206"
},
{
"label": "鄂州市",
"value": "4207"
},
{
"label": "荆门市",
"value": "4208"
},
{
"label": "孝感市",
"value": "4209"
},
{
"label": "荆州市",
"value": "4210"
},
{
"label": "黄冈市",
"value": "4211"
},
{
"label": "咸宁市",
"value": "4212"
},
{
"label": "随州市",
"value": "4213"
},
{
"label": "恩施土家族苗族自治州",
"value": "4228"
},
{
"label": "省直辖县级行政区划",
"value": "4290"
}
],
[{
"label": "长沙市",
"value": "4301"
},
{
"label": "株洲市",
"value": "4302"
},
{
"label": "湘潭市",
"value": "4303"
},
{
"label": "衡阳市",
"value": "4304"
},
{
"label": "邵阳市",
"value": "4305"
},
{
"label": "岳阳市",
"value": "4306"
},
{
"label": "常德市",
"value": "4307"
},
{
"label": "张家界市",
"value": "4308"
},
{
"label": "益阳市",
"value": "4309"
},
{
"label": "郴州市",
"value": "4310"
},
{
"label": "永州市",
"value": "4311"
},
{
"label": "怀化市",
"value": "4312"
},
{
"label": "娄底市",
"value": "4313"
},
{
"label": "湘西土家族苗族自治州",
"value": "4331"
}
],
[{
"label": "广州市",
"value": "4401"
},
{
"label": "韶关市",
"value": "4402"
},
{
"label": "深圳市",
"value": "4403"
},
{
"label": "珠海市",
"value": "4404"
},
{
"label": "汕头市",
"value": "4405"
},
{
"label": "佛山市",
"value": "4406"
},
{
"label": "江门市",
"value": "4407"
},
{
"label": "湛江市",
"value": "4408"
},
{
"label": "茂名市",
"value": "4409"
},
{
"label": "肇庆市",
"value": "4412"
},
{
"label": "惠州市",
"value": "4413"
},
{
"label": "梅州市",
"value": "4414"
},
{
"label": "汕尾市",
"value": "4415"
},
{
"label": "河源市",
"value": "4416"
},
{
"label": "阳江市",
"value": "4417"
},
{
"label": "清远市",
"value": "4418"
},
{
"label": "东莞市",
"value": "4419"
},
{
"label": "中山市",
"value": "4420"
},
{
"label": "潮州市",
"value": "4451"
},
{
"label": "揭阳市",
"value": "4452"
},
{
"label": "云浮市",
"value": "4453"
}
],
[{
"label": "南宁市",
"value": "4501"
},
{
"label": "柳州市",
"value": "4502"
},
{
"label": "桂林市",
"value": "4503"
},
{
"label": "梧州市",
"value": "4504"
},
{
"label": "北海市",
"value": "4505"
},
{
"label": "防城港市",
"value": "4506"
},
{
"label": "钦州市",
"value": "4507"
},
{
"label": "贵港市",
"value": "4508"
},
{
"label": "玉林市",
"value": "4509"
},
{
"label": "百色市",
"value": "4510"
},
{
"label": "贺州市",
"value": "4511"
},
{
"label": "河池市",
"value": "4512"
},
{
"label": "来宾市",
"value": "4513"
},
{
"label": "崇左市",
"value": "4514"
}
],
[{
"label": "海口市",
"value": "4601"
},
{
"label": "三亚市",
"value": "4602"
},
{
"label": "三沙市",
"value": "4603"
},
{
"label": "儋州市",
"value": "4604"
},
{
"label": "省直辖县级行政区划",
"value": "4690"
}
],
[{
"label": "市辖区",
"value": "5001"
},
{
"label": "县",
"value": "5002"
}
],
[{
"label": "成都市",
"value": "5101"
},
{
"label": "自贡市",
"value": "5103"
},
{
"label": "攀枝花市",
"value": "5104"
},
{
"label": "泸州市",
"value": "5105"
},
{
"label": "德阳市",
"value": "5106"
},
{
"label": "绵阳市",
"value": "5107"
},
{
"label": "广元市",
"value": "5108"
},
{
"label": "遂宁市",
"value": "5109"
},
{
"label": "内江市",
"value": "5110"
},
{
"label": "乐山市",
"value": "5111"
},
{
"label": "南充市",
"value": "5113"
},
{
"label": "眉山市",
"value": "5114"
},
{
"label": "宜宾市",
"value": "5115"
},
{
"label": "广安市",
"value": "5116"
},
{
"label": "达州市",
"value": "5117"
},
{
"label": "雅安市",
"value": "5118"
},
{
"label": "巴中市",
"value": "5119"
},
{
"label": "资阳市",
"value": "5120"
},
{
"label": "阿坝藏族羌族自治州",
"value": "5132"
},
{
"label": "甘孜藏族自治州",
"value": "5133"
},
{
"label": "凉山彝族自治州",
"value": "5134"
}
],
[{
"label": "贵阳市",
"value": "5201"
},
{
"label": "六盘水市",
"value": "5202"
},
{
"label": "遵义市",
"value": "5203"
},
{
"label": "安顺市",
"value": "5204"
},
{
"label": "毕节市",
"value": "5205"
},
{
"label": "铜仁市",
"value": "5206"
},
{
"label": "黔西南布依族苗族自治州",
"value": "5223"
},
{
"label": "黔东南苗族侗族自治州",
"value": "5226"
},
{
"label": "黔南布依族苗族自治州",
"value": "5227"
}
],
[{
"label": "昆明市",
"value": "5301"
},
{
"label": "曲靖市",
"value": "5303"
},
{
"label": "玉溪市",
"value": "5304"
},
{
"label": "保山市",
"value": "5305"
},
{
"label": "昭通市",
"value": "5306"
},
{
"label": "丽江市",
"value": "5307"
},
{
"label": "普洱市",
"value": "5308"
},
{
"label": "临沧市",
"value": "5309"
},
{
"label": "楚雄彝族自治州",
"value": "5323"
},
{
"label": "红河哈尼族彝族自治州",
"value": "5325"
},
{
"label": "文山壮族苗族自治州",
"value": "5326"
},
{
"label": "西双版纳傣族自治州",
"value": "5328"
},
{
"label": "大理白族自治州",
"value": "5329"
},
{
"label": "德宏傣族景颇族自治州",
"value": "5331"
},
{
"label": "怒江傈僳族自治州",
"value": "5333"
},
{
"label": "迪庆藏族自治州",
"value": "5334"
}
],
[{
"label": "拉萨市",
"value": "5401"
},
{
"label": "日喀则市",
"value": "5402"
},
{
"label": "昌都市",
"value": "5403"
},
{
"label": "林芝市",
"value": "5404"
},
{
"label": "山南市",
"value": "5405"
},
{
"label": "那曲地区",
"value": "5424"
},
{
"label": "阿里地区",
"value": "5425"
}
],
[{
"label": "西安市",
"value": "6101"
},
{
"label": "铜川市",
"value": "6102"
},
{
"label": "宝鸡市",
"value": "6103"
},
{
"label": "咸阳市",
"value": "6104"
},
{
"label": "渭南市",
"value": "6105"
},
{
"label": "延安市",
"value": "6106"
},
{
"label": "汉中市",
"value": "6107"
},
{
"label": "榆林市",
"value": "6108"
},
{
"label": "安康市",
"value": "6109"
},
{
"label": "商洛市",
"value": "6110"
}
],
[{
"label": "兰州市",
"value": "6201"
},
{
"label": "嘉峪关市",
"value": "6202"
},
{
"label": "金昌市",
"value": "6203"
},
{
"label": "白银市",
"value": "6204"
},
{
"label": "天水市",
"value": "6205"
},
{
"label": "武威市",
"value": "6206"
},
{
"label": "张掖市",
"value": "6207"
},
{
"label": "平凉市",
"value": "6208"
},
{
"label": "酒泉市",
"value": "6209"
},
{
"label": "庆阳市",
"value": "6210"
},
{
"label": "定西市",
"value": "6211"
},
{
"label": "陇南市",
"value": "6212"
},
{
"label": "临夏回族自治州",
"value": "6229"
},
{
"label": "甘南藏族自治州",
"value": "6230"
}
],
[{
"label": "西宁市",
"value": "6301"
},
{
"label": "海东市",
"value": "6302"
},
{
"label": "海北藏族自治州",
"value": "6322"
},
{
"label": "黄南藏族自治州",
"value": "6323"
},
{
"label": "海南藏族自治州",
"value": "6325"
},
{
"label": "果洛藏族自治州",
"value": "6326"
},
{
"label": "玉树藏族自治州",
"value": "6327"
},
{
"label": "海西蒙古族藏族自治州",
"value": "6328"
}
],
[{
"label": "银川市",
"value": "6401"
},
{
"label": "石嘴山市",
"value": "6402"
},
{
"label": "吴忠市",
"value": "6403"
},
{
"label": "固原市",
"value": "6404"
},
{
"label": "中卫市",
"value": "6405"
}
],
[{
"label": "乌鲁木齐市",
"value": "6501"
},
{
"label": "克拉玛依市",
"value": "6502"
},
{
"label": "吐鲁番市",
"value": "6504"
},
{
"label": "哈密市",
"value": "6505"
},
{
"label": "昌吉回族自治州",
"value": "6523"
},
{
"label": "博尔塔拉蒙古自治州",
"value": "6527"
},
{
"label": "巴音郭楞蒙古自治州",
"value": "6528"
},
{
"label": "阿克苏地区",
"value": "6529"
},
{
"label": "克孜勒苏柯尔克孜自治州",
"value": "6530"
},
{
"label": "喀什地区",
"value": "6531"
},
{
"label": "和田地区",
"value": "6532"
},
{
"label": "伊犁哈萨克自治州",
"value": "6540"
},
{
"label": "塔城地区",
"value": "6542"
},
{
"label": "阿勒泰地区",
"value": "6543"
},
{
"label": "自治区直辖县级行政区划",
"value": "6590"
}
],
[{
"label": "台北",
"value": "6601"
},
{
"label": "高雄",
"value": "6602"
},
{
"label": "基隆",
"value": "6603"
},
{
"label": "台中",
"value": "6604"
},
{
"label": "台南",
"value": "6605"
},
{
"label": "新竹",
"value": "6606"
},
{
"label": "嘉义",
"value": "6607"
},
{
"label": "宜兰",
"value": "6608"
},
{
"label": "桃园",
"value": "6609"
},
{
"label": "苗栗",
"value": "6610"
},
{
"label": "彰化",
"value": "6611"
},
{
"label": "南投",
"value": "6612"
},
{
"label": "云林",
"value": "6613"
},
{
"label": "屏东",
"value": "6614"
},
{
"label": "台东",
"value": "6615"
},
{
"label": "花莲",
"value": "6616"
},
{
"label": "澎湖",
"value": "6617"
}
],
[{
"label": "香港岛",
"value": "6701"
},
{
"label": "九龙",
"value": "6702"
},
{
"label": "新界",
"value": "6703"
}
],
[{
"label": "澳门半岛",
"value": "6801"
},
{
"label": "氹仔岛",
"value": "6802"
},
{
"label": "路环岛",
"value": "6803"
},
{
"label": "路氹城",
"value": "6804"
}
]
]
export default cityData;
cloudTrain/components/w-picker/city-data/province.js 0 → 100644
/* eslint-disable */
var provinceData = [{
"label": "北京市",
"value": "11"
},
{
"label": "天津市",
"value": "12"
},
{
"label": "河北省",
"value": "13"
},
{
"label": "山西省",
"value": "14"
},
{
"label": "内蒙古自治区",
"value": "15"
},
{
"label": "辽宁省",
"value": "21"
},
{
"label": "吉林省",
"value": "22"
},
{
"label": "黑龙江省",
"value": "23"
},
{
"label": "上海市",
"value": "31"
},
{
"label": "江苏省",
"value": "32"
},
{
"label": "浙江省",
"value": "33"
},
{
"label": "安徽省",
"value": "34"
},
{
"label": "福建省",
"value": "35"
},
{
"label": "江西省",
"value": "36"
},
{
"label": "山东省",
"value": "37"
},
{
"label": "河南省",
"value": "41"
},
{
"label": "湖北省",
"value": "42"
},
{
"label": "湖南省",
"value": "43"
},
{
"label": "广东省",
"value": "44"
},
{
"label": "广西壮族自治区",
"value": "45"
},
{
"label": "海南省",
"value": "46"
},
{
"label": "重庆市",
"value": "50"
},
{
"label": "四川省",
"value": "51"
},
{
"label": "贵州省",
"value": "52"
},
{
"label": "云南省",
"value": "53"
},
{
"label": "西藏自治区",
"value": "54"
},
{
"label": "陕西省",
"value": "61"
},
{
"label": "甘肃省",
"value": "62"
},
{
"label": "青海省",
"value": "63"
},
{
"label": "宁夏回族自治区",
"value": "64"
},
{
"label": "新疆维吾尔自治区",
"value": "65"
},
{
"label": "台湾",
"value": "66"
},
{
"label": "香港",
"value": "67"
},
{
"label": "澳门",
"value": "68"
}
]
export default provinceData;
cloudTrain/components/w-picker/w-picker.js 0 → 100644
const forMatNum=(num)=>{
return num<10?'0'+num:num+'';
}
const initPicker={
//日期
date:{
init(start,end,mode="date",step,value,flag,disabled){
let aToday=new Date();
let tYear,tMonth,tDay,tHours,tMinutes,tSeconds,defaultVal=[];
let initstartDate=new Date(start.toString());
let endDate=new Date(end.toString());
if(start>end){
initstartDate=new Date(end.toString());
endDate=new Date(start.toString());
};
let startYear=initstartDate.getFullYear();
let startMonth=initstartDate.getMonth()+1;
let endYear=endDate.getFullYear();
let years=[],months=[],days=[],hours=[],minutes=[],seconds=[],areas=[],returnArr=[],dvalDate=[];
switch(mode){
case "half":
dvalDate=flag?[...value.split(" ")[0].split("-"),...value.split(" ")[1].split(":")]:[...value.split(" ")[0].split("-"),value.split(" ")[1]];
break;
case "date":
case "yearMonth":
dvalDate=value.split("-");
break;
case "dateTime":
dvalDate=[...value.split(" ")[0].split("-"),...value.split(" ")[1].split(":")];
break;
case "time":
dvalDate=value.split(":");
break;
}
let curMonth=flag?dvalDate[1]*1:(dvalDate[1]+1);
let dYear=aToday.getFullYear();
let dMonth=aToday.getMonth()+1;
let dDate=aToday.getDate();
let totalDays=new Date(startYear,curMonth,0).getDate();
let dvalObj={};
switch(mode){
case "half":
case "date":
case "yearMonth":
let curYear=dvalDate[0];
let curMonth=dvalDate[1];
if(disabled){
for(let s=startYear;s<=dYear;s++){
years.push(s+'');
};
if(curYear==dYear){
for(let m=1;m<=dMonth;m++){
months.push(forMatNum(m));
};
}else{
for(let m=1;m<=12;m++){
months.push(forMatNum(m));
};
}
if(curMonth==dMonth){
for(let d=1;d<=dDate;d++){
days.push(forMatNum(d));
}
}else{
for(let d=1;d<=totalDays;d++){
days.push(forMatNum(d));
}
}
}else{
for(let s=startYear;s<=endYear;s++){
years.push(s+'');
};
for(let m=1;m<=12;m++){
months.push(forMatNum(m));
};
for(let d=1;d<=totalDays;d++){
days.push(forMatNum(d));
}
};
break;
default:
for(let s=startYear;s<=endYear;s++){
years.push(s+'');
};
for(let m=1;m<=12;m++){
months.push(forMatNum(m));
};
for(let d=1;d<=totalDays;d++){
days.push(forMatNum(d));
}
break;
}
for(let h=0;h<24;h++){
hours.push(forMatNum(h));
}
for(let m=0;m<60;m+=step*1){
minutes.push(forMatNum(m));
}
for(let s=0;s<60;s++){
seconds.push(forMatNum(s));
}
if(flag){
returnArr=[
years.indexOf(dvalDate[0]),
months.indexOf(dvalDate[1]),
days.indexOf(dvalDate[2]),
hours.indexOf(dvalDate[3]),
minutes.indexOf(dvalDate[4])==-1?0:minutes.indexOf(dvalDate[4]),
seconds.indexOf(dvalDate[5])
]
}
switch(mode){
case "date":
if(flag){
defaultVal=[returnArr[0],returnArr[1],returnArr[2]];
return {years,months,days,defaultVal}
}else{
defaultVal=[
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2])
];
return {years,months,days,defaultVal}
}
break;
case "half":
areas=[{
label:"上午",
value:0
},{
label:"下午",
value:1
}];
if(flag){
defaultVal=[returnArr[0],returnArr[1],returnArr[2],returnArr[3]];
return {years,months,days,areas,defaultVal}
}else{
let idx=0;
areas.map((v,k)=>{
if(v.label==dvalDate[3]){
idx=v.value;
}
})
defaultVal=[
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2]),
idx
];
return {years,months,days,areas,defaultVal}
}
break;
case "yearMonth":
if(flag){
defaultVal=[returnArr[0],returnArr[1]];
return {years,months,defaultVal}
}else{
defaultVal=[
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1])
];
return {years,months,defaultVal}
}
break;
case "dateTime":
if(flag){
defaultVal=returnArr;
}else{
defaultVal=[
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2]),
hours.indexOf(dvalDate[3])==-1?0:hours.indexOf(dvalDate[3]),
minutes.indexOf(dvalDate[4])==-1?0:minutes.indexOf(dvalDate[4]),
seconds.indexOf(dvalDate[5])==-1?0:seconds.indexOf(dvalDate[5])
];
}
return {years,months,days,hours,minutes,seconds,defaultVal}
break;
case "time":
if(flag){
defaultVal=[returnArr[3],returnArr[4],returnArr[5]];
}else{
defaultVal=[
hours.indexOf(dvalDate[0])==-1?0:hours.indexOf(dvalDate[0]),
minutes.indexOf(dvalDate[1])==-1?0:minutes.indexOf(dvalDate[1]),
seconds.indexOf(dvalDate[2])==-1?0:seconds.indexOf(dvalDate[2])
];
}
return {hours,minutes,seconds,defaultVal}
break;
}
},
initMonths:(year,disabled)=>{
let aDate=new Date();
let dYear=aDate.getFullYear();
let dMonth=aDate.getMonth()+1;
let dDate=aDate.getDate();
let flag=dYear==year?true:false;
let months=[];
if(disabled){
if(flag){
for(let m=1;m<=dMonth;m++){
months.push(forMatNum(m));
};
}else{
for(let m=1;m<=12;m++){
months.push(forMatNum(m));
};
}
}else{
for(let m=1;m<=12;m++){
months.push(forMatNum(m));
};
};
return months;
},
initDays:(year,month,disabled)=>{
let aDate=new Date();
let dYear=aDate.getFullYear();
let dMonth=aDate.getMonth()+1;
let dDate=aDate.getDate();
let flag=(dYear==year&&dMonth==month)?true:false;
let totalDays=new Date(year,month,0).getDate();
let dates=[];
if(flag&&disabled){
for(let d=1;d<=dDate;d++){
dates.push(forMatNum(d));
};
}else{
for(let d=1;d<=totalDays;d++){
dates.push(forMatNum(d));
};
};
return dates;
},
},
//短期日期上下午
limitHour:{
init(dayStep=7,dVal){
let startDate=new Date();
let date=[],areas=[],hours=[];
let hour=new Date().getHours();
let weeks=["周日","周一","周二","周三","周四","周五","周六"];
let arrs=[];
let defaultVal=[];
let d=0,a=0,h=0;
for(let i=0;i<dayStep;i++){
let year,month,day,weekday;
year=startDate.getFullYear();
month=forMatNum(startDate.getMonth()+1);
day=forMatNum(startDate.getDate());
weekday=weeks[startDate.getDay()];
let label="";
switch(i){
case 0:
label="今天";
break;
case 1:
label="明天"
break;
case 2:
label="后天"
break;
default:
label=month+"月"+day+"日"+" "+weekday;
break;
}
date.push({
label:label,
value:year+"-"+month+"-"+day,
today:i==0?true:false
})
startDate.setDate(startDate.getDate()+1);
}
if(hour>12){
areas=[{
label:"下午",
value:1
}]
}else{
areas=[{
label:"上午",
value:0
},{
label:"下午",
value:1
}]
};
for(let k=hour>12?hour-12:hour;k<=12;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(hour>12?k+12:k)
})
};
date.map((v,k)=>{
if(v.label==dVal[0]){
d=k
}
})
if(d!=0){
areas=this.initAreas(date[d]);
hours=this.initHours(date[d],areas[a]);
}
areas.map((v,k)=>{
if(v.label==dVal[1]){
a=k
}
})
hours.map((v,k)=>{
if(v.label==dVal[2]){
h=k
}
});
defaultVal=[d,a,h]
return {date,areas,hours,defaultVal};
},
initAreas(date){
let areas=[];
let hour=new Date().getHours();
if(date.today){
if(hour>12){
areas=[{
label:"下午",
value:1
}]
}else{
areas=[{
label:"上午",
value:0
},{
label:"下午",
value:1
}]
};
}else{
areas=[{
label:"上午",
value:0
},{
label:"下午",
value:1
}]
}
return areas;
},
initHours(dateCol,hourCol){
let hours=[];
let hour=new Date().getHours();
if(dateCol.today){
if(hourCol.value==1&&hour<=12){
for(let k=1;k<=12;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(hourCol.value==1?k+12:k)
})
};
}else{
for(let k=hour>12?hour-12:hour;k<=12;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(hourCol.value==1?k+12:k)
})
};
}
}else{
for(let k=1;k<=12;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(hourCol.value==1?k+12:k)
})
};
};
return hours
}
},
//短期日期时间初始化
limit:{
init(dayStep=7,startHour=8,endHour=20,minuteStep=1,afterStep=30,dVal){
let startDate=new Date();
let bsDate=new Date(new Date().getTime()+afterStep*60*1000);
let date=[],hours=[],minutes=[];
let hour=bsDate.getHours();
let minute=Math.floor(bsDate.getMinutes()/minuteStep)*minuteStep;
let weeks=["周日","周一","周二","周三","周四","周五","周六"];
let d=0,h=0,m=0;
let defaultVal=[];
for(let i=0;i<dayStep;i++){
let year,month,day,weekday;
year=startDate.getFullYear();
month=forMatNum(startDate.getMonth()+1);
day=forMatNum(startDate.getDate());
weekday=weeks[startDate.getDay()];
let label="";
switch(i){
case 0:
label="今天";
break;
case 1:
label="明天"
break;
case 2:
label="后天"
break;
default:
label=month+"月"+day+"日"+" "+weekday;
break;
}
date.push({
label:label,
value:year+"-"+month+"-"+day,
flag:i==0?true:false
})
startDate.setDate(startDate.getDate()+1);
}
if(hour<startHour){
hour=startHour;
};
if(hour>endHour){
hour=endHour;
};
for(let k=hour*1;k<=endHour*1;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(k),
flag:k==hour?true:false
})
};
for(let j=minute;j<60;j+=minuteStep*1){
minutes.push({
label:forMatNum(j),
value:forMatNum(j)
});
}
date.map((v,k)=>{
if(v.label==dVal[0]){
d=k
}
})
if(d!=0){
hours=this.initHours(startHour=8,endHour=20,minuteStep=1,afterStep=30,date[d].value);
}
hours.map((v,k)=>{
if(v.label==dVal[1]){
h=k
}
})
minutes.map((v,k)=>{
if(v.label==dVal[2]){
m=k
}
})
defaultVal=[d,h,m];
return {date,hours,minutes,defaultVal};
},
initHours(startHour=8,endHour=20,minuteStep=1,afterStep=30,date){
let hours=[];
let arr=date.split("-");
let aDate=new Date();
let dYear=aDate.getFullYear();
let dMonth=aDate.getMonth()+1;
let dDate=aDate.getDate();
let bsDate=new Date(new Date().getTime()+afterStep*60*1000);
let hour=bsDate.getHours();
let flag=(dYear==arr[0]&&dMonth==arr[1]&&dDate==arr[2])?true:false;
if(hour>endHour){
hour=endHour;
};
if(flag){
for(let k=hour*1;k<=endHour*1;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(k),
flag:k==hour?true:false
})
};
}else{
for(let k=startHour*1;k<=endHour*1;k++){
hours.push({
label:forMatNum(k),
value:forMatNum(k),
flag:false
})
}
};
return hours;
},
initMinutes(startHour=8,endHour=20,minuteStep=1,afterStep=30,date,hour){
let minutes=[];
let bsDate=new Date(new Date().getTime()+afterStep*60*1000);
let arr=date.split("-");
let aDate=new Date();
let dYear=aDate.getFullYear();
let dMonth=aDate.getMonth()+1;
let dDate=aDate.getDate();
let dHour=bsDate.getHours();;
let minute=Math.floor(bsDate.getMinutes()/minuteStep)*minuteStep;
let flag=(dYear==arr[0]&&dMonth==arr[1]&&dDate==arr[2])?true:false;
if(flag){
if(hour==dHour){
for(let j=minute;j<60;j+=minuteStep*1){
minutes.push({
label:forMatNum(j),
value:forMatNum(j)
});
}
}else{
for(let j=0;j<60;j+=minuteStep*1){
minutes.push({
label:forMatNum(j),
value:forMatNum(j)
})
}
}
}else{
for(let j=0;j<60;j+=minuteStep*1){
minutes.push({
label:forMatNum(j),
value:forMatNum(j)
})
}
}
return minutes;
}
},
//选择区间初始化
range:{
init(start,end,value,flag){
let aToday=new Date();
let tYear,tMonth,tDay,tHours,tMinutes,tSeconds,defaultVal=[];
let initstartDate=new Date(start.toString());
let endDate=new Date(end.toString());
if(start>end){
initstartDate=new Date(end.toString());
endDate=new Date(start.toString());
};
let startYear=initstartDate.getFullYear();
let startMonth=initstartDate.getMonth()+1;
let endYear=endDate.getFullYear();
let fyears=[],fmonths=[],fdays=[],tyears=[],tmonths=[],tdays=[],returnArr=[],startDVal=[],endDVal=[];
startDVal=value[0].split("-");
endDVal=value[1].split("-");
let curMonth=flag?startDVal[1]*1:(startDVal[1]+1);
let totalDays=new Date(startYear,curMonth,0).getDate();
for(let s=startYear;s<=endYear;s++){
fyears.push(s+'');
};
for(let m=1;m<=12;m++){
fmonths.push(forMatNum(m));
};
for(let d=1;d<=totalDays;d++){
fdays.push(forMatNum(d));
};
for(let s=startDVal[0];s<=endYear;s++){
tyears.push(s+'');
};
for(let m=startDVal[1];m<=12;m++){
tmonths.push(forMatNum(m));
};
for(let d=startDVal[2];d<=totalDays;d++){
tdays.push(forMatNum(d));
};
defaultVal=[
fyears.indexOf(startDVal[0])==-1?0:fyears.indexOf(startDVal[0]),
fmonths.indexOf(startDVal[1])==-1?0:fmonths.indexOf(startDVal[1]),
fdays.indexOf(startDVal[2])==-1?0:fdays.indexOf(startDVal[2]),
0,
tyears.indexOf(endDVal[0])==-1?0:tyears.indexOf(endDVal[0]),
tmonths.indexOf(endDVal[1])==-1?0:tmonths.indexOf(endDVal[1]),
tdays.indexOf(endDVal[2])==-1?0:tdays.indexOf(endDVal[2])
];
return {
fyears,
fmonths,
fdays,
tyears,
tmonths,
tdays,
defaultVal
}
},
initStartDays(year,month){
let totalDays=new Date(year,month,0).getDate();
let dates=[];
for(let d=1;d<=totalDays;d++){
dates.push(forMatNum(d));
};
return dates;
},
initEndYears(curYear,startYear,endYear){
let years=[];
for(let y=curYear;y<=endYear;y++){
years.push(forMatNum(y));
};
return years;
},
initEndMonths(curMonth){
let months=[];
for(let m=curMonth*1;m<=12;m++){
months.push(forMatNum(m));
};
return months;
},
initEndDays(curYear,curMonth,curDate,tYear,tMonth){
let totalDays=new Date(curYear,curMonth,0).getDate();
let days=[];
for(let d=curDate*1;d<=totalDays;d++){
days.push(forMatNum(d));
};
return days;
},
initToMonths(curYear,curMonth,curDate,tYear){
let aDate=new Date(curYear,curMonth,curDate).getTime();
let bDate=new Date(tYear,curMonth,curDate).getTime();
let months=[];
if(bDate-aDate>0){
console.log(1)
for(let m=1;m<=12;m++){
months.push(forMatNum(m));
};
}else{
for(let m=curMonth*1;m<=12;m++){
months.push(forMatNum(m));
};
}
return months;
},
initToDays(curYear,curMonth,curDate,tYear,tMonth){
let aDate=new Date(curYear,curMonth,curDate).getTime();
let bDate=new Date(tYear,tMonth,curDate).getTime();
let totalDays=new Date(tYear,tMonth,0).getDate();
let days=[];
if(bDate-aDate>0){
for(let d=1;d<=totalDays;d++){
days.push(forMatNum(d));
};
}else{
for(let d=curDate*1;d<=totalDays;d++){
days.push(forMatNum(d));
};
}
return days;
}
}
}
export default initPicker
\ No newline at end of file
cloudTrain/components/w-picker/w-picker.vue 0 → 100644
<template>
<view class="w-picker">
<view class="mask" :class="{'show':showPicker}" @tap="maskTap" @touchmove.stop.prevent catchtouchmove="true"></view>
<view class="w-picker-cnt" :class="{'show':showPicker}">
<view class="w-picker-hd" @touchmove.stop.prevent catchtouchmove="true">
<view class="w-picker-btn" @tap="pickerCancel">取消</view>
<view class="w-picker-btn" :style="{'color':themeColor}" @tap="pickerConfirm">确定</view>
</view>
<view class="w-picker-view" v-if="mode=='linkage'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column v-for="(col,colIndex) in data" :key="colIndex">
<view class="w-picker-item" v-for="(item,index) in col" :key="index">{{item.label}}</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='half'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.months" :key="index">{{item}}月</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.days" :key="index">{{item}}日</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.areas" :key="index">{{item.label}}</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='date'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.months" :key="index">{{item}}月</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.days" :key="index">{{item}}日</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='yearMonth'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.months" :key="index">{{item}}月</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='dateTime'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.months" :key="index">{{item}}月</view>
</picker-view-column>
<picker-view-column >
<view class="w-picker-item" v-for="(item,index) in data.days" :key="index">{{item}}日</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.hours" :key="index">{{item}}时</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.minutes" :key="index">{{item}}分</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.seconds" :key="index">{{item}}秒</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='range'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.fyears" :key="index">{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.fmonths" :key="index">{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.fdays" :key="index">{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item">-</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.tyears" :key="index">{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.tmonths" :key="index">{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.tdays" :key="index">{{item}}</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='time'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.hours" :key="index">{{item}}时</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.minutes" :key="index">{{item}}分</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.seconds" :key="index">{{item}}秒</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='region'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.provinces" :key="index">{{item.label}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.citys" :key="index">{{item.label}}</view>
</picker-view-column>
<picker-view-column v-if="!hideArea">
<view class="w-picker-item" v-for="(item,index) in data.areas" :key="index">{{item.label}}</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='selector'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data" :key="index">{{item.label}}</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='limit'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.date" :key="index">{{item.label}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.hours" :key="index">{{item.label}}时</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.minutes" :key="index">{{item.label}}分</view>
</picker-view-column>
</picker-view>
</view>
<view class="w-picker-view" v-if="mode=='limitHour'">
<picker-view :indicator-style="itemHeight" :value="pickVal" @change="bindChange" @touchstart="touchStart" @touchend="touchEnd">
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.date" :key="index">{{item.label}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.areas" :key="index">{{item.label}}</view>
</picker-view-column>
<picker-view-column>
<view class="w-picker-item" v-for="(item,index) in data.hours" :key="index">{{item.label}}时</view>
</picker-view-column>
</picker-view>
</view>
</view>
</view>
</template>
<script>
import provinces from './city-data/province.js';
import citys from './city-data/city.js';
import areas from './city-data/area.js';
import initPicker from "./w-picker.js";
function oneOf (value, validList) {
for (let i = 0; i < validList.length; i++) {
if (value === validList[i]) {
return true;
}
}
throw new Error('mode无效，请选择有效的mode!');
return false;
}
export default {
data() {
return {
result:[],
data:{},
checkArr:[],
checkValue:[],
pickVal:[],
showPicker:false,
resultStr:"",
itemHeight:`height: ${uni.upx2px(88)}px;`,
confirmFlag:true
};
},
computed:{
},
props:{
mode:{
type:String,
validator(mode){
let modeList=['half','date', 'dateTime', 'yearMonth','time','region','selector','limit','limitHour','range','linkage'];//过滤无效mode;
return oneOf(mode,modeList);
},
default(){
return "date"
}
},
themeColor:{
type:String,
default(){
return "#f5a200"
}
},
startYear:{
type:[String,Number],
default(){
return "1970"
}
},
endYear:{
type:[String,Number],
default(){
return new Date().getFullYear()+''
}
},
defaultVal:{
type:[Array,String],
default:""
},
areaCode:{
type:Array,
default(){
return null
}
},
hideArea:{//隐藏省市区三级联动 地区列
type:Boolean,
default:false
},
step:{
type:[String,Number],
default:1
},
current:{
type:Boolean,
default:false
},
selectList:{
type:Array,
default(){
return [];
}
},
//以下参数仅对mode==limit有效
dayStep:{
type:[String,Number],
default:7
},
startHour:{
type:[String,Number],
default:8
},
endHour:{
type:[String,Number],
default:20
},
minuteStep:{
type:[String,Number],
default:10
},
afterStep:{
type:[String,Number],
default:30
},
disabledAfter:{
type:Boolean,
default:false
},
linkList:{
type:Array,
default(){
return []
}
},
value:{
type:Array,
default(){
return null
}
},
level:{
type:[Number,String],
default:2
},
timeout:{
type:Boolean,
default:false
}
},
watch:{
mode(){
this.initData();
},
selectList(){
this.initData();
},
linkList(){
this.initData();
},
defaultVal(val){
this.initData();
console.log(val)
},
areaCode(){
this.initData();
},
value(){
this.initData();
}
},
methods:{
touchStart(){
if(this.timeout){
this.confirmFlag=false;
}
},
touchEnd(){
if(this.timeout){
setTimeout(()=>{
this.confirmFlag=true;
},500)
}
},
getLinkageVal(value,flag){
let dval=[];
let list=this.linkList;
let lev=this.level;
let arr=value;
let k=0;
let checkArr=[];
let checkValue=[];
let resultStr="";
let data=[];
switch(lev){
case 2:
dval=[0,0];
break;
case 3:
dval=[0,0,0];
break;
}
const getData=(obj,key,str)=>{
if(key<lev){
data.push(obj);
if(!arr){
let item=obj[0];
checkArr.push(item.label);
checkValue.push(item.value);
resultStr+=item.label;
if(item.children){
getData(item.children,key+=1);
}
}else{
obj.map((v,j)=>{
if(flag?v.value==arr[key]:v.label==arr[key]){
dval[key]=j;
checkArr.push(v.label);
checkValue.push(v.value);
resultStr+=v.label;
if(v.children){
getData(v.children,key+=1);
}
}
});
}
return {
data,
dval,
checkArr,
checkValue,
resultStr
};
}else{
return false;
}
};
return getData(list,k);
},
getRegionVal(value,useCode){
let province=value[0];
let city=value[1];
let a=0,b=0,c=0,dval=[];
let _this=this;
provinces.map((v,k)=>{
if(useCode?v.value==province:v.label==province){
a=k;
}
})
citys[a].map((v,k)=>{
if(useCode?v.value==city:v.label==city){
b=k;
}
})
if(!_this.hideArea){
let area=value[2];
areas[a][b].map((v,k)=>{
if(useCode?v.value==area:v.label==area){
c=k;
}
})
dval=[a,b,c];
}else{
dval=[a,b];
}
return dval;
},
useCurrent(){
let aToday=new Date();
let tYear=aToday.getFullYear().toString();
let tMonth=this.formatNum(aToday.getMonth()+1).toString();
let tDay=this.formatNum(aToday.getDate()).toString();
let tHours=this.formatNum(aToday.getHours()).toString();
let tMinutes=this.formatNum(aToday.getMinutes()).toString();
let tSeconds=this.formatNum(aToday.getSeconds()).toString();
if(this.current||!this.defaultVal){
switch(this.mode){
case "range":
return [tYear+"-"+tMonth+"-"+tDay,tYear+"-"+tMonth+"-"+tDay];
break;
case "date":
return tYear+"-"+tMonth+"-"+tDay;
break;
case "yearMonth":
return tYear+"-"+tMonth;
break;
case "time":
return tHours+":"+(Math.floor(tMinutes/this.step)*this.step).toString()+":"+tSeconds;
break;
default :
return tYear+"-"+tMonth+"-"+tDay+" "+tHours+":"+(Math.floor(tMinutes/this.step)*this.step).toString()+":"+tSeconds;
break;
}
}else{
return this.defaultVal;
}
},
formatNum(num){
return num<10?'0'+num:num+'';
},
maskTap(){
this.$emit("cancel",{
checkArr:this.checkArr,
defaultVal:this.pickVal
});
this.showPicker = false;
},
show(){
this.showPicker = true;
},
hide(){
this.showPicker = false;
},
pickerCancel(){
this.$emit("cancel",{
checkArr:this.checkArr,
defaultVal:this.pickVal
});
this.showPicker = false;
},
pickerConfirm(e){
if(!this.confirmFlag){
return;
}
switch(this.mode){
case "range":
let checkArr=this.checkArr;
let fDateTime=new Date(checkArr[0],checkArr[1],checkArr[2]);
let tDateTime=new Date(checkArr[3],checkArr[4],checkArr[5]);
let dVal=this.pickVal;
if(fDateTime>tDateTime){
this.checkArr=[checkArr[3],checkArr[4],checkArr[5],checkArr[0],checkArr[1],checkArr[2]];
this.pickVal=[dVal[4],dVal[5],dVal[6],0,dVal[0],dVal[1],dVal[2]];
this.$emit("confirm",{
checkArr:[...this.checkArr],
from:checkArr[3]+"-"+checkArr[4]+"-"+checkArr[5],
to:checkArr[0]+"-"+checkArr[1]+"-"+checkArr[2],
defaultVal:[...this.pickVal],
result:this.resultStr
});
}else{
this.$emit("confirm",{
checkArr:[...this.checkArr],
from:checkArr[0]+"-"+checkArr[1]+"-"+checkArr[2],
to:checkArr[3]+"-"+checkArr[4]+"-"+checkArr[5],
defaultVal:[...this.pickVal],
result:this.resultStr
});
}
break;
case "limit":
let aTime=new Date().getTime();
let bTime=new Date(this.resultStr.replace(/-/g,'/')).getTime();
if(aTime>bTime){
uni.showModal({
title:"提示",
content:"选择时间必须大于当前时间",
confirmColor:this.themeColor
});
return;
}
this.$emit("confirm",{
checkArr:[...this.checkArr],
defaultVal:[...this.pickVal],
result:this.resultStr
});
break;
case "region":
case "linkage":
this.$emit("confirm",{
checkArr:[...this.checkArr],
checkValue:[...this.checkValue],
defaultVal:[...this.pickVal],
result:this.resultStr
});
break;
case "selector":
this.$emit("confirm",{
checkArr:this.checkArr,
defaultVal:[...this.pickVal],
result:this.resultStr
});
break;
default:
this.$emit("confirm",{
checkArr:[this.checkArr],
defaultVal:[...this.pickVal],
result:this.resultStr
});
break;
}
this.showPicker = false;
},
bindChange(val){
let _this=this;
let arr=val.detail.value;
let year="",month="",day="",hour="",minute="",second="",note=[],province,city,area;
let checkArr=_this.checkArr;
let days=[],months=[],endYears=[],endMonths=[],endDays=[],startDays=[];
let mode=_this.mode;
let col1,col2,col3,d,a,h,m;
let xDate=new Date().getTime();
switch(mode){
case "limitHour":
col1=_this.data.date[arr[0]];
col2=_this.data.areas[arr[1]];
col3=_this.data.hours[arr[2]];
if(col1.value!=checkArr[0].value){
arr[1]=0;
arr[2]=0;
let areas=initPicker.limitHour.initAreas(col1);
_this.data.areas=areas;
let hours=initPicker.limitHour.initHours(col1,_this.data.areas[arr[1]]);
_this.data.hours=hours;
};
if(col2.value!=checkArr[1].value){
arr[2]=0;
let hours=initPicker.limitHour.initHours(col1,_this.data.areas[arr[1]]);
_this.data.hours=hours;
};
d=_this.data.date[arr[0]]||_this.data.date[_this.data.date.length-1];
a=_this.data.areas[arr[1]]||_this.data.areas[_this.data.areas.length-1];
h=_this.data.hours[arr[2]]||_this.data.hours[_this.data.hours.length-1];
_this.checkArr=[d,a,h];
_this.resultStr=`${d.value+' '+a.label+' '+h.label+"时"}`;
break;
case "limit":
col1=_this.data.date[arr[0]];
col2=_this.data.hours[arr[1]];
if(col1.value!=checkArr[0].value){
let hours=initPicker.limit.initHours(_this.startHour,_this.endHour,_this.minuteStep,_this.afterStep,col1.value);
let minutes=initPicker.limit.initMinutes(_this.startHour,_this.endHour,_this.minuteStep,_this.afterStep,col1.value,col2.value);
_this.data.hours=hours;
_this.data.minutes=minutes;
};
if(col2.value!=checkArr[1].value){
let minutes=initPicker.limit.initMinutes(_this.startHour,_this.endHour,_this.minuteStep,_this.afterStep,col1.value,col2.value);
_this.data.minutes=minutes;
};
d=_this.data.date[arr[0]]||_this.data.date[_this.data.date.length-1];
h=_this.data.hours[arr[1]]||_this.data.hours[_this.data.hours.length-1];
m=_this.data.minutes[arr[2]]||_this.data.minutes[_this.data.minutes.length-1];
_this.checkArr=[d,h,m];
_this.resultStr=`${d.value+' '+h.value+':'+m.value+":"+"00"}`;
break;
case "range":
let fyear=_this.data.fyears[arr[0]]||_this.data.fyears[_this.data.fyears.length-1];
let fmonth=_this.data.fmonths[arr[1]]||_this.data.fmonths[_this.data.fmonths.length-1];
let fday=_this.data.fdays[arr[2]]||_this.data.fdays[_this.data.fdays.length-1];
let tyear=_this.data.tyears[arr[4]]||_this.data.tyears[_this.data.tyears.length-1];
let tmonth=_this.data.tmonths[arr[5]]||_this.data.tmonths[_this.data.tmonths.length-1];
let tday=_this.data.tdays[arr[6]]||_this.data.tdays[_this.data.tdays.length-1];
if(fyear!=checkArr[0]){
arr[4]=0;
arr[5]=0;
arr[6]=0;
startDays=initPicker.range.initStartDays(fyear,fmonth);
endYears=initPicker.range.initEndYears(fyear,_this.startYear,_this.endYear);
endMonths=initPicker.range.initEndMonths(fmonth);
endDays=initPicker.range.initEndDays(fyear,fmonth,fday,tyear,tmonth);
_this.data.fdays=startDays;
_this.data.tyears=endYears;
_this.data.tmonths=endMonths;
_this.data.tdays=endDays;
tyear=_this.data.tyears[0];
checkArr[3]=_this.data.tyears[0];
tmonth=_this.data.tmonths[0];
checkArr[4]=_this.data.tmonths[0];
tday=_this.data.tdays[0];
checkArr[5]=_this.data.tdays[0];
};
if(fmonth!=checkArr[1]){
arr[4]=0;
arr[5]=0;
arr[6]=0;
startDays=initPicker.range.initStartDays(fyear,fmonth);
endYears=initPicker.range.initEndYears(fyear,_this.startYear,_this.endYear);
endMonths=initPicker.range.initEndMonths(fmonth);
endDays=initPicker.range.initEndDays(fyear,fmonth,fday,tyear,tmonth);
_this.data.fdays=startDays;
_this.data.tyears=endYears;
_this.data.tmonths=endMonths;
_this.data.tdays=endDays;
tyear=_this.data.tyears[0];
checkArr[3]=_this.data.tyears[0];
tmonth=_this.data.tmonths[0];
checkArr[4]=_this.data.tmonths[0];
tday=_this.data.tdays[0];
checkArr[5]=_this.data.tdays[0];
};
if(fday!=checkArr[2]){
arr[4]=0;
arr[5]=0;
arr[6]=0;
endYears=initPicker.range.initEndYears(fyear,_this.startYear,_this.endYear);
endMonths=initPicker.range.initEndMonths(fmonth);
endDays=initPicker.range.initEndDays(fyear,fmonth,fday,tyear,tmonth);
_this.data.tyears=endYears;
_this.data.tmonths=endMonths;
_this.data.tdays=endDays;
tyear=_this.data.tyears[0];
checkArr[3]=_this.data.tyears[0];
tmonth=_this.data.tmonths[0];
checkArr[4]=_this.data.tmonths[0];
tday=_this.data.tdays[0];
checkArr[5]=_this.data.tdays[0];
};
if(tyear!=checkArr[3]){
arr[5]=0;
arr[6]=0;
endMonths=initPicker.range.initToMonths(fyear,fmonth,fday,tyear);
endDays=initPicker.range.initEndDays(fyear,fmonth,fday,tyear,tmonth);
_this.data.tmonths=endMonths;
_this.data.tdays=endDays;
tmonth=_this.data.tmonths[0];
checkArr[4]=_this.data.tmonths[0];
tday=_this.data.tdays[0];
checkArr[5]=_this.data.tdays[0];
};
if(tmonth!=checkArr[4]){
arr[6]=0;
endDays=initPicker.range.initToDays(fyear,fmonth,fday,tyear,tmonth);
_this.data.tdays=endDays;
tday=_this.data.tdays[0];
checkArr[5]=_this.data.tdays[0];
};
_this.checkArr=[fyear,fmonth,fday,tyear,tmonth,tday];
_this.resultStr=`${fyear+'-'+fmonth+'-'+fday+'至'+tyear+'-'+tmonth+'-'+tday}`;
break;
case "half":
year=_this.data.years[arr[0]]||_this.data.years[_this.data.years.length-1];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
area=_this.data.areas[arr[3]]||_this.data.areas[_this.data.areas.length-1];
if(year!=checkArr[0]){
months=initPicker.date.initMonths(year,_this.disabledAfter);
days=initPicker.date.initDays(year,month,_this.disabledAfter);
if(_this.disabledAfter){
arr[1]=arr[1]>(months.length-1)?months.length-1:arr[1];
arr[2]=arr[2]>(days.length-1)?days.length-1:arr[2];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
}
_this.data.days=days;
_this.data.months=months;
};
if(month!=checkArr[1]){
days=initPicker.date.initDays(year,month,_this.disabledAfter);
arr[2]=arr[2]>(days.length-1)?days.length-1:arr[2];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
_this.data.days=days;
};
_this.checkArr=[year,month,day,area];
_this.resultStr=`${year+'-'+month+'-'+day+area.label}`;
break;
case "date":
year=_this.data.years[arr[0]]||_this.data.years[_this.data.years.length-1];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
if(year!=checkArr[0]){
months=initPicker.date.initMonths(year,_this.disabledAfter);
days=initPicker.date.initDays(year,month,_this.disabledAfter);
if(_this.disabledAfter){
arr[1]=arr[1]>(months.length-1)?months.length-1:arr[1];
arr[2]=arr[2]>(days.length-1)?days.length-1:arr[2];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
}
_this.data.days=days;
_this.data.months=months;
};
if(month!=checkArr[1]){
days=initPicker.date.initDays(year,month,_this.disabledAfter);
arr[2]=arr[2]>(days.length-1)?days.length-1:arr[2];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
_this.data.days=days;
};
_this.checkArr=[year,month,day];
_this.resultStr=`${year+'-'+month+'-'+day}`;
break;
case "yearMonth":
year=_this.data.years[arr[0]]||_this.data.years[_this.data.years.length-1];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
if(year!=checkArr[0]){
if(_this.disabledAfter){
arr[1]=arr[1]>(months.length-1)?months.length-1:arr[1];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
}
months=initPicker.date.initMonths(year,_this.disabledAfter);
_this.data.months=months;
};
_this.checkArr=[year,month];
_this.resultStr=`${year+'-'+month}`;
break;
case "dateTime":
year=_this.data.years[arr[0]]||_this.data.years[_this.data.years.length-1];
month=_this.data.months[arr[1]]||_this.data.months[_this.data.months.length-1];
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
hour=_this.data.hours[arr[3]]||_this.data.hours[_this.data.hours.length-1];
minute=_this.data.minutes[arr[4]]||_this.data.minutes[_this.data.minutes.length-1];
second=_this.data.seconds[arr[5]]||_this.data.seconds[_this.data.seconds.length-1];
if(year!=checkArr[0]){
arr[2]=0;
days=initPicker.date.initDays(year,month);
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
_this.data.days=days;
};
if(month!=checkArr[1]){
arr[2]=0;
days=initPicker.date.initDays(year,month);
day=_this.data.days[arr[2]]||_this.data.days[_this.data.days.length-1];
_this.data.days=days;
};
_this.checkArr=[year,month,day,hour,minute,second];
_this.resultStr=`${year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second}`;
break;
case "time":
hour=_this.data.hours[arr[0]]||_this.data.hours[_this.data.hours.length-1];
minute=_this.data.minutes[arr[1]]||_this.data.minutes[_this.data.minutes.length-1];
second=_this.data.seconds[arr[2]]||_this.data.seconds[_this.data.seconds.length-1];
_this.checkArr=[hour,minute,second];
_this.resultStr=`${hour+':'+minute+':'+second}`;
break;
case "linkage":
let c1,c2,c3;
let list=this.linkList;
c1=_this.data[0][arr[0]]||_this.data[0][0];
c2=_this.data[1][arr[1]]||_this.data[1][0];
if(this.level==3){
c3=_this.data[2][arr[2]]||_this.data[2][0];
if(c1.label!=checkArr[0]){
arr[1] = 0;
arr[2] = 0;
_this.data[1]=list[arr[0]].children;
_this.data[2]=list[arr[0]].children[arr[1]].children;
c2=_this.data[1][arr[1]]||_this.data[1][0];
c3=_this.data[2][arr[2]]||_this.data[2][0];
};
if(c2.label!=checkArr[1]){
arr[2] = 0;
_this.data[2]=list[arr[0]].children[arr[1]].children;
c3=_this.data[2][arr[2]]||_this.data[2][0];
};
_this.checkArr=[c1.label,c2.label,c3.label];
_this.checkValue=[
_this.data[0][arr[0]]?_this.data[0][arr[0]].value:_this.data[0][0].value,
_this.data[1][arr[1]]?_this.data[1][arr[1]].value:_this.data[1][0].value,
_this.data[2][arr[2]]?_this.data[2][arr[2]].value:_this.data[2][0].value
];
_this.resultStr=c1.label+c2.label+c3.label;
}else{
if(c1.label!=checkArr[0]){
_this.data[1]=list[arr[0]].children;
arr[1] = 0;
c2=_this.data[1][arr[1]]||_this.data[1][0];
};
_this.checkArr=[c1.label,c2.label];
_this.checkValue=[
_this.data[0][arr[0]]?_this.data[0][arr[0]].value:_this.data[0][0].value,
_this.data[1][arr[1]]?_this.data[1][arr[1]].value:_this.data[1][0].value
];
_this.resultStr=c1.label+c2.label;
}
break;
case "region":
province=_this.data.provinces[arr[0]]||_this.data.provinces[0];
city=_this.data.citys[arr[1]]||_this.data.citys[0];
if(!_this.hideArea){
area=_this.data.areas[arr[2]]||_this.data.areas[0];
}
if(province.label!=checkArr[0]){
_this.data.citys = citys[arr[0]]||citys[0];
if(!_this.hideArea){
_this.data.areas = areas[arr[0]][0]||areas[0][0];
}
arr[1] = 0;
arr[2] = 0;
city=_this.data.citys[arr[1]]||_this.data.citys[0];
if(!_this.hideArea){
area=_this.data.areas[arr[2]]||_this.data.areas[0];
}
};
if(city.label!=checkArr[1]&&!_this.hideArea){
_this.data.areas = areas[arr[0]][arr[1]]||areas[0][0];
arr[2]=0;
area=_this.data.areas[arr[2]]||_this.data.areas[0];
};
if(!_this.hideArea){
_this.checkArr=[province.label,city.label,area.label];
_this.checkValue=[
_this.data.provinces[arr[0]]?_this.data.provinces[arr[0]].value:_this.data.provinces[0].value,
_this.data.citys[arr[1]]?_this.data.citys[arr[1]].value:_this.data.citys[0].value,
_this.data.areas[arr[2]]?_this.data.areas[arr[2]].value:_this.data.areas[0].value
];
_this.resultStr=province.label+city.label+area.label;
}else{
_this.checkArr=[province.label,city.label];
_this.checkValue=[
_this.data.provinces[arr[0]]?_this.data.provinces[arr[0]].value:_this.data.provinces[0].value,
_this.data.citys[arr[1]]?_this.data.citys[arr[1]].value:_this.data.citys[0].value
];
_this.resultStr=province.label+city.label;
};
break;
case "selector":
_this.checkArr=_this.data[arr[0]]||_this.data[_this.data.length-1];
_this.resultStr=_this.data[arr[0]]?_this.data[arr[0]].label:_this.data[_this.data.length-1].label;
break;
}
_this.$nextTick(()=>{
_this.pickVal=arr;
})
},
initData(){
let _this=this;
let data={};
let mode=_this.mode;
let year,month,day,hour,minute,second,province,city,area;
let col1,col2,col3;
let dVal=[];
switch(mode){
case "linkage":
let init;
if(_this.value){
init=_this.getLinkageVal(_this.value,true);
}else{
init=_this.getLinkageVal(_this.defaultVal);
}
dVal=init.dval;
data=init.data;
_this.checkArr=init.checkArr;
_this.checkValue=init.checkValue;
_this.resultStr=init.resultStr;
break;
case "region":
if(_this.areaCode){
dVal=_this.getRegionVal(_this.areaCode,true);
}else{
dVal=_this.getRegionVal(_this.defaultVal);
}
if(_this.hideArea){
data={
provinces:provinces,
citys:citys[dVal[0]]
};
}else{
data={
provinces:provinces,
citys:citys[dVal[0]],
areas:areas[dVal[0]][dVal[1]]
};
};
break;
case "selector":
let idx=0;
data=[..._this.selectList];
_this.selectList.map((v,k)=>{
if(v.label==this.defaultVal){
idx=k;
}
})
dVal=[idx];
break;
case "limit":
data=initPicker.limit.init(_this.dayStep,_this.startHour,_this.endHour,_this.minuteStep,_this.afterStep,this.defaultVal);
dVal=data.defaultVal||_this.defaultVal;
break;
case "limitHour":
data=initPicker.limitHour.init(_this.dayStep,this.defaultVal);
dVal=data.defaultVal||_this.defaultVal;
break;
case "range":
data=initPicker.range.init(_this.startYear,_this.endYear,_this.useCurrent(),_this.current);
dVal=data.defaultVal||_this.defaultVal;
break;
default:
data=initPicker.date.init(_this.startYear,_this.endYear,_this.mode,_this.step,_this.useCurrent(),_this.current,_this.disabledAfter);
dVal=data.defaultVal||_this.defaultVal;
break;
}
_this.data=data;
switch(mode){
case "limitHour":
col1=data.date[dVal[0]]||data.date[data.date.length-1];
col2=data.areas[dVal[2]]||data.areas[data.areas.length-1];
col3=data.hours[dVal[1]]||data.hours[data.hours.length-1];
_this.checkArr=[col1,col2,col3];
_this.resultStr=`${col1.value+' '+col2.label+' '+col3.label+'时'}`;
break;
case "limit":
col1=data.date[dVal[0]]||data.date[data.date.length-1];
col2=data.hours[dVal[1]]||data.hours[data.hours.length-1];
col3=data.minutes[dVal[2]]||data.minutes[data.minutes.length-1];
_this.checkArr=[col1,col2,col3];
_this.resultStr=`${col1.value+' '+col2.value+':'+col3.value+":"+"00"}`;
break;
case "range":
let fYear=data.fyears[dVal[0]]||data.fyears[data.fyears.length-1];
let fmonth=data.fmonths[dVal[1]]||data.fmonths[data.fmonths.length-1];
let fday=data.fdays[dVal[2]]||data.fdays[data.fdays.length-1];
let tYear=data.tyears[dVal[4]]||data.tyears[data.tyears.length-1];
let tmonth=data.tmonths[dVal[5]]||data.tmonths[data.tmonths.length-1];
let tday=data.tdays[dVal[6]]||data.tdays[data.tdays.length-1];
_this.checkArr=[fYear,fmonth,fday,tYear,tmonth,tday];
_this.resultStr=`${fYear+'-'+fmonth+'-'+fday+'至'+tYear+'-'+tmonth+'-'+tday}`;
break;
case "half":
year=data.years[dVal[0]]||data.years[data.years.length-1];
month=data.months[dVal[1]]||data.months[data.months.length-1];
day=data.days[dVal[2]]||data.days[data.days.length-1];
area=data.areas[dVal[3]]||data.areas[data.areas.length-1];
_this.checkArr=[year,month,day,area];
_this.resultStr=`${year+'-'+month+'-'+day+' '+area.label}`;
break;
case "date":
year=data.years[dVal[0]]||data.years[data.years.length-1];
month=data.months[dVal[1]]||data.months[data.months.length-1];
day=data.days[dVal[2]]||data.days[data.days.length-1];
_this.checkArr=[year,month,day];
_this.resultStr=`${year+'-'+month+'-'+day}`;
break;
case "yearMonth":
year=data.years[dVal[0]]||data.years[data.years.length-1];
month=data.months[dVal[1]]||data.months[data.months.length-1];
_this.checkArr=[year,month];
_this.resultStr=`${year+'-'+month}`;
break;
case "dateTime":
year=data.years[dVal[0]]||data.years[data.years.length-1];
month=data.months[dVal[1]]||data.months[data.months.length-1];
day=data.days[dVal[2]]||data.days[data.days.length-1];
hour=data.hours[dVal[3]]||data.hours[data.hours.length-1];
minute=data.minutes[dVal[4]]||data.minutes[data.minutes.length-1];
second=data.seconds[dVal[5]]||data.seconds[data.seconds.length-1];
_this.resultStr=`${year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second}`;
_this.checkArr=[year,month,day,hour,minute];
break;
case "time":
hour=data.hours[dVal[0]]||data.hours[data.hours.length-1];
minute=data.minutes[dVal[1]]||data.minutes[data.minutes.length-1];
second=data.seconds[dVal[2]]||data.seconds[data.seconds.length-1];
_this.checkArr=[hour,minute,second];
_this.resultStr=`${hour+':'+minute+':'+second}`;
break;
case "region":
province=data.provinces[dVal[0]];
city=data.citys[dVal[1]];
if(!_this.hideArea){
area=data.areas[dVal[2]];
_this.checkArr=[province.label,city.label,area.label];
_this.checkValue=[province.value,city.value,area.value];
_this.resultStr=province.label+city.label+area.label;
}else{
_this.checkArr=[province.label,city.label];
_this.checkValue=[province.value,city.value];
_this.resultStr=province.label+city.label;
}
break;
case "selector":
_this.checkArr=data[dVal[0]]||data[data.length-1];
_this.resultStr=data[dVal[0]].label||data[data.length-1].label;
break;
}
_this.$nextTick(()=>{
_this.pickVal=[...dVal];
})
}
},
mounted() {
this.initData();
}
}
</script>
<style lang="scss">
.w-picker{
position: relative;
z-index: 888;
.mask {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.mask.show{
visibility: visible;
opacity: 1;
}
.w-picker-cnt {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
transition: all 0.3s ease;
transform: translateY(100%);
z-index: 3000;
}
.w-picker-cnt.show {
transform: translateY(0);
}
.w-picker-hd {
display: flex;
align-items: center;
padding: 0 30upx;
height: 88upx;
background-color: #fff;
position: relative;
text-align: center;
font-size: 32upx;
justify-content: space-between;
.w-picker-btn{
font-size: 30upx;
}
}
.w-picker-hd:after {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #e5e5e5;
color: #e5e5e5;
transform-origin: 0 100%;
transform: scaleY(0.5);
}
.w-picker-item {
text-align: center;
width: 100%;
height: 88upx;
line-height: 88upx;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 30upx;
}
.w-picker-view {
width: 100%;
height: 476upx;
overflow: hidden;
background-color: rgba(255, 255, 255, 1);
z-index: 666;
}
picker-view{
height: 100%;
}
}
</style>
cloudTrain/pages.json
...@@ -24,6 +24,12 @@ ...@@ -24,6 +24,12 @@
} }
}, },
{ {
"path": "pages/Security-Check/select-checkobject",
"style": {
"navigationBarTitleText": "检查对象"
}
},
{
"path": "pages/Switch-School/index", "path": "pages/Switch-School/index",
"style": { "style": {
"navigationBarTitleText": "" "navigationBarTitleText": ""
......
cloudTrain/pages/Security-Check/security-task-list.vue
<template> <template>
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback" @up="upCallback"> <mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback" @up="upCallback">
<view class="news-li" v-for="news in dataList" :key="news.id"> <view class="news-li" v-for="news in dataList" :key="news.id" hover-class="hover" @click="goDetail">
<view class="top-container"> <view class="top-container" >
<text>安全检查任务</text> <text>安全检查任务</text>
<view class="status"> <view class="status">
<text class="status-text">未完成0/1</text> <text class="status-text">未完成0/1</text>
...@@ -39,6 +39,11 @@ ...@@ -39,6 +39,11 @@
/*上拉加载的回调 */ /*上拉加载的回调 */
upCallback(page) { upCallback(page) {
},
goDetail(){
uni.navigateTo({
url:"./select-checkobject"
})
} }
} }
} }
...@@ -85,5 +90,8 @@ ...@@ -85,5 +90,8 @@
.status-text{ .status-text{
color: red; color: red;
font-size: 13px; font-size: 13px;
}
.hover{
opacity: 0.7;
} }
</style> </style>
cloudTrain/pages/Security-Check/select-checkobject.vue 0 → 100644
<template>
<view class="content">
<text class="title">实验室名称:{{title}}</text>
<text class="title">位置</text>
<view class="location-container">
<text class="title">{{location}}</text>
<image class="arrow-right" src="../../static/common/arrow_right_gray.png">
</view>
<textarea class="detail" />
<button @click="onclick" class="camera-button">
<image class="camera" src="../../static/common/camera.png">
</button>
<button hover-class="submithover" @click="onSubmitClick" class="submit-button">
<text class="submittext">提交</text>
</button>
<Picker
mode="linkage"
:level="1"
@confirm="onConfirm"
ref="picker"
:linkList="itemList"
themeColor="#f00"
></Picker>
</view>
</template>
<script>
import ActionSheet from "@/components/actionsheet/actionsheet.vue"
import AddressSelect from "@/components/multi-select/cityChiden.vue"
import Picker from "@/components/w-picker/w-picker.vue";
export default {
data() {
return {
title: '虚拟仿真实验室',
location:"某个地址可能很长",
showActionSheet: false,
maskClosable: true,
tips: "确认清空搜索历史吗？",
itemList: [{label:"aaa",value:"10"}],
color: "#9a9a9a",
size: 26,
isCancel: true,
cityInfo:[],
maxLevel:4
}
},
onLoad() {
},
methods: {
itemClick: function() {
},
closeActionSheet: function() {
this.showActionSheet = false
},
onConfirm(data){
console.log(data)
},
onSubmitClick(){
this.$refs.picker.show()
}
},
components: {
Picker
},
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
.loginbtn {
width:180rpx;
height:200rpx;
}
.login-hover {
width:200rpx;
height:200rpx;
background-color:#00CE47;
}
.testview {
width:209rpx;
height:200rpx;
background-color:linear-gradient(red, yellow, blue);
}
.location-container{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.arrow-right{
width:40rpx;
height:40rpx;
}
.camera-button {
display:flex;
flex-direction: row;
align-items: center;
justify-content: center;
width:200rpx;
height: 200rpx;
}
.camera {
width:50rpx;
height:50rpx;
}
.submit-button {
display: flex;
width:600rpx;
height:60rpx;
align-items: center;
justify-content: center;
background: linear-gradient(-45deg, rgba(87, 225, 181, 1) 0%, rgba(0, 63, 255, 1) 100%);
border-radius: 15rpx;
}
.submittext {
font-size: 14px;
color: #FFFFFF;
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.submithover{
opacity: 0.7;
}
.detail {
width:400rpx;
height:100rpx;
border: 1rpx solid #000000;
}
.status_bar {
height: var(--status-bar-height);
width: 100%;
}
</style>
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