主页框架

参考样例:https://www.17sucai.com/preview/806169/2020-05-04/%E9%80%9A%E7%94%A8%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/index.html

界面命名规范/src/pages/index/index.vue
样式文件/src/static/system_01/style/index.scss


1、上图中标明了要去掉的地方是不需要做的

2、左侧导航做成组件,导航数据字段如下

l_id   --导航序号

l_name   ---导航名称

l_url   ---点击导航打开的业务功能界面路径。特别说明:l_url参数有值时,不论菜单是否有子级,右侧都要先显示对应的业务功能界面。

l_haveson  --是否有子级菜单

l_icon  ---导航名称左侧的小图标名称 (子级菜单没有此项)


左侧导航数据Json数组格式为:  

{
"menu": [

{
     "l_id": "1",
     "l_name": "订单管理",
     "l_url": "/Order/orderlist",
    "l_haveson": "0",
    "l_icon": "fa-th-list"
}, 

{
    "l_id": "5",
    "l_name": "打印管理",
    "l_url": "/Print/orderlist",
    "l_haveson": "0",
    "l_icon": "fa-print"
},

 {

     "l_id": "7",
     "l_name": "基础资料",
     "l_url": "",
     "l_haveson": 1,
     "l_icon": "fa-cogs"
     "sonlist": [{
             "l_id": "95",
             "l_name": "商品库资料",
             "l_url": "/baseinfo/cargolist_base",
             "l_haveson": "0"
       }]

}]
}