界面命名规范：/src/pages/charge/orderlist.vue
样式文件: /src/static/system_01/style/chargeorderlist.scss
1、主页框架左侧导航
在主框架左侧导航中新增两个主菜单 --- 1、门店收费 2、总部对账
点击左侧导航时，主页框架顶部的新增一个可关闭的选项卡
{
"l_id": "14",
"l_name": "财务管理",
"l_url": "",
"l_haveson": 1,
"l_icon": "",
"sonlist": [{
"l_id": "15",
"l_name": "门店收费",
"l_url": "/charge/orderlist",
"l_haveson": "0"
},
{
"l_id": "16",
"l_name": "总部对账",
"l_url": "/charge/checkbilllist",
"l_haveson": "0"
},
{
"l_id": "19",
"l_name": "会员卡明细",
"l_url": "/charge/vippaycharge",
"l_haveson": "0"
}
]
}
2、选项卡的生成是根据权限接口返回的数据生成的，每个人显示的选项卡种类不一样。
{
"tab": [{
"type": "wsf",
"name": "未收费",
"count": 0,
"buttons": [{
"name": "收费",
"click": "getfee",
"color": "#00FF00"
},
{
"name": "下载账单",
"click": "downfeelist",
"color": "#00FF00"
}
]
},
{
"type": "ysf",
"name": "已收费",
"count": 0,
"buttons": [{
"name": "下载账单",
"click": "downfeelist",
"color": "#00FF00"
}]
}
]
}
3、一个选项卡对应一个列表控件，列表的表头和表体的数据是接口返回的，格式与订单管理的格式一样。