# 国家电网

**Repository Path**: anlan/state_grid

## Basic Information

- **Project Name**: 国家电网
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-06-04
- **Last Updated**: 2021-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


#代码说明
--|src
   --|compoments 组件
         --|portrait
               cytoscape 图表
               echarts 图表
         Menu 菜单
         Top 顶部
   --|views 页面
      --|report 报表功能
            reportAng 分析类报表
            reportBase 基础类报表
            reportLog 日志类报表
            reportSafe 安全类报表
            reportSub 辅助类报表
      sysServer 服务设置
      sysLog 日志列表
      sysAcount 账户设置
      sysRoleSetting 角色设置
      sysRole 角色管理
      sysBase 基本设置
      businessPortrait 画像对象
      businessNet 网络组件
      businessApp 应用组件
      businessTrade 交易组建
      businessUrl URL交易
      businessAlert 告警设置
      businessEvent 事件设置
      businessAddress 地址设置
      businessSave 安全设置
      conversion 会话
      log 日志
      event 安全事件
      portrait1 网络画像
      portrait2 业务画像
      login 登录
      index 首页








# UI

https://lanhuapp.com/url/MJfep
https://lanhuapp.com/url/SnKvV-5rLBR


# 插件
http://js.cytoscape.org/
https://gallery.echartsjs.com/editor.html?c=xB1XmPH9jb




# 运行项目
1.安装插件 yarn install
2.本地运行 yarn run serve
3.build项目 yarn run build  



#原型
原型地址：https://2gyxa7.axshare.com，密码：1234   


#bug List
1.圆盘上各个图标添加名称提示文字
2.拓扑图有告警消息的，按照视觉样式
3.拓扑图右下角的缩略图是当前下面的小图，现在缺失，需要补充
7.路径分析缺少节点间的线 - 【UI裁图】

    
<diagram-echarts :show="diagram.c5" type="3"></diagram-echarts>





dialogAddForm: {
        name: "",
        ip: "",
        desc:""
      },


dialogAddSubmit(){
      if(this.dialogAddForm.name.length < 3 || this.dialogAddForm.name.length > 10 ){
        alert('长度不小于数字3字符或3个字母或3个中文字符， 最大不超10个中文字符');
        return;
      }
      let reg = /(((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))\.){3}((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))/;
       if (!reg.test(this.dialogAddForm.ip)) {
        alert("只允许IPv4地址由4组数字组成，每组数字之间以.分隔，每组数字的取值范围是0~255");
        return false;
      }

    },

   
   dialogAddForm.name
   dialogAddForm.ip

   dialogAddSubmit



    v-model="dialogAddForm.desc"
    v-model="dialogAddForm.ip"
    v-model="dialogAddForm.name"