データ・ディクショナリを使用しjeecgboot

データ・ディクショナリを使用しjeecgboot

ドロップダウンボックスを使用して入力ページ

ショーケース

実現を

1. データ辞書の定義
   
2. 参照と呼びJDictSelectTagコンポーネント

import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
export default {
    ....
     components: {
       JDate,
       CustomerModal,
       JDictSelectTag
     },
     ...
}

<j-dict-select-tag :triggerChange="true" v-model="queryParam.type1Id" placeholder="请选择类型" dictCode="customer_type"/>

dictCodeコードは、データ・ディクショナリに定義されています。

一覧ページが表示され、データ・ディクショナリ

効果を表示
する前に治療を

後処理

達成するために

1. Entityクラスの注釈

@Dict(dicCode = "customer_type")
private String type1Id;

dicCodeコードは、データ・ディクショナリに定義されています。

1. テーブルの列の定義を変更します。

{
  title:'类型',
   align:"center",
   dataIndex: 'type1Id_dictText',
 },

dataIndex値フィールド名+「_ dictText」
変更は、データソースVUEを表示することができます。

リストページが表示され、関連するテーブル

効果を表示
する前に治療を

後処理

達成するために

1. Entityクラスの注釈

@Dict(dicCode = "id",dictTable = "sys_user",dicText = "realname")
private String managerId;

dicCode为关联表的组件
dictTable为关联表
dicText 为需要显示的内容

1. テーブルの列の定義を変更します。

{
  title:'负责人',
   align:"center",
   dataIndex: 'managerId_dictText'
 },

一貫したdataIndexは、フィールド名+「_ dictText」とデータ辞書です。