|
@@ -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 ] |
|
|
|
|
|
+
|