"use script"; //开发环境建议开启严格模式
|
|
//对应widget.js中MyWidget实例化后的对象
|
var thisWidget;
|
var $table;
|
var drawEntity;
|
var selectType;
|
var nowData = [];
|
|
//当前页面业务
|
function initWidgetView(_thisWidget) {
|
thisWidget = _thisWidget;
|
|
$("#txtCity").citypicker({
|
simple: true,
|
level: "district",
|
placeholder: "请选择省/市州/区县",
|
province: "安徽省",
|
city: "合肥市",
|
// district: '蜀山区'
|
});
|
// $(".city-picker-span .placeholder").text("请选择省/市州/区县");
|
|
initTable();
|
|
$('input:radio[name="queryContent"]').change(function () {
|
selectType = $(this).val();
|
switch (selectType) {
|
default:
|
//按城市
|
$(".queryByCity").show();
|
$(".queryByDraw").hide();
|
break;
|
case "2": //当前视角范围
|
$(".queryByCity").hide();
|
$(".queryByDraw").hide();
|
break;
|
case "3": //按范围
|
$(".queryByCity").hide();
|
$(".queryByDraw").show();
|
break;
|
}
|
});
|
|
$("#query").click(function () {
|
$table.bootstrapTable("load", []);
|
|
$("#resultView").hide();
|
$("#loadMore").hide();
|
thisWidget.clearAll(selectType == "3");
|
|
nowData = [];
|
|
var queryVal = $.trim($("#queryText").val());
|
|
switch (selectType) {
|
default:
|
//按城市
|
var dnnm = $("#txtCity").data("citypicker").getCode();
|
if (!dnnm) {
|
window.toastr.error("请选择具体地区！");
|
haoutil.loading.close();
|
return;
|
}
|
if (queryVal.length == 0) {
|
window.toastr.error("请输入 名称 关键字筛选数据！");
|
return;
|
}
|
thisWidget.loadData({
|
text: queryVal,
|
city: dnnm,
|
citylimit: true,
|
page: 1,
|
});
|
break;
|
case "2": //当前视角范围
|
if (queryVal.length == 0) {
|
window.toastr.error("请输入 名称 关键字筛选数据！");
|
return;
|
}
|
var extent = thisWidget.getExtent();
|
thisWidget.loadData({
|
text: queryVal,
|
polygon: [
|
[extent.xmin, extent.ymin],
|
[extent.xmin, extent.ymax],
|
[extent.xmax, extent.ymax],
|
[extent.xmax, extent.ymin],
|
],
|
page: 1,
|
});
|
break;
|
case "3": //按范围
|
if (!thisWidget.drawGraphic) {
|
haoutil.loading.hide();
|
toastr.warning("请绘制限定范围！");
|
return;
|
}
|
if (queryVal.length == 0) {
|
window.toastr.error("请输入 名称 关键字筛选数据！");
|
return;
|
}
|
thisWidget.loadData({
|
text: queryVal,
|
graphic: thisWidget.drawGraphic,
|
page: 1,
|
});
|
break;
|
}
|
});
|
//框选查询 矩形
|
$("#drawRectangle").click(function () {
|
clearAll();
|
thisWidget.draw(1);
|
});
|
//框选查询 多边
|
$("#drawPolygon").click(function () {
|
clearAll();
|
thisWidget.draw(2);
|
});
|
//框选查询 圆
|
$("#drawCircle").click(function () {
|
clearAll();
|
thisWidget.draw(3);
|
});
|
|
$("#clearDraw").click(function () {
|
$("#txtCity").citypicker("reset");
|
$(".city-picker-span .placeholder").text("请选择省/市州/区县");
|
$("#queryText").val("");
|
clearAll();
|
thisWidget.clearAll();
|
});
|
|
//加载更多- 下一页
|
$("#loadMore").click(function () {
|
thisWidget.loadMore();
|
});
|
}
|
|
function loadSuccess(res) {
|
var data = res.list;
|
nowData = nowData.concat(data);
|
|
$("#resultView").show();
|
$table.bootstrapTable("append", data);
|
|
$("#count").html(nowData.length);
|
$("#allcount").html(res.allcount);
|
|
if (data.length == 0 || nowData.length >= res.allcount || res.allcount < 25 || nowData.length < 20) {
|
$("#loadMore").hide();
|
} else {
|
$("#loadMore").show();
|
}
|
}
|
|
//清除页面
|
function clearAll() {
|
$table.bootstrapTable("load", []);
|
$("#resultView").hide();
|
$("#loadMore").hide();
|
thisWidget.clearAll();
|
}
|
|
function getHeight() {
|
return $(window).height() - 230;
|
}
|
|
function initTable() {
|
$table = $("#table");
|
$table.bootstrapTable({
|
height: getHeight(),
|
singleSelect: true, //单选
|
pagination: false,
|
iconsPrefix: "fa",
|
columns: [
|
{
|
field: "index",
|
title: "序号",
|
sortable: true,
|
editable: false,
|
align: "left",
|
formatter: function (value, row, index) {
|
return index + 1;
|
},
|
},
|
{
|
field: "name",
|
title: "名称",
|
sortable: true,
|
editable: false,
|
align: "left",
|
formatter: function (value, row) {
|
if (value.length == 0 || !value) {
|
return "";
|
}
|
return value;
|
},
|
},
|
{
|
field: "address",
|
title: "地址",
|
sortable: true,
|
editable: false,
|
align: "left",
|
formatter: function (value, row) {
|
if (value.length == 0 || !value) {
|
return "";
|
}
|
return value;
|
},
|
},
|
],
|
onClickRow: function (item, $element, field) {
|
thisWidget.flyTo(item);
|
},
|
});
|
|
$(window).resize(function () {
|
$table.bootstrapTable("refreshOptions", {
|
height: getHeight(),
|
});
|
});
|
}
|
