You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
184 lines
6.1 KiB
184 lines
6.1 KiB
<!DOCTYPE html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<script type="text/javascript" src="{$smarty.const.CSS_URL}/js/jquery-1.8.1.min.js"></script>
|
|
<script type="text/javascript" src="{$smarty.const.CSS_URL}/js/jquery.form.js"></script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>首页</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
{literal}
|
|
<style>
|
|
#prescription-form{
|
|
width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
form-group label {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
}
|
|
.form-group input {
|
|
width: 100%;
|
|
padding: 8px;
|
|
box-sizing: border-box;
|
|
}
|
|
.form-group textarea {
|
|
width: 100%;
|
|
padding: 8px;
|
|
box-sizing: border-box;
|
|
}
|
|
.ingredient-list {
|
|
margin-top: 20px;
|
|
}
|
|
.add-button{
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: #00CC00;
|
|
border: none;
|
|
border-radius: 50px;
|
|
color: #fff;
|
|
}
|
|
.submit-btn{
|
|
margin-top: 50px;
|
|
width: 150px;
|
|
height: 30px;
|
|
background-color: #00CC00;
|
|
border: none;
|
|
border-radius:5px;
|
|
color: #fff;
|
|
}
|
|
.herb_item{
|
|
width: 500px;
|
|
position: relative;
|
|
display: flex;
|
|
line-height: 50px;
|
|
margin-top: 15px;
|
|
}
|
|
.herb_item button{
|
|
position: absolute;
|
|
left:420px;
|
|
top:15px;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: #DD4B38;
|
|
border: none;
|
|
border-radius: 30px;
|
|
color: #fff;
|
|
}
|
|
.herb_input{
|
|
width: 450px;
|
|
}
|
|
.herb_input input{
|
|
height: 50px;
|
|
margin-right: 30px;
|
|
}
|
|
</style>
|
|
<script>
|
|
// 动态添加药材输入字段
|
|
function addIngredient() {
|
|
const ingredientList = document.getElementById('ingredient-list');
|
|
const ingredientDiv = document.createElement('div');
|
|
ingredientDiv.classList.add('herb_item');
|
|
|
|
ingredientDiv.innerHTML = `
|
|
<div class="herb_input">
|
|
<input type="text" name="herb_name[]" placeholder="药材名" required />
|
|
<input type="number" name="herb_num[]" placeholder="药材重量 (克)" required min="0" step="0.1" />
|
|
</div>
|
|
<button class="" type="button" onclick="removeIngredient(this)">X</button>
|
|
`;
|
|
ingredientList.appendChild(ingredientDiv);
|
|
}
|
|
|
|
// 移除药材输入字段
|
|
function removeIngredient(button) {
|
|
button.parentElement.remove();
|
|
}
|
|
|
|
function submitForm(e) {
|
|
e.preventDefault(); // 阻止默认表单提交
|
|
|
|
const form = document.getElementById('prescription-form');
|
|
const formData = new FormData(form);
|
|
|
|
const data = {
|
|
id: formData.get('id'),
|
|
name: formData.get('name'),
|
|
source: formData.get('source'),
|
|
method: formData.get('method'),
|
|
herbs: []
|
|
};
|
|
|
|
// 收集所有药材名称和重量
|
|
const herb_name = formData.getAll('herb_name[]');
|
|
const herb_num = formData.getAll('herb_num[]');
|
|
|
|
herb_name.forEach((name, index) => {
|
|
data.herbs.push({
|
|
name: name,
|
|
num: herb_num[index]
|
|
});
|
|
});
|
|
|
|
$.ajax({
|
|
url: 'ajax_save_case', // 替换为你的服务器端处理文件
|
|
type: 'POST',
|
|
data: data,
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
alert(response.info);
|
|
if (response.status==true) {
|
|
window.location.reload();
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error('错误:', error);
|
|
alert('提交失败，请重试。');
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
{/literal}
|
|
</head>
|
|
<body>
|
|
|
|
<h2 style="text-align: center">添加药方</h2>
|
|
<form id="prescription-form" onsubmit="submitForm(event)">
|
|
<input id="id" name="id" type="hidden" value="{$data.case.id}">
|
|
<div class="form-group">
|
|
<label for="name">药方名称:</label>
|
|
<input type="text" id="name" name="name" value="{$data.case.name}" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="source">药方来源:</label>
|
|
<textarea id="source" name="source" rows="4" required>{$data.case.source}</textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="method">用法:</label>
|
|
<textarea id="method" name="method" rows="4" required>{$data.case.method}</textarea>
|
|
</div>
|
|
|
|
<h3>药材 <button class="add-button" type="button" onclick="addIngredient()">+</button></h3>
|
|
<div id="ingredient-list" class="ingredient-list">
|
|
<!-- 动态添加药材输入字段 -->
|
|
{foreach from=$data.case_herb key=key item=item}
|
|
<div class="herb_item">
|
|
<div class="herb_input">
|
|
<input type="text" name="herb_name[]" value="{if $data.herb[$item.herb_id]}{$data.herb[$item.herb_id].name}{/if}" placeholder="药材名" required />
|
|
<input type="number" name="herb_num[]" value="{$item.num}" placeholder="药材重量 (克)" required min="0" step="0.1" />
|
|
</div>
|
|
<button class="" type="button" onclick="removeIngredient(this)">X</button>
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
|
|
<div class="form-group" style="text-align: center">
|
|
<button class="submit-btn" type="submit">提交药方</button>
|
|
</div>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|
|
|