记得上下班打卡 | git大法好，push需谨慎

Skip to content

L
liquidnet-bus-v1
Commit eb1bb51e authored by dongchun's avatar dongchun
Browse files
Options

新增上传图片

parent 2c99465f
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 8 deletions
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/java/com/liquidnet/client/admin/web/controller/zhengzai/LocalAdminController.java
View file @ eb1bb51e
...@@ -122,8 +122,8 @@ public class LocalAdminController extends BaseController ...@@ -122,8 +122,8 @@ public class LocalAdminController extends BaseController
return storePrefix + "/placingOrder/activityList"; return storePrefix + "/placingOrder/activityList";
} }
@GetMapping("/addNewActivity") @GetMapping("/addNewActivity")
public String addNewActivity() public String addNewActivity(ModelMap mmap) {
{ mmap.put("platformUrl", platformUrl);
return storePrefix + "/placingOrder/addNewActivity"; return storePrefix + "/placingOrder/addNewActivity";
} }
@GetMapping("/activityStoreList") @GetMapping("/activityStoreList")
......
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/store/placingOrder/addNewActivity.html
View file @ eb1bb51e
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<head> <head>
<th:block th:include="include :: header('新增活动')" /> <th:block th:include="include :: header('新增活动')" />
<th:block th:include="include :: select2-css" /> <th:block th:include="include :: select2-css" />
<th:block th:include="include :: bootstrap-fileinput-css" />
<link rel="stylesheet" href=""> <link rel="stylesheet" href="">
<style> <style>
input { input {
...@@ -64,6 +65,13 @@ ...@@ -64,6 +65,13 @@
height: 34PX; height: 34PX;
line-height: 34PX; line-height: 34PX;
} }
.kv-upload-progress {
display: none !important;
}
.ibox-content .imgBox {
max-width: 350px;
max-height: 180px;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -89,6 +97,22 @@ ...@@ -89,6 +97,22 @@
<!-- /btn-group 11 --> <!-- /btn-group 11 -->
</div> </div>
</div> </div>
<div class="basis_data ibox-content" style="border: none;display: flex;">
<span>
<em class="required">*</em>
演出图片：
</span>
<div>
<img id="viewImg" class="imgBox" src="" alt="">
<div class="form-group">
<div class="file-loading">
<input id="fileinput" type="file" name="file" data-browse-on-zone-click="true" data-theme="fas">
</div>
<span style="color: #ccc; font-size: 12px;">适配图片尺寸：660*344</span>
</div>
</div>
</div>
<div class="basis_data"> <div class="basis_data">
<span> <span>
<em class="required">*</em> <em class="required">*</em>
...@@ -134,6 +158,7 @@ ...@@ -134,6 +158,7 @@
</div> </div>
</div> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: bootstrap-fileinput-js" />
<th:block th:include="include :: bootstrap-suggest-js" /> <th:block th:include="include :: bootstrap-suggest-js" />
</body> </body>
<script th:inline="javascript"> <script th:inline="javascript">
...@@ -141,7 +166,7 @@ ...@@ -141,7 +166,7 @@
var prefix2 = ctx + "local"; var prefix2 = ctx + "local";
let marketId = ''; let marketId = '';
let editDatas = 0; let editDatas = 0;
let performanceImg = ''; var platformUrl = [[${platformUrl}]];
$(function() { $(function() {
let name = 'id'; let name = 'id';
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
...@@ -174,6 +199,7 @@ ...@@ -174,6 +199,7 @@
editDatas = data.length; editDatas = data.length;
$("#selectShow").val(basisData.data.name); $("#selectShow").val(basisData.data.name);
$("#selectShow").attr('data-id', basisData.data.performanceId); $("#selectShow").attr('data-id', basisData.data.performanceId);
$("#viewImg").attr('src', basisData.data.performanceImg);
$("#startTime").val(basisData.data.startTime); $("#startTime").val(basisData.data.startTime);
$("#endTime").val(basisData.data.endTime); $("#endTime").val(basisData.data.endTime);
$(".content_item").show(); $(".content_item").show();
...@@ -184,7 +210,31 @@ ...@@ -184,7 +210,31 @@
}) })
}) })
} }
$("#fileinput").fileinput({
'theme': 'explorer-fas',
// 'uploadUrl': "https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload",
'uploadUrl': platformUrl + "/platform/basicServices/alOss/upload",
"uploadExtraData": {
"pathName" : "banner",
"buckType" : 1
},
autoReplace: true,
showCaption: false,
showPreview: false,
showRemove: false,
showUpload: false,
showCancel: false,
showClose: false,
autoReplace: true,
dropZoneTitle: "请上传文件",
maxFileCount: 1
}).on("filebatchselected", function (event, files) { //默认上传
$(this).fileinput("upload");
})
.on("fileuploaded", function (event, data) { //上传回调事件
let showPicture = 'https://img.zhengzai.tv/' + data.response.data.ossPath;
$("#viewImg").attr('src', showPicture)
})
}) })
function common () { function common () {
...@@ -204,8 +254,6 @@ ...@@ -204,8 +254,6 @@
return json; return json;
} }
}).on('onSetSelectValue', function (e, result, selectedRawData) { }).on('onSetSelectValue', function (e, result, selectedRawData) {
console.log(e, result, selectedRawData)
performanceImg = selectedRawData.imgPoster;
}); });
$(".storeList").bsSuggest({ $(".storeList").bsSuggest({
idField: 'storeId', idField: 'storeId',
...@@ -301,15 +349,18 @@ ...@@ -301,15 +349,18 @@
if (!$("#selectShow").attr('data-id')) { if (!$("#selectShow").attr('data-id')) {
return layer.msg('请选择演出进行创建！') return layer.msg('请选择演出进行创建！')
} }
if (!$("#viewImg").attr('src')) {
return layer.msg('请上传演出图片！')
}
if (!$("#endTime").val() || !$("#startTime").val()) { if (!$("#endTime").val() || !$("#startTime").val()) {
return layer.msg('请输入必填项！') return layer.msg('请将有效期输入完整！')
} }
let data = { let data = {
endTime: $("#endTime").val(), endTime: $("#endTime").val(),
startTime: $("#startTime").val(), startTime: $("#startTime").val(),
name: $("#selectShow").val(), name: $("#selectShow").val(),
performanceId: $("#selectShow").attr('data-id'), performanceId: $("#selectShow").attr('data-id'),
performanceImg performanceImg: $("#viewImg").attr('src')
} // endTime } // endTime
if (marketId) { if (marketId) {
data.marketId = marketId; data.marketId = marketId;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment