(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{377:function(t,s,n){},438:function(t,s,n){"use strict";n(377)},467:function(t,s,n){"use strict";n.r(s);n(438);var e=n(2),a=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p"),s("div",{staticClass:"table-of-contents"},[s("ul",[s("li",[s("a",{attrs:{href:"#_1-jt-toolbars-简介"}},[t._v("1. jt-toolbars 简介")])]),s("li",[s("a",{attrs:{href:"#_2-warning"}},[t._v("2.Warning")])]),s("li",[s("a",{attrs:{href:"#_3-jt-toolbars-api"}},[t._v("3. jt-toolbars API")])]),s("li",[s("a",{attrs:{href:"#_4-代码示例"}},[t._v("4. 代码示例")])])])]),s("p"),t._v(" "),s("h2",{attrs:{id:"_1-jt-toolbars-简介"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_1-jt-toolbars-简介"}},[t._v("#")]),t._v(" 1. jt-toolbars 简介")]),t._v(" "),s("ul",[s("li",[t._v("加载两个大球，可以控制两个图层控制进行同区域不同图层的对比！")])]),t._v(" "),s("h2",{attrs:{id:"_2-warning"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-warning"}},[t._v("#")]),t._v(" 2.Warning")]),t._v(" "),s("div",{staticClass:"custom-block warning"},[s("p",{staticClass:"title"},[t._v("注意")]),s("ul",[s("li",[t._v("获取图层数据代码参考CIM平台")]),t._v(" "),s("li",[t._v("使用ref标记组件时，同时需要定义标记名称！具体可参考CIM平台分屏对比组件写法！")])])]),s("h2",{attrs:{id:"_3-jt-toolbars-api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_3-jt-toolbars-api"}},[t._v("#")]),t._v(" 3. jt-toolbars API")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("属性名")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("说明")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("类型")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("是否必须")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("viewer")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("从jtMap3d实例获取")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("obj")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("layerData")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("默认图层")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("obj")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("treeData")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("图层列表")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("obj")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("expandedKeys")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("默认展开节点集合")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("array")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("checkedkeys")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("默认打开节点的")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("array")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])])])]),t._v(" "),s("h2",{attrs:{id:"_4-代码示例"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_4-代码示例"}},[t._v("#")]),t._v(" 4. 代码示例")]),t._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v('<jt-popup title="分屏对比" animationClass="fadein-left" >\n\t<jt-mapCompare ref="mapCompareRef" :viewer="viewer" :layerData="layerData" :treeData="treeData" :expandedKeys="expandedKeys" :checkedkeys="checkedkeys" :runtimeEnvironment="runtimeEnvironment"></jt-mapCompare>\n</jt-popup>\n\n<script setup>\n\timport {\n\t\tonMounted,\n\t\tonBeforeUnmount,\n\t\tref,\n\t\tinject\n\t} from "vue";\n\t\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\timport $http from \'@/utils/http.js\';\n\n\timport store from \'@/store/index\';\n\tconst roleId = store.userStore.user.roleId\n\n\t/**\n\t * 获取地图对象\n\t */\n\tconst getMapInstance = inject("getMapInstance");\n\tlet jtMap3d = getMapInstance();\n\n\tlet viewer = ref({});\n\tlet layerData = ref([]); //图层\n\tconst treeData = ref([]); //图层控制树\n\tconst expandedKeys = ref([]); //对应要展开的节点id\n\tconst checkedkeys = ref([]); //默认打开节点的id\n\tlet isDataOnload = ref(false);\n\n\tconst treeRef = ref(null); // 定义一个对象关联上子组件的 ref 值（注意：这里的属性名必须跟子组件定义的 ref 值一模一treeRef样，否者会关联失效\n\t//定义子组件实例，名称要和上面的ref相同\n\tconst mapCompareRef = ref(null);\n\n\tonMounted(() => {\n\t\tinitLayerTree();\n\t\tviewer.value = jtMap3d._viewer\n\t});\n\n\t/**\n\t * 初始化图层控制树\n\t * 如果想要等数据返回后再执行后面的代码，那么就要使用 async/await\n\t */\n\tasync function initLayerTree() {\n\n\t\t// 这时layers会等到异步请求的结果回来后才进行赋值，同时不会执行之后的代码\n\t\tconst layers = await getLayers();\n\n\t\tlayers.map((item) => {\n\t\t\t//排序号\n\t\t\tlet num = Number(item.layerorder)\n\t\t\tif (num < 10) {\n\t\t\t\titem.layerorder = \'0\' + item.layerorder\n\t\t\t}\n\n\t\t\t//图层ID\n\t\t\tlet serviceId = "serviceLeft_" + item.layercode + item.layerorder;\n\t\t\titem.serviceId = serviceId;\n\n\t\t\t//透明度\n\t\t\tif (item.opacity) {\n\t\t\t\titem.opacity = Number(item.opacity);\n\t\t\t}\n\n\t\t\t// 复选框选中\n\t\t\tif (item.isinit === \'1\') {\n\t\t\t\tcheckedkeys.value.push(item.id);\n\t\t\t}\n\n\t\t\t//默认展开\n\t\t\tif (item.isexpand === \'1\') {\n\t\t\t\texpandedKeys.value.push(item.id);\n\t\t\t}\n\t\t})\n\n\t\tlayerData.value = layers;\n\t\ttreeData.value = deepTree(layers);\n\n\t\tisDataOnload.value = true;\n\t}\n\n\t/**\n\t * 获取图层\n\t */\n\tconst getLayers = () => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\t//获取地图图集id\n\t\t\tlet atlasLayersSqlWhere = \'"roleId"\' + " = " + roleId;\n\t\t\t//获取图集\n\t\t\t$http.get(\'/getTableList\', {\n\t\t\t\ttableName: \'sys_map_atlas_layers\', //表名\n\t\t\t\tsqlWhere: atlasLayersSqlWhere, //查询条件\n\t\t\t\torderByField: \'\' //排序字段\n\t\t\t}).then(res => {\n\t\t\t\tresolve(res.data)\n\t\t\t});\n\t\t});\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(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br"),s("span",{staticClass:"line-number"},[t._v("43")]),s("br"),s("span",{staticClass:"line-number"},[t._v("44")]),s("br"),s("span",{staticClass:"line-number"},[t._v("45")]),s("br"),s("span",{staticClass:"line-number"},[t._v("46")]),s("br"),s("span",{staticClass:"line-number"},[t._v("47")]),s("br"),s("span",{staticClass:"line-number"},[t._v("48")]),s("br"),s("span",{staticClass:"line-number"},[t._v("49")]),s("br"),s("span",{staticClass:"line-number"},[t._v("50")]),s("br"),s("span",{staticClass:"line-number"},[t._v("51")]),s("br"),s("span",{staticClass:"line-number"},[t._v("52")]),s("br"),s("span",{staticClass:"line-number"},[t._v("53")]),s("br"),s("span",{staticClass:"line-number"},[t._v("54")]),s("br"),s("span",{staticClass:"line-number"},[t._v("55")]),s("br"),s("span",{staticClass:"line-number"},[t._v("56")]),s("br"),s("span",{staticClass:"line-number"},[t._v("57")]),s("br"),s("span",{staticClass:"line-number"},[t._v("58")]),s("br"),s("span",{staticClass:"line-number"},[t._v("59")]),s("br"),s("span",{staticClass:"line-number"},[t._v("60")]),s("br"),s("span",{staticClass:"line-number"},[t._v("61")]),s("br"),s("span",{staticClass:"line-number"},[t._v("62")]),s("br"),s("span",{staticClass:"line-number"},[t._v("63")]),s("br"),s("span",{staticClass:"line-number"},[t._v("64")]),s("br"),s("span",{staticClass:"line-number"},[t._v("65")]),s("br"),s("span",{staticClass:"line-number"},[t._v("66")]),s("br"),s("span",{staticClass:"line-number"},[t._v("67")]),s("br"),s("span",{staticClass:"line-number"},[t._v("68")]),s("br"),s("span",{staticClass:"line-number"},[t._v("69")]),s("br"),s("span",{staticClass:"line-number"},[t._v("70")]),s("br"),s("span",{staticClass:"line-number"},[t._v("71")]),s("br"),s("span",{staticClass:"line-number"},[t._v("72")]),s("br"),s("span",{staticClass:"line-number"},[t._v("73")]),s("br"),s("span",{staticClass:"line-number"},[t._v("74")]),s("br"),s("span",{staticClass:"line-number"},[t._v("75")]),s("br"),s("span",{staticClass:"line-number"},[t._v("76")]),s("br"),s("span",{staticClass:"line-number"},[t._v("77")]),s("br"),s("span",{staticClass:"line-number"},[t._v("78")]),s("br"),s("span",{staticClass:"line-number"},[t._v("79")]),s("br"),s("span",{staticClass:"line-number"},[t._v("80")]),s("br"),s("span",{staticClass:"line-number"},[t._v("81")]),s("br"),s("span",{staticClass:"line-number"},[t._v("82")]),s("br"),s("span",{staticClass:"line-number"},[t._v("83")]),s("br"),s("span",{staticClass:"line-number"},[t._v("84")]),s("br"),s("span",{staticClass:"line-number"},[t._v("85")]),s("br"),s("span",{staticClass:"line-number"},[t._v("86")]),s("br"),s("span",{staticClass:"line-number"},[t._v("87")]),s("br"),s("span",{staticClass:"line-number"},[t._v("88")]),s("br"),s("span",{staticClass:"line-number"},[t._v("89")]),s("br"),s("span",{staticClass:"line-number"},[t._v("90")]),s("br"),s("span",{staticClass:"line-number"},[t._v("91")]),s("br"),s("span",{staticClass:"line-number"},[t._v("92")]),s("br"),s("span",{staticClass:"line-number"},[t._v("93")]),s("br"),s("span",{staticClass:"line-number"},[t._v("94")]),s("br"),s("span",{staticClass:"line-number"},[t._v("95")]),s("br"),s("span",{staticClass:"line-number"},[t._v("96")]),s("br"),s("span",{staticClass:"line-number"},[t._v("97")]),s("br"),s("span",{staticClass:"line-number"},[t._v("98")]),s("br"),s("span",{staticClass:"line-number"},[t._v("99")]),s("br"),s("span",{staticClass:"line-number"},[t._v("100")]),s("br"),s("span",{staticClass:"line-number"},[t._v("101")]),s("br"),s("span",{staticClass:"line-number"},[t._v("102")]),s("br"),s("span",{staticClass:"line-number"},[t._v("103")]),s("br"),s("span",{staticClass:"line-number"},[t._v("104")]),s("br"),s("span",{staticClass:"line-number"},[t._v("105")]),s("br"),s("span",{staticClass:"line-number"},[t._v("106")]),s("br"),s("span",{staticClass:"line-number"},[t._v("107")]),s("br"),s("span",{staticClass:"line-number"},[t._v("108")]),s("br"),s("span",{staticClass:"line-number"},[t._v("109")]),s("br"),s("span",{staticClass:"line-number"},[t._v("110")]),s("br"),s("span",{staticClass:"line-number"},[t._v("111")]),s("br"),s("span",{staticClass:"line-number"},[t._v("112")]),s("br"),s("span",{staticClass:"line-number"},[t._v("113")]),s("br"),s("span",{staticClass:"line-number"},[t._v("114")]),s("br"),s("span",{staticClass:"line-number"},[t._v("115")]),s("br"),s("span",{staticClass:"line-number"},[t._v("116")]),s("br"),s("span",{staticClass:"line-number"},[t._v("117")]),s("br"),s("span",{staticClass:"line-number"},[t._v("118")]),s("br")])])])}),[],!1,null,null,null);s.default=a.exports}}]);