一种用于展示跨境进口业务的移动端前端实现方法技术

本发明专利技术公开一种用于展示跨境进口业务的移动端前端实现方法，涉及前端可视化技术领域；包括：步骤1：利用网格布局前端界面，设置具有明确语义的图标，使图标与相关跨境进口业务的特点相匹配，步骤2：改进跨境进口业务的流程，包括：改进发货流程，改进收货流程

【技术实现步骤摘要】
一种用于展示跨境进口业务的移动端前端实现方法


[0001]本专利技术公开一种方法，涉及前端可视化
，具体地说是一种用于展示跨境进口业务的移动端前端实现方法
。

技术介绍

[0002]随着全球贸易的增长和跨境电商的兴起，跨境进口服务业务得到了迅速发展
。
然而，现有的移动前端界面设计和交互模式存在操作繁琐
、
不适合移动设备等问题
。

技术实现思路

[0003]本专利技术针对现有技术的问题，提供一种用于展示跨境进口业务的移动端前端实现方法，适用于移动端用于展示跨境进口业务的界面设计和交互
。
[0004]本专利技术提出的具体方案是：
[0005]本专利技术提供一种用于展示跨境进口业务的移动端前端实现方法，包括：
[0006]步骤1：利用网格布局前端界面，设置具有明确语义的图标，使图标与相关跨境进口业务的特点相匹配，
[0007]步骤2：改进跨境进口业务的流程，包括：
[0008]改进发货流程，增加发货运输列表，添加发货订单，根据发货订单展示跨境进口业务的信息和状态，选择合适图标表示每个信息或状态，所述信息包括订单号
、
启运港口
、
目的港口和公司名称，所述状态包括订单的运输状态和物流详情，所述运输状态包括待发货
、
运输中和已送达，所述物流详情包括运输路径和当前位置，将信息和状态进行语义联系，
[0009]改进收货流程
,
增加收货运输列表，添加收货订单，确定需要展示给用户的信息和状态，选择合适图标表示每个信息或状态，所述信息包括订单号
、
启运港口
、
目的港口和公司名称，所述状态包括订单的运输状态和物流详情，所述运输状态包括待收货
、
运输中和已收货，所述物流详情包括运输路径和当前位置，将信息和状态进行语义联系，
[0010]改进回款管理流程，根据需求筛选和整理数据，使其符合展示要求，以单列卡彭的形式展现，用卡片之间的留白区分每个内容间的层级关系，单个卡片显示回款列表信息，
[0011]步骤3：实时更新数据，将各个流程的数据实时反馈给用户
。
[0012]进一步，所述的一种用于展示跨境进口业务的移动端前端实现方法中所述改进发货流程，包括：在前端页面中使用图标与说明的展示方式，使用定位的图标通过颜色区分的方式作为发货和收货的标记，在图标旁边加上对应的文字说明，通过颜色变化区分订单状态
。
[0013]进一步，所述的一种用于展示跨境进口业务的移动端前端实现方法中所述通过颜色变化区分订单状态，包括：使用绿色表示已经完成的发货订单，使用红色表示异常发货订单
。
[0014]进一步，所述的一种用于展示跨境进口业务的移动端前端实现方法中所述改进收货流程，包括：选择合适的颜色区分不同的状态，使用绿色表示已完成的收货订单，使用蓝
色表示正在进行的收货订单
。
[0015]进一步，所述的一种用于展示跨境进口业务的移动端前端实现方法中所述改进回款管理流程，包括：使用的颜色区分当前回款订单的状态，采用不同色号的颜色作为主次内容的区分文字内容，单据上传时采用弹框的形式上传对应图片
。
[0016]本专利技术还提供一种用于展示跨境进口业务的移动端前端实现装置，包括布局模块
、
流程显示模块和更新模块，
[0017]布局模块利用网格布局前端界面，设置具有明确语义的图标，使图标与相关跨境进口业务的特点相匹配，
[0018]流程显示模块改进跨境进口业务的流程，包括：
[0019]改进发货流程，增加发货运输列表，添加发货订单，根据发货订单展示跨境进口业务的信息和状态，选择合适图标表示每个信息或状态，所述信息包括订单号
、
启运港口
、
目的港口和公司名称，所述状态包括订单的运输状态和物流详情，所述运输状态包括待发货
、
运输中和已送达，所述物流详情包括运输路径和当前位置，将信息和状态进行语义联系，
[0020]改进收货流程
,
增加收货运输列表，添加收货订单，确定需要展示给用户的信息和状态，选择合适图标表示每个信息或状态，所述信息包括订单号
、
启运港口
、
目的港口和公司名称，所述状态包括订单的运输状态和物流详情，所述运输状态包括待收货
、
运输中和已收货，所述物流详情包括运输路径和当前位置，将信息和状态进行语义联系，
[0021]改进回款管理流程，根据需求筛选和整理数据，使其符合展示要求，以单列卡彭的形式展现，用卡片之间的留白区分每个内容间的层级关系，单个卡片显示回款列表信息，
[0022]更新模块实时更新数据，将各个流程的数据实时反馈给用户
。
[0023]进一步，所述的一种用于展示跨境进口业务的移动端前端实现装置中所述改进发货流程，包括：在前端页面中使用图标与说明的展示方式，使用定位的图标通过颜色区分的方式作为发货和收货的标记，在图标旁边加上对应的文字说明，通过颜色变化区分订单状态
。
[0024]进一步，所述的一种用于展示跨境进口业务的移动端前端实现装置中所述通过颜色变化区分订单状态，包括：使用绿色表示已经完成的发货订单，使用红色表示异常发货订单
。
[0025]进一步，所述的一种用于展示跨境进口业务的移动端前端实现装置中所述改进收货流程，包括：选择合适的颜色区分不同的状态，使用绿色表示已完成的收货订单，使用蓝色表示正在进行的收货订单
。
[0026]进一步，所述的一种用于展示跨境进口业务的移动端前端实现装置中所述改进回款管理流程，包括：使用的颜色区分当前回款订单的状态，采用不同色号的颜色作为主次内容的区分文字内容，单据上传时采用弹框的形式上传对应图片
。
[0027]本专利技术的有益之处是：
[0028]本专利技术提供一种用于展示跨境进口业务的移动端前端实现方法，相比现有的移动网页端界面设计和交互模式，具有以下优势：
[0029]用户友好：通过简洁明了的设计，提供用户友好的操作体验，
[0030]操作便捷：优化了发货
、
收货
、
仓库及回款管理流程和信息填写方式，减少用户操作，提高了操作便捷性，
[0031]实时跟踪：提供实时物流跟踪功能，让用户随时掌握订单进展情况，
[0032]移动适配：针对移动端进行优化，适应不同尺寸的屏幕和操作习惯
。
附图说明
[0033]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种用于展示跨境进口业务的移动端前端实现方法，其特征是包括：步骤1：利用网格布局前端界面，设置具有明确语义的图标，使图标与相关跨境进口业务的特点相匹配，步骤2：改进跨境进口业务的流程，包括：改进发货流程，增加发货运输列表，添加发货订单，根据发货订单展示跨境进口业务的信息和状态，选择合适图标表示每个信息或状态，所述信息包括订单号
、
启运港口
、
目的港口和公司名称，所述状态包括订单的运输状态和物流详情，所述运输状态包括待发货
、
运输中和已送达，所述物流详情包括运输路径和当前位置，将信息和状态进行语义联系，改进收货流程
,
增加收货运输列表，添加收货订单，确定需要展示给用户的信息和状态，选择合适图标表示每个信息或状态，所述信息包括订单号
、
启运港口
、
目的港口和公司名称，所述状态包括订单的运输状态和物流详情，所述运输状态包括待收货
、
运输中和已收货，所述物流详情包括运输路径和当前位置，将信息和状态进行语义联系，改进回款管理流程，根据需求筛选和整理数据，使其符合展示要求，以单列卡彭的形式展现，用卡片之间的留白区分每个内容间的层级关系，单个卡片显示回款列表信息，步骤3：实时更新数据，将各个流程的数据实时反馈给用户
。2.
根据权利要求1所述的一种用于展示跨境进口业务的移动端前端实现方法，其特征是所述改进发货流程，包括：在前端页面中使用图标与说明的展示方式，使用定位的图标通过颜色区分的方式作为发货和收货的标记，在图标旁边加上对应的文字说明，通过颜色变化区分订单状态
。3.
根据权利要求2所述的一种用于展示跨境进口业务的移动端前端实现方法，其特征是所述通过颜色变化区分订单状态，包括：使用绿色表示已经完成的发货订单，使用红色表示异常发货订单
。4.
根据权利要求1所述的一种用于展示跨境进口业务的移动端前端实现方法，其特征是所述改进收货流程，包括：选择合适的颜色区分不同的状态，使用绿色表示已完成的收货订单，使用蓝色表示正在进行的收货订单
。5.
根据权利要求1所述的一种用于展示跨境进口业务的移动端前端实现方法，其特征是所述改进回款管理流程，包括：使用的颜色区分当前回款订单的状态，采用不同色号的颜色作为主次内容的区分文字内容，单据上传时采用弹框的形式上传对应图片
。6.
一种用于展示跨境进口业务的移...

【专利技术属性】
技术研发人员：范友林，周文豪，赵策，胡振升，
申请(专利权)人：浪潮海链易贸山东信息科技有限公司，
类型：发明
国别省市：