|  |  |  | 
|---|
|  |  |  | ElFormItem, | 
|---|
|  |  |  | } from 'element-plus' | 
|---|
|  |  |  | import { injectModel } from '@/libs/Provider/Provider' | 
|---|
|  |  |  | // å¼å
¥å
Œ
±é项é
ç½® | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | FILTER_MODE_OPTIONS_STRING | 
|---|
|  |  |  | } from '@/components/DyFormForHighQuery/DyFormForHighQueryOptions'; | 
|---|
|  |  |  | // å¼å
¥å
Œ
±é项é
ç½® | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | FILTER_MODE_OPTIONS_STRING | 
|---|
|  |  |  | } from '@/components/DyFormForHighQuery/DyFormForHighQueryOptions'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | interface RenderTableType { | 
|---|
|  |  |  | url?: string | 
|---|
|  |  |  | 
|---|
|  |  |  | // æ°å¢çæ¥è¯¢æ¡ä»¶ | 
|---|
|  |  |  | const queryForm = ref({ | 
|---|
|  |  |  | searchVal: '', | 
|---|
|  |  |  | str_searchFormInputAttrs:[], | 
|---|
|  |  |  | searchVal_FilterMode:'' | 
|---|
|  |  |  | str_searchFormInputAttrs:[], | 
|---|
|  |  |  | searchVal_FilterMode:'' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | //å®ä¹æ´ä½æ¨¡ç³æ¥è¯¢çåæ°ç»(注æï¼å¿
须大å°åè·å端çå®ä½ç±»å±æ§åä¸è´ï¼å¦åä¼å¯¼è´å¹é
ä¸å¯¹çé®é¢) | 
|---|
|  |  |  | const _searchFormInputAttrs = ref([ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // ç»ä»¶æè½½æ¶è·åæä¸¾æ°æ® | 
|---|
|  |  |  | onMounted(() => { | 
|---|
|  |  |  | fetchEnumData() | 
|---|
|  |  |  | queryForm.value.searchVal_FilterMode = FILTER_MODE_OPTIONS_STRING[0]?.value || ''; | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | // å®ä¹ååºå¼æ¥è¯¢æ°æ® | 
|---|
|  |  |  | const _curHighQueryData = ref({ searchVal: '',str_searchFormInputAttrs:[],searchVal_FilterMode:'' }); | 
|---|
|  |  |  | // ç»ä»¶æè½½æ¶è·åæä¸¾æ°æ® | 
|---|
|  |  |  | onMounted(() => { | 
|---|
|  |  |  | fetchEnumData() | 
|---|
|  |  |  | queryForm.value.searchVal_FilterMode = FILTER_MODE_OPTIONS_STRING[0]?.value || ''; | 
|---|
|  |  |  | _curHighQueryData.value.searchVal_FilterMode = queryForm.value.searchVal_FilterMode; | 
|---|
|  |  |  | _curHighQueryData.value.str_searchFormInputAttrs = _searchFormInputAttrs.value; | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // å®ä¹ååºå¼æ¥è¯¢æ°æ® | 
|---|
|  |  |  | const _curHighQueryData = ref({ searchVal: '',str_searchFormInputAttrs:[],searchVal_FilterMode:'' }); | 
|---|
|  |  |  | // æ°ççæ¥è¯¢æ¹æ³ï¼ä¸»é¡µé¢ä¸çæé®ãæ¥è¯¢ãï¼ | 
|---|
|  |  |  | const handleQueryForMain = async () => { | 
|---|
|  |  |  | _curHighQueryData.value.searchVal = queryForm.value.searchVal; | 
|---|
|  |  |  | _curHighQueryData.value.searchVal_FilterMode = queryForm.value.searchVal_FilterMode; | 
|---|
|  |  |  | _curHighQueryData.value.searchVal_FilterMode = queryForm.value.searchVal_FilterMode; | 
|---|
|  |  |  | _curHighQueryData.value.str_searchFormInputAttrs = _searchFormInputAttrs.value; | 
|---|
|  |  |  | tableRef.value.getList(_curHighQueryData.value) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | // æ°ççæ¥è¯¢éç½® | 
|---|
|  |  |  | const resetQuery = () => { | 
|---|
|  |  |  | queryForm.value.searchVal = '' | 
|---|
|  |  |  | queryForm.value.searchVal_FilterMode = FILTER_MODE_OPTIONS_STRING[0]?.value || ''; | 
|---|
|  |  |  | queryForm.value.searchVal_FilterMode = FILTER_MODE_OPTIONS_STRING[0]?.value || ''; | 
|---|
|  |  |  | queryForm.value.str_searchFormInputAttrs=_searchFormInputAttrs.value; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //æ°ççå¯¼åºæ¹æ³ | 
|---|
|  |  |  | 
|---|
|  |  |  | const commonSaveCurHighQueryData=(filteredData={})=>{ | 
|---|
|  |  |  | _curHighQueryData.value = { ..._curHighQueryData.value, ...filteredData }; | 
|---|
|  |  |  | _curHighQueryData.value.searchVal = queryForm.value.searchVal | 
|---|
|  |  |  | _curHighQueryData.value.searchVal_FilterMode = queryForm.value.searchVal_FilterMode | 
|---|
|  |  |  | _curHighQueryData.value.searchVal_FilterMode = queryForm.value.searchVal_FilterMode | 
|---|
|  |  |  | _curHighQueryData.value.str_searchFormInputAttrs =_searchFormInputAttrs.value; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | //è·åé«çº§æ¥è¯¢å¼¹åºæ¡çæ¥è¯¢å¼ | 
|---|
|  |  |  | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | //ç»åæ¨¡ç³æ¥è¯¢ | 
|---|
|  |  |  | filteredData.searchVal = queryForm.value.searchVal | 
|---|
|  |  |  | filteredData.searchVal_FilterMode = queryForm.value.searchVal_FilterMode | 
|---|
|  |  |  | filteredData.searchVal_FilterMode = queryForm.value.searchVal_FilterMode | 
|---|
|  |  |  | filteredData.str_searchFormInputAttrs =_searchFormInputAttrs.value; | 
|---|
|  |  |  | return filteredData; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | </IconButton> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <ElFormItem style={{ marginTop: '15px' }}> | 
|---|
|  |  |  | <ElFormItem label="å
³é®å"  > | 
|---|
|  |  |  | <ElFormItem label="å
³é®å"> | 
|---|
|  |  |  | <el-tooltip | 
|---|
|  |  |  | class="box-item" | 
|---|
|  |  |  | effect="dark" | 
|---|
|  |  |  | content={searchFormInputAttrs_Placeholder.value} | 
|---|
|  |  |  | placement="top-start" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {/* <ElSelect></ElSelect> */} | 
|---|
|  |  |  | <ElInput | 
|---|
|  |  |  | v-model={queryForm.value.searchVal} | 
|---|
|  |  |  | placeholder={searchFormInputAttrs_Placeholder.value} | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </el-tooltip> | 
|---|
|  |  |  | </ElFormItem> | 
|---|
|  |  |  | <ElFormItem label="" style="width:100px;"> | 
|---|
|  |  |  | <ElSelect | 
|---|
|  |  |  | v-model={queryForm.value.searchVal_FilterMode} | 
|---|
|  |  |  | placeholder="è¯·éæ©" | 
|---|
|  |  |  | class={styles.formItem} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {FILTER_MODE_OPTIONS_STRING.map((option) => ( | 
|---|
|  |  |  | <ElOption | 
|---|
|  |  |  | key={option.value} | 
|---|
|  |  |  | label={option.label} | 
|---|
|  |  |  | value={option.value} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | ))} | 
|---|
|  |  |  | </ElSelect> | 
|---|
|  |  |  | </ElFormItem> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <ElFormItem label="" style="width:100px;"> | 
|---|
|  |  |  | <ElSelect | 
|---|
|  |  |  | v-model={queryForm.value.searchVal_FilterMode} | 
|---|
|  |  |  | placeholder="è¯·éæ©" | 
|---|
|  |  |  | class={styles.formItem} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {FILTER_MODE_OPTIONS_STRING.map((option) => ( | 
|---|
|  |  |  | <ElOption | 
|---|
|  |  |  | key={option.value} | 
|---|
|  |  |  | label={option.label} | 
|---|
|  |  |  | value={option.value} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | ))} | 
|---|
|  |  |  | </ElSelect> | 
|---|
|  |  |  | </ElFormItem> | 
|---|
|  |  |  | <IconButton type="primary" icon="search" onClick={handleQueryForMain}> | 
|---|
|  |  |  | æ¥è¯¢ | 
|---|
|  |  |  | </IconButton> | 
|---|