-
开发指导 - 产品数字化协同平台云服务
AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app
-
调试工具 - 产品数字化协同平台云服务
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结构
-
总体开发思路 - 产品数字化协同平台云服务
创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 我们可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口来实现灵活的可定制性，这样就可以在不同页面不同子系统中，复用同样的逻辑和功能了。
-
准备工作 - 产品数字化协同平台云服务
在命令行中输入以下命令来检查npm是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI：
-
注意事项 - 产品数字化协同平台云服务
尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 父主题： 外部无AUI依赖开发示例
-
页面JS基本使用与管理 - 产品数字化协同平台云服务
择在页面JS中新增的方法。 若需要执行JS方法，需要在变量中给方法名后添加括号，否则为字符串格式。 图4 自定义处理函数 单击“确定”。 在生命周期中绑定JS方法 生命周期介绍 这里的生命周期特指Vue的生命周期，Vue的生命周期可以简单分为四个阶段：创建阶段，挂载阶段，运行阶段，销毁阶段。
-
开发概述 - 产品数字化协同平台云服务
指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程
-
卡片上传使用 - 产品数字化协同平台云服务
在同一级目录。 图4 zip示例截图 图5 上传卡片 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。 使用卡片 卡片上传完成之后就可以在角色桌面中查看并使用了。 进入管理中心，选择“集成管理 > 卡片管
-
前端调试方法 - 产品数字化协同平台云服务
调试代码 调试代码最好保持本地环境和线上环境一致，这样基本保证修改缺陷不会被测试验证不通过。那怎么保持本地环境和线上保持一致呢？ Vue CLI的本地代理功能，在配置文件devServer.proxy中配置反向代理，这种方式最好弄一个网站作为中介代理，开发的时候只需要修改网站上的配置，本地服务不用重复启动。
-
BOX（盒子） - 产品数字化协同平台云服务
BOX（盒子） 使用场景 布局容器，内置插槽，可以拖入所有的组件元素，方便对页面进行布局、管理。 组件图标： BOX组件 组件在画布中的展示。 图1 BOX组件 父主题： 容器组件
-
页签 - 产品数字化协同平台云服务
页签 使用场景 将各类物料组件拖入进标签页组件中，分隔内容上有关联但属于不同类别的数据。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认页签 第一个展示选项卡的名称 下拉选择框 选项卡中非禁用、非隐藏的页签项 - √ 2
-
与其他服务的关系 - 产品数字化协同平台云服务
P向公有IP的转换，可实现VPC内的容器实例共享弹性公网IP访问Internet。 SNAT功能 内容分发网络（Content Delivery Network，CDN） 通过CDN实现网站图片的缓存和加速能力，缩短了用户查看内容的访问延迟。 图片缓存和加速能力
-
按钮 - 产品数字化协同平台云服务
按钮 使用场景 页面中承载操作的控件，如确认、提交、取消或下载等操作，也可用于表单表格中的操作。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 按钮名称 按钮中间显示的文本内容 多语言输入框 - 按钮 √ 2 按钮类型 按钮样式类型
-
折叠面板 - 产品数字化协同平台云服务
开启后，鼠标放在上后会显示提示内容。 提示内容 单击后在弹出编辑框中输入提示内容。 高级事件 表2 高级事件 事件名 触发条件 说明 onChange 折叠面板状态改变 单击折叠面板使折叠状态改变时触发 父主题： 容器组件
-
选择器 - 产品数字化协同平台云服务
选择器 使用场景 在页面中供用户选择多个数据，展示形式是下拉列表。 组件图标： 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 下拉框默认选中值 select选择框 - - √ 2 多选 设置下拉框是否可多选 switch开关 开/关
-
栅格布局（行容器） - 产品数字化协同平台云服务
栅格布局（行容器） 使用场景 通过基础的24分栏结构，迅速简便地创建栅格布局。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 栅格 一行中栅格的分栏数 布局选择器 24，12:12，6:18，18:6，16:8，8:8:8
-
单选框 - 产品数字化协同平台云服务
单选框 使用场景 用于选项选择，可以让用户在多选一中做选择操作。 组件图标： 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 多个选项时，控制默认值是什么 select选择框 选项属性添加选项后，默认值从中选择 - √ 2 禁用
-
步骤一：创建申请单及流程节点 - 产品数字化协同平台云服务
自制件BOM审核发布流程 添加“开始事件”“结束事件”“用户任务”“并行网关”和“内嵌子流程”组件到画布中。 修改组件名称：双击组件修改名称，或单击组件，在右侧的属性面板中修改组件名称。 “重新提交”用户任务组件，支持提交人发起流程后，将流程撤回到“重新提交”节点，重新修改内容后再次提交流程。
-
物料及模板 - 产品数字化协同平台云服务
缺点：需提前选中某一组件，且只能选中当前组件的相关父组件，无法选中所有组件。 图4 在底部节点树种选中组件 编辑组件 编辑组件在画布中的位置 选中组件后，可以继续通过拖拽的方式移动组件所处的位置，进而改变整个页面的布局。 选中组件后，在画布中会在组件周围用一个方框，框中当前所选的组件。通过快捷按钮调整组件位置。
-
流程设计 - 产品数字化协同平台云服务
如图1所示，添加四个组件，开始事件、结束事件和“用户任务”，并使用箭头进行连接。更多组件说明请参考组件介绍。 图1 创建流程节点 为组件添加属性及监听器。 选择“用户任务”组件，在右侧“常规”页签中设置“名称”“责任人”“责任群组”等信息。 选择“连接箭头”组件，在右侧“常规”页签中设置“中
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
