第一次提交
This commit is contained in:
158
app/web/templates/package/edit.html
Normal file
158
app/web/templates/package/edit.html
Normal file
@@ -0,0 +1,158 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}编辑套餐 - {{ config.SITE_NAME or '太一软件授权管理系统' }}{% endblock %}
|
||||
|
||||
{% block page_title %}编辑套餐{% endblock %}
|
||||
|
||||
{% block page_actions %}
|
||||
<a href="{{ url_for('web.packages', product_id=product.product_id) }}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-arrow-left me-2"></i>
|
||||
返回套餐列表
|
||||
</a>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card shadow">
|
||||
<div class="card-body">
|
||||
<form id="package-form">
|
||||
<input type="hidden" id="package_id" value="{{ package.package_id }}">
|
||||
<input type="hidden" id="product_id" value="{{ product.product_id }}">
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="name" class="form-label">套餐名称 *</label>
|
||||
<input type="text" class="form-control" id="name" value="{{ package.name }}" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="description" class="form-label">套餐描述</label>
|
||||
<textarea class="form-control" id="description" rows="3">{{ package.description or '' }}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="price" class="form-label">价格 *</label>
|
||||
<input type="number" class="form-control" id="price" step="0.01" min="0" value="{{ package.price }}" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="duration" class="form-label">时长(天) *</label>
|
||||
<select class="form-select" id="duration" required>
|
||||
<option value="1" {% if package.duration == 1 %}selected{% endif %}>1天(天卡)</option>
|
||||
<option value="30" {% if package.duration == 30 %}selected{% endif %}>30天(月卡)</option>
|
||||
<option value="90" {% if package.duration == 90 %}selected{% endif %}>90天(季卡)</option>
|
||||
<option value="365" {% if package.duration == 365 %}selected{% endif %}>365天(年卡)</option>
|
||||
<option value="-1" {% if package.duration == -1 %}selected{% endif %}>永久</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="max_devices" class="form-label">最大设备数</label>
|
||||
<input type="number" class="form-control" id="max_devices" min="1" value="{{ package.max_devices }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="stock" class="form-label">库存(-1为无限)</label>
|
||||
<input type="number" class="form-control" id="stock" min="-1" value="{{ package.stock }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="sort_order" class="form-label">排序</label>
|
||||
<input type="number" class="form-control" id="sort_order" min="0" value="{{ package.sort_order }}">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="status" {% if package.status == 1 %}checked{% endif %}>
|
||||
<label class="form-check-label" for="status">
|
||||
启用
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary" id="save-btn">
|
||||
<i class="fas fa-save me-2"></i>
|
||||
<span id="save-text">更新套餐</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_js %}
|
||||
<script>
|
||||
// 页面加载完成后初始化
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
initEventListeners();
|
||||
});
|
||||
|
||||
// 初始化事件监听器
|
||||
function initEventListeners() {
|
||||
// 表单提交
|
||||
document.getElementById('package-form').addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
updatePackage();
|
||||
});
|
||||
}
|
||||
|
||||
// 更新套餐
|
||||
function updatePackage() {
|
||||
const saveBtn = document.getElementById('save-btn');
|
||||
const saveText = document.getElementById('save-text');
|
||||
const packageId = document.getElementById('package_id').value;
|
||||
|
||||
// 显示加载状态
|
||||
saveBtn.disabled = true;
|
||||
saveText.textContent = '保存中...';
|
||||
|
||||
// 收集表单数据
|
||||
const formData = {
|
||||
name: document.getElementById('name').value,
|
||||
description: document.getElementById('description').value,
|
||||
price: parseFloat(document.getElementById('price').value),
|
||||
duration: parseInt(document.getElementById('duration').value),
|
||||
max_devices: parseInt(document.getElementById('max_devices').value),
|
||||
stock: parseInt(document.getElementById('stock').value),
|
||||
sort_order: parseInt(document.getElementById('sort_order').value),
|
||||
status: document.getElementById('status').checked ? 1 : 0
|
||||
};
|
||||
|
||||
// 发送请求更新套餐
|
||||
apiRequest(`/api/v1/packages/${packageId}`, {
|
||||
method: 'PUT',
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
showNotification('套餐更新成功', 'success');
|
||||
// 跳转到套餐列表页面
|
||||
setTimeout(() => {
|
||||
window.location.href = `/packages?product_id=${document.getElementById('product_id').value}`;
|
||||
}, 1000);
|
||||
} else {
|
||||
showNotification('更新失败: ' + data.message, 'error');
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
showNotification('更新失败，请查看控制台了解详情', 'error');
|
||||
})
|
||||
.finally(() => {
|
||||
saveBtn.disabled = false;
|
||||
saveText.textContent = '更新套餐';
|
||||
});
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user