用于自定義的列表頁面，高級查詢按鈕。 ### 1.使用： ~~~ <super-query :config="superQueryConfig" @search="handleSuperQuery"/> <!-- xxx省略其他代碼 --> <script lang="ts"> import SuperQuery from '/@/components/jeecg/super/superquery/SuperQuery.vue' // 高級查詢配置 const superQueryConfig = reactive({ name:{ title: "名稱", view: "text", type: "string", order: 1 }, sex:{ title: "性別", view: "list", type: "string", enum: [{value: '1', title: '男'}, {value: '2', title: '女'}], order: 6 }, subTable:{ title: "子表", view: "table", fields:{ name:{ title: "名稱2", view: "text", type: "string", order: 1 }, } } }) //執行查詢 function handleSuperQuery(params) { Object.keys(params).map(k=>{ queryParam[k] = params[k] }); searchQuery(); } //xxx省略其他代碼 </script> ~~~ ### 2.說明：superQueryConfig 配置 >語法： 字段名：{字段配置信息} | 屬性 |描述 | | --- | --- | | title | 標題 /字段描述 | | view | 字段展示類型| | type | 字段數據類型，日期時間的傳string| | order| 字段順序| 其他配置參考以下示例 ### 3.配置示例： - 文本框： `name:{ title: "名稱", view: "text", type: "string", order: 1 }` - 下拉框(只能傳enum)： `sex:{ title: "性別", view: "list", type: "string", enum: [{value: '1', title: '男'}, {value: '2', title: '女'}], order: 2 },` - 下拉多選框(可以設置數據字典，也可以配置表 )： `sports:{ title: "下拉多選", view: "list_multi", type: "string", dictCode: "sports", order: 3 },` `userSelect:{ title: "下拉多選2", view: "list_multi", type: "string", dictTable: "sys_user", dictCode: "username", dictText: "realname", order: 3 },` - 下拉搜索框(只能配置表)： `userSearch:{ title: "下拉搜索", view: "sel_search", type: "string", dictTable: "sys_user", dictCode: "username", dictText: "realname", order: 4 },` - 日期框： `birthday:{ title: "生日", view: "date", type: "string", order: 5 },` - 時間框： `createTime:{ title: "創建時間", view: "datetime", type: "string", order: 6 },` - 數字框： `age:{ title: "年齡", view: "number", type: "number", order: 7 },` - 分類樹： `catTree:{ title: "分類樹", view: "cat_tree", type: "string", order: 8 },` - 用戶選擇： `userSelect2:{ title: "選擇用戶", view: "sel_user", type: "string", order: 9 },` - 部門選擇： `departSelect:{ title: "選擇部門", view: "sel_depart", type: "string", order: 10 },` - 省市區： `pca:{ title: "省市區", view: "pca", type: "string", order: 12 },` - popup： `popup:{ title: "popup", view: "popup", type: "string", order: 11, code: "report_user", destFields: "popup", orgFields: "realname", popupMulti: true },` ### 4.從表字段配置說明： ``` 從表名：{ title: "表描述", view: "table", fields:{ 字段配置 } } 如： subTable:{ title: "子表", view: "table", fields:{ name:{ title: "名稱2", view: "text", type: "string", order: 1 }, } } ``` ### 5.查詢觸發傳值  - 如果是單表：field只傳遞字段名 - 如果有從表，field會傳遞`從表名,字段名` - 此處僅前端實現了從表的邏輯，后臺默認不處理從表的信息，需要用戶自行處理。 >[warning] 如果界面查詢無效果，那應該是后端報錯了，請檢查字段配置是否正確。