桌子生成二维码
This commit is contained in:
parent
adbe039e3d
commit
64f44d0736
@ -3,3 +3,6 @@ import os
|
||||
class Config:
|
||||
SECRET_KEY = os.getenv('SECRET_KEY', 'jagxor-xokwis-dekqE6')
|
||||
BASE_API_URL = os.getenv('BASE_API_URL', 'http://127.0.0.1:8000')
|
||||
WX_APP_ID = os.getenv('WX_APP_ID', 'wx2c0e64b724b6dec4')
|
||||
WX_APP_SECRET = os.getenv('WX_APP_SECRET', 'b5330aece22ce5cf5df3048cb28d1558')
|
||||
WX_QRCODE_API = 'https://api.weixin.qq.com/wxa/getwxacode'
|
||||
|
||||
@ -1,6 +1,14 @@
|
||||
from flask import Blueprint, render_template, request, redirect, url_for, flash, session
|
||||
import requests
|
||||
from frontend.config import Config
|
||||
import time
|
||||
import base64
|
||||
|
||||
wx_token_cache = {
|
||||
'access_token': None,
|
||||
'expires_at': 0 # 过期时间戳
|
||||
}
|
||||
|
||||
|
||||
tables_bp = Blueprint('tables', __name__)
|
||||
|
||||
@ -160,5 +168,52 @@ def list_all_tables():
|
||||
headers={"Authorization": f"Bearer {session['token']}"}
|
||||
)
|
||||
return resp.json()
|
||||
except Exception as e:
|
||||
return {"detail": str(e)}, 500
|
||||
|
||||
|
||||
@tables_bp.route('/tables/qrcode/<int:table_id>')
|
||||
def get_table_qrcode(table_id):
|
||||
if not session.get('token'):
|
||||
return {"detail": "未认证"}, 401
|
||||
|
||||
# 获取access_token
|
||||
try:
|
||||
current_time = time.time()
|
||||
if current_time > wx_token_cache['expires_at']:
|
||||
resp = requests.get(
|
||||
"https://api.weixin.qq.com/cgi-bin/token",
|
||||
params={
|
||||
"grant_type": "client_credential",
|
||||
"appid": Config.WX_APP_ID,
|
||||
"secret": Config.WX_APP_SECRET
|
||||
}
|
||||
)
|
||||
token_data = resp.json()
|
||||
if 'access_token' not in token_data:
|
||||
return {"detail": "获取token失败"}, 500
|
||||
|
||||
wx_token_cache['access_token'] = token_data['access_token']
|
||||
wx_token_cache['expires_at'] = current_time + token_data['expires_in'] - 300 # 提前5分钟过期
|
||||
|
||||
# 生成小程序码
|
||||
qr_resp = requests.post(
|
||||
Config.WX_QRCODE_API,
|
||||
params={"access_token": wx_token_cache['access_token']},
|
||||
json={
|
||||
"path": f"/pages/timer/timer?table_id={table_id}",
|
||||
"env_version": "trial",
|
||||
"width": 280
|
||||
}
|
||||
)
|
||||
|
||||
if qr_resp.status_code != 200 or 'image' not in qr_resp.headers.get('Content-Type', ''):
|
||||
return {"detail": "生成二维码失败"}, 500
|
||||
|
||||
return {
|
||||
"image": f"data:image/png;base64,{base64.b64encode(qr_resp.content).decode('utf-8')}",
|
||||
"table_id": table_id
|
||||
}
|
||||
|
||||
except Exception as e:
|
||||
return {"detail": str(e)}, 500
|
||||
@ -4,130 +4,172 @@
|
||||
{% block content %}
|
||||
|
||||
<body>
|
||||
<div class="container mt-4">
|
||||
<h1>桌台列表</h1>
|
||||
<a href="{{ url_for('tables.add_table') }}" class="btn btn-primary mb-3">添加桌台</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>桌号</th>
|
||||
<th>容量</th>
|
||||
<th>收款策略</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for table in tables %}
|
||||
<tr>
|
||||
<td>{{ table.table_id }}</td>
|
||||
<td>{{ table.game_table_number }}</td>
|
||||
<td>{{ table.capacity }}</td>
|
||||
<td>{{ table.strategy_name }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('tables.edit_table', table_id=table.table_id) }}"
|
||||
class="btn btn-warning btn-sm">编辑</a>
|
||||
<form action="{{ url_for('tables.delete_table', table_id=table.table_id) }}" method="post"
|
||||
class="d-inline">
|
||||
<button type="submit" class="btn btn-danger btn-sm"
|
||||
onclick="return confirm('确认删除该桌台吗？')">删除</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="container mt-4">
|
||||
<h1>桌台列表</h1>
|
||||
<a href="{{ url_for('tables.add_table') }}" class="btn btn-primary mb-3">添加桌台</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>桌号</th>
|
||||
<th>容量</th>
|
||||
<th>收款策略</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for table in tables %}
|
||||
<tr>
|
||||
<td>{{ table.table_id }}</td>
|
||||
<td>{{ table.game_table_number }}</td>
|
||||
<td>{{ table.capacity }}</td>
|
||||
<td>{{ table.strategy_name }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('tables.edit_table', table_id=table.table_id) }}"
|
||||
class="btn btn-warning btn-sm">编辑</a>
|
||||
<button class="btn btn-sm btn-info"
|
||||
onclick="showQRCode({{ table.table_id }}, '{{ table.game_table_number }}')">
|
||||
生成二维码
|
||||
</button>
|
||||
|
||||
<!-- 选择策略模态框 -->
|
||||
<div class="modal fade" id="selectStrategyModal" tabindex="-1" aria-labelledby="selectStrategyModalLabel"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="selectStrategyModalLabel">选择收款策略</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<form onsubmit="selectStrategy(event)">
|
||||
<input type="hidden" id="selectedTableId">
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="strategySelect">收款策略</label>
|
||||
<select class="form-control" id="strategySelect" required>
|
||||
<!-- 动态填充策略选项 -->
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
|
||||
<button type="submit" class="btn btn-primary">保存</button>
|
||||
</div>
|
||||
<form action="{{ url_for('tables.delete_table', table_id=table.table_id) }}" method="post"
|
||||
class="d-inline">
|
||||
<button type="submit" class="btn btn-danger btn-sm"
|
||||
onclick="return confirm('确认删除该桌台吗？')">删除
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="qrcodeModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">桌台二维码 - 桌号<span id="tableNumber"></span></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body text-center">
|
||||
<img id="qrcodeImage" class="img-fluid mb-3" style="max-width: 300px;">
|
||||
<div>
|
||||
<button class="btn btn-primary" onclick="downloadQRCode()">下载二维码</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script>
|
||||
async function openSelectStrategyModal(tableId) {
|
||||
try {
|
||||
const token = "{{ session['token'] }}";
|
||||
const response = await fetch('/admin/strategies/list', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`
|
||||
}
|
||||
});
|
||||
const strategies = await response.json();
|
||||
<!-- 选择策略模态框 -->
|
||||
<div class="modal fade" id="selectStrategyModal" tabindex="-1" aria-labelledby="selectStrategyModalLabel"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="selectStrategyModalLabel">选择收款策略</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<form onsubmit="selectStrategy(event)">
|
||||
<input type="hidden" id="selectedTableId">
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="strategySelect">收款策略</label>
|
||||
<select class="form-control" id="strategySelect" required>
|
||||
<!-- 动态填充策略选项 -->
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
|
||||
<button type="submit" class="btn btn-primary">保存</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
const strategySelect = document.getElementById('strategySelect');
|
||||
strategySelect.innerHTML = '';
|
||||
|
||||
strategies.forEach(strategy => {
|
||||
const option = document.createElement('option');
|
||||
option.value = strategy.strategy_id;
|
||||
option.textContent = strategy.strategy_name;
|
||||
strategySelect.appendChild(option);
|
||||
});
|
||||
|
||||
document.getElementById('selectedTableId').value = tableId;
|
||||
const myModal = new bootstrap.Modal(document.getElementById('selectStrategyModal'));
|
||||
myModal.show();
|
||||
} catch (error) {
|
||||
console.error('获取策略列表失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
async function selectStrategy(event) {
|
||||
event.preventDefault();
|
||||
const tableId = document.getElementById('selectedTableId').value;
|
||||
const strategyId = document.getElementById('strategySelect').value;
|
||||
const token = "{{ session['token'] }}";
|
||||
|
||||
try {
|
||||
const response = await fetch(`/admin/tables/${tableId}/strategy`, {
|
||||
method: 'PUT',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': `Bearer ${token}`
|
||||
},
|
||||
body: JSON.stringify({
|
||||
strategy_id: strategyId
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const myModal = bootstrap.Modal.getInstance(document.getElementById('selectStrategyModal'));
|
||||
myModal.hide();
|
||||
location.reload();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(`更新失败: ${error.detail}`);
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script>
|
||||
function showQRCode(tableId, tableNumber) {
|
||||
fetch(`/tables/qrcode/${tableId}`)
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
if (data.image) {
|
||||
document.getElementById('qrcodeImage').src = data.image;
|
||||
document.getElementById('tableNumber').textContent = tableNumber;
|
||||
new bootstrap.Modal(document.getElementById('qrcodeModal')).show();
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('更新策略失败:', error);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function downloadQRCode() {
|
||||
const link = document.createElement('a');
|
||||
link.download = `桌台二维码-${document.getElementById('tableNumber').textContent}.png`;
|
||||
link.href = document.getElementById('qrcodeImage').src;
|
||||
link.click();
|
||||
}
|
||||
|
||||
async function openSelectStrategyModal(tableId) {
|
||||
try {
|
||||
const token = "{{ session['token'] }}";
|
||||
const response = await fetch('/admin/strategies/list', {
|
||||
headers: {
|
||||
'Authorization': `Bearer ${token}`
|
||||
}
|
||||
});
|
||||
const strategies = await response.json();
|
||||
|
||||
const strategySelect = document.getElementById('strategySelect');
|
||||
strategySelect.innerHTML = '';
|
||||
|
||||
strategies.forEach(strategy => {
|
||||
const option = document.createElement('option');
|
||||
option.value = strategy.strategy_id;
|
||||
option.textContent = strategy.strategy_name;
|
||||
strategySelect.appendChild(option);
|
||||
});
|
||||
|
||||
document.getElementById('selectedTableId').value = tableId;
|
||||
const myModal = new bootstrap.Modal(document.getElementById('selectStrategyModal'));
|
||||
myModal.show();
|
||||
} catch (error) {
|
||||
console.error('获取策略列表失败:', error);
|
||||
}
|
||||
</script>
|
||||
}
|
||||
|
||||
async function selectStrategy(event) {
|
||||
event.preventDefault();
|
||||
const tableId = document.getElementById('selectedTableId').value;
|
||||
const strategyId = document.getElementById('strategySelect').value;
|
||||
const token = "{{ session['token'] }}";
|
||||
|
||||
try {
|
||||
const response = await fetch(`/admin/tables/${tableId}/strategy`, {
|
||||
method: 'PUT',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': `Bearer ${token}`
|
||||
},
|
||||
body: JSON.stringify({
|
||||
strategy_id: strategyId
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const myModal = bootstrap.Modal.getInstance(document.getElementById('selectStrategyModal'));
|
||||
myModal.hide();
|
||||
location.reload();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(`更新失败: ${error.detail}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('更新策略失败:', error);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user