提交 d6668d7e 作者: Administrator

先提上去,回去改

上级 d0acd5f5
...@@ -11,6 +11,22 @@ ...@@ -11,6 +11,22 @@
position: relative; position: relative;
font-size: large; font-size: large;
} }
.radio-group {
display: flex;
gap: 15px;
align-items: center;
}
.radio-inline {
display: flex;
align-items: center;
cursor: pointer;
}
.radio-inline input[type="radio"] {
margin-right: 5px;
}
</style> </style>
</head> </head>
<body class="white-bg"> <body class="white-bg">
...@@ -245,6 +261,19 @@ ...@@ -245,6 +261,19 @@
<div class="modal-body"> <div class="modal-body">
<form id="contentForm"> <form id="contentForm">
<div class="form-group"> <div class="form-group">
<label>是否高亮显示:</label>
<div class="radio-group">
<label class="radio-inline">
<input type="radio" name="highlight" id="highlightYes" value="1">
<span class="label-text"></span>
</label>
<label class="radio-inline">
<input type="radio" name="highlight" id="highlightNo" value="0" checked>
<span class="label-text"></span>
</label>
</div>
</div>
<div class="form-group">
<label for="contentTitle">标题:</label> <label for="contentTitle">标题:</label>
<input type="text" class="form-control" id="contentTitle" required /> <input type="text" class="form-control" id="contentTitle" required />
</div> </div>
...@@ -432,7 +461,7 @@ ...@@ -432,7 +461,7 @@
var $item = $(this); var $item = $(this);
var title = $item.find('strong').text(); var title = $item.find('strong').text();
var body = $item.find('.content-body').html(); var body = $item.find('.content-body').html();
contents.push({ title: title, content: body }); contents.push({ title: title, content: body, highlight: highlight });
}); });
$.operate.save(prefix + "/add", $('#form-major-add').serialize()+ $.operate.save(prefix + "/add", $('#form-major-add').serialize()+
"&schoolId="+$("#schoolId")[0].value+ "&schoolId="+$("#schoolId")[0].value+
...@@ -467,6 +496,7 @@ ...@@ -467,6 +496,7 @@
}; };
function saveContent() { function saveContent() {
var highlight = $('input[name="highlight"]:checked').val(); // 获取选中值
var title = $('#contentTitle').val(); var title = $('#contentTitle').val();
var content = tempEditor.getContent(); var content = tempEditor.getContent();
...@@ -505,16 +535,23 @@ ...@@ -505,16 +535,23 @@
$('#contentTitle').val(''); $('#contentTitle').val('');
tempEditor.setContent(''); tempEditor.setContent('');
$('#contentModal').modal('hide'); $('#contentModal').modal('hide');
} }
function editContent(id) { function editContent(id) {
var container = $(`.well[data-id='${id}']`); var container = $(`.well[data-id='${id}']`);
var oldTitle = container.find('strong').text(); var oldTitle = container.find('strong').text();
var oldContent = container.find('.content-body').html(); var oldContent = container.find('.content-body').html();
var oldHighlight = container.data('highlight'); // 假设存储了高亮状态
// 填充模态框 // 填充模态框
$('#contentTitle').val(oldTitle); $('#contentTitle').val(oldTitle);
tempEditor.setContent(oldContent); tempEditor.setContent(oldContent);
// 回填单选框状态
if(oldHighlight === "1") {
$('#highlightYes').prop('checked', true);
} else {
$('#highlightNo').prop('checked', true);
}
// 绑定保存事件,带更新逻辑 // 绑定保存事件,带更新逻辑
$('#contentModal').data('editId', id); // 存储当前编辑的 ID $('#contentModal').data('editId', id); // 存储当前编辑的 ID
...@@ -526,8 +563,6 @@ ...@@ -526,8 +563,6 @@
$(`.well[data-id='${id}']`).remove(); $(`.well[data-id='${id}']`).remove();
} }
} }
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -240,6 +240,13 @@ ...@@ -240,6 +240,13 @@
<!-- 内联编辑区域(初始隐藏) --> <!-- 内联编辑区域(初始隐藏) -->
<div id="editContentArea" style="display: none;"> <div id="editContentArea" style="display: none;">
<div class="form-group"> <div class="form-group">
<label for="highlight">是否高亮显示:</label>
<select id="highlight" class="form-control select2-multiple">
<option value="0"></option>
<option value="1"></option>
</select>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">标题:</label> <label class="col-sm-3 control-label">标题:</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input type="text" class="form-control" id="contentTitle" /> <input type="text" class="form-control" id="contentTitle" />
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论