1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[30],{389:function(t,s,n){},450:function(t,s,n){"use strict";n(389)},479:function(t,s,n){"use strict";n.r(s);n(450);var a=n(2),e=Object(a.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("toolsData是工具栏配置项,需要从数据库获取并通过deepTree方法处理后传给toolbars组件")]),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("isDataOnload")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("控制工具栏显示隐藏")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("boolean")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("是")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("toolsData")]),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("toolsClick")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("工具单击事件")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[t._v("methods")]),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('<template>\n\t<transition enter-active-class="animate__animated animate__bounceInRight" leave-active-class="animate__animated animate__bounceOutRight">\n\t\t<jt-toolbars v-if="isDataOnload" :toolsData="toolsData" @toolsClick="handleClickTools" width=\'700rem\'></jt-toolbars>\n\t</transition>\n</template>\n\n<script setup>\n\t/**\n\t * element-plus组件\n\t */\n\timport {\n\t\tElMessage\n\t} from \'element-plus\';\n\n\timport {\n\t\tonMounted,\n\t\tonBeforeUnmount,\n\t\tref,\n\t\tinject\n\t} from "vue";\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\tlet viewer = jtMap3d._viewer;\n\n\timport {\n\t\tuseWidget\n\t} from "@/common/store/widget"\n\tconst {\n\t\tactivate,\n\t\tisActivate,\n\t\tdisable,\n\t\tdisableAll,\n\t\tcurrentWidget,\n\t\tupdateWidget,\n\t\tgetWidget\n\t} = useWidget();\n\n\tlet isDataOnload = ref(false);\n\tconst toolsData = ref([]);\n\tlet locateUtilObj;\n\n\tonMounted(() => {\n\t\t//获取工具菜单\n\t\tgetToolbars();\n\t});\n\n\t//工具单击事件\n\tconst handleClickTools = (widget) => {\n\t\tif (widget === "fullMap") { //全图\n\t\t\tfullMap(store.map3dStore.center);\n\t\t} else if (widget === "rotateCamera") { //绕点自旋\n\t\t\tElMessage.warning(\'在地图上单击进行自旋,再次单击停止自旋\')\n\t\t\tsetMapSpin();\n\t\t} else if (widget === "mapNorth") { //地图指北\n\t\t\tsetMapNorth();\n\t\t} else if (widget === "clear") { //清除所有\n\t\t\t// disableAll(true);\n\t\t} \n\t\t// else if (widget === "manage-layer") { //清除所有\n\t\t// \tactivate("manage-layer-ztree");\n\t\t// } \n\t\telse {\n\t\t\tactivate(widget)\n\t\t\tif (widget === "map-compare") { //分屏对比\n\t\t\t\tif (!isActivate("manage-layer")) {\n\t\t\t\t\tactivate("manage-layer");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * 全图-飞行到项目区域范围视角\n\t */\n\tconst fullMap = (options) => {\n\n\t\t// 初始化项目区域范围视角\n\t\tlet optionsS = {\n\t\t\twest: options.west, //西\n\t\t\tsouth: options.south, //南\n\t\t\teast: options.east, //东\n\t\t\tnorth: options.north, //北\n\t\t\tisRemove: false, //定位完成后是否删除\n\t\t\tduration: 3, //飞行时间\n\t\t\theading: 0,\n\t\t\tpitch: -90,\n\t\t\trange: 60000\n\t\t};\n\n\t\tlet optionsE = {\n\t\t\twest: options.west, //西\n\t\t\tsouth: options.south, //南\n\t\t\teast: options.east, //东\n\t\t\tnorth: options.north, //北\n\t\t\tisRemove: true, //定位完成后是否删除\n\t\t\tduration: options.duration, //飞行时间\n\t\t\theading: options.heading,\n\t\t\tpitch: options.pitch,\n\t\t\trange: options.range\n\t\t};\n\n\t\tif (!locateUtilObj) {\n\t\t\tlocateUtilObj = new jtMap3dSDK.LocateUtil(viewer);\n\t\t}\n\n\t\tvar fullMapPromise = locateUtilObj.fullMap(optionsS);\n\t\tfullMapPromise.then(function(flyPromise) {\n\t\t\tlocateUtilObj.fullMap(optionsE);\n\t\t});\n\t}\n\n\t/**\n\t * 地图绕点自旋\n\t */\n\tconst setMapSpin = () => {\n\n\t\tlet SketchViewModel = new jtMap3dSDK.SketchViewModel(viewer, {\n\t\t\tisClear: true,\n\t\t\tisDrawPoint: false, //是否标记参考点\n\t\t\tisRetainDrawPoint: false, //绘制完成是否保留绘制点\n\t\t\ticonType: \'blue\',\n\t\t});\n\n\t\tSketchViewModel.sketchTools(\'point\', {\n\t\t\tonComplete(cPoint, gPoint) {\n\t\t\t\tif (!locateUtilObj) {\n\t\t\t\t\tlocateUtilObj = new jtMap3dSDK.LocateUtil(viewer);\n\t\t\t\t}\n\t\t\t\tlocateUtilObj.setMapSpinByPoint(cPoint, {\n\t\t\t\t\t// height: 100000\n\t\t\t\t});\n\t\t\t},\n\t\t\tonError(message) {}\n\t\t});\n\t}\n\n\t/**\n\t * 地图指北\n\t */\n\tconst setMapNorth = () => {\n\t\tif (!locateUtilObj) {\n\t\t\tlocateUtilObj = new jtMap3dSDK.LocateUtil(viewer);\n\t\t}\n\t\tlocateUtilObj.setMapNorth();\n\t}\n\n\t//获取工具菜单并存储\n\tconst getToolbars = () => {\n\t\tlet sqlWhere = \'"roleId"\' + " = " + roleId + " "\n\n\t\t//存储用户权限id\n\t\t$http.get("/getTableList", {\n\t\t\ttableName: "sys_role_tool",\n\t\t\tsqlWhere: sqlWhere,\n\t\t\torderByField: \'orderNum\'\n\t\t}).then(res => {\n\t\t\tif (res.data.length > 0) {\n\t\t\t\ttoolsData.value = deepTree(res.data);\n\t\t\t\tisDataOnload.value = true;\n\t\t\t}\n\t\t})\n\t}\n\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"),s("span",{staticClass:"line-number"},[t._v("119")]),s("br"),s("span",{staticClass:"line-number"},[t._v("120")]),s("br"),s("span",{staticClass:"line-number"},[t._v("121")]),s("br"),s("span",{staticClass:"line-number"},[t._v("122")]),s("br"),s("span",{staticClass:"line-number"},[t._v("123")]),s("br"),s("span",{staticClass:"line-number"},[t._v("124")]),s("br"),s("span",{staticClass:"line-number"},[t._v("125")]),s("br"),s("span",{staticClass:"line-number"},[t._v("126")]),s("br"),s("span",{staticClass:"line-number"},[t._v("127")]),s("br"),s("span",{staticClass:"line-number"},[t._v("128")]),s("br"),s("span",{staticClass:"line-number"},[t._v("129")]),s("br"),s("span",{staticClass:"line-number"},[t._v("130")]),s("br"),s("span",{staticClass:"line-number"},[t._v("131")]),s("br"),s("span",{staticClass:"line-number"},[t._v("132")]),s("br"),s("span",{staticClass:"line-number"},[t._v("133")]),s("br"),s("span",{staticClass:"line-number"},[t._v("134")]),s("br"),s("span",{staticClass:"line-number"},[t._v("135")]),s("br"),s("span",{staticClass:"line-number"},[t._v("136")]),s("br"),s("span",{staticClass:"line-number"},[t._v("137")]),s("br"),s("span",{staticClass:"line-number"},[t._v("138")]),s("br"),s("span",{staticClass:"line-number"},[t._v("139")]),s("br"),s("span",{staticClass:"line-number"},[t._v("140")]),s("br"),s("span",{staticClass:"line-number"},[t._v("141")]),s("br"),s("span",{staticClass:"line-number"},[t._v("142")]),s("br"),s("span",{staticClass:"line-number"},[t._v("143")]),s("br"),s("span",{staticClass:"line-number"},[t._v("144")]),s("br"),s("span",{staticClass:"line-number"},[t._v("145")]),s("br"),s("span",{staticClass:"line-number"},[t._v("146")]),s("br"),s("span",{staticClass:"line-number"},[t._v("147")]),s("br"),s("span",{staticClass:"line-number"},[t._v("148")]),s("br"),s("span",{staticClass:"line-number"},[t._v("149")]),s("br"),s("span",{staticClass:"line-number"},[t._v("150")]),s("br"),s("span",{staticClass:"line-number"},[t._v("151")]),s("br"),s("span",{staticClass:"line-number"},[t._v("152")]),s("br"),s("span",{staticClass:"line-number"},[t._v("153")]),s("br"),s("span",{staticClass:"line-number"},[t._v("154")]),s("br"),s("span",{staticClass:"line-number"},[t._v("155")]),s("br"),s("span",{staticClass:"line-number"},[t._v("156")]),s("br"),s("span",{staticClass:"line-number"},[t._v("157")]),s("br"),s("span",{staticClass:"line-number"},[t._v("158")]),s("br"),s("span",{staticClass:"line-number"},[t._v("159")]),s("br"),s("span",{staticClass:"line-number"},[t._v("160")]),s("br"),s("span",{staticClass:"line-number"},[t._v("161")]),s("br"),s("span",{staticClass:"line-number"},[t._v("162")]),s("br"),s("span",{staticClass:"line-number"},[t._v("163")]),s("br"),s("span",{staticClass:"line-number"},[t._v("164")]),s("br"),s("span",{staticClass:"line-number"},[t._v("165")]),s("br"),s("span",{staticClass:"line-number"},[t._v("166")]),s("br"),s("span",{staticClass:"line-number"},[t._v("167")]),s("br"),s("span",{staticClass:"line-number"},[t._v("168")]),s("br"),s("span",{staticClass:"line-number"},[t._v("169")]),s("br"),s("span",{staticClass:"line-number"},[t._v("170")]),s("br"),s("span",{staticClass:"line-number"},[t._v("171")]),s("br"),s("span",{staticClass:"line-number"},[t._v("172")]),s("br"),s("span",{staticClass:"line-number"},[t._v("173")]),s("br"),s("span",{staticClass:"line-number"},[t._v("174")]),s("br"),s("span",{staticClass:"line-number"},[t._v("175")]),s("br"),s("span",{staticClass:"line-number"},[t._v("176")]),s("br")])])])}),[],!1,null,null,null);s.default=e.exports}}]);
|