|
@@ -2039,49 +2039,97 @@
|
|
</script>
|
|
</script>
|
|
<!--概况设置-->
|
|
<!--概况设置-->
|
|
<div class="modal fade" id="bd-set-11" data-backdrop="static">
|
|
<div class="modal fade" id="bd-set-11" data-backdrop="static">
|
|
- <div class="modal-dialog" role="document">
|
|
|
|
|
|
+ <div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">概况设置</h5>
|
|
<h5 class="modal-title">概况设置</h5>
|
|
</div>
|
|
</div>
|
|
- <div class="modal-body">
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-6">
|
|
|
|
- <div class="card <% if (!hadMap) { %>border-dark<% } %>">
|
|
|
|
- <div class="card-body">
|
|
|
|
- <h5 class="card-title"><i class="fa fa-bookmark"></i> 无地图版</h5>
|
|
|
|
- <p class="card-text">概况中间展示图表</p>
|
|
|
|
- <% if (hadMap) { %>
|
|
|
|
- <a href="javascript:void(0);" data-value="1" class="btn select-map btn-primary btn-sm">选择</a>
|
|
|
|
- <% } else { %>
|
|
|
|
- <a href="javascript:void(0);" data-value="1" class="btn btn-primary btn-sm disabled">当前</a>
|
|
|
|
- <% } %>
|
|
|
|
|
|
+ <div class="modal-body modal-height-400">
|
|
|
|
+ <div class="container-fluid">
|
|
|
|
+ <div class="d-flex justify-content-between">
|
|
|
|
+ <div class="map-set">
|
|
|
|
+ <div class="card card-gk-width p-3 select-map <% if (hadMap === 3) { %>card-gk-active<% } %>" data-value="3">
|
|
|
|
+ <div class="card-body p-0">
|
|
|
|
+ <h5 class="card-title card-gk-title">
|
|
|
|
+ <div class="d-flex justify-content-between align-items-center">
|
|
|
|
+ <div>图表版</div>
|
|
|
|
+ <div class="sel-width <% if (hadMap === 3) { %>sel-blue<% } else { %>sel-gary<% } %>"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </h5>
|
|
|
|
+ <div class="card-text">
|
|
|
|
+ <div class="my-4"><img src="/public/images/tubiaoban.png"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="col-6">
|
|
|
|
- <div class="card <% if (hadMap) { %>border-dark<% } %>">
|
|
|
|
- <div class="card-body">
|
|
|
|
- <h5 class="card-title"><i class="fa fa-bookmark"></i> 地图版</h5>
|
|
|
|
- <p class="card-text">概况中间展示地图</p>
|
|
|
|
- <% if (!hadMap) { %>
|
|
|
|
- <a href="javascript:void(0);" data-value="0" class="btn select-map btn-primary btn-sm">选择</a>
|
|
|
|
- <% } else { %>
|
|
|
|
- <a href="javascript:void(0);" data-value="0" class="btn btn-primary btn-sm disabled">当前</a>
|
|
|
|
- <% } %>
|
|
|
|
- <a href="#bd-set-11-1" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">编辑地图</a>
|
|
|
|
|
|
+ <div class="map-set">
|
|
|
|
+ <div class="card card-gk-width p-3 select-map <% if (hadMap === 1 || hadMap === 2) { %>card-gk-active<% } %>" data-value="<%- hadMap === 3 ? 1 : hadMap %>">
|
|
|
|
+ <div class="card-body p-0">
|
|
|
|
+ <h5 class="card-title card-gk-title">
|
|
|
|
+ <div class="d-flex justify-content-between align-items-center">
|
|
|
|
+ <div>地图版</div>
|
|
|
|
+ <div class="sel-width <% if (hadMap === 1 || hadMap === 2) { %>sel-blue<% } else { %>sel-gary<% } %>"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </h5>
|
|
|
|
+ <div class="card-text">
|
|
|
|
+ <div class="my-4"><img src="<% if (hadMap === 1 || hadMap === 3) { %>/public/images/dongtai.png<% } else { %>/public/images/jingtai.png<% } %>"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="card-gk-bottom">
|
|
|
|
+ <div class="d-flex justify-content-between align-items-center">
|
|
|
|
+ <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
|
|
|
|
+ <button type="button" data-value="1" class="btn change-map btn-secondary">动态坐标</button>
|
|
|
|
+ <button type="button" data-value="2" class="btn change-map btn-outline-primary">静态图片</button>
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <a href="#bd-set-11-1" class="show-map-edit" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">编辑坐标</a>
|
|
|
|
+ <a href="#bd-set-11-5" class="show-map-edit" data-toggle="modal" data-target="#bd-set-11-5" data-dismiss="modal" style="display:none;">上传图片</a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="modal-footer">
|
|
|
|
+ <input type="hidden" id="map-value" value="<%- hadMap %>">
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-sm btn-primary" id="save-select-map" >确认修改</button>
|
|
<button type="button" class="btn btn-sm btn-primary" id="save-select-map" >确认修改</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+<!--上传图片-->
|
|
|
|
+<div class="modal fade" id="bd-set-11-5" data-backdrop="static">
|
|
|
|
+ <div class="modal-dialog modal-lg" role="document">
|
|
|
|
+ <div class="modal-content">
|
|
|
|
+ <div class="modal-header">
|
|
|
|
+ <h5 class="modal-title">上传静态图片</h5>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-body">
|
|
|
|
+ <p><input value="选择图片" type="file" id="upload-map-pic" /></p>
|
|
|
|
+ <p>预览</p>
|
|
|
|
+ <div id="show-map-pic" style="border: 1px solid rgba(0,0,0,.125);height: 388px; width: 100%;">
|
|
|
|
+ <% if (map_pic) { %>
|
|
|
|
+ <img style="display:block;width:100%;height: 387px;margin:0 auto;" src="<%- fujianOssPath + map_pic %>">
|
|
|
|
+ <% } else { %>
|
|
|
|
+ <div class="p-5 text-center text-muted">
|
|
|
|
+ <img src="/public/images/nulllogo.png" />
|
|
|
|
+ <div class="pt-3">暂无静态图片</div>
|
|
|
|
+ </div>
|
|
|
|
+ <% } %>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-footer">
|
|
|
|
+ <a href="#bd-set-11" class="btn btn-sm btn-secondary show-map-edit" data-toggle="modal" data-target="#bd-set-11" onclick="back=true" data-dismiss="modal">关闭</a>
|
|
|
|
+ <% if (hadMap === 2) { %>
|
|
|
|
+ <button type="button" class="btn btn-sm btn-success" onclick="window.location.reload()" >刷新显示</button>
|
|
|
|
+ <% } %>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
<!--地图路线-->
|
|
<!--地图路线-->
|
|
<div class="modal fade" id="bd-set-11-1" data-backdrop="static">
|
|
<div class="modal fade" id="bd-set-11-1" data-backdrop="static">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-dialog" role="document">
|
|
@@ -2104,7 +2152,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<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-secondary" data-dismiss="modal">关闭</button>
|
|
- <% if (hadMap) { %>
|
|
|
|
|
|
+ <% if (hadMap === 1) { %>
|
|
<button type="button" class="btn btn-sm btn-success" onclick="window.location.reload()" >刷新显示</button>
|
|
<button type="button" class="btn btn-sm btn-success" onclick="window.location.reload()" >刷新显示</button>
|
|
<% } %>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
@@ -2174,32 +2222,95 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
const hadMap = parseInt(<%- hadMap %>);
|
|
const hadMap = parseInt(<%- hadMap %>);
|
|
|
|
+ const fujianOssPath = JSON.parse(unescape('<%- escape(JSON.stringify(fujianOssPath)) %>'));
|
|
|
|
+ let back = false;
|
|
$(function () {
|
|
$(function () {
|
|
- $('#bd-set-11').on('show.bs.modal', function () {
|
|
|
|
- if (parseInt(hadMap) == 0) {
|
|
|
|
- $('#bd-set-11').find('.card').eq(0).addClass('border-dark');
|
|
|
|
- $('#bd-set-11').find('.card').eq(0).find('.btn').removeClass('select-map').addClass('disabled').text('当前');
|
|
|
|
- $('#bd-set-11').find('.card').eq(1).removeClass('border-dark');
|
|
|
|
- $('#bd-set-11').find('.card').eq(1).find('.btn').removeClass('disabled').addClass('select-map').text('选择');
|
|
|
|
|
|
+ $('#bd-set-11').on('shown.bs.modal', function () {
|
|
|
|
+ if (!back) {
|
|
|
|
+ if (hadMap === 1 || hadMap === 2) {
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).addClass('card-gk-active');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).find('.sel-width').removeClass('sel-gary').addClass('sel-blue');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(0).removeClass('card-gk-active');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(0).find('.sel-width').removeClass('sel-blue').addClass('sel-gary');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).attr('data-value', hadMap);
|
|
|
|
+ if (hadMap === 1) {
|
|
|
|
+ $('.change-map').eq(0).removeClass('btn-outline-primary').addClass('btn-secondary');
|
|
|
|
+ $('.change-map').eq(1).removeClass('btn-secondary').addClass('btn-outline-primary');
|
|
|
|
+ $('.show-map-edit').eq(0).show();
|
|
|
|
+ $('.show-map-edit').eq(1).hide();
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).find('img').attr('src', '/public/images/dongtai.png');
|
|
|
|
+ } else {
|
|
|
|
+ $('.change-map').eq(1).removeClass('btn-outline-primary').addClass('btn-secondary');
|
|
|
|
+ $('.change-map').eq(0).removeClass('btn-secondary').addClass('btn-outline-primary');
|
|
|
|
+ $('.show-map-edit').eq(1).show();
|
|
|
|
+ $('.show-map-edit').eq(0).hide();
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).find('img').attr('src', '/public/images/jingtai.png');
|
|
|
|
+ }
|
|
|
|
+ } else if (hadMap === 3) {
|
|
|
|
+ $('#bd-set-11').find('.card').eq(0).addClass('card-gk-active');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(0).find('.sel-width').removeClass('sel-gary').addClass('sel-blue');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).removeClass('card-gk-active');
|
|
|
|
+ $('#bd-set-11').find('.card').eq(1).find('.sel-width').removeClass('sel-blue').addClass('sel-gary');
|
|
|
|
+ }
|
|
|
|
+ $('#map-value').val(hadMap);
|
|
} else {
|
|
} else {
|
|
- $('#bd-set-11').find('.card').eq(1).addClass('border-dark');
|
|
|
|
- $('#bd-set-11').find('.card').eq(1).find('.btn').removeClass('select-map').addClass('disabled').text('当前');
|
|
|
|
- $('#bd-set-11').find('.card').eq(0).removeClass('border-dark');
|
|
|
|
- $('#bd-set-11').find('.card').eq(0).find('.btn').removeClass('disabled').addClass('select-map').text('选择');
|
|
|
|
|
|
+ back = false;
|
|
}
|
|
}
|
|
})
|
|
})
|
|
$('body').on('click', '#bd-set-11 .select-map', function () {
|
|
$('body').on('click', '#bd-set-11 .select-map', function () {
|
|
// const val = parseInt($(this).data('value'));
|
|
// const val = parseInt($(this).data('value'));
|
|
- $(this).parents('.card').addClass('border-dark');
|
|
|
|
- $(this).removeClass('select-map').addClass('disabled').text('当前');
|
|
|
|
- $(this).parents('.col-6').siblings('.col-6').children('.card').removeClass('border-dark');
|
|
|
|
- $(this).parents('.col-6').siblings('.col-6').find('.btn').removeClass('disabled').addClass('select-map').text('选择');
|
|
|
|
|
|
+ $(this).addClass('card-gk-active');
|
|
|
|
+ $(this).find('.sel-width').removeClass('sel-gary').addClass('sel-blue');
|
|
|
|
+ $(this).parents('.map-set').siblings('.map-set').children('.card').removeClass('card-gk-active');
|
|
|
|
+ $(this).parents('.map-set').siblings('.map-set').find('.sel-width').removeClass('sel-blue').addClass('sel-gary');
|
|
|
|
+ $('#map-value').val($(this).attr('data-value'));
|
|
});
|
|
});
|
|
|
|
+ // 切换坐标和图片选择
|
|
|
|
+ $('.change-map').on('click', function (e) {
|
|
|
|
+ e.preventDefault();
|
|
|
|
+ event.stopPropagation();
|
|
|
|
+ if ($(this).hasClass('btn-outline-primary')) {
|
|
|
|
+ $(this).addClass('btn-secondary').removeClass('btn-outline-primary');
|
|
|
|
+ $(this).siblings('button').removeClass('btn-secondary').addClass('btn-outline-primary');
|
|
|
|
+ const value = $(this).attr('data-value');
|
|
|
|
+ $(this).parents('.card').attr('data-value', value);
|
|
|
|
+ $('#map-value').val(value);
|
|
|
|
+ if (parseInt(value) === 2) {
|
|
|
|
+ $(this).parents('.card').find('img').attr('src', '/public/images/jingtai.png');
|
|
|
|
+ $('.show-map-edit').eq(0).hide();
|
|
|
|
+ $('.show-map-edit').eq(1).show();
|
|
|
|
+ } else {
|
|
|
|
+ $(this).parents('.card').find('img').attr('src', '/public/images/dongtai.png');
|
|
|
|
+ $('.show-map-edit').eq(1).hide();
|
|
|
|
+ $('.show-map-edit').eq(0).show();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ $('#upload-map-pic').change(function () {
|
|
|
|
+ const file = this.files[0];
|
|
|
|
+ const ext = file.name.toLowerCase().split('.').splice(-1)[0];
|
|
|
|
+ const imgStr = /(jpg|jpeg|png|bmp|BMP|JPG|PNG|JPEG)$/;
|
|
|
|
+ if (!imgStr.test(ext)) {
|
|
|
|
+ toastr.error('请上传正确的图片格式文件');
|
|
|
|
+ $('#upload-map-pic').val('');
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if ($(this).val()) {
|
|
|
|
+ const formData = new FormData();
|
|
|
|
+ formData.append('file', this.files[0]);
|
|
|
|
+ postDataWithFile('/tender/' + tenderId + '/map/upload', formData, function (result) {
|
|
|
|
+ const html = '<img style="display:block;width:100%;height: 387px;margin:0 auto;" src="'+ fujianOssPath + result.map_pic +'">';
|
|
|
|
+ $('#show-map-pic').html(html);
|
|
|
|
+ $('#upload-map-pic').val('');
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
|
|
$('#save-select-map').click(function () {
|
|
$('#save-select-map').click(function () {
|
|
$(this).attr('disabled', true);
|
|
$(this).attr('disabled', true);
|
|
- const val = parseInt($('#bd-set-11').find('.disabled').data('value'));
|
|
|
|
- if (hadMap === val) {
|
|
|
|
|
|
+ const val = parseInt($('#map-value').val());
|
|
|
|
+ if (hadMap !== val) {
|
|
postData('/tender/' + tenderId + '/map/save', { type: 'select-map', value: val }, function () {
|
|
postData('/tender/' + tenderId + '/map/save', { type: 'select-map', value: val }, function () {
|
|
toastr.success('修改成功,重新加载中...');
|
|
toastr.success('修改成功,重新加载中...');
|
|
setTimeout(function () {
|
|
setTimeout(function () {
|