q792602257/lubo_comment_query
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

节目建设页 OCR 侧栏点击填入

Browse Source
This commit is contained in:
Jerry Yan
2026-07-30 03:38:05 +08:00
parent ec88e6a806
commit 8914a2a609
7 changed files with 407 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/program/construct/video/create.blade.php
+25 -5
View File
@@ -9,7 +9,9 @@
@include("common.header")
<main class="flex-grow container mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="max-w-3xl mx-auto">
@php($show_ocr_panel = (bool)$program_video->id)
<div class="@if($show_ocr_panel) lg:flex lg:gap-6 @else max-w-3xl mx-auto @endif">
<div class="@if($show_ocr_panel) flex-1 min-w-0 max-w-3xl @endif">
<div class="md:flex md:items-center md:justify-between mb-8">
<h1 class="text-2xl font-bold text-gray-900 dark:text-white">
关联视频修改
@@ -39,12 +41,12 @@
<h3 class="text-sm font-semibold text-gray-900 dark:text-white uppercase tracking-wider">开始节点</h3>
<div>
<label for="start_part" class="block text-sm font-medium text-gray-700 dark:text-gray-300">P数</label>
<input type="number" name="start_part" id="start_part" value="{{ old("start_part", $program_video->start_part) }}"
<input type="number" name="start_part" id="start_part" data-ocr-target="start" data-ocr-kind="part" value="{{ old("start_part", $program_video->start_part) }}"
class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-2">
</div>
<div>
<label for="start_time" class="block text-sm font-medium text-gray-700 dark:text-gray-300">时间点</label>
<input type="time" step="1" name="start_time" id="start_time" value="{{ old("start_time", $program_video->start_time) }}"
<input type="time" step="1" name="start_time" id="start_time" data-ocr-target="start" data-ocr-kind="time" value="{{ old("start_time", $program_video->start_time) }}"
class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-2">
</div>
<div>
@@ -61,12 +63,12 @@
<h3 class="text-sm font-semibold text-gray-900 dark:text-white uppercase tracking-wider">结束节点</h3>
<div>
<label for="stop_part" class="block text-sm font-medium text-gray-700 dark:text-gray-300">P数</label>
<input type="number" name="stop_part" id="stop_part" value="{{ old("stop_part", $program_video->stop_part) }}"
<input type="number" name="stop_part" id="stop_part" data-ocr-target="stop" data-ocr-kind="part" value="{{ old("stop_part", $program_video->stop_part) }}"
class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-2">
</div>
<div>
<label for="stop_time" class="block text-sm font-medium text-gray-700 dark:text-gray-300">时间点</label>
<input type="time" step="1" name="stop_time" id="stop_time" value="{{ old("stop_time", $program_video->stop_time) }}"
<input type="time" step="1" name="stop_time" id="stop_time" data-ocr-target="stop" data-ocr-kind="time" value="{{ old("stop_time", $program_video->stop_time) }}"
class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm py-2">
</div>
<div>
@@ -112,8 +114,26 @@
@endif
</div>
@endif
</div>
@if($show_ocr_panel)
<div class="w-full lg:w-96 flex-shrink-0 mt-8 lg:mt-0" id="ocr-fill-panel"
data-mode="time"
data-pivot="{{ $program_video->id }}"
data-pivots='@json($ocr_pivots ?? [])'
data-target-labels='{"start":"开始节点","stop":"结束节点"}'>
<div class="bg-white dark:bg-gray-800 shadow rounded-lg p-4 lg:sticky lg:top-20">
<h2 class="text-lg font-bold text-gray-900 dark:text-white mb-3">片段 OCR</h2>
<div data-ocr-fill-body class="text-sm text-gray-500 dark:text-gray-400">加载中…</div>
</div>
</div>
@endif
</div>
</main>
@if($show_ocr_panel)
<script src="{{ mix('/js/manifest.js') }}"></script>
<script src="{{ mix('/js/component/ocr_fill.js') }}"></script>
<script>document.addEventListener("DOMContentLoaded", function () { OcrFill.init(document.getElementById("ocr-fill-panel")); });</script>
@endif
@include("common.footer")
</body>
</html>