|
...
|
...
|
@@ -17,39 +17,52 @@ |
|
|
|
<td>
|
|
|
|
<span style="color:red">*</span><label>话题描述</label> <br>
|
|
|
|
<textarea id="topicDesc" name="topicDesc" style="width: 380px;" rows="6" placeholder=""
|
|
|
|
required="true" maxlength="500"></textarea>
|
|
|
|
required maxlength="100"></textarea>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr style="height: 60px">
|
|
|
|
<td>
|
|
|
|
<span style="color:red">*</span><label>图片</label> <br>
|
|
|
|
<span style="color:red">*</span><label>背景图</label> <br>
|
|
|
|
|
|
|
|
<div id="imageUpload">
|
|
|
|
</div>
|
|
|
|
<!-- <span style=" margin-left: 10px; color: red"> 图片宽高(186x170)</span>-->
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr style="height: 60px">
|
|
|
|
<td>
|
|
|
|
<span style="color:red">*</span><label>话题分组</label><br>
|
|
|
|
|
|
|
|
<tr style="height: 80px">
|
|
|
|
<input class="easyui-combobox" id="relatedGroup" name="relatedGroup">
|
|
|
|
</input>
|
|
|
|
<!-- <span style=" margin-left: 10px; color: red"> 图片宽高(186x170)</span>-->
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<td>
|
|
|
|
<span style="color:red">*</span><label>关联标签</label> <br>
|
|
|
|
<div id="relatedLabelsDiv">
|
|
|
|
<span>已选择：</span><br>
|
|
|
|
<div id="labelListDiv" style="margin-bottom: 10px; height:40px ">
|
|
|
|
</div>
|
|
|
|
<tr style="height: 60px">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<td >
|
|
|
|
<input value="1" type="checkbox" id="isOfficial" name="isOfficial" >官方话题</input>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<input id="labelId" name="labelId" class="easyui-combobox" style="width:380px "/>
|
|
|
|
<!--<a id="searchLabelBtn" class="btn-info">+选择标签</a>-->
|
|
|
|
<tr style="height: 60px">
|
|
|
|
|
|
|
|
<td >
|
|
|
|
<span style="color:red">*</span><label>列表模式</label><br>
|
|
|
|
|
|
|
|
<input value="0" type="radio" name="viewModel">大图详情</input>
|
|
|
|
<input value="1" type="radio" name="viewModel" required="true">小图列表</input>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
<tr style="height: 60px">
|
|
|
|
<td >
|
|
|
|
<input value="1" type="checkbox" id="showAttAmount" name="showAttAmount">展示参与人数</input>
|
|
|
|
<input value="1" type="checkbox" id="allowAttention" name="allowAttention" >允许用户关注</input>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
...
|
...
|
@@ -59,7 +72,6 @@ |
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
var topicId = getUrlParam("topicId");
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
$("#topicName").textbox({
|
|
...
|
...
|
@@ -68,6 +80,28 @@ |
|
|
|
prompt: "请输入话题名称"
|
|
|
|
});
|
|
|
|
|
|
|
|
/* $("#topicDesc").textarea({
|
|
|
|
required: true,
|
|
|
|
maxLength: 100,
|
|
|
|
missingMessage: "话题描述不能为空,并小于100字",
|
|
|
|
prompt: "请输入话题名称"
|
|
|
|
});*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#relatedGroup").combobox({
|
|
|
|
valueField : "id",
|
|
|
|
textField : "groupName",
|
|
|
|
required:true,
|
|
|
|
prompt: "请选择话题分组",
|
|
|
|
url : serverContextPath + "/topicGroupManage/getAllTopicGroupInfo",
|
|
|
|
loadFilter: function (data) {
|
|
|
|
var data = defaultLoadFilter(data);
|
|
|
|
data.unshift({'id': '', 'groupName': '--请选择分组--'});
|
|
|
|
return data;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#imageUpload").imageUpload({
|
|
|
|
width: 171,
|
|
...
|
...
|
@@ -75,7 +109,7 @@ |
|
|
|
realInputName: "topicImageUrl",
|
|
|
|
url: serverContextPath + '/fileupload/uploadFile',
|
|
|
|
queryParams: {
|
|
|
|
bucket: "activity"
|
|
|
|
bucket: "grassImg"
|
|
|
|
},
|
|
|
|
onBeforeSubmit: function () {
|
|
|
|
$.messager.progress({
|
|
...
|
...
|
@@ -106,293 +140,36 @@ |
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#labelId").combobox({
|
|
|
|
prompt: "请选择标签",
|
|
|
|
required: false,
|
|
|
|
selectOnNavigation: true,
|
|
|
|
valueField: 'id',
|
|
|
|
textField: 'labelName',
|
|
|
|
multiple: true,
|
|
|
|
url: serverContextPath + "/grassLabelManage/getAllGrassLabelInfo",
|
|
|
|
onSelect: function (newVal, oldVal) {//选中事件
|
|
|
|
debugger
|
|
|
|
labelChange(newVal, oldVal);
|
|
|
|
// //被选中的值
|
|
|
|
// var selectedValue = data;
|
|
|
|
// //被选中的文本
|
|
|
|
// var allData = $(this).combobox('getData');
|
|
|
|
// console.log("aa" + aa);
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
loadFilter: function (data) {
|
|
|
|
return defaultLoadFilter(data);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var data = paramObject.mkData;
|
|
|
|
if (data) {//编辑窗口
|
|
|
|
|
|
|
|
$("#topicName").textbox("setValue", data.topicName);
|
|
|
|
$("#topicDesc").html(data.topicDesc);
|
|
|
|
//图片
|
|
|
|
$("#imageUpload").imageUpload('setValue', data.topicImageUrl);
|
|
|
|
|
|
|
|
// //已经选择的标签
|
|
|
|
debugger
|
|
|
|
var labelInfoList = data.labelInfoList;
|
|
|
|
if (labelInfoList != null) {
|
|
|
|
for (var i = 0; i < labelInfoList.length; i++) {
|
|
|
|
var tempId = labelInfoList[i].labelId;
|
|
|
|
var tempName = labelInfoList[i].labelName;
|
|
|
|
var choosedTagSpan = '<span class="tag" role="choose" style="margin-left: 10px;font-size: 14px" name="choosedTag" data-labelId="' + tempId + '" data-labelName="' + tempName + '"><span style="background-color: #1caf9a;color: white;font-size: 14px">' + tempName + '</span><a href="#" style="background-color: #1caf9a;font-size: 14px" title="Removing tag" data-index="0" class="removetag">x</a></span>';
|
|
|
|
$("#labelListDiv").append(choosedTagSpan);
|
|
|
|
|
|
|
|
}
|
|
|
|
$("#relatedGroup").combobox('setValue', data.relatedGroup);
|
|
|
|
if(data.isOfficial == 1){
|
|
|
|
$("#isOfficial").attr("checked",true)
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
$("input[name='viewModel'][value='"+data.viewModel+"']").attr("checked", "checked").parent().addClass('checked');
|
|
|
|
|
|
|
|
if(data.showAttAmount == 1){
|
|
|
|
$("#showAttAmount").attr("checked",true)
|
|
|
|
}
|
|
|
|
|
|
|
|
/* //查询标签列表
|
|
|
|
$("#searchLabelBtn").linkbutton({
|
|
|
|
iconCls: "icon-search",
|
|
|
|
onClick: function () {
|
|
|
|
chooseLabels();
|
|
|
|
}
|
|
|
|
});*/
|
|
|
|
|
|
|
|
// //新建--修改话题--提交
|
|
|
|
// $("#subBotton").linkbutton({
|
|
|
|
// iconCls: "icon-save",
|
|
|
|
// width: 100,
|
|
|
|
// onClick: function () {
|
|
|
|
// $("#topicForm").form("submit", {
|
|
|
|
// url: serverContextPath + "/grassTopicManage/addUpGrassTopic",
|
|
|
|
// onSubmit: function (param) {
|
|
|
|
// debugger;
|
|
|
|
// //1)表单基本检查
|
|
|
|
// if (!$("#topicForm").form("validate")) {
|
|
|
|
// return false;
|
|
|
|
// }
|
|
|
|
//
|
|
|
|
// //2）是否上传了图片
|
|
|
|
// var imageCount = 0;
|
|
|
|
// $("input[name='topicImageUrl']").each(function (j, item) {
|
|
|
|
// var url = item.value;
|
|
|
|
// if (url != '') {
|
|
|
|
// imageCount++;
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
// if (imageCount == 0) {
|
|
|
|
// $.messager.alert("保存失败", "至少要选择一张图片", "error");
|
|
|
|
// return false;
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
// //3)是否选择了标签
|
|
|
|
// var relatedLabels = "";
|
|
|
|
// var tagCount = 0;
|
|
|
|
// $("#taglist").find("span[role='choose']").each(function (item, index) {
|
|
|
|
// debugger
|
|
|
|
// var tempId = $(this).attr('data-labelid');
|
|
|
|
// if (tempId != null) {
|
|
|
|
// tagCount++;
|
|
|
|
// relatedLabels += tempId + ",";
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
//
|
|
|
|
// if (tagCount == 0 || tagCount > 5) {
|
|
|
|
// $.messager.alert("保存失败", "至少选择一个标签，最多5个", "error");
|
|
|
|
// return false;
|
|
|
|
// }
|
|
|
|
//
|
|
|
|
// param.relatedLabels = relatedLabels;
|
|
|
|
// param.id = topicId;
|
|
|
|
// return true;
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// },
|
|
|
|
// success: function (data) {
|
|
|
|
// if (data) {
|
|
|
|
// data = $.parseJSON(data);
|
|
|
|
// if (data.code == 200) {
|
|
|
|
// $.messager.alert("提示", "保存成功", "info", function () {
|
|
|
|
// window.location.reload()
|
|
|
|
// });
|
|
|
|
// // alert("保存成功");
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// } else {
|
|
|
|
// $.messager.alert("保存失败", data.message, "error");
|
|
|
|
// }
|
|
|
|
// } else {
|
|
|
|
// $.messager.alert("保存失败", data.message, "error");
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
|
|
// //编辑话题
|
|
|
|
// if (topicId != "null") {//去加载数据
|
|
|
|
// var title = "修改话题";
|
|
|
|
// $("#titleSpan").html(title);
|
|
|
|
// //加载数据
|
|
|
|
// $.ajax({
|
|
|
|
// type: "get",
|
|
|
|
// url: serverContextPath + "/grassTopicManage/grassTopicById?id=" + topicId,
|
|
|
|
// success: function (data) {
|
|
|
|
// debugger
|
|
|
|
// if (data != null && data.code == 200) {//成功的
|
|
|
|
// var detailInfo = data.data;
|
|
|
|
// $("#topicName").textbox("setValue", detailInfo.topicName);
|
|
|
|
// $("#topicDesc").html(detailInfo.topicDesc);
|
|
|
|
// //图片
|
|
|
|
// $("#imageUpload").imageUpload('setValue', detailInfo.topicImageUrl);
|
|
|
|
//
|
|
|
|
// //已经选择的标签
|
|
|
|
// var labelInfoList = detailInfo.labelInfoList;
|
|
|
|
// if(labelInfoList!=null){
|
|
|
|
// for (var i = 0; i < labelInfoList.length; i++) {
|
|
|
|
// var tempId = labelInfoList[i].labelId;
|
|
|
|
// var tempName = labelInfoList[i].labelName;
|
|
|
|
// var choosedTagSpan = '<span class="tag" role="choose" style="margin-left: 10px" name="choosedTag" data-labelId="' + tempId + '" data-labelName="' + tempName + '"><span style="background-color: #1caf9a;color: white">' + tempName + '</span><a href="#" style="background-color: #1caf9a" title="Removing tag" data-index="0" class="removetag">x</a></span>';
|
|
|
|
// $("#taglist").append(choosedTagSpan);
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
//
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
$(document).on('click', '.removetag', function () {
|
|
|
|
// $(this).remove();
|
|
|
|
$(this).closest(".tag").remove();
|
|
|
|
});
|
|
|
|
if(data.allowAttention == 1){
|
|
|
|
$("#allowAttention").attr("checked",true)
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
// //选择标签列表
|
|
|
|
// function chooseLabels() {
|
|
|
|
// var chooseLabelList = $("<div id='chooseLabelList'>").appendTo($(document.body));
|
|
|
|
// var chooseLabelList = $("<div id='chooseLabelList'>").appendTo($(document.body));
|
|
|
|
// var title = "选择标签";
|
|
|
|
// $("#chooseLabelList").myDialog({
|
|
|
|
// title: title,
|
|
|
|
// width: "60%",
|
|
|
|
// height: "70%",
|
|
|
|
// resizable: false,
|
|
|
|
// buttons: [{
|
|
|
|
// id: "saveChooseLabelBtn",
|
|
|
|
// text: "保存",
|
|
|
|
// iconCls: "icon-save",
|
|
|
|
// handler: function () {
|
|
|
|
// //确定保存之前，要把之前已经选择的标签清空
|
|
|
|
//
|
|
|
|
// $("#taglist").html("");
|
|
|
|
// //做相应的处理 回填信息--所有被选择的复选框
|
|
|
|
// var tempHtml = $("#choosedDiv").html();
|
|
|
|
// debugger
|
|
|
|
// $("#taglist").html(tempHtml);
|
|
|
|
// /* $("#taglist").find("span[role='choose']").each(function (item, index) {
|
|
|
|
// $(item).val(picTextData[index][$(item).attr('data-')]);
|
|
|
|
// });*/
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// $(chooseLabelList).dialog("close");
|
|
|
|
//// $.messager.show({
|
|
|
|
//// title: "提示",
|
|
|
|
//// msg: title + "成功！",
|
|
|
|
//// height: 120
|
|
|
|
//// });
|
|
|
|
// }
|
|
|
|
// }, {
|
|
|
|
// id: "closeChooseBtn",
|
|
|
|
// text: "关闭",
|
|
|
|
// iconCls: "icon-cancel",
|
|
|
|
// handler: function () {
|
|
|
|
// $.messager.confirm("确认", "确认关闭吗？", function (flag) {
|
|
|
|
// if (flag) {
|
|
|
|
// $(chooseLabelList).dialog("close");
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
// }
|
|
|
|
// }],
|
|
|
|
// modal: true,
|
|
|
|
// href: contextPath + "/html/grass/labelManage/chooseLabels.html",
|
|
|
|
// });
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
//获取url中的参数方法
|
|
|
|
function getUrlParam(name) {
|
|
|
|
//构造一个含有目标参数的正则表达式对象
|
|
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
|
|
|
//匹配目标参数
|
|
|
|
var r = window.location.search.substr(1).match(reg);
|
|
|
|
//返回参数
|
|
|
|
if (r != null) {
|
|
|
|
return unescape(r[2]);
|
|
|
|
} else {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function labelChange(newVal, oldVal) {
|
|
|
|
//newVal---是指新增加的值
|
|
|
|
if (newVal == null) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
//新增加的数据
|
|
|
|
var selectedValue = newVal;
|
|
|
|
var tempId = selectedValue.id;
|
|
|
|
var tempName = selectedValue.labelName;
|
|
|
|
var divStr = '<span class="tag" role="choose" style="margin-left: 10px;font-size: 14px" name="choosedTag" data-labelId="' + tempId + '" data-labelName="' + tempName + '"><span style="background-color: #1caf9a;color: white;font-size: 14px">' + tempName + '</span><a href="#" style="background-color: #1caf9a;font-size: 14px" title="Removing tag" data-index="0" class="removetag">x</a></span>';
|
|
|
|
//新增加的数据
|
|
|
|
$("#labelListDiv").append(divStr);
|
|
|
|
|
|
|
|
// //新增加的数据
|
|
|
|
// var selectedValue = newVal;
|
|
|
|
//
|
|
|
|
// //被选中的文本
|
|
|
|
// var allData = $("#labelId").combobox('getData');
|
|
|
|
// //
|
|
|
|
// var divStr = "";
|
|
|
|
// for(var i = 0; i< selectedValue.length; i++){
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// var tempId = selectedValue[i];
|
|
|
|
// if(tempId == null){//搜索的时候 有可能把搜索项给写进去了
|
|
|
|
// continue;
|
|
|
|
// }
|
|
|
|
// //找出对应的文本
|
|
|
|
// var tempName="";
|
|
|
|
//
|
|
|
|
// for(var j = 0; j< allData.length; j++){
|
|
|
|
// if(selectedValue[i] == allData[j].id){
|
|
|
|
// tempName = allData[j].labelName;
|
|
|
|
// break;//跳出循环
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// //把文本写到已选择的里面去
|
|
|
|
// divStr += '<span class="tag" role="choose" style="margin-left: 10px;font-size: 14px" name="choosedTag" data-labelId="' + tempId + '" data-labelName="' + tempName + '"><span style="background-color: #1caf9a;color: white;font-size: 14px">' + tempName + '</span><a href="#" style="background-color: #1caf9a;font-size: 14px" title="Removing tag" data-index="0" class="removetag">x</a></span>';
|
|
|
|
// }
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// $("#labelListDiv").html(divStr);
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
...
|
...
|
|
