diff --git a/src/router/index.js b/src/router/index.js
index 77b437a..d8b3494 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -95,7 +95,7 @@ export const constantRoutes = [
         path: 'index',
         component: () => import('@/views//tc/eventAnalysisReport'),
         name: 'EventAnalysisReport',
-        meta: { title: '赛事分析报告', activeMenu: '/tc/eventAnalysisReport/index' }
+        meta: { title: '赛事分析报告', activeMenu: '/tc/eventAnalysisReport/index', icon: 'skill' }
       }
     ]
   },
@@ -110,7 +110,7 @@ export const constantRoutes = [
         path: 'index',
         component: () => import('@/views//tc/videoScript'),
         name: 'VideoScript',
-        meta: { title: '短视频脚本', activeMenu: '/tc/videoScript/index' }
+        meta: { title: '短视频脚本', activeMenu: '/tc/videoScript/index', icon: 'redis-list'}
       }
     ]
   }
diff --git a/src/views/tc/eventAnalysisReport/basketball.vue b/src/views/tc/eventAnalysisReport/basketball.vue
new file mode 100644
index 0000000..bfaea70
--- /dev/null
+++ b/src/views/tc/eventAnalysisReport/basketball.vue
@@ -0,0 +1,124 @@
+<template>
+	<div>
+		<!-- 搜索区域 -->
+		<el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="128px">
+			<el-form-item label="集合编号/球队名称" prop="roleName">
+				<el-input v-model="queryParams.roleName" placeholder="请输入集合编号/球队名称" clearable style="width: 240px"
+					@keyup.enter="handleQuery" />
+			</el-form-item>
+			<el-form-item label="联赛类型" prop="roleKey">
+					<el-select v-model="queryParams.roleKey" @change="handleQuery" style="width: 240px" clearable placeholder="请选择联赛类型">
+                  <el-option
+                     v-for="item in dataScopeOptions"
+                     :key="item.value"
+                     :label="item.label"
+                     :value="item.value"
+                  ></el-option>
+               </el-select>
+			</el-form-item>
+
+			<el-form-item label="时间" style="width: 308px">
+				<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+					start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+			</el-form-item>
+		</el-form>
+
+		<!-- 表格数据 -->
+		<el-table v-loading="loading" :data="roleList">
+			<el-table-column label="赛事编号" prop="roleId" width="120" />
+			<el-table-column label="联赛" prop="roleName" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="主队" prop="roleKey" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="客队" prop="roleSort" width="100" />
+			<el-table-column label="固定奖金" prop="roleSort" width="100" />
+			<el-table-column label="比赛开始时间" align="center" prop="createTime">
+				<template #default="scope">
+					<span>{{ parseTime(scope.row.createTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="比赛状态" prop="roleSort" width="100" />
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+				<template #default="scope">
+					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
+						<el-button link type="primary" icon="view" @click="handleView(scope.row)"></el-button>
+					</el-tooltip>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!-- 分页区域 -->
+		<pagination 
+		:show="total > 0"
+		:total="total" 
+		v-model:page="queryParams.pageNum"
+		v-model:limit="queryParams.pageSize" 
+		@pagination="getList" />
+	</div>
+</template>
+
+<script setup name="Role">
+import { listRole } from "@/api/system/role"
+
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+const roleList = ref([])
+const loading = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const dateRange = ref([])
+
+/** 数据范围选项*/
+const dataScopeOptions = ref([
+	{ value: "1", label: "全部数据权限" },
+	{ value: "2", label: "自定数据权限" },
+	{ value: "3", label: "本部门数据权限" },
+	{ value: "4", label: "本部门及以下数据权限" },
+	{ value: "5", label: "仅本人数据权限" }
+])
+
+const data = reactive({
+	form: {},
+	queryParams: {
+		pageNum: 1,
+		pageSize: 10,
+		roleName: undefined,
+		roleKey: undefined,
+		status: undefined
+	},
+	rules: {
+		roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
+		roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+		roleSort: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
+	},
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询角色列表 */
+function getList() {
+	loading.value = true
+	listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+		roleList.value = response.rows
+		total.value = response.total
+		loading.value = false
+	})
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+	queryParams.value.pageNum = 1
+	getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+	dateRange.value = []
+	proxy.resetForm("queryRef")
+	handleQuery()
+}
+
+getList()
+</script>
diff --git a/src/views/tc/eventAnalysisReport/index.vue b/src/views/tc/eventAnalysisReport/index.vue
index 50eda7c..af0667b 100644
--- a/src/views/tc/eventAnalysisReport/index.vue
+++ b/src/views/tc/eventAnalysisReport/index.vue
@@ -1,11 +1,20 @@
 <template>
-<div>赛事分析报告</div>
+	<div class="app-container">
+		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+			<el-tab-pane label="竞彩足球" name="soccer"><soccer /></el-tab-pane>
+			<el-tab-pane label="竞彩篮球" name="basketball"><basketball /></el-tab-pane>
+		</el-tabs>
+	</div>
 </template>
 
-<script setup>
+<script setup name="EventAnalysisReport">
+import { ref } from 'vue'
+import soccer from './soccer.vue'
+import basketball from './basketball.vue'
+
+const activeName = ref('soccer')
+const handleClick = (tab, event) => {
+	console.log(tab, event)
+}
 
 </script>
-
-<style lang="scss" scoped>
-
-</style>
diff --git a/src/views/tc/eventAnalysisReport/soccer.vue b/src/views/tc/eventAnalysisReport/soccer.vue
new file mode 100644
index 0000000..bfaea70
--- /dev/null
+++ b/src/views/tc/eventAnalysisReport/soccer.vue
@@ -0,0 +1,124 @@
+<template>
+	<div>
+		<!-- 搜索区域 -->
+		<el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="128px">
+			<el-form-item label="集合编号/球队名称" prop="roleName">
+				<el-input v-model="queryParams.roleName" placeholder="请输入集合编号/球队名称" clearable style="width: 240px"
+					@keyup.enter="handleQuery" />
+			</el-form-item>
+			<el-form-item label="联赛类型" prop="roleKey">
+					<el-select v-model="queryParams.roleKey" @change="handleQuery" style="width: 240px" clearable placeholder="请选择联赛类型">
+                  <el-option
+                     v-for="item in dataScopeOptions"
+                     :key="item.value"
+                     :label="item.label"
+                     :value="item.value"
+                  ></el-option>
+               </el-select>
+			</el-form-item>
+
+			<el-form-item label="时间" style="width: 308px">
+				<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+					start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+			</el-form-item>
+		</el-form>
+
+		<!-- 表格数据 -->
+		<el-table v-loading="loading" :data="roleList">
+			<el-table-column label="赛事编号" prop="roleId" width="120" />
+			<el-table-column label="联赛" prop="roleName" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="主队" prop="roleKey" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="客队" prop="roleSort" width="100" />
+			<el-table-column label="固定奖金" prop="roleSort" width="100" />
+			<el-table-column label="比赛开始时间" align="center" prop="createTime">
+				<template #default="scope">
+					<span>{{ parseTime(scope.row.createTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="比赛状态" prop="roleSort" width="100" />
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+				<template #default="scope">
+					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
+						<el-button link type="primary" icon="view" @click="handleView(scope.row)"></el-button>
+					</el-tooltip>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!-- 分页区域 -->
+		<pagination 
+		:show="total > 0"
+		:total="total" 
+		v-model:page="queryParams.pageNum"
+		v-model:limit="queryParams.pageSize" 
+		@pagination="getList" />
+	</div>
+</template>
+
+<script setup name="Role">
+import { listRole } from "@/api/system/role"
+
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+const roleList = ref([])
+const loading = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const dateRange = ref([])
+
+/** 数据范围选项*/
+const dataScopeOptions = ref([
+	{ value: "1", label: "全部数据权限" },
+	{ value: "2", label: "自定数据权限" },
+	{ value: "3", label: "本部门数据权限" },
+	{ value: "4", label: "本部门及以下数据权限" },
+	{ value: "5", label: "仅本人数据权限" }
+])
+
+const data = reactive({
+	form: {},
+	queryParams: {
+		pageNum: 1,
+		pageSize: 10,
+		roleName: undefined,
+		roleKey: undefined,
+		status: undefined
+	},
+	rules: {
+		roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
+		roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+		roleSort: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
+	},
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询角色列表 */
+function getList() {
+	loading.value = true
+	listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+		roleList.value = response.rows
+		total.value = response.total
+		loading.value = false
+	})
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+	queryParams.value.pageNum = 1
+	getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+	dateRange.value = []
+	proxy.resetForm("queryRef")
+	handleQuery()
+}
+
+getList()
+</script>
diff --git a/src/views/tc/videoScript/basketball.vue b/src/views/tc/videoScript/basketball.vue
new file mode 100644
index 0000000..d0fa173
--- /dev/null
+++ b/src/views/tc/videoScript/basketball.vue
@@ -0,0 +1,124 @@
+<template>
+	<div>
+		<!-- 搜索区域 -->
+		<el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="128px">
+			<el-form-item label="集合编号/球队名称" prop="roleName">
+				<el-input v-model="queryParams.roleName" placeholder="请输入集合编号/球队名称" clearable style="width: 240px"
+					@keyup.enter="handleQuery" />
+			</el-form-item>
+			<el-form-item label="联赛类型" prop="roleKey">
+					<el-select v-model="queryParams.roleKey" @change="handleQuery" style="width: 240px" clearable placeholder="请选择联赛类型">
+                  <el-option
+                     v-for="item in dataScopeOptions"
+                     :key="item.value"
+                     :label="item.label"
+                     :value="item.value"
+                  ></el-option>
+               </el-select>
+			</el-form-item>
+
+			<el-form-item label="时间" style="width: 308px">
+				<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+					start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+			</el-form-item>
+		</el-form>
+
+		<!-- 表格数据 -->
+		<el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
+			<el-table-column label="赛事编号" prop="roleId" width="120" />
+			<el-table-column label="联赛" prop="roleName" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="主队" prop="roleKey" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="客队" prop="roleSort" width="100" />
+			<el-table-column label="固定奖金" prop="roleSort" width="100" />
+			<el-table-column label="比赛开始时间" align="center" prop="createTime">
+				<template #default="scope">
+					<span>{{ parseTime(scope.row.createTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="比赛状态" prop="roleSort" width="100" />
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+				<template #default="scope">
+					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
+						<el-button link type="primary" icon="view" @click="handleView(scope.row)"></el-button>
+					</el-tooltip>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!-- 分页区域 -->
+		<pagination 
+		:show="total > 0"
+		:total="total" 
+		v-model:page="queryParams.pageNum"
+		v-model:limit="queryParams.pageSize" 
+		@pagination="getList" />
+	</div>
+</template>
+
+<script setup name="Role">
+import { listRole } from "@/api/system/role"
+
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+const roleList = ref([])
+const loading = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const dateRange = ref([])
+
+/** 数据范围选项*/
+const dataScopeOptions = ref([
+	{ value: "1", label: "全部数据权限" },
+	{ value: "2", label: "自定数据权限" },
+	{ value: "3", label: "本部门数据权限" },
+	{ value: "4", label: "本部门及以下数据权限" },
+	{ value: "5", label: "仅本人数据权限" }
+])
+
+const data = reactive({
+	form: {},
+	queryParams: {
+		pageNum: 1,
+		pageSize: 10,
+		roleName: undefined,
+		roleKey: undefined,
+		status: undefined
+	},
+	rules: {
+		roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
+		roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+		roleSort: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
+	},
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询角色列表 */
+function getList() {
+	loading.value = true
+	listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+		roleList.value = response.rows
+		total.value = response.total
+		loading.value = false
+	})
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+	queryParams.value.pageNum = 1
+	getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+	dateRange.value = []
+	proxy.resetForm("queryRef")
+	handleQuery()
+}
+
+getList()
+</script>
diff --git a/src/views/tc/videoScript/index.vue b/src/views/tc/videoScript/index.vue
index ac81616..0e05d79 100644
--- a/src/views/tc/videoScript/index.vue
+++ b/src/views/tc/videoScript/index.vue
@@ -1,11 +1,20 @@
 <template>
-<div>短视频脚本</div>
+	<div class="app-container">
+		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+			<el-tab-pane label="竞彩足球" name="soccer"><soccer /></el-tab-pane>
+			<el-tab-pane label="竞彩篮球" name="basketball"><basketball /></el-tab-pane>
+		</el-tabs>
+	</div>
 </template>
 
-<script setup>
+<script setup name="VideoScript">
+import { ref } from 'vue'
+import soccer from './soccer.vue'
+import basketball from './basketball.vue'
+
+const activeName = ref('soccer')
+const handleClick = (tab, event) => {
+	console.log(tab, event)
+}
 
 </script>
-
-<style lang="scss" scoped>
-
-</style>
diff --git a/src/views/tc/videoScript/soccer.vue b/src/views/tc/videoScript/soccer.vue
new file mode 100644
index 0000000..d0fa173
--- /dev/null
+++ b/src/views/tc/videoScript/soccer.vue
@@ -0,0 +1,124 @@
+<template>
+	<div>
+		<!-- 搜索区域 -->
+		<el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="128px">
+			<el-form-item label="集合编号/球队名称" prop="roleName">
+				<el-input v-model="queryParams.roleName" placeholder="请输入集合编号/球队名称" clearable style="width: 240px"
+					@keyup.enter="handleQuery" />
+			</el-form-item>
+			<el-form-item label="联赛类型" prop="roleKey">
+					<el-select v-model="queryParams.roleKey" @change="handleQuery" style="width: 240px" clearable placeholder="请选择联赛类型">
+                  <el-option
+                     v-for="item in dataScopeOptions"
+                     :key="item.value"
+                     :label="item.label"
+                     :value="item.value"
+                  ></el-option>
+               </el-select>
+			</el-form-item>
+
+			<el-form-item label="时间" style="width: 308px">
+				<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+					start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+				<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+			</el-form-item>
+		</el-form>
+
+		<!-- 表格数据 -->
+		<el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
+			<el-table-column label="赛事编号" prop="roleId" width="120" />
+			<el-table-column label="联赛" prop="roleName" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="主队" prop="roleKey" :show-overflow-tooltip="true" width="150" />
+			<el-table-column label="客队" prop="roleSort" width="100" />
+			<el-table-column label="固定奖金" prop="roleSort" width="100" />
+			<el-table-column label="比赛开始时间" align="center" prop="createTime">
+				<template #default="scope">
+					<span>{{ parseTime(scope.row.createTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="比赛状态" prop="roleSort" width="100" />
+			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+				<template #default="scope">
+					<el-tooltip content="查看" placement="top" v-if="scope.row.roleId !== 1">
+						<el-button link type="primary" icon="view" @click="handleView(scope.row)"></el-button>
+					</el-tooltip>
+				</template>
+			</el-table-column>
+		</el-table>
+
+		<!-- 分页区域 -->
+		<pagination 
+		:show="total > 0"
+		:total="total" 
+		v-model:page="queryParams.pageNum"
+		v-model:limit="queryParams.pageSize" 
+		@pagination="getList" />
+	</div>
+</template>
+
+<script setup name="Role">
+import { listRole } from "@/api/system/role"
+
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+const roleList = ref([])
+const loading = ref(true)
+const showSearch = ref(true)
+const total = ref(0)
+const dateRange = ref([])
+
+/** 数据范围选项*/
+const dataScopeOptions = ref([
+	{ value: "1", label: "全部数据权限" },
+	{ value: "2", label: "自定数据权限" },
+	{ value: "3", label: "本部门数据权限" },
+	{ value: "4", label: "本部门及以下数据权限" },
+	{ value: "5", label: "仅本人数据权限" }
+])
+
+const data = reactive({
+	form: {},
+	queryParams: {
+		pageNum: 1,
+		pageSize: 10,
+		roleName: undefined,
+		roleKey: undefined,
+		status: undefined
+	},
+	rules: {
+		roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
+		roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+		roleSort: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
+	},
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询角色列表 */
+function getList() {
+	loading.value = true
+	listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+		roleList.value = response.rows
+		total.value = response.total
+		loading.value = false
+	})
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+	queryParams.value.pageNum = 1
+	getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+	dateRange.value = []
+	proxy.resetForm("queryRef")
+	handleQuery()
+}
+
+getList()
+</script>
diff --git a/vite.config.js b/vite.config.js
index 5814874..7a0a044 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,7 +2,7 @@ import { defineConfig, loadEnv } from 'vite'
 import path from 'path'
 import createVitePlugins from './vite/plugins'
 
-const baseUrl = 'https://vue.ruoyi.vip' // 后端接口
+const baseUrl = 'http://49.232.15.146' // 后端接口
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {