fix:样式优化、系统日志、报警记录表格展示

src/pages/visual/index.vue

@@ -7,99 +7,6 @@
     
     <!-- 内容区域 -->
     <view class="tabbar-content">
-    
-    <!-- 摄像头状态 -->
-    <view class="camera-status">
-      <view class="status-item">
-        <view class="status-icon camera-icon">📹</view>
-        <view class="status-info">
-          <text class="status-label">摄像头状态</text>
-          <text class="status-value" :class="cameraStatus.class">{{ cameraStatus.text }}</text>
-        </view>
-      </view>
-      
-      <view class="status-item">
-        <view class="status-icon recording-icon">🔴</view>
-        <view class="status-info">
-          <text class="status-label">录制状态</text>
-          <text class="status-value" :class="recordingStatus.class">{{ recordingStatus.text }}</text>
-        </view>
-      </view>
-    </view>
-    
-    <!-- 视频区域 -->
-    <view class="video-container">
-      <view class="video-placeholder" v-if="!videoLoaded">
-        <image class="placeholder-image" src="/static/camera-placeholder.jpg" mode="aspectFit"></image>
-        <text class="placeholder-text">摄像头未连接</text>
-        <button class="connect-button" @click="connectCamera">连接摄像头</button>
-      </view>
-      
-      <view class="video-player" v-else>
-        <text class="video-text">实时视频流</text>
-        <view class="video-controls">
-          <button class="control-button" @click="toggleRecording">
-            {{ isRecording ? '停止录制' : '开始录制' }}
-          </button>
-          <button class="control-button" @click="takeSnapshot">拍照</button>
-          <button class="control-button" @click="toggleFullscreen">全屏</button>
-        </view>
-      </view>
-    </view>
-    
-    <!-- 监控设置 -->
-    <view class="monitoring-settings">
-      <view class="settings-header">
-        <text class="settings-title">监控设置</text>
-      </view>
-      
-      <view class="setting-item">
-        <text class="setting-label">录制质量</text>
-        <picker :value="qualityIndex" :range="qualityOptions" @change="onQualityChange">
-          <view class="picker-view">
-            <text>{{ qualityOptions[qualityIndex] }}</text>
-            <text class="picker-arrow">▼</text>
-          </view>
-        </picker>
-      </view>
-      
-      <view class="setting-item">
-        <text class="setting-label">录制时长</text>
-        <picker :value="durationIndex" :range="durationOptions" @change="onDurationChange">
-          <view class="picker-view">
-            <text>{{ durationOptions[durationIndex] }}</text>
-            <text class="picker-arrow">▼</text>
-          </view>
-        </picker>
-      </view>
-      
-      <view class="setting-item">
-        <text class="setting-label">自动保存</text>
-        <switch :checked="autoSave" @change="onAutoSaveChange" color="#3f51b5"/>
-      </view>
-    </view>
-    
-    <!-- 录制历史 -->
-    <view class="recording-history">
-      <view class="history-header">
-        <text class="history-title">录制历史</text>
-        <button class="clear-button" @click="clearHistory">清空</button>
-      </view>
-      
-      <scroll-view class="history-list" scroll-y="true">
-        <view class="history-item" v-for="(item, index) in historyList" :key="index">
-          <view class="history-info">
-            <text class="history-time">{{ item.time }}</text>
-            <text class="history-duration">{{ item.duration }}</text>
-          </view>
-          <view class="history-actions">
-            <button class="action-button" @click="playVideo(item)">播放</button>
-            <button class="action-button" @click="downloadVideo(item)">下载</button>
-            <button class="action-button delete" @click="deleteVideo(item)">删除</button>
-          </view>
-        </view>
-      </scroll-view>
-    </view>
     </view>
   </view>
 </template>