简搭云科技有限公司 简搭云科技有限公司
首页 (opens new window)
  • 可视化表单
  • 流程平台
  • 可视化大屏
  • 在线DB接口
  • 可视化表单
  • 优秀大屏设计
  • 3D样例
  • 视屏教学
  • 可视化表单系统 (opens new window)
  • 可视化大屏系统 (opens new window)
  • 可视化表单系统
  • 可视化大屏
  • 联系我们
  • 可视化表单系统 (opens new window)
  • 可视化大屏系统 (opens new window)

长沙市简搭云科技有限公司

长沙市简搭云科技有限公司
首页 (opens new window)
  • 可视化表单
  • 流程平台
  • 可视化大屏
  • 在线DB接口
  • 可视化表单
  • 优秀大屏设计
  • 3D样例
  • 视屏教学
  • 可视化表单系统 (opens new window)
  • 可视化大屏系统 (opens new window)
  • 可视化表单系统
  • 可视化大屏
  • 联系我们
  • 可视化表单系统 (opens new window)
  • 可视化大屏系统 (opens new window)
  • 可视化表单

  • 流程平台

  • 可视化大屏

    • 01、简介
    • 02、目录结构
      • 03、部署说明
      • 04、页面操作指引
      • 05、设计器操作指引
      • 06、组件集成指引
    • 动态DB接口

    • 操作手册
    • 可视化大屏
    简搭云软件
    2023-10-22
    国家能源集团
    成都智慧城市
    优必联智能装备
    河北启派科技
    深圳市量信科技
    杭州市奥哲软件
    绍兴瑞楠
    麓谷云
    南京优玛软件

    02、目录结构

    # 可视化大屏目录结构

    核心功能部分已经字体颜色已经标红

    路径(按照编辑器顺序) 功能备注
    Dist/* npm run build 打包生成的目录
    public/asset/* 2W+ echart实例中需要的一些数据资源
    Public/assets/* 文件静态资源
    public/temp/* 大屏背景图资源
    Public/vs/* monaco在线编辑器的依赖js
    Public/buildpublish.html 生成大屏vue template部分的代码模版
    Public/bigpublish.js 生成大屏vue js逻辑部分代码
    Public/jquery.tmpl.js Jquerytemplate js代码是生成vue源码的核心依赖js
    Public/jquery.min.js Jquery js
    Public/kylinjson.js Json 快速查找核心js
    Public/license.js 产品序列号js
    Bigscreen/public/index.html 编译打包html
    Public/beautifier.min.js 代码格式化js
    Src/assets/* 系统图片资源
    Src/components/* 可视化大屏组件文件
    Src/configs/* 系统编译环境变量配置
    Src/icons/* 图标字体组件
    Src/router/* 系统路由
    Src/store/* 系统全局变量集合
    Src/styles/* 系统样式集合
    Src/views/api/* 接口配置(Axios)+ 接口封装 + Mock
    Src/views/canvas-main/* 设计器布画面板,设计后渲染实现相关内容
    Src/views/components-panel/* 设计器左侧各种组件拖拽到布画栏功能实现相关内容
    Src/views/config-panel/* 设计器右侧各种组件属性配置和大屏属性配置栏实现相关内容
    Src/views/css/* 登录后首页相关公共样式。
    Src/views/echart/* 为2W+echart组件的能成功渲染,特意做了兼容
    Src/views/editor-context-menu/* 右击弹出菜单组件
    Src/views/footer-toolbar/* 布画下方设置布画大小,呈现布画的比。
    Src/views/header-toolbar/* 头部工具条组件功能
    Src/views/layer-panel/* 大屏设计的图层显示列表
    Src/views/login/* 大屏设计系统的登录界面。
    Src/views/monaco/* 大屏设计系统在线代码编辑器集合
    src/views/my-case/* 大屏设计教程列表
    Src/views/my-com/* 大屏设计自定义组件列表
    Src/views/my-db/* 大屏设计自定义在线Api接口管理
    Src/views/myhome/* 大屏设计登录后的首页
    Src/views/my-map/* 大屏设计全国4w+乡村地图信息
    Src/views/my-project/* 大屏设计器我的项目列表
    Src/views/preview/* 大屏设计器vue源码动态渲染功能
    Src/views/property-comm/* 大屏设计器属性编辑的特殊组件封装
    Src/views/utils/* 大屏设计系统通用功能封装
    Src/views/bgconfig.js 大屏设计器大屏基本属性模版js
    Src/views/comm.js 更改统一更改echart背景色,文字信息,图层的移动等功能封装
    Src/views/controlconfig.js 大屏设计器组件属性模版定义,定义各种组件的属性
    Src/views/eventconfig.js 大屏设计器组件事件配置模版。
    Src/views/index.vue 大屏设计器组件
    Src/views/propertyConfig.js 控件属性编辑控件类型配置

    # Src/views/canvas-main/* 目录结构说明

    路径(按照编辑器顺序) 功能备注
    Src/views/canvas-main/echarttheme.js 批量设置chart图表主题颜色,字体颜色。
    Src/views/canvas-main/cortrlpanel.vue 容器组件设计时渲染,如行列组件,每个列可以装载对应的组件
    Src/views/canvas-main/cortrlitem.vue 各类组件设计时渲染的组件
    Src/views/canvas-main/index.vue 设计器布画组件
    Src/views/canvas-main/datav-transform/index.vue 设计器布画具体某个组件容器渲染(主要针对位置,多拽位置,拉大,拉小,拉宽,拉窄)
    Src/views/canvas-main/datav-transform/grouptransform.vue 设计器布画具体几个组件成组后渲染 可以对其位置进行拖拽,拉大,拉小,拉宽,拉窄
    Src/views/canvas-main/datav-transform/index.js 组件拖拽,拉大,拉小,拉宽,拉窄时计算其位置。
    src\views\canvas-main\ruler\index.vue 刻度尺组件

    # Src/views/components-panel/*目录结构说明

    路径(按照编辑器顺序) 功能备注
    src\views\components-panel/index.vue 组件库组件
    Src/views/components-panel/draggablelist.vue 组件库中具体的组件
    Src/views/components-panel/other.vue 组件库中其他分类的组件

    # Src/views/config-panel/*目录结构说明

    路径(按照编辑器顺序) 功能备注
    Src/views/config-panel/index.vue 右侧属性组件入口
    Src/views/config-panel/page-config.vue 大屏属性编辑组件
    Src/views/config-panel/eventconfig.vue 组件事件配置组件
    Src/views/config-panel/comindex.vue 自定义组件编辑时属性编辑组件
    Src/views/config-panel/addattrconfig.vue 自定义组件编辑时 添加属性的功能
    Src/views/config-panel/property/index.vue 组件属性编辑组件
    Src/views/config-panel/property/elcolumn.vue
    Src/views/config-panel/property/customattr.vue 自定义组件自定义编辑的属性 添加
    Src/views/config-panel/property/jsonselector/* 字段映射组件
    Src/views/config-panel/property/datasource/* 数据源配置组件

    # Src/views/layer-panel/*目录结构说明

    路径(按照编辑器顺序) 功能备注
    Src/views/layer-panel/index.vue
    Src/views/layer-panel/layerindex.vue
    Src/views/layer-panel/collectcomm.vue

    # Src/views/preview/*目录结构说明

    路径(按照编辑器顺序) 功能备注
    Src/views/preview/index.vue Vue源码动态渲染根组件
    Src/views/preview/preview.vue 通过url 模版id查询数据库动态渲染组件
    Src/views/preview/comm.js 植入公共方法,方便在线编辑时任何地方都可以调用。
    Src/views/preview/compreview.vue 自定义组件预览组件
    Src/views/preview/compreviewindex.vue
    Src/views/preview/dbvueconfrol.vue 自定义源码组件渲染
    Src/views/preview/fromdialog.vue 弹出层 打开可视化大屏预览
    Src/views/preview/vuecontrol.vue 自定义组件源码渲染的
    上次更新: 2024/02/19, 23:02:23
    01、简介
    03、部署说明

    ← 01、简介 03、部署说明→

    简搭云软件 | Copyright © 2021-2025 长沙市简搭云科技有限公司
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×