gpon 业务

光模块 的布局、性能指标、种类、定名方式
一、总体

操持GPON业务的前端页面时，须要思量用户体验、功能完备性以及操纵便捷性。以下是基于文档内容和GPON业务特点的前端页面操持发起，包罗页面布局、功能模块和交互操持。
1. 页面布局

前端页面可以分为以下几个紧张部分：

  

• 导航栏：提供快速导航到差异功能模块的入口。  
  
• 侧边栏：用于展示紧张功能模块和子模块。  
  
• 主内容区：表现当前选中的功能模块的具体内容。  
  
• 底部信息栏：表现版权信息、技能支持等。
  

2. 功能模块

根据GPON业务的特点，前端页面可以操持以下功能模块：
2.1 装备管理

  

• OLT装备管理：
  
     
  
  • 表现OLT装备的根本信息（如装备型号、IP所在、状态等）。   
    
  • 提供OLT装备的添加、删除、编辑功能。   
    
     
  
• ONU装备管理：
  
     
  
  • 表现ONU装备的列表，包罗装备SN、状态、毗连的OLT端口等。   
    
  • 提供ONU装备的注册、注销、重启功能。   
    
  • 表现ONU装备的具体信息，如EQD、RTD、老化计数器等。   
    
    
  

2.2 链路设置

  

• 下行链路设置：
  
     
  
  • 设置下行PLOAM消息缓存使能、帧头错误告警、FEC使能等。   
    
  • 表现下行链路的状态和性能指标。   
    
     
  
• 上行链路设置：
  
     
  
  • 设置上行PLOAM消息缓存使能、RSSI功能、突发控制参数等。   
    
  • 表现上行链路的状态和性能指标。   
    
    
  

2.3 GEM PORT管理

  

• GEM PORT设置：
  
     
  
  • 设置GEM PORT的转发和提取战略。   
    
  • 表现GEM PORT的列表，包罗GEM ID、所属ONUID、ALLOCID、老化计数器等。   
    
     
  
• GEM PORT监控：
  
     
  
  • 监控GEM PORT的性能指标，如报文计数、错误计数等。   
    
  • 提供GEM PORT的老化管理功能。   
    
    
  

2.4 监控与告警

  

• 及时监控：
  
     
  
  • 表现OLT和ONU装备的及时状态，包罗链路状态、性能指标等。   
    
  • 提供及时告警信息，如帧头错误、CRC校验错误等。   
    
     
  
• 汗青告警：
  
     
  
  • 表现汗青告警记载，支持按时间、装备、告警范例等条件过滤。   
    
  • 提供告警的具体信息和处理处罚状态。   
    
    
  

2.5 体系设置

  

• 用户管理：
  
     
  
  • 提供用户账号的添加、删除、编辑功能。   
    
  • 设置用户权限，如管理员、平凡用户等。   
    
     
  
• 参数设置：
  
     
  
  • 设置体系的全局参数，如老化计数器、默认转发战略等。   
    
  • 提供体系日记的查察和导出功能。   
    
    
  

3. 交互操持

  

• 表单操持：
  
     
  
  • 使用表单输入框、下拉菜单、开关按钮等控件，方便用户输入和选择设置参数。   
    
  • 提供表单验证功能，确保用户输入的参数符合要求。   
    
     
  
• 表格展示：
  
     
  
  • 使用表格展示装备列表、GEM PORT列表、告警记载等信息。   
    
  • 提供表格的排序、筛选、分页功能，方便用户查找和管理数据。   
    
     
  
• 操纵提示：
  
     
  
  • 在用户举行关键操纵时，提供确认提示，如删除装备、重启装备等。   
    
  • 提供操纵乐成的提示信息，如“设置已生存”、“装备已重启”等。   
    
     
  
• 动态更新：
  
     
  
  • 使用WebSocket或轮询机制，及时更新装备状态和告警信息。   
    
  • 提供主动革新功能，用户可以设置革新频率。   
    
    
  

4. 页面示例

以下是一个简单的页面示例，展示怎样操持GPON业务的前端页面：
4.1 装备管理页面

1. <template>
2.   <div>
3.     <h2>OLT设备管理</h2>
4.     <el-table :data="oltDevices" style="width: 100%">
5.       <el-table-column prop="id" label="设备ID"  />
6.       <el-table-column prop="ip" label="IP地址"  />
7.       <el-table-column prop="status" label="状态"  />
8.       <el-table-column label="操作" >
9.         <template #default="scope">
10.           <el-button type="text" @click="editOltDevice(scope.row)">编辑</el-button>
11.           <el-button type="text" @click="deleteOltDevice(scope.row)">删除</el-button>
12.         </template>
13.       </el-table-column>
14.     </el-table>
15.     <el-button type="primary" @click="addOltDevice">添加OLT设备</el-button>
16.   </div>
17. </template>

复制代码

4.2 链路设置页面

1. <template>
2.   <div>
3.     <h2>下行链路配置</h2>
4.     <el-form :model="downlinkConfig" label->
5.       <el-form-item label="PLOAM消息缓存使能">
6.         <el-switch v-model="downlinkConfig.ploamBufEn" />
7.       </el-form-item>
8.       <el-form-item label="帧头错误告警">
9.         <el-switch v-model="downlinkConfig.psyncErr" />
10.       </el-form-item>
11.       <el-button type="primary" @click="saveDownlinkConfig">保存配置</el-button>
12.     </el-form>
13.   </div>
14. </template>

复制代码

4.3 GEM PORT管理页面

1. <template>
2.   <div>
3.     <h2>GEM PORT配置</h2>
4.    

复制代码