零点轰趴馆开发日记:四

零点轰趴馆开发日记:四
Flaw获取订单接口:https://moduo.luluhoo.cn/appApi/app/order/list
数据:
1 | { |
店铺表格只显示基础的一些东西,详细的内容用户点击后跳转新的组件页面然后查看,然后图片用fancybox显示,然后表格变得更加的高级和优雅,直观一些,修改和新增都在新的页面进行
店铺简介用editor组件,限制高度,然后再加上预览按钮就是可以弹窗弹出预览效果查看,预览按钮编辑和查看的时候都可以点击,然后预览是把所有内容缩到一个弹窗里
将页面改成vue3
搜索返回的数据为:
{
“total”: 1,
“rows”: [
{
“searchValue”: null,
“createBy”: null,
“createTime”: null,
“updateBy”: null,
“updateTime”: null,
“remark”: null,
“params”: {},
“id”: “1”,
“sessionId”: “24c247939eec496a81ed40ad2ec07a34”,
“selectedDate”: “1970-01-01”,
“orderDate”: null,
“sessionList”: null,
“customerId”: “wx12a7063b86255c75”,
“orderId”: “2d829e1d4c884743aa799109691c3546”
}
],
“code”: 200,
“msg”: “查询成功”
}
美化一下表格样式,让其更加的专业、优雅、直观,图片显示用fancybox。订单会话存储表只显示基础的一些东西,详细的内容用户点击后跳转新的组件页面然后查看,然后图片用fancybox显示,然后表格变得更加的高级和优雅、直观一些,修改和新增都在新的页面进行。内容用editor组件,限制高度,然后再加上预览按钮就是可以弹窗弹出预览效果查看,预览按钮编辑和查看的时候都可以点击,然后预览是把所有内容缩到一个弹窗里。
其实订单会话管理就是为了查看所有日期的场次是不是被人预定了,如果被预定则显示今天具体有哪些场次被预定了,应该是一个日历的形式,然后日历的具体日期显示当前场次情况,然后点击就可以查看详细的信息
地理/逆地理编码
接口地址:https://restapi.amap.com/v3/geocode/geo?address=%E6%BC%AB%E8%AF%AD%E6%97%B6%E5%85%89%E5%BA%97&output=JSON&key=a025baf00b0056f2aecfa7d03e9f5220
返回数据:
{
“status”: “1”,
“info”: “OK”,
“infocode”: “10000”,
“count”: “10”,
“geocodes”: [
{
“formatted_address”: “陕西省西安市周至县时光”,
“country”: “中国”,
“province”: “陕西省”,
“citycode”: “029”,
“city”: “西安市”,
“district”: “周至县”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “610124”,
“street”: [],
“number”: [],
“location”: “108.212557,34.139454”,
“level”: “兴趣点”
},
{
“formatted_address”: “云南省红河哈尼族彝族自治州建水县时光”,
“country”: “中国”,
“province”: “云南省”,
“citycode”: “0873”,
“city”: “红河哈尼族彝族自治州”,
“district”: “建水县”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “532524”,
“street”: [],
“number”: [],
“location”: “102.843862,23.597458”,
“level”: “兴趣点”
},
{
“formatted_address”: “贵州省贵阳市乌当区时光”,
“country”: “中国”,
“province”: “贵州省”,
“citycode”: “0851”,
“city”: “贵阳市”,
“district”: “乌当区”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “520112”,
“street”: [],
“number”: [],
“location”: “106.777243,26.630080”,
“level”: “兴趣点”
},
{
“formatted_address”: “四川省乐山市市中区时光”,
“country”: “中国”,
“province”: “四川省”,
“citycode”: “0833”,
“city”: “乐山市”,
“district”: “市中区”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “511102”,
“street”: [],
“number”: [],
“location”: “103.668754,29.587067”,
“level”: “兴趣点”
},
{
“formatted_address”: “四川省成都市新津区时光”,
“country”: “中国”,
“province”: “四川省”,
“citycode”: “028”,
“city”: “成都市”,
“district”: “新津区”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “510118”,
“street”: [],
“number”: [],
“location”: “103.814642,30.410062”,
“level”: “兴趣点”
},
{
“formatted_address”: “广东省中山市时光”,
“country”: “中国”,
“province”: “广东省”,
“citycode”: “0760”,
“city”: “中山市”,
“district”: [],
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “442000”,
“street”: [],
“number”: [],
“location”: “113.487168,22.616566”,
“level”: “兴趣点”
},
{
“formatted_address”: “广东省中山市时光”,
“country”: “中国”,
“province”: “广东省”,
“citycode”: “0760”,
“city”: “中山市”,
“district”: [],
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “442000”,
“street”: [],
“number”: [],
“location”: “113.450233,22.389364”,
“level”: “兴趣点”
},
{
“formatted_address”: “广东省惠州市惠阳区时光”,
“country”: “中国”,
“province”: “广东省”,
“citycode”: “0752”,
“city”: “惠州市”,
“district”: “惠阳区”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “441303”,
“street”: [],
“number”: [],
“location”: “114.469428,22.795807”,
“level”: “兴趣点”
},
{
“formatted_address”: “广东省湛江市徐闻县时光”,
“country”: “中国”,
“province”: “广东省”,
“citycode”: “0759”,
“city”: “湛江市”,
“district”: “徐闻县”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “440825”,
“street”: [],
“number”: [],
“location”: “109.933673,20.372358”,
“level”: “兴趣点”
},
{
“formatted_address”: “广东省汕头市龙湖区时光”,
“country”: “中国”,
“province”: “广东省”,
“citycode”: “0754”,
“city”: “汕头市”,
“district”: “龙湖区”,
“township”: [],
“neighborhood”: {
“name”: [],
“type”: []
},
“building”: {
“name”: [],
“type”: []
},
“adcode”: “440507”,
“street”: [],
“number”: [],
“location”: “116.739554,23.361186”,
“level”: “兴趣点”
}
]
}
在新增和修改操作时候填写详细地址的时候调用逆地理接口,将返回数据的location拆成经度纬度,然后去掉所选地区,如果有查询出多个结构就列出来让用户自己选择








