自定義PC頁面頂部分類

1、以CRMEB Pro版為例增加sql語句，組合資料表：eb_system_group（表字首有更改，請手動變更）

INSERT INTO `eb_system_group` (`id`, `cate_id`, `name`, `info`, `config_name`, `fields`) VALUES (NULL, 0, 'PC頁面連結', 'PC頁面連結', 'pc_link', '[{\"name\":\"\\u540d\\u79f0\",\"title\":\"name\",\"type\":\"input\",\"param\":\"\"},{\"name\":\"\\u5730\\u5740\",\"title\":\"link\",\"type\":\"input\",\"param\":\"\"}]');      

1. 在背景設定->系統維護->開發配置->組合資料​

中找剛才添加的PC頁面連結，如圖：

​

打開資料清單，自定義添加PC頁面存在連結：

​

1. pc端接口定義：在route/api.php檔案

搜尋‘pc’,定義接口在不需要授權登入分組中，如下：

Route::get('get_top_category', 'pc.HomeController/getTopCategory')->name('getTopCategory');//擷取頂部分類      

1. 在控制器檔案目錄：app/controller/api/pc/HomeController​

中定義方法：getTopCategory，如下：

public function getTopCategory()
    {
        $list = sys_data('pc_link');
        return app('json')->successful($list);
}      

sys_data方法詳解：​​https://doc.crmeb.com/web/pro/crmebpro/237​​​

到這裡資料和後端接口就定義完成

1. 修改pc端代碼，完整包中代碼路徑：view/pc​

(1)、檔案components/headers.vue

定義擷取頂部分類方法：

getTopCategory() {
        this.$axios.get("/pc/get_top_category").then((res) => {
          this.headerList = res.data;
        });
      },      

在created()中調用；如圖

​

1. 修改data中headerList為空數組
2. 修改周遊展示分類如圖：

​

注意：

1. pc修改現在本地測試通過，然後打包放入伺服器public/home下，打包教程：​​https://doc.crmeb.com/web/pro/crmebpro/261​​​
2. 分類資料排序（降序排序）

​

效果圖如下：