Browse Source

配置文档说明

zhuth 7 years ago
parent
commit
315cc2870c
1 changed files with 58 additions and 13 deletions
  1. 58 13
      frontend/saas-web/Readme.md

+ 58 - 13
frontend/saas-web/Readme.md

@@ -1,11 +1,11 @@
 # 精简SaaS前端界面配置说明
 # 精简SaaS前端界面配置说明
 ## 导航栏配置
 ## 导航栏配置
 
 
-- 配置文件:
+#### 配置文件
 ```
 ```
 resources/json/navigation.json
 resources/json/navigation.json
 ```
 ```
-- 格式样例:
+#### 格式样例:
 ```json
 ```json
 [{
 [{
     "text": "采购",
     "text": "采购",
@@ -27,7 +27,7 @@ resources/json/navigation.json
     }]
     }]
 }]
 }]
 ```
 ```
-- 字段说明
+#### 字段说明
 ```
 ```
 text: 一级菜单项名称
 text: 一级菜单项名称
 iconCls: 一级菜单项图标
 iconCls: 一级菜单项图标
@@ -42,23 +42,25 @@ items[i].items[i].addType: 可选设置,添加“新增”按钮,点击进
 ```
 ```
 
 
 ## 主从表配置
 ## 主从表配置
-- 基础主从表组件
+#### 基础主从表组件
 ```
 ```
 view: view.core.form.FormPanel
 view: view.core.form.FormPanel
 controller: view.core.form.FormPanelController
 controller: view.core.form.FormPanelController
 viewModel: view.core.form.FormPanelModel
 viewModel: view.core.form.FormPanelModel
 ```
 ```
-自定义的主从表view、controller、viewModel需要继承自以上基础组件。
+- 自定义的主从表view、controller、viewModel需要继承自以上基础组件。
 
 
-- 配置字段说明
+
+#### 配置字段说明
 
 
 | 字段名 | 说明 | 必填 | 样例 |
 | 字段名 | 说明 | 必填 | 样例 |
 | --- | --- | --- | --- |
 | --- | --- | --- | --- |
 | extend | 继承,默认继承基础主从表 | √ | "saas.view.core.form.FormPanel" |
 | extend | 继承,默认继承基础主从表 | √ | "saas.view.core.form.FormPanel" |
-| xtype | 格式为'-'连接的该文件全小写路径 | √ | "purchase-purchase-formpanel" |
+| xtype | 文件路径,使用'-'连接,全小写 | √ | "purchase-purchase-formpanel" |
 | controller | 控制层,可定义自定义的方法等。命名与xtype一致 | x | "purchase-purchase-formpanel" |
 | controller | 控制层,可定义自定义的方法等。命名与xtype一致 | x | "purchase-purchase-formpanel" |
 | viewModel | Model层,可定义数据绑定关系等。命名与xtype一致 | x | "purchase-purchase-formpanel" |
 | viewModel | Model层,可定义数据绑定关系等。命名与xtype一致 | x | "purchase-purchase-formpanel" |
 | viewName | 用于获取界面自定义配置 | x | "purchase-purchase-formpanel" |
 | viewName | 用于获取界面自定义配置 | x | "purchase-purchase-formpanel" |
+| caller | 用于获取单据编号 | √ | "Purchase" |
 | addTitle | 新增时打开的页面标题 | √ | "采购单" |
 | addTitle | 新增时打开的页面标题 | √ | "采购单" |
 | idField | id字段 | √ | "id" |
 | idField | id字段 | √ | "id" |
 | codeField | 编号字段 | √ | "pu_code" |
 | codeField | 编号字段 | √ | "pu_code" |
@@ -70,11 +72,11 @@ viewModel: view.core.form.FormPanelModel
 | deleteUrl | 删除接口 | √ | basePath + "purchase/purchase/delete" |
 | deleteUrl | 删除接口 | √ | basePath + "purchase/purchase/delete" |
 | deleteDetailUrl | 删除明细接口 | √ | basePath + "purchase/purchase/deleteItem" |
 | deleteDetailUrl | 删除明细接口 | √ | basePath + "purchase/purchase/deleteItem" |
 | toolBtns | 自定义按钮 | x | [ Button ] |
 | toolBtns | 自定义按钮 | x | [ Button ] |
-| defaultItems | 界面字段 | √ | [ Fields ]|
+| defaultItems | 界面字段 | √ | [ Field ]|
 
 
-主表字段配置说明
+##### 主表字段配置说明
 
 
-_包括部分原有配置和主从表专属配置_
+包括部分原有配置和主从表专属配置,不包括detailGridField
 
 
 | 字段 | 说明 | 必填 | 样例 |
 | 字段 | 说明 | 必填 | 样例 |
 | --- | --- | --- | --- |
 | --- | --- | --- | --- |
@@ -82,7 +84,7 @@ _包括部分原有配置和主从表专属配置_
 | ignore | 是否忽略,为真时getFormData方法不会得到该字段值 | x | true |
 | ignore | 是否忽略,为真时getFormData方法不会得到该字段值 | x | true |
 | defaultValue | 默认值 | x | "1001" |
 | defaultValue | 默认值 | x | "1001" |
 
 
-从表配置说明
+##### 从表配置说明
 
 
 从表被定义为一个formfield(_xtype=detailGridField_),可以与其他字段一同放到主从表的items中。
 从表被定义为一个formfield(_xtype=detailGridField_),可以与其他字段一同放到主从表的items中。
 
 
@@ -92,11 +94,54 @@ _包括部分原有配置和主从表专属配置_
 | detnoColumn | 序号列 | √ | "pud_detno" |
 | detnoColumn | 序号列 | √ | "pud_detno" |
 | columns[i].ignore | 是否忽略,为真时在调用保存方法时不会取到该列值 | x | true |
 | columns[i].ignore | 是否忽略,为真时在调用保存方法时不会取到该列值 | x | true |
 
 
+- 需要根据columns在models文件夹下添加storeModel对应的Model
+
+---
 
 
 ## 查询列表配置
 ## 查询列表配置
-- 基础组件
+#### 基础查询列表组件
 ```
 ```
 view: view.core.query.QueryPanel
 view: view.core.query.QueryPanel
 controller: view.core.query.QuertPanelController
 controller: view.core.query.QuertPanelController
 viewModel: view.core.query.QueryPanelModel
 viewModel: view.core.query.QueryPanelModel
-```
+```
+#### view配置字段说明
+
+| 字段 | 说明 | 必填 | 样例 |
+| --- | --- | --- | --- |
+| extend | 一般需要继承基础查询列表组件 | √ | "saas.view.core.query.QueryPanel" |
+| xtype | 文件路径,使用'-'连接,全小写 | √ | "purchase-purchase-querypanel" |
+| controller | 控制层,可定义自定义的方法等。命名与xtype一致 | x | "purchase-purchase-querypanel" |
+| viewModel | Model层,可定义数据绑定关系等。命名与xtype一致 | x | "purchase-purchase-querypanel" |
+| viewName | 用于获取界面自定义配置 | x | "purchase-purchase-querypanel" |
+| queryFormItems | 查询字段 | √ | 参看[查询字段配置说明](#cxzd) |
+| moreQueryFormItems | 更多查询字段 | x | 参看[查询字段配置说明](cxzd) |
+| queryGridConfig | 查询列表配置 | √ | 参看[列表配置说明](#) |
+
+查询字段配置说明
+
+
+| 字段 | 说明 | 必填 | 样例 |
+| --- | --- | --- | --- |
+| xtype | 字段类型 | √ | "textfield" |
+| name | 字段绑定名 | √ | "pu_vendname" |
+| fieldLabel | 字段名| x | "供应商名称" |
+| fieldType | 字段类型,默认根据xtype自动创建,可以指定["string", "date", "number", "enum"] | x | "string" |
+| operation | 字段条件连接符,默认根据xtype自动创建 | x | "between" |
+| getCondition | 自定义条件规则,定义后将使用该方法生成条件,传入参数为字段value,返回sql条件 | x | function(value) { return "pu_vendname like'" + value + "'" } |
+| showDetail | 当该值为true时,该字段生成条件后查询结果将以关联列表展示 | x | true |
+| isShowDetail | 自定义需要按照关联列表显示的条件,传入参数为字段value,返回Boolean,默认返回!!value | x | function(value) {return !!value;} |
+
+列表配置说明
+
+| 字段 | 说明 | 必填 | 样例 |
+| --- | --- | --- | --- |
+| idField | id字段 | √ | "pu_id" |
+| codeField | code字段 | √ | "pu_code" |
+| addTitle | 单据名称,新增tab标题 | √ | "采购单" |
+| addXtype | 主从表单据xtype | √ | "purchase-purchase-formpanel" |
+| defaultCondition | 默认条件 | x | "pu_class='采购单'" |
+| baseVastUrl | 查询列表接口 | √ | basePath + "purchase/purchase/" |
+| baseColumn | 基础列配置 | √ | [ Column ] |
+| relativeColumn | 关联列设置 | x | [ Column ] |
+