{"version":3,"file":"frmIndex.mjs","sources":["../../../../../../src/pagesDefault/dev/dict/category/frmIndex.vue"],"sourcesContent":["<template>\r\n\t<a-row>\r\n\t\t<a-col :span=\"5\">\r\n\t\t\t<a-input v-model:value=\"searchValue\" style=\"margin-bottom: 8px; width: 90%\" placeholder=\"搜索\" />\r\n\t\t\t<a-tree v-if=\"treeData.length > 0\" v-model:expandedKeys=\"defaultExpandedKeys\" :tree-data=\"treeData\" :field-names=\"treeFieldNames\" @select=\"treeSelect\"> </a-tree>\r\n\t\t\t<a-empty v-else :image=\"Empty.PRESENTED_IMAGE_SIMPLE\" />\r\n\t\t</a-col>\r\n\t\t<a-col :span=\"19\">\r\n\t\t\t<SearchForm :form-state=\"searchFormState\" :form-fields=\"[{ label: '字典名称', name: 'searchKey', span: 8 }]\" @search=\"table.refresh(true)\" @reset=\"handleReset\" ref=\"searchFormRef\">\r\n\t\t\t\t<template #searchKey=\"{ formState }\">\r\n\t\t\t\t\t<a-input v-model:value=\"formState.searchKey\" placeholder=\"请输入字典名称\"></a-input>\r\n\t\t\t\t</template>\r\n\t\t\t</SearchForm>\r\n\t\t\t<s-table ref=\"table\" :columns=\"columns\" :data=\"loadData\" :expand-row-by-click=\"true\" bordered :row-key=\"(record) => record.id\" :operator-config=\"operatorConfig\">\r\n\t\t\t\t<template #bodyCell=\"{ column, record }\">\r\n\t\t\t\t\t<template v-if=\"column.dataIndex === 'category'\">\r\n\t\t\t\t\t\t{{ $TOOL.dictTypeData('DICT_CATEGORY', record.category) }}\r\n\t\t\t\t\t</template>\r\n\t\t\t\t\t<template v-if=\"column.dataIndex === 'action'\">\r\n\t\t\t\t\t\t<a @click=\"form.onOpen(record, 'FRM')\">编辑</a>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</template>\r\n\t\t\t</s-table>\r\n\t\t</a-col>\r\n\t</a-row>\r\n\t<Form ref=\"form\" @successful=\"formSuccessful()\" />\r\n</template>\r\n<script setup>\r\n\timport { Empty } from 'ant-design-vue'\r\n\timport { cloneDeep } from 'lodash-es'\r\n\timport dictApi from '@/api/dev/dictApi'\r\n\timport Form from './form.vue'\r\n\tconst { proxy } = getCurrentInstance()\r\n\tconst columns = [\r\n\t\t{\r\n\t\t\ttitle: '字典名称',\r\n\r\n\t\t\tdataIndex: 'dictLabel'\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: '字典值',\r\n\r\n\t\t\tdataIndex: 'dictValue'\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: '字典类型',\r\n\r\n\t\t\tdataIndex: 'dictType'\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: '排序',\r\n\r\n\t\t\tdataIndex: 'sortCode'\r\n\t\t},\r\n\t\t{\r\n\t\t\ttitle: '操作',\r\n\r\n\t\t\tdataIndex: 'action',\r\n\t\t\talign: 'center',\r\n\t\t\twidth: 150\r\n\t\t}\r\n\t]\r\n\t// 定义tableDOM\r\n\tconst table = ref(null)\r\n\tconst form = ref()\r\n\tconst searchFormRef = ref()\r\n\tlet searchFormState = reactive({})\r\n\t// 默认展开的节点\r\n\tconst defaultExpandedKeys = ref([])\r\n\tconst treeData = ref([])\r\n\t// 替换treeNode 中 title,key,children\r\n\tconst treeFieldNames = { children: 'children', title: 'dictLabel', key: 'id' }\r\n\tconst searchValue = ref('')\r\n\tconst gData = ref([])\r\n\twatch(searchValue, (value) => {\r\n\t\tif (value) {\r\n\t\t\ttreeData.value = gData.value.filter((item) => item.name.indexOf(value) > -1 || item.dictValue.indexOf(value) > -1)\r\n\t\t} else {\r\n\t\t\ttreeData.value = gData.value\r\n\t\t}\r\n\t})\r\n\tonMounted(() => {\r\n\t\tloadTreeData()\r\n\t})\r\n\t// 表格查询 返回 Promise 对象\r\n\tconst loadData = (parameter) => {\r\n\t\t// loadTreeData()\r\n\t\tparameter.category = 'FRM'\r\n\t\treturn dictApi.dictPage(Object.assign(parameter, searchFormState)).then((res) => {\r\n\t\t\treturn res\r\n\t\t})\r\n\t}\r\n\t// 加载左侧的树\r\n\tconst loadTreeData = () => {\r\n\t\tconst param = {\r\n\t\t\tcategory: 'FRM'\r\n\t\t}\r\n\t\tdictApi.dictTree(param).then((res) => {\r\n\t\t\tif (res !== null) {\r\n\t\t\t\ttreeData.value = res\r\n\t\t\t\tgData.value = cloneDeep(res)\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\t// 点击树查询\r\n\tconst treeSelect = (selectedKeys) => {\r\n\t\tif (selectedKeys.length > 0) {\r\n\t\t\tsearchFormState.parentId = selectedKeys.toString()\r\n\t\t} else {\r\n\t\t\tdelete searchFormState.parentId\r\n\t\t}\r\n\t\ttable.value.refresh(true)\r\n\t}\r\n\t// 表单界面回调\r\n\tconst formSuccessful = () => {\r\n\t\ttable.value.refresh()\r\n\t\trefreshStoreDict()\r\n\t}\r\n\t// 刷新store中的字典\r\n\tconst refreshStoreDict = () => {\r\n\t\tdictApi.dictTree().then((res) => {\r\n\t\t\tproxy.$TOOL.data.set('DICT_TYPE_TREE_DATA', res)\r\n\t\t})\r\n\t}\r\n\r\n\t// 重置表单\r\n\tconst handleReset = () => {\r\n\t\tsearchFormRef.value?.resetFields()\r\n\t}\r\n\r\n\t// 操作按钮配置\r\n\tconst operatorConfig = computed(() => [\r\n\t\t{\r\n\t\t\ttext: '新增',\r\n\t\t\ticon: 'fa fa-plus',\r\n\t\t\tonClick: () => form.value.onOpen(undefined, 'FRM')\r\n\t\t}\r\n\t])\r\n</script>\r\n<style scoped>\r\n\t.cardImp {\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\t.ant-form-item {\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n\t.snowy-buttom-left {\r\n\t\tmargin-left: 8px;\r\n\t}\r\n</style>\r\n"],"names":["_createVNode","_unref","_createBlock","_withCtx","_createElementBlock","_Fragment","$TOOL"],"mappings":";;;;;;;;;;;;AAgCC,UAAM,EAAE,MAAO,IAAG,mBAAoB;AACtC,UAAM,UAAU;AAAA,MACf;AAAA,QACC,OAAO;AAAA,QAEP,WAAW;AAAA,MACX;AAAA,MACD;AAAA,QACC,OAAO;AAAA,QAEP,WAAW;AAAA,MACX;AAAA,MACD;AAAA,QACC,OAAO;AAAA,QAEP,WAAW;AAAA,MACX;AAAA,MACD;AAAA,QACC,OAAO;AAAA,QAEP,WAAW;AAAA,MACX;AAAA,MACD;AAAA,QACC,OAAO;AAAA,QAEP,WAAW;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,MACP;AAAA,IACD;AAED,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,OAAO,IAAK;AAClB,UAAM,gBAAgB,IAAK;AAC3B,QAAI,kBAAkB,SAAS,EAAE;AAEjC,UAAM,sBAAsB,IAAI,EAAE;AAClC,UAAM,WAAW,IAAI,EAAE;AAEvB,UAAM,iBAAiB,EAAE,UAAU,YAAY,OAAO,aAAa,KAAK,KAAM;AAC9E,UAAM,cAAc,IAAI,EAAE;AAC1B,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,aAAa,CAAC,UAAU;AAC7B,UAAI,OAAO;AACV,iBAAS,QAAQ,MAAM,MAAM,OAAO,CAAC,SAAS,KAAK,KAAK,QAAQ,KAAK,IAAI,MAAM,KAAK,UAAU,QAAQ,KAAK,IAAI,EAAE;AAAA,MACpH,OAAS;AACN,iBAAS,QAAQ,MAAM;AAAA,MACvB;AAAA,IACH,CAAE;AACD,cAAU,MAAM;AACf,mBAAc;AAAA,IAChB,CAAE;AAED,UAAM,WAAW,CAAC,cAAc;AAE/B,gBAAU,WAAW;AACrB,aAAO,QAAQ,SAAS,OAAO,OAAO,WAAW,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ;AAChF,eAAO;AAAA,MACV,CAAG;AAAA,IACD;AAED,UAAM,eAAe,MAAM;AAC1B,YAAM,QAAQ;AAAA,QACb,UAAU;AAAA,MACV;AACD,cAAQ,SAAS,KAAK,EAAE,KAAK,CAAC,QAAQ;AACrC,YAAI,QAAQ,MAAM;AACjB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ,UAAU,GAAG;AAAA,QAC3B;AAAA,MACJ,CAAG;AAAA,IACD;AAED,UAAM,aAAa,CAAC,iBAAiB;AACpC,UAAI,aAAa,SAAS,GAAG;AAC5B,wBAAgB,WAAW,aAAa,SAAU;AAAA,MACrD,OAAS;AACN,eAAO,gBAAgB;AAAA,MACvB;AACD,YAAM,MAAM,QAAQ,IAAI;AAAA,IACxB;AAED,UAAM,iBAAiB,MAAM;AAC5B,YAAM,MAAM,QAAS;AACrB,uBAAkB;AAAA,IAClB;AAED,UAAM,mBAAmB,MAAM;AAC9B,cAAQ,SAAQ,EAAG,KAAK,CAAC,QAAQ;AAChC,cAAM,MAAM,KAAK,IAAI,uBAAuB,GAAG;AAAA,MAClD,CAAG;AAAA,IACD;AAGD,UAAM,cAAc,MAAM;AACzB,oBAAc,OAAO,YAAa;AAAA,IAClC;AAGD,UAAM,iBAAiB,SAAS,MAAM;AAAA,MACrC;AAAA,QACC,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS,MAAM,KAAK,MAAM,OAAO,QAAW,KAAK;AAAA,MACjD;AAAA,IACH,CAAE;;;;;;;;;;QAxIDA,YAuBQ,kBAAA,MAAA;AAAA,2BAtBP,MAIQ;AAAA,YAJRA,YAIQ,kBAAA,EAJA,MAAM,EAAC,GAAA;AAAA,+BACd,MAA+F;AAAA,gBAA/FA,YAA+F,oBAAA;AAAA,kBAA9E,OAAOC,MAAW,WAAA;AAAA,+FAAX,YAAW,QAAA,SAAA;AAAA,kBAAE,OAAA,EAAsC,iBAAA,OAAA,SAAA,MAAA;AAAA,kBAAC,aAAY;AAAA;gBAC1EA,MAAA,QAAA,EAAS,SAAM,kBAA7BC,YAAiK,mBAAA;AAAA;kBAAtH,cAAcD,MAAmB,mBAAA;AAAA,8GAAnB,oBAAmB,QAAA,SAAA;AAAA,kBAAG,aAAWA,MAAQ,QAAA;AAAA,kBAAG,eAAa;AAAA,kBAAiB,UAAQ;AAAA,4EAC3IC,YAAwD,oBAAA;AAAA;kBAAvC,OAAOD,MAAK,KAAA,EAAC;AAAA;;;;YAE/BD,YAgBQ,kBAAA,EAhBA,MAAM,GAAE,GAAA;AAAA,+BACf,MAIa;AAAA,gBAJbA,YAIa,uBAAA;AAAA,kBAJA,cAAYC,MAAe,eAAA;AAAA,kBAAG,eAAa,CAA+C,EAAA,OAAA,4BAAA,MAAA,aAAA,MAAA,GAAA;AAAA,kBAAG,UAAM,OAAA,OAAA,OAAA,KAAA,YAAEA,MAAK,KAAA,EAAC,QAAO,IAAA;AAAA,kBAAS,SAAO;AAAA,2BAAiB;AAAA,kBAAJ,KAAI;AAAA;kBACpJ,WAASE,QACnB,CAA6E,EADtD,gBAAS;AAAA,oBAChCH,YAA6E,oBAAA;AAAA,sBAA5D,OAAO,UAAU;AAAA,sBAAV,kBAAA,YAAA,UAAU,YAAS;AAAA,sBAAE,aAAY;AAAA;;;;gBAG3DA,YASU,oBAAA;AAAA,2BATG;AAAA,kBAAJ,KAAI;AAAA,kBAAS;AAAA,kBAAmB,MAAM;AAAA,kBAAW,uBAAqB;AAAA,kBAAM,UAAA;AAAA,kBAAU,WAAU,CAAA,WAAW,OAAO;AAAA,kBAAK,mBAAiBC,MAAc,cAAA;AAAA;kBACnJ,UACVE,QAAA,CAEW,EAHW,QAAQ,OAAM,MAAA;AAAA,oBACpB,OAAO,cAAS,2BAAhCC,mBAEWC,UAAA,EAAA,KAAA,EAAA,GAAA;AAAA,sBADPC,gBAAAA,gBAAAA,KAAAA,MAAM,aAA8B,iBAAA,OAAO,QAAQ,CAAA,GAAA,CAAA;AAAA;oBAEvC,OAAO,cAAS,yBAC/BF,mBAA6C,KAAA;AAAA;sBAAzC,SAAO,YAAAH,MAAA,IAAA,EAAK,OAAO,QAAM,KAAA;AAAA,uBAAU,gBAAE,GAAA,UAAA;;;;;;;;;;QAM9CD,YAAkD,MAAA;AAAA,mBAAxC;AAAA,UAAJ,KAAI;AAAA,UAAQ,oDAAY,eAAc;AAAA;;;;;;"}