{"id":275,"date":"2023-09-04T11:09:52","date_gmt":"2023-09-04T03:09:52","guid":{"rendered":"https:\/\/yichenghui.net\/?p=275"},"modified":"2023-09-04T11:09:52","modified_gmt":"2023-09-04T03:09:52","slug":"%e9%80%92%e5%bd%92%e5%88%9b%e5%bb%ba%e4%b8%8b%e6%8b%89%e6%a0%91%e6%95%b0%e6%8d%ae","status":"publish","type":"post","link":"https:\/\/yichenghui.net\/index.php\/2023\/09\/04\/%e9%80%92%e5%bd%92%e5%88%9b%e5%bb%ba%e4%b8%8b%e6%8b%89%e6%a0%91%e6%95%b0%e6%8d%ae\/","title":{"rendered":"\u9012\u5f52\u521b\u5efa\u4e0b\u62c9\u6811\u6570\u636e"},"content":{"rendered":"<pre><code class=\"language-typescript\">import { ref, onMounted } from &#039;vue&#039;\n\nimport { ComponentOptions } from &#039;@\/types\/components&#039;\n\nimport { queryZsdt006TreeInfo } from &#039;@\/api\/system-manage\/base-data&#039;\n\n\/\/ \u4e0b\u62c9\u6811\u6570\u636e\nconst deptData = ref&lt;ComponentOptions[]&gt;([])\n\n\/\/ \u83b7\u53d6\u4e0b\u62c9\u6811\u6570\u636e\nconst getTreeData = async (): Promise&lt;void&gt; =&gt; {\n  type TreeData = {\n    departmentName: string\n    departmentCode: string\n    childrenList: TreeData[]\n  }\n\n  \/\/ \u521b\u5efa\u5efa\u4e0b\u62c9\u6811\u65b9\u6cd5\n  const generateTreeData = (arr: TreeData[]): ComponentOptions[] =&gt; {\n    return arr.map(({ departmentCode, departmentName, childrenList }) =&gt; {\n      return {\n        label: departmentName,\n        value: departmentCode,\n        children: childrenList?.length ? generateTreeData(childrenList) : []\n      }\n    })\n  }\n\n  const { data } = await queryZsdt006TreeInfo()\n\n  const tempDeptData = generateTreeData(data)\n\n  deptData.value = tempDeptData\n}\n\nonMounted(getTreeData)<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>import { ref, onMounted } from &#039;vue&#039; import { &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/yichenghui.net\/index.php\/2023\/09\/04\/%e9%80%92%e5%bd%92%e5%88%9b%e5%bb%ba%e4%b8%8b%e6%8b%89%e6%a0%91%e6%95%b0%e6%8d%ae\/\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u201c\u9012\u5f52\u521b\u5efa\u4e0b\u62c9\u6811\u6570\u636e\u201d<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-275","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/posts\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/comments?post=275"}],"version-history":[{"count":0,"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/posts\/275\/revisions"}],"wp:attachment":[{"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/media?parent=275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/categories?post=275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yichenghui.net\/index.php\/wp-json\/wp\/v2\/tags?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}