ASTRO轻应用 ASTROZERO-组装“待处理工单”页面:定义模型并绑定页面组件

时间:2024-10-24 17:30:37

定义模型并绑定页面组件

页面模型负责与页面组件交互,获取显示工单需要的数据。结合页面展示需求,可知需要创建如下模型:

表2 模型分析

模型名称

作用

详细定义

workOrderList

保存工单的基本信息。

自定义模型,包含的字段节点如下,这些节点与工单对象的字段名称相同,加粗斜体内请替换为实际命名空间前缀:

  • HW__title__ CS T:工单标题,字段类型Text。
  • HW__workOrderId__CST:工单ID,字段类型Text。
  • HW__priority__CST:工单优先级,字段类型Text。
  • id:记录ID,字段类型Text。
  • HW__recoveryTime__CST:要求解决时间,字段类型Text。
  • HW__faultPhenomenon__CST:现场故障说明,字段类型Text。
  • HW__status__CST:工单状态,字段类型Text。
  • HW__instanceId__CST:工单绑定的BPM实例的id,字段类型Text。
  • HW__arriveTime__CST:要求到达时间,字段类型Text。
  • isDeal:判断工单状态字段,字段类型Bool。

queryCondition

查询条件。

自定义模型,包含字段节点:title,字段类型Text,与页面上的查询条件对应。

queryWorkOrder

查询工单。

服务模型,绑定公共接口“ queryWorkOrder”,调用查询工单逻辑。

total

保存满足查询条件的记录数,作为Scroll组件滚动显示时的累计记录数。

自定义模型,包含的字段节点如下:

  • currentTotal:当前页显示的数量,字段类型Text。
  • actualTotal:实际总数量,字段类型Text。
  1. 定义模型“workOrderList”。

    1. 单击“模型视图”,切换到模型视图。
    2. 在模型视图中,单击“新增模型”。
    3. 添加自定义模型,模型名称“workOrderList”,单击“下一步”。
    4. 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。
    5. 单击页面上方的,保存模型。

  2. 定义模型“queryCondition”。

    1. 在“模型视图”中,单击“新增模型”。
    2. 添加自定义模型,模型名称“queryCondition”,单击“下一步”。
    3. 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。
    4. 单击页面上方的,保存模型。

  3. 定义模型“total”。

    1. 在“模型视图”中,单击“新增模型”。
    2. 添加自定义模型,模型名称“total”,单击“下一步”。
    3. 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。
    4. 单击页面上方的,保存模型。

  4. 定义模型“queryWorkOrder”。

    1. 在“模型视图”中,单击“新增模型”。
    2. 添加服务模型,模型名称“queryWorkOrder”,单击“下一步”,
    3. “服务类型”选择“公共接口”,“选择项目”为“设备维修管理系统”,“搜索”中的接口选择“queryWorkOrder”,单击“下一步”,再单击“确定”。
    4. 单击页面上方的,保存模型。

  5. 绑定模型“workOrderList”。

    1. 单击“设计视图”,从“模型视图”切换到“设计视图”。
    2. 选中“列表视图容器”标签中的“列表视图”标签(不要选择列表视图容器),为其绑定“workOrderList”。
      图12 绑定数据模型
    3. 图13所示,选中“标题:”后的标签组件label,在右侧“属性”页签,单击“+”,增加属性值绑定,即设置“属性”为“文本内容”,“模型字段”为“workOrderList”下的“HW__title__CST”。
      图13 为标签绑定模型
    4. 依次为其他标签添加属性值绑定,具体绑定的字段如表3所示。
      表3 标签的属性值绑定

      所在分栏

      第一栏

      第二栏

      第二栏标签绑定的字段

      1

      标题:

      label

      workOrderList.HW__title__CST

      2

      单号:

      label

      workOrderList.HW__workOrderId__CST

      3

      状态:

      label

      workOrderList.HW__status__CST

      4

      要求到达时间:

      label

      workOrderList.HW__arriveTime__CST

      5

      要求解决时间:

      label

      workOrderList.HW__recoveryTime__CST

      6

      现场故障说明:

      label

      workOrderList.HW__faultPhenomenon__CST

      7

      优先级:

      label

      workOrderList.HW__priority__CST

    5. 为“处理”按钮添加属性值绑定,“属性”设置为“禁用”,绑定“workOrderList”的“isDeal”字段,绑定后为“workOrderList.isDeal”。
      图14 添加属性值绑定
    6. 单击页面上方的,保存设置。

  6. 绑定模型“queryCondition”。

    1. 选中“请输入工单完整标题”输入框,为其进行值绑定,绑定字段为“queryCondition.title”。
      图15 绑定工单标题
    2. 单击页面上方的,保存设置。

support.huaweicloud.com/bestpractice-astrozero/astrozero_07_1071.html