添加新需求
This commit is contained in:
@@ -764,6 +764,21 @@
|
||||
.column-permission-select option {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.image-video-table-wrap { overflow-x: auto; }
|
||||
.image-video-table { min-width: 1260px; }
|
||||
.image-video-status { display:inline-block; padding:3px 8px; border-radius:4px; background:#eef1f4; font-size:12px; }
|
||||
.image-video-status.SUCCESS { color:#14733b; background:#e5f5eb; }
|
||||
.image-video-status.FAILED { color:#a82d2d; background:#fbe9e9; }
|
||||
.image-video-detail-modal { width:min(1080px, calc(100vw - 48px)); max-height:88vh; overflow:auto; }
|
||||
.image-video-detail-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; }
|
||||
.image-video-detail-meta div { padding:10px; background:#f6f7f8; border-radius:4px; min-width:0; }
|
||||
.image-video-detail-meta span { display:block; color:#777; font-size:12px; margin-bottom:4px; }
|
||||
.image-video-video-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; }
|
||||
.image-video-video-item { border:1px solid #ddd; border-radius:6px; padding:10px; }
|
||||
.image-video-video-item video { display:block; width:100%; aspect-ratio:16/9; background:#111; }
|
||||
.image-video-json { margin-top:14px; }
|
||||
.image-video-json pre { max-height:300px; overflow:auto; padding:12px; background:#172026; color:#e8edf0; border-radius:4px; white-space:pre-wrap; word-break:break-word; font-size:12px; }
|
||||
@media (max-width: 760px) { .image-video-detail-meta { grid-template-columns:repeat(2,minmax(0,1fr)); } }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@@ -1502,6 +1517,35 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="panel-image-video-tasks" class="tab-panel">
|
||||
<div class="form-box">
|
||||
<h3 style="margin-bottom:16px;font-size:15px;">视频任务筛选</h3>
|
||||
<div class="form-row">
|
||||
<div class="form-group" style="min-width:130px;"><label>用户 ID</label><input type="number" id="imageVideoFilterUserId" min="1"></div>
|
||||
<div class="form-group" style="min-width:150px;"><label>用户名</label><input type="text" id="imageVideoFilterUsername" placeholder="模糊搜索"></div>
|
||||
<div class="form-group" style="min-width:130px;"><label>任务状态</label><select id="imageVideoFilterStatus"><option value="">全部</option><option value="PENDING">PENDING</option><option value="RUNNING">RUNNING</option><option value="WAITING">WAITING</option><option value="POLLING">POLLING</option><option value="SUCCESS">SUCCESS</option><option value="FAILED">FAILED</option></select></div>
|
||||
<div class="form-group" style="min-width:180px;"><label>Coze 执行 ID</label><input type="text" id="imageVideoFilterExecuteId"></div>
|
||||
<div class="form-group" style="min-width:170px;"><label>提交开始</label><input type="datetime-local" id="imageVideoFilterFrom"></div>
|
||||
<div class="form-group" style="min-width:170px;"><label>提交结束</label><input type="datetime-local" id="imageVideoFilterTo"></div>
|
||||
<button class="btn" id="btnFilterImageVideoTasks" type="button">查询</button>
|
||||
<button class="btn btn-secondary" id="btnResetImageVideoTasks" type="button">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-box">
|
||||
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;">
|
||||
<h3 style="font-size:15px;">视频任务记录</h3>
|
||||
<span id="imageVideoTaskTotal" style="font-size:13px;color:#666;"></span>
|
||||
</div>
|
||||
<div class="image-video-table-wrap">
|
||||
<table class="image-video-table">
|
||||
<thead><tr><th>任务 ID</th><th>用户</th><th>模式</th><th>状态</th><th>Coze 状态</th><th>执行 ID</th><th>视频</th><th>归档</th><th>提交时间</th><th>操作</th></tr></thead>
|
||||
<tbody id="imageVideoTaskListBody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination" id="imageVideoTaskPagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="panel-history" class="tab-panel">
|
||||
<div class="form-box">
|
||||
<h3 style="margin-bottom:16px;font-size:15px;">筛选条件</h3>
|
||||
@@ -1903,6 +1947,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-mask" id="imageVideoTaskDetailModal">
|
||||
<div class="modal image-video-detail-modal">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;gap:12px;">
|
||||
<h3>视频任务详情</h3>
|
||||
<button class="btn btn-secondary btn-sm" id="btnCloseImageVideoTaskDetail" type="button">关闭</button>
|
||||
</div>
|
||||
<div id="imageVideoTaskDetailContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/static/admin.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user