/////////////////////////////////////////////////////////////////////////// // Copyright © 2019 zhongsong. All Rights Reserved. // 模块描述:显示坐标 /////////////////////////////////////////////////////////////////////////// define([ 'dojo/_base/declare', 'dojo/_base/lang', 'dojo/_base/array', 'dojo/_base/html', 'dojo/topic', 'jimu/BaseWidget', 'jimu/utils', 'jimu/css!libs/zTree_v3/css/zTreeStyle/zTreeStyle.css', 'libs/zTree_v3/js/jquery.ztree.all' ], function (declare, lang, array, html, topic, BaseWidget, aspect, string, utils ) { return declare([BaseWidget], { baseClass: 'jimu-widget-searchL', name: 'searchL', layers: {}, states: 'one', searchDatas: '', startup: function () { var that = this; //关键词&&坐标 $("#i-f-gjz").click(function () { that.states = 'one'; // console.log("gjz"); $("#i-f-zb").css({ 'backgroundColor': '#fff', 'color': '#000' }); $("#i-f-gjz").css({ 'backgroundColor': '#3E9FFC', 'color': '#fff' }); // $("#inputTwo").css({ 'display': 'none' }); // $("#local_data").css({ 'display': 'inline-block' }); $("#inputTwo").hide(); $("#local_data").show(); }) $("#i-f-zb").click(function () { that.states = 'two'; // console.log("zb"); $("#i-f-gjz").css({ 'backgroundColor': '#fff', 'color': '#000' }); $("#i-f-zb").css({ 'backgroundColor': '#3E9FFC', 'color': '#fff' }); // $("#local_data").css({ 'display': 'none' }); // $("#inputTwo").css({ 'display': 'inline-block' }); $("#inputTwo").show(); $("#local_data").hide(); }) $(".searchImg").click(function () { that.getInputData(); that.setVal(that.searchDatas); $('.searchLMain').show(); }) $(".searchColce").click(function () { $('.searchLMain').hide(); }) }, closeToolBox: function (item) { // if (item != this.name) { // $('.tool-y-box').hide(); // } }, getInputData: function () { if (this.states == 'one') { this.searchDatas = $('#local_data').val(); } else if (this.states == 'two') { this.searchDatas = [$('#local_data1').val(), $('#local_data2').val()]; } }, setVal: function (val) { var that = this; if (typeof val == "string") { var url = 'http://171.34.76.171:8880/pyh-wetResource/GeoData/queryGeoData?name=' + val + '&protectAreald=&type=0&dataSort=1', token = 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJpc3MiOiJlY2hpc2FuIiwic3ViIjoiYWRtaW4iLCJpYXQiOjE2MjMxMTYwMzYsImV4cCI6MTYyNTcwODAzNn0.p2qqmcWrC9QDLAFgu1n0eR4k4wrr3udFKKhjBqGJXAzz1jdR57agyyYMsTZPXIPkH7hviE64uHLW8T7fM_VvNw'; axios.get(url, { headers: { 'token': token } }).then((res)=>{ if(res.status == 200){ var data = res.data.data; that.createData(data); }else{ console.log('请求访问失败') } }) } else if (typeof val == "object") { } }, createData:function(d){ var data = d; this.beginLayUi(data); }, onOpen: function () { //面板打开的时候触发 }, onClose: function () { //面板关闭的时候触发 (when this panel is closed trigger) }, onMinimize: function () { this.resize(); }, onMaximize: function () { this.resize(); }, resize: function () { }, beginLayUi: function (data) { console.log(data) layui.use(function () { var element = layui.element , table = layui.table //表格 , laypage = layui.laypage; //分页 table.render({ elem: '#test' // , url: './data' , height: 475 , page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档 // layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局 layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局 //,curr: 5 //设定初始在第 5 页 , groups: 3 //只显示 1 个连续页码 , first: false //不显示首页 , last: false //不显示尾页 } , cols: [[ { field: 'id', width: 59, align: 'center', unresize: true, title: '序号' } , { field: 'username', width: 90, align: 'center', unresize: true, title: '图层名称' } , { field: 'style1', width: 95, align: 'center', unresize: true, title: '图层属性1' } , { field: 'style2', width: 95, align: 'center', unresize: true, title: '图层属性2' } , { fixed: 'right', width: 115, align: 'center', unresize: true, title: '操作', toolbar: '#demoTable' } ]], data: data, //,skin: 'line' //表格风格 even: true // , page: true //是否显示分页 , limits: false , limit: 10 //每页默认显示的数量 }); //… }); }, destroy: function () { //销毁的时候触发 //todo //do something before this func this.inherited(arguments); } }); });