|
@@ -2011,17 +2011,22 @@
|
|
|
<h5 class="modal-title">地图路线</h5>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
- <a href="#" class="btn btn-primary btn-sm">添加路线</a>
|
|
|
- <table class="table table-bordered table-sm">
|
|
|
- <tr><th>路线</th><th width="150">编辑</th></tr>
|
|
|
- <tr><td>路线1</td><td><a href="#bd-set-11-2" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal">编辑坐标</a> <a href="" class="text-danger">删除</a></td></tr>
|
|
|
- <tr><td>路线2</td><td><a href="#bd-set-11-2" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal">编辑坐标</a> <a href="" class="text-danger">删除</a></td></tr>
|
|
|
- <tr><td>路线2</td><td><a href="#bd-set-11-2" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal">编辑坐标</a> <a href="" class="text-danger">删除</a></td></tr>
|
|
|
- </table>
|
|
|
+ <a href="javascript:void(0)" id="add-map" class="btn btn-primary btn-sm">添加路线</a>
|
|
|
+ <div style="max-height:450px;overflow: auto">
|
|
|
+ <table class="table table-bordered table-sm">
|
|
|
+ <tr><th>路线</th><th width="150">编辑</th></tr>
|
|
|
+ <tbody id="map-table">
|
|
|
+ <% for (const tm of tenderMapList) { %>
|
|
|
+ <tr><td><%- tm.name %></td><td><a href="#bd-set-11-2" data-mid="<%- tm.id %>" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal" class="save-map-btn">编辑坐标</a> <a href="#bd-set-11-3" data-mid="<%- tm.id %>" data-toggle="modal" data-target="#bd-set-11-3" data-dismiss="modal" class="text-danger del-map-btn">删除</a></td></tr>
|
|
|
+ <% } %>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
<!--<button type="button" class="btn btn-sm btn-primary" >确认修改</button>-->
|
|
|
+ <button type="button" class="btn btn-sm btn-success" >刷新显示</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -2033,84 +2038,51 @@
|
|
|
<h5 class="modal-title">地图路线</h5>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
- <!-- <div class="form-group ">
|
|
|
- <label class="d-flex justify-content-between">路线1<a href="" class="text-danger">移除</a></label>
|
|
|
- <div class="row">
|
|
|
- <div class="col-5 pr-0">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <span class="input-group-text">起点</span>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" value="" placeholder="X轴坐标">
|
|
|
- <input type="text" class="form-control" value="" placeholder="Y轴坐标">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-5 pr-0">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <span class="input-group-text">终点</span>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" value="" placeholder="X轴坐标">
|
|
|
- <input type="text" class="form-control" value="" placeholder="Y轴坐标">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-2">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input type="color" class="form-control">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="d-flex justify-content-between">路线2<a href="" class="text-danger">移除</a></label>
|
|
|
- <div class="row">
|
|
|
- <div class="col-5 pr-0">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <span class="input-group-text">起点</span>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" value="" placeholder="X轴坐标">
|
|
|
- <input type="text" class="form-control" value="" placeholder="Y轴坐标">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-5 pr-0">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <span class="input-group-text">终点</span>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" value="" placeholder="X轴坐标">
|
|
|
- <input type="text" class="form-control" value="" placeholder="Y轴坐标">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-2">
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input type="color" class="form-control">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <button type="button" class="btn btn-sm btn-primary mt-2" >添加路线</button> -->
|
|
|
<input class="form-control form-control-sm mb-1" type="text" value="路线1" placeholder="请输入路线名称">
|
|
|
- <table class="table table-bordered table-sm">
|
|
|
- <tr><th>坐标/备注</th><th>N(X)</th><th>E(Y)</th><th>色值(选填)</th></tr>
|
|
|
- <tr><td>K0+000</td><td>324234.22</td><td>121212.09</td><td>#ff6501</td></tr>
|
|
|
- <tr><td>K1+356</td><td>9861253.22</td><td>28234234.09</td><td></td></tr>
|
|
|
- <tr><td>K2+534</td><td>651278.22</td><td>64122.09</td><td></td></tr>
|
|
|
- <tr><td> </td><td> </td><td></td><td></td></tr>
|
|
|
- <tr><td> </td><td> </td><td></td><td></td></tr>
|
|
|
- <tr><td> </td><td> </td><td></td><td></td></tr>
|
|
|
- <tr><td> </td><td> </td><td></td><td></td></tr>
|
|
|
- </table>
|
|
|
+ <input class="form-control form-control-sm mb-1" type="text" id="color-select" value="#ff0000" placeholder="请选择路线颜色">
|
|
|
+ <!--<table class="table table-bordered table-sm">-->
|
|
|
+ <!--<tr><th>坐标/备注</th><th>N(X)</th><th>E(Y)</th><th>色值(选填)</th></tr>-->
|
|
|
+ <!--<tr><td>K0+000</td><td>324234.22</td><td>121212.09</td><td>#ff6501</td></tr>-->
|
|
|
+ <!--<tr><td>K1+356</td><td>9861253.22</td><td>28234234.09</td><td></td></tr>-->
|
|
|
+ <!--<tr><td>K2+534</td><td>651278.22</td><td>64122.09</td><td></td></tr>-->
|
|
|
+ <!--<tr><td> </td><td> </td><td></td><td></td></tr>-->
|
|
|
+ <!--<tr><td> </td><td> </td><td></td><td></td></tr>-->
|
|
|
+ <!--<tr><td> </td><td> </td><td></td><td></td></tr>-->
|
|
|
+ <!--<tr><td> </td><td> </td><td></td><td></td></tr>-->
|
|
|
+ <!--</table>-->
|
|
|
+ <div class="modal-height-300" style="overflow-y: auto">
|
|
|
+ <div id="map-spread" style="height: 297px; width: 465px;"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<a href="#bd-set-11-1" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">关闭</a>
|
|
|
<!--<a href="#bd-set-11" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">确认修改</a>-->
|
|
|
+ <button type="button" class="btn btn-sm btn-primary" id="save-map" data-mid="">确认修改</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!--删除路线-->
|
|
|
+<div class="modal fade" id="bd-set-11-3" data-backdrop="static">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">删除路线</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ 删除路线信息及已填坐标,请谨慎操作,确认删除本路线?
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <a href="#bd-set-11-1" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">关闭</a>
|
|
|
+ <!--<button type="button" class="btn btn-sm btn-primary" >确认修改</button>-->
|
|
|
+ <button type="button" class="btn btn-sm btn-danger" id="del-map" data-mid="">确认删除</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
const hadMap = parseInt(<%- hadMap %>);
|
|
|
+ const tenderMapList = JSON.parse(unescape('<%- escape(JSON.stringify(tenderMapList)) %>'));
|
|
|
$(function () {
|
|
|
$('body').on('click', '#bd-set-11 .select-map', function () {
|
|
|
// const val = parseInt($(this).data('value'));
|
|
@@ -2136,6 +2108,56 @@
|
|
|
toastr.warning('未更改当前设置,无需提交');
|
|
|
}
|
|
|
})
|
|
|
+ $('#color-select').colorpicker();
|
|
|
+ $('#add-map').click(function () {
|
|
|
+ const num = $('#map-table tr').length;
|
|
|
+ const name = '路线' + (num+1);
|
|
|
+ postData('/tender/' + tenderId + '/map/save', { type: 'add-map', name }, function (result) {
|
|
|
+ tenderMapList.push(result);
|
|
|
+ $('#map-table').append('<tr><td>'+ name +'</td><td><a href="#bd-set-11-2" data-mid="'+ result.id +'" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal" class="save-map-btn">编辑坐标</a> <a href="#bd-set-11-3" data-mid="'+ result.id +'" data-toggle="modal" data-target="#bd-set-11-3" data-dismiss="modal" class="text-danger del-map-btn">删除</a></td></tr>');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $('body').on('click', '#bd-set-11-1 .del-map-btn', function () {
|
|
|
+ $('#del-map').attr('data-mid', $(this).data('mid'));
|
|
|
+ });
|
|
|
+ $('#del-map').on('click', function () {
|
|
|
+ const id = parseInt($(this).attr('data-mid'));
|
|
|
+ postData('/tender/' + tenderId + '/map/save', { type: 'del-map', id }, function (result) {
|
|
|
+ const index = _.findIndex(tenderMapList, { id });
|
|
|
+ $('#map-table tr').eq(index).remove();
|
|
|
+ _.remove(tenderMapList,{id})
|
|
|
+ $('#bd-set-11-3').modal('hide');
|
|
|
+ $('#bd-set-11-1').modal('show');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ const mapSpreadSetting = {
|
|
|
+ cols: [
|
|
|
+ {title: '坐标/备注', colSpan: '1', rowSpan: '1', field: 'b_code', hAlign: 0, width: 100, formatter: '@'},
|
|
|
+ {title: '经度', colSpan: '1', rowSpan: '1', field: 'x', hAlign: 2, width: 120, type: 'Number'},
|
|
|
+ {title: '纬度', colSpan: '1', rowSpan: '1', field: 'y', hAlign: 2, width: 120, type: 'Number'},
|
|
|
+ ],
|
|
|
+ emptyRows: 20,
|
|
|
+ headRows: 1,
|
|
|
+ headRowHeight: [25, 25],
|
|
|
+ defaultRowHeight: 21,
|
|
|
+ headerFont: '12px 微软雅黑',
|
|
|
+ font: '12px 微软雅黑',
|
|
|
+ readOnly: false,
|
|
|
+ };
|
|
|
+ const mapSpread = SpreadJsObj.createNewSpread($('#map-spread')[0]);
|
|
|
+ SpreadJsObj.initSheet(mapSpread.getActiveSheet(), mapSpreadSetting);
|
|
|
+ $('body').on('click', '#bd-set-11-1 .save-map-btn', function () {
|
|
|
+ const id = parseInt($(this).data('mid'));
|
|
|
+ $('#save-map').attr('data-mid', id);
|
|
|
+ // 加载sjs
|
|
|
+ const mapInfo = _.find(tenderMapList, { id });
|
|
|
+ console.log(mapInfo);
|
|
|
+ SpreadJsObj.loadSheetData(mapSpread.getActiveSheet(), SpreadJsObj.DataType.Data, (mapInfo.map_json ? mapInfo.map_json : []));
|
|
|
+ });
|
|
|
+ $('#save-map').on('click', function () {
|
|
|
+ const id = parseInt($(this).attr('data-mid'));
|
|
|
+ console.log(id);
|
|
|
+ });
|
|
|
})
|
|
|
</script>
|
|
|
<% } %>
|