<template>
	<view class="drama-container">
		<!-- 嵌入网页 -->
		<web-view :src="dramaUrl"></web-view>
	</view>
</template>

<script>
import { API_BASE, API_ENDPOINTS } from '@/config/api.js';

export default {
	data() {
		return {
			// 默认使用用户指定的短剧链接
			dramaUrl: 'https://djcps.meinvclk.top/'
		};
	},
	onLoad() {
		// 暂时注释掉动态加载，强制使用默认URL
		// this.loadDramaUrl();
	},
	methods: {
		async loadDramaUrl() {
			try {
				// 先从本地存储读取缓存
				const cachedConfig = uni.getStorageSync('appConfig');
				if (cachedConfig && cachedConfig.app && cachedConfig.app.dramaUrl) {
					this.dramaUrl = cachedConfig.app.dramaUrl;
					return;
				}
				
				// 从后端获取最新配置（公开接口，不需要认证）
				const res = await uni.request({
					url: `${API_BASE}${API_ENDPOINTS.config.getAppConfig}`,
					method: 'GET',
					header: {
						'Content-Type': 'application/json'
						// 不添加认证头，因为这是公开接口
					}
				});
				
				// 兼容不同平台的返回格式：可能是 [error, res] 或直接是 res
				const response = Array.isArray(res) ? res[1] : res;
				if (response && response.data && response.data.success && response.data.data) {
					const config = response.data.data;
					uni.setStorageSync('appConfig', config);
					
					if (config.app && config.app.dramaUrl) {
						this.dramaUrl = config.app.dramaUrl;
					}
				}
			} catch (error) {
				console.error('加载短剧URL失败:', error);
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.drama-container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
}

web-view {
	flex: 1;
	width: 100%;
	height: 100vh;
}
</style>
