17.12cad80e.js 12 KB

1
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[17],{375:function(t,e,n){},436:function(t,e,n){"use strict";n(375)},466:function(t,e,n){"use strict";n.r(e);n(436);var a=n(2),s=Object(a.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-layers-ztree-简介"}},[t._v("1. jt-layers-ztree 简介")])]),e("li",[e("a",{attrs:{href:"#_2-warning"}},[t._v("2.Warning")])]),e("li",[e("a",{attrs:{href:"#_3-jt-layers-ztree-api"}},[t._v("3. jt-layers-ztree API")])]),e("li",[e("a",{attrs:{href:"#_4-代码示例"}},[t._v("4. 代码示例")])])])]),e("p"),t._v(" "),e("h2",{attrs:{id:"_1-jt-layers-ztree-简介"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1-jt-layers-ztree-简介"}},[t._v("#")]),t._v(" 1. jt-layers-ztree 简介")]),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("获取底图与标注、地形数据的js接口写在Map3DMain.vue页面中,因为加载大球时需要加载默认底图等图层!!!")]),t._v(" "),e("li",[t._v("大部分数据需要从store内获取!详情参照CIM平台组件代码!")])])]),e("h2",{attrs:{id:"_3-jt-layers-ztree-api"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3-jt-layers-ztree-api"}},[t._v("#")]),t._v(" 3. jt-layers-ztree 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("array")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("nodes")]),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("expandedKeys")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("展开的节点id集合")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("arr")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("checkedkeys")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("默认打开节点的id")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("arr")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("queryMapTables")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("配置可查询数据的表名集合")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("arr")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("runtimeEnvironment")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("运行环境(pc/app)")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("string")]),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('<template>\n\t<template v-if="isDataOnload">\n\t\t<jt-popup title="图层控制">\n\t\t\t<jt-layers-ztree :viewer="viewer" :nodes="nodes" :expandedKeys="expandedKeys" :checkedkeys="checkedkeys" :queryMapTables="queryMapTables" :runtimeEnvironment="runtimeEnvironment"></jt-layers-ztree>\n\t\t</jt-popup>\n\t</template>\n</template>\n\n<script setup>\n\timport {\n\t\tonMounted,\n\t\tonBeforeUnmount,\n\t\tref,\n\t\tinject,\n\t\tcomputed\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 store from \'@/store/index\';\n\n\t/**\n\t * 获取地图对象\n\t */\n\tconst getMapInstance = inject("getMapInstance");\n\tlet jtMap3d = getMapInstance();\n\tlet viewer = jtMap3d._viewer;\n\n\tlet expandedKeys = ref([]); //对应要展开的节点id\n\tlet checkedkeys = ref([]); //默认打开节点的id\n\tlet queryMapTables = ref([]); //查询表名\n\tlet runtimeEnvironment = ref(""); //运行环境\n\tlet isDataOnload = ref(false);\n\n\tconst nodes = ref([])\n\tconst tempDate = computed(() => store.map3dStore.layerData);\n\n\tonMounted(() => {\n\n\t\tvar treeNodes = new Array();\n\t\tfor (var i = 0; i < tempDate.value.length; i++) {\n\n\t\t\tvar treeNode = {\n\t\t\t\tid: tempDate.value[i].id,\n\t\t\t\tpId: tempDate.value[i].parentid,\n\t\t\t\tname: "<font class=\'crui-map-layer-name\'>" + tempDate.value[i].layername + "</font>",\t\n\t\t\t\n\t\t\t\t// isHidden: tempDate.value[i].treenode.charAt(1) == "N", //是否显示节点\n\t\t\t\topen: tempDate.value[i].isexpand === "1", //节点默认是否展开\n\t\t\t\tnocheck: tempDate.value[i].ischeck != \'1\', //节点是否显示复选框\n\t\t\t\tchecked: tempDate.value[i].isinit === \'1\', //节点是否勾选\n\t\t\t\t\n\t\t\t\tserviceId: tempDate.value[i].serviceId,//服务id\n\t\t\t\tloadtype: tempDate.value[i].loadtype,//服务类型\n\t\t\t\tparameterset:tempDate.value[i].parameterset,//服务加载参数\n\t\t\t\tquerytable:tempDate.value[i].querytable,//查询表名\n\t\t\t};\n\n\t\t\tvar node = $.extend({}, treeNode, tempDate.value[i]);\n\t\t\t\n\t\t\ttreeNodes.push(node);\n\t\t}\n\t\tnodes.value = treeNodes;\n\n\t\texpandedKeys.value = store.map3dStore.expandedKeys; //对应要展开的节点id\n\t\tcheckedkeys.value = store.map3dStore.checkedkeys; //默认打开节点的id\n\t\tqueryMapTables.value = store.map3dStore.queryMapTables; //查询表名\n\t\truntimeEnvironment.value = store.appStore.runtimeEnvironment; //运行环境\n\t\tisDataOnload.value = true;\n\t\t// console.log(\'默认展开的id\', expandedKeys.value, checkedkeys.value,queryMapTables.value)\n\t});\n\n\t/**\n\t * 即将销毁\n\t */\n\tonBeforeUnmount(() => {\n\t\t// 释放当前的widget\n\t\tdisable(currentWidget.name);\n\t});\n<\/script>\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"),e("span",{staticClass:"line-number"},[t._v("54")]),e("br"),e("span",{staticClass:"line-number"},[t._v("55")]),e("br"),e("span",{staticClass:"line-number"},[t._v("56")]),e("br"),e("span",{staticClass:"line-number"},[t._v("57")]),e("br"),e("span",{staticClass:"line-number"},[t._v("58")]),e("br"),e("span",{staticClass:"line-number"},[t._v("59")]),e("br"),e("span",{staticClass:"line-number"},[t._v("60")]),e("br"),e("span",{staticClass:"line-number"},[t._v("61")]),e("br"),e("span",{staticClass:"line-number"},[t._v("62")]),e("br"),e("span",{staticClass:"line-number"},[t._v("63")]),e("br"),e("span",{staticClass:"line-number"},[t._v("64")]),e("br"),e("span",{staticClass:"line-number"},[t._v("65")]),e("br"),e("span",{staticClass:"line-number"},[t._v("66")]),e("br"),e("span",{staticClass:"line-number"},[t._v("67")]),e("br"),e("span",{staticClass:"line-number"},[t._v("68")]),e("br"),e("span",{staticClass:"line-number"},[t._v("69")]),e("br"),e("span",{staticClass:"line-number"},[t._v("70")]),e("br"),e("span",{staticClass:"line-number"},[t._v("71")]),e("br"),e("span",{staticClass:"line-number"},[t._v("72")]),e("br"),e("span",{staticClass:"line-number"},[t._v("73")]),e("br"),e("span",{staticClass:"line-number"},[t._v("74")]),e("br"),e("span",{staticClass:"line-number"},[t._v("75")]),e("br"),e("span",{staticClass:"line-number"},[t._v("76")]),e("br"),e("span",{staticClass:"line-number"},[t._v("77")]),e("br"),e("span",{staticClass:"line-number"},[t._v("78")]),e("br"),e("span",{staticClass:"line-number"},[t._v("79")]),e("br"),e("span",{staticClass:"line-number"},[t._v("80")]),e("br"),e("span",{staticClass:"line-number"},[t._v("81")]),e("br"),e("span",{staticClass:"line-number"},[t._v("82")]),e("br"),e("span",{staticClass:"line-number"},[t._v("83")]),e("br"),e("span",{staticClass:"line-number"},[t._v("84")]),e("br"),e("span",{staticClass:"line-number"},[t._v("85")]),e("br"),e("span",{staticClass:"line-number"},[t._v("86")]),e("br")])])])}),[],!1,null,null,null);e.default=s.exports}}]);