外运长江营销综合服务平台

产品名称 *

产品分类 *

产品标语

产品描述

运营主体

服务范围

联系人

联系电话

服务特色（用逗号分隔）

覆盖区域（用逗号分隔）

1 平台概述

外运长江营销综合服务平台是一个集物流产品展示、物流资源管理和后台数据维护于一体的 Web 应用系统，涵盖 6 大物流产品和 64 个物流资源点。

平台采用前后台分离设计：

前台：面向所有用户，展示物流产品详情和物流资源信息
后台：面向授权管理员，提供数据的新增、编辑、删除和导出功能

2 前台功能使用

导航栏：页面顶部导航栏包含以下入口：

入口	功能
首页	平台介绍、数据统计概览
物流产品	浏览全部 6 个物流产品，支持列表/地图两种视图，点击卡片查看详情
物流资源	浏览 64 个资源点，支持按类型筛选及列表/地图两种视图
物流通道	基于高德地图的实时物流通道可视化地图
关于我们	平台简介、核心服务、联系方式
帮助	打开本用户手册
后台管理	进入管理员登录界面

产品详情：点击任意产品卡片，弹窗展示产品完整信息，包括产品简介、运营时刻表、覆盖站点、支持船司、客户案例等。

资源筛选：在物流资源页面，可通过顶部筛选按钮按类型（码头/仓库/铁路站点/堆场）过滤资源列表。

地图视图：物流产品页和物流资源页均提供「列表视图」和「地图视图」两种展示方式，通过区块顶部的切换按钮切换，页面默认显示地图视图。

产品节点分布图：在高德地图上以彩色圆点标记各产品的节点位置（如上海港、海安站等），不同分类用不同颜色区分（全程物流-红、海铁联运-绿、陆改水-青、港口直拖-紫）。地图右上角提供分类筛选按钮，可按产品分类过滤显示的节点。
资源分布图：在高德地图上以彩色圆点标记各物流资源的位置，按资源类型分色显示（码头-蓝、仓库-金、铁路站点-深蓝、堆场-绿）。地图与顶部筛选按钮联动，点击「全部/码头/仓库/铁路站点/堆场」可同步过滤地图标记。
标记交互：点击任意地图标记可弹出气泡，显示资源/产品名称、类型、地址、业务单位、联系人等详细信息。地图支持拖拽、缩放，右下角图例说明各类标记含义。

3 后台管理操作

登录方式：

项目	值
用户名	admin
密码	admin123

提示：点击导航栏"后台管理"按钮，在弹出的登录框中输入上述账号密码即可进入后台。

后台功能模块：

产品管理：查看、搜索、新增、编辑、删除物流产品，导出产品数据
资源管理：查看、搜索、新增、编辑、删除物流资源，导出资源数据

新增产品：点击"新增产品"按钮，在弹出的表单中填写产品信息（带 * 号为必填项），点击"保存"完成添加。

新增资源：点击"新增资源"按钮，在弹出的表单中填写资源信息（带 * 号为必填项），点击"保存"完成添加。

编辑数据：在数据列表中点击对应行的"编辑"按钮，在弹出的表单中修改信息后保存。

删除数据：在数据列表中点击对应行的"删除"按钮，确认后即可删除。删除操作不可撤销。

4 数据管理说明

数据存储：所有数据保存在浏览器的 localStorage 中，关闭浏览器后数据不会丢失。但清除浏览器缓存会导致数据重置为初始状态。

数据字段说明：

产品数据字段：

字段	说明	必填
产品名称	产品的唯一标识名称	是
产品分类	全程物流/海铁联运/陆改水/港口直拖/其他	是
产品标语	产品的一句话描述	否
产品描述	产品的详细介绍	否
运营主体	负责运营的公司名称	否
服务范围	提供的服务类型	否
联系人/电话	业务联系人信息	否
服务特色	用逗号分隔的特色标签	否

资源数据字段：

字段	说明	必填
资源名称	资源的唯一标识名称	是
资源类型	码头/仓库/铁路站点/堆场	是
所在城市	资源所在的城市	是
所在省份	资源所在的省份	是
业务权属	自有/租赁/合资/公共	否
业务单位	负责运营的单位名称	否

注意：如果数据被意外清除，刷新页面即可恢复为初始预置数据。

5 数据导入导出

导出数据：在后台管理的产品管理或资源管理页面，点击"导出"按钮，系统将自动下载对应数据的 JSON 格式文件。

导出文件格式：标准 JSON 文件，可直接用于数据分析、备份或二次开发。

提示：建议定期导出数据作为备份，防止浏览器缓存清除导致数据丢失。

6 常见问题

Q：忘记管理员密码怎么办？

A：默认管理员账号为 admin / admin123。如需修改，请联系技术开发人员。

Q：数据会丢失吗？

A：数据保存在浏览器 localStorage 中，正常关闭浏览器不会丢失。但清除浏览器缓存或使用无痕模式会导致数据重置。

Q：新增的数据前台看不到怎么办？

A：新增或修改数据后，前台页面会自动刷新。如未显示，请手动刷新浏览器页面。

Q：如何恢复初始数据？

A：在浏览器控制台中执行 localStorage.clear() 然后刷新页面，即可恢复为初始预置数据。

Q：支持手机端访问吗？

A：支持。平台采用响应式设计，可在手机、平板、电脑等设备上正常浏览和使用。

Q：如何关闭弹窗？

A：点击弹窗右上角的关闭按钮，或点击弹窗外的半透明遮罩区域，或按键盘 Esc 键。

Q：地图视图为什么切换后才显示？

A：为提升页面加载性能，地图采用惰性加载机制。页面默认进入地图视图会自动初始化；若从列表视图切换到地图视图，系统会在首次切换时加载地图瓦片，稍候即可正常显示。

Q：地图标记位置不准确怎么办？

A：预置资源的坐标基于地址匹配，新增资源的坐标根据所在城市回退定位（同城多个资源会有微小偏移以避免重叠）。如需精确定位，建议在后台编辑资源时核对地址信息。

Q：地图上的筛选和列表筛选是联动的吗？

A：资源页的顶部筛选按钮同时作用于列表和地图；产品页的地图有独立的分类筛选按钮（位于地图右上角），与列表视图互不影响。

外运长江营销
综合服务平台

专业、高效、可靠的物流服务，助力您的业务发展

安全可靠

快捷高效

专业服务

全球网络

价格透明

智能追踪

专业集疏运产品服务

产品节点分布图

全域物流资源网络

资源分布图

平台简介

驳船服务

海铁服务

拖车服务

联系我们

外运长江营销 综合服务平台