27.40dd82be.js 7.5 KB

1
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[27],{386:function(t,e,s){},447:function(t,e,s){"use strict";s(386)},476:function(t,e,s){"use strict";s.r(e);s(447);var n=s(2),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("p"),e("div",{staticClass:"table-of-contents"},[e("ul",[e("li",[e("a",{attrs:{href:"#_1-jt-queryresult-简介"}},[t._v("1. jt-queryResult 简介")])]),e("li",[e("a",{attrs:{href:"#_2-warning"}},[t._v("2.Warning")])]),e("li",[e("a",{attrs:{href:"#_3-jt-queryresult-api"}},[t._v("3. jt-queryResult API")])]),e("li",[e("a",{attrs:{href:"#_4-代码示例"}},[t._v("4. 代码示例")])])])]),e("p"),t._v(" "),e("h2",{attrs:{id:"_1-jt-queryresult-简介"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-jt-queryresult-简介"}},[t._v("#")]),t._v(" 1. jt-queryResult 简介")]),t._v(" "),e("ul",[e("li",[t._v("查询结果展示组件")])]),t._v(" "),e("h2",{attrs:{id:"_2-warning"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2-warning"}},[t._v("#")]),t._v(" 2.Warning")]),t._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"title"},[t._v("注意")]),e("ul",[e("li",[t._v("需要引入useWidget的currentWidget对象,使用deepTree方法处理currentWidget.data.resultData获得treeData数据!")]),t._v(" "),e("li",[t._v("使用ref标记组件时,同时需要定义标记名称!具体可参考CIM平台查询结果组件写法!")])])]),e("h2",{attrs:{id:"_3-jt-queryresult-api"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-jt-queryresult-api"}},[t._v("#")]),t._v(" 3. jt-queryResult API")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("属性名")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("说明")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("类型")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("是否必须")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("viewer")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("视图")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("obj")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("treeData")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("展示数据列表")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("array")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("currentNode")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("默认第一条数据展开")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("array")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])])])]),t._v(" "),e("h2",{attrs:{id:"_4-代码示例"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_4-代码示例"}},[t._v("#")]),t._v(" 4. 代码示例")]),t._v(" "),e("div",{staticClass:"language- line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[t._v('<jt-popup title="信息展示" :showfooter="false" animationClass="fadein-left" height="400rem" width="800rem" >\n\t<jt-queryResult ref="queryResultRef" :viewer="viewer" :treeData="treeData" :currentNode="currentNode"></jt-queryResult>\n</jt-popup>\n<script setup>\n\timport {\n\t\tonMounted,\n\t\tonBeforeUnmount,\n\t\tref,\n\t\tinject\n\t} from "vue";\n\n\timport {\n\t\tuseWidget\n\t} from "@/common/store/widget"\n\tconst {\n\t\tdisable,\n\t\tcurrentWidget\n\t} = useWidget();\n\n\timport {\n\t\tdeepTree\n\t} from "@/utils/deepTree.js";\n\n\t/**\n\t * 获取地图对象\n\t */\n\tconst getMapInstance = inject("getMapInstance");\n\tlet jtMap3d = getMapInstance();\n\tlet viewer = jtMap3d._viewer;\n\n\t//定义子组件实例,名称要和上面的ref相同\n\tconst queryResultRef = ref(null)\n\n\t//定义属性\n\tconst treeData = ref([]);\n\tconst currentNode = ref({});\n\tlet isDataOnload = ref(false);\n\n\tonMounted(() => {\n\t\ttreeData.value = deepTree(currentWidget.data.resultData);\n\t\tcurrentNode.value = treeData.value[0].children[0];\n\t\tisDataOnload.value = true;\n\t})\n\t\n\t/**\n\t * 即将销毁\n\t */\n\tonBeforeUnmount(() => {\n\t\t// 释放当前的widget\n\t\tdisable(currentWidget.name);\n\t});\n<\/script>\n\n')])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br"),e("span",{staticClass:"line-number"},[t._v("19")]),e("br"),e("span",{staticClass:"line-number"},[t._v("20")]),e("br"),e("span",{staticClass:"line-number"},[t._v("21")]),e("br"),e("span",{staticClass:"line-number"},[t._v("22")]),e("br"),e("span",{staticClass:"line-number"},[t._v("23")]),e("br"),e("span",{staticClass:"line-number"},[t._v("24")]),e("br"),e("span",{staticClass:"line-number"},[t._v("25")]),e("br"),e("span",{staticClass:"line-number"},[t._v("26")]),e("br"),e("span",{staticClass:"line-number"},[t._v("27")]),e("br"),e("span",{staticClass:"line-number"},[t._v("28")]),e("br"),e("span",{staticClass:"line-number"},[t._v("29")]),e("br"),e("span",{staticClass:"line-number"},[t._v("30")]),e("br"),e("span",{staticClass:"line-number"},[t._v("31")]),e("br"),e("span",{staticClass:"line-number"},[t._v("32")]),e("br"),e("span",{staticClass:"line-number"},[t._v("33")]),e("br"),e("span",{staticClass:"line-number"},[t._v("34")]),e("br"),e("span",{staticClass:"line-number"},[t._v("35")]),e("br"),e("span",{staticClass:"line-number"},[t._v("36")]),e("br"),e("span",{staticClass:"line-number"},[t._v("37")]),e("br"),e("span",{staticClass:"line-number"},[t._v("38")]),e("br"),e("span",{staticClass:"line-number"},[t._v("39")]),e("br"),e("span",{staticClass:"line-number"},[t._v("40")]),e("br"),e("span",{staticClass:"line-number"},[t._v("41")]),e("br"),e("span",{staticClass:"line-number"},[t._v("42")]),e("br"),e("span",{staticClass:"line-number"},[t._v("43")]),e("br"),e("span",{staticClass:"line-number"},[t._v("44")]),e("br"),e("span",{staticClass:"line-number"},[t._v("45")]),e("br"),e("span",{staticClass:"line-number"},[t._v("46")]),e("br"),e("span",{staticClass:"line-number"},[t._v("47")]),e("br"),e("span",{staticClass:"line-number"},[t._v("48")]),e("br"),e("span",{staticClass:"line-number"},[t._v("49")]),e("br"),e("span",{staticClass:"line-number"},[t._v("50")]),e("br"),e("span",{staticClass:"line-number"},[t._v("51")]),e("br"),e("span",{staticClass:"line-number"},[t._v("52")]),e("br"),e("span",{staticClass:"line-number"},[t._v("53")]),e("br")])])])}),[],!1,null,null,null);e.default=a.exports}}]);