利用規約< ...", "categories":[] } ``` |Key|Description|Required|Type|Use html| |-----|-----------|--------|-------|:-:| |version| jsonのバージョン管理に使ってください。画面に表示しません。 |false|String| | |title|画面上部のタイトルを設定|false|String| | |description|画面上部の説明文を設定|false|String|○| |terms_html|利用規約のHTMLを設定|false|String|○| |categories| カテゴリーの配列 |true|[Category]| | ### Category Category配列の順番が、画面表示時の順番になります。 ```json { "categories": [ { "name": "パソコンサポート", "description": "", "propagation_groups":[], "processes": [], "extra_computeds": [] } ] } ``` |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |name| カテゴリーの表示名 |true|String| | |description| カテゴリーの端的な説明 ※表示していません。 |false|String| | |propagation_groups| 伝播グループの配列 |false|[PropagationGroup]| | |processes| プロセスの配列 |true|[Process]| | |extra_computeds| 追加のコンピューテッド(自動計算) |false|[ExtraComputed]| | ### Process Process配列の順番が、画面表示時の順番になります。 ```json { "categories": [ { "processes": [ { "name": "サポートメニュー", "base": true, "items":[] } ] } ] } ``` |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |name| プロセスの表示名 |true|String| | |base| 後述する、item.type: "dependence" の時にベースとなるプロセスにtrueを設定します。|false|Boolean| | |items| アイテムの配列 |true|[Item]| | ### Item Item配列の順番が、画面表示時の順番になります。 ```json { "categories": [ { "processes": [ { "items": [ { "item_id": "7e249a24-ebc7-4f87-b1c5-d77bd37e430c", "name": "簡易サーバー構築セット", "is_disabled": false, "is_required": false, "description": "セット内容: レンタルサーバの設定、ドメイン・DNSの設定、ホームページ・Webサイトのデプロイ、一時的なアクセス制限、無料SSL(https)設定", "type": "static", "quantity": 0, "cost": 0, "detail_static": { "unit_cost": 15000 }, "detail_dynamic": { "unit_name": "回", "unit_mass": 1, "unit_description": "(例: 色変更、フォント変更、画像差し替えなどをまとめて承り、１回とカウントします。)", "unit_cost": 20000, "min_quantity": 0, "max_quantity": 10 }, "detail_dependence": { "coefficient": 0.12 } } ] } ] } ] } ``` |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |item_id| itemのID。UUID形式である必要はないですが、ユニークである必要はあります。 |true|String| | |name| 項目名 |true|String| | |is_disabled| 初期状態で編集不可かどうかを設定します。ユーザーの操作で変動する項目。 |true|Boolean| | |is_required| 必須項目設定 赤字で必須であるメッセージがでます。今の所、制御では使っていません。飾りです。 |true|Boolean| | |description| 説明 |true|String|○| |type| static/dynamic/dependenceのいずれかを設定します。 また、typeの設定に合わせてdetail_static/detail_dynamic/detail_dependenceのいずれかを設定します。|true|String| | |quantity| 初期状態での数量を設定します。ユーザーの操作で変動する項目。 特に理由がなければ初期値0を設定します。 |true|Number| | |cost| 項目の小計を設定します。ユーザーの操作で変動する項目。 特に理由がなければ初期値0を設定します。 |true|Number| | |detail_static| type:"static"を設定した場合は必須です。 |false|DetailStatic| | |detail_dynamic| type:"dynamic"を設定した場合は必須です。 |false|DetailDynamic| | |detail_dependence| type:"dependence"を設定した場合は必須です。 |false|DetailDependence| | item.type |Key|Name|Description|input tag| |-----|----|--------|----| |static|静的項目|0~1個の注文になる項目|checkbox| |dynamic|動的項目|0~n個の注文になる項目|range| |dependence|依存項目|baseとなるプロセスのアイテムの小計に、係数をかけて金額を出す項目|checkbox| DetailStatic |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |unit_cost| 単価 |true|Number| | DetailDynamic |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |unit_name| 単位名 |true|String| | |unit_mass| 注文単位 例えば本の出版など、100部ずつ発注させたい場合は、100を設定します。 |true|Number| | |unit_description| 単位の説明 |true|String| | |unit_cost| 単価 |true|Number| | |min_quantity| 発注数の最小数。0を設定してください。0以外は未対応。 |true|Number| | |max_quantity| 発注数の最大数。 |true|Number| | DetailDependence |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |coefficient| 係数 baseとなるプロセスのアイテムの小計にこの係数を掛け合わせたものが、このアイテムのcostになります。 |true|Number| | ### Propagation アイテムを編集した際に、他のアイテムに対して影響を与えたい場合があります。 例) - 宇宙船製造の発注をする場合だけ、内装のオプションを注文できるようにしたい。内装だけの注文は断りたい。 - 火星探索を注文した場合、木星探索は発注させたくない。同時にできないから片方だけの注文にさせたい。 あるアイテムAを変化させたときにあるアイテムBに指定した影響を与えるという設定を、`Propagation` 伝播 で行います。 仕様 - 同一グループ内で矛盾した設定も許すが、配列の最後のものが優先される。 - 他グループとの矛盾した設定も許すが、配列の最後のものが優先される。 - 違うカテゴリーのアイテムIDは設定できない。 ```json { "categories": [ { "propagation_groups": [ { "description": "〇〇市内を選んだら他は選べない。〇〇市内を外したら、他のものが選べるようになります。", "propagations": [ { "from_id": "55dd4635-cf8c-4ee8-8878-1fef35b88b56", "to_id": "63107151-869e-4963-af89-5ea5fa966e2c", "type": "ONE_TO_DISABLE" }, { "from_id": "55dd4635-cf8c-4ee8-8878-1fef35b88b56", "to_id": "63107151-869e-4963-af89-5ea5fa966e2c", "type": "ZERO_TO_ABLE" } ] }, ], } ] } ``` PropagationGroup |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |description| 伝播の説明。 画面には現れません。メモ書き。|false|String| | |propagations| 伝播設定の配列 |false|[Propagation]| | Propagation |Key|Description|Required|Type| |-----|-----------|--------|----| |from_id| A側のアイテムのID。 |true|String| |to_id| B側のアイテムのID。 |true|String| |type| 伝播のタイプ |true|String| propagation.type |Key|Description| |-----|-----------| |ZERO_TO_ZERO|Aが0になった時、Bを0にする| |ONE_TO_ONE|Aが1になった時、Bを1にする| |N_TO_N|AがNになった時、BをNにする| |ZERO_TO_DISABLE|Aが0になった時、Bを編集不可にする| |ZERO_TO_ABLE|Aが0になった時、Bを編集可にする| |ONE_TO_DISABLE|Aが1になった時、Bを編集不可にする| |ONE_TO_ABLE|Aが1になった時、Bを編集可にする| ### ExtraComputed 画面上部の固定エリア上に、独自定義のラベルを設定します。 ```json { "categories": [ { "extra_computeds": [ { "description": "インターネット接続設定の総発注数を表示する", "calc_result": "", "is_show": true, "trigger_item_ids":["a1aff844-9f4f-4520-ac4d-40f593de9809", "7ea3f236-1b23-4ce5-b103-35416d84ff5e", "db7e538d-dc4b-4440-903e-a4f6fa19e302", "c2e972cf-0e4c-4336-b504-bb54e921265a"], "var_items": [ { "var_name": "a", "item_id": "a1aff844-9f4f-4520-ac4d-40f593de9809", "property": "quantity" }, { "var_name": "b", "item_id": "7ea3f236-1b23-4ce5-b103-35416d84ff5e", "property": "quantity" }, { "var_name": "c", "item_id": "db7e538d-dc4b-4440-903e-a4f6fa19e302", "property": "quantity" }, { "var_name": "d", "item_id": "c2e972cf-0e4c-4336-b504-bb54e921265a", "property": "quantity" } ], "calc_logic": "'合計' + (a + b + c + d) + '回線'", "show_logic": "a + b + c + b > 0" } ], } ] } ``` |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |description| 説明。 画面には現れません。メモ書き。 |false|String| | |calc_result| 画面表示の初期値。特に理由がなければ "" を設定しておく。後述のcalc_logicで変化する。|true|String| | |is_show| 画面表示するかを制御する。後述のshow_logicで変化する。|true|Boolean| | |trigger_item_ids| ここに指定したitemの数量が変化した時に発火する。|true|[String]| | |var_items| calc_logicとshow_logicで使う変数を設定する。 |true|[VarItem]| | |calc_logic| 結果がnumberかstringになるように記述してください。 |true|String| | |show_logic| 結果がbooleanになるように記述してください。 |true|String| | VarItem ```json { "categories": [ { "extra_computeds": [ { "var_items": [ { "var_name": "a", "item_id": "a1aff844-9f4f-4520-ac4d-40f593de9809", "property": "quantity" }, { "var_name": "b", "item_id": "7ea3f236-1b23-4ce5-b103-35416d84ff5e", "property": "quantity" }, { "var_name": "c", "item_id": "db7e538d-dc4b-4440-903e-a4f6fa19e302", "property": "quantity" }, { "var_name": "d", "item_id": "c2e972cf-0e4c-4336-b504-bb54e921265a", "property": "quantity" } ], } ], } ] } ``` |Key|Description|Required|Type|Use html| |-----|-----------|--------|----|:-:| |var_name| 接頭辞 |true|String| | |item_id| 接尾辞 |true|String| | |property| Itemの各キーを設定してください。quantity / cost 等 |true|String| | --- _Source: https://npm.io/package/mitsumori-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._