diff --git a/src/api/detect-template.js b/src/api/detect-template.js
new file mode 100644
index 0000000..b050535
--- /dev/null
+++ b/src/api/detect-template.js
@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+// 获取检测模板日志列表
+export function getDetectTemplateLogs(params) {
+  return request({
+    url: '/detect-video-template/logs',
+    method: 'get',
+    params
+  })
+}
+
+// 删除检测模板日志
+export function deleteDetectTemplate(id) {
+  return request({
+    url: `/detect-video-template/${id}`,
+    method: 'delete'
+  })
+}
+
+// 检测模板
+export function detectTemplate(data) {
+  return request({
+    url: '/detect-video-template/detect',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 41fe5f7..8681ff5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -235,19 +235,25 @@ export const constantRoutes = [
         path: 'face-detect',
         name: 'FaceDetect',
         component: () => import('@/views/video/face-detect'),
-        meta: { title: '头像检测', icon: 'el-icon-user-solid' }
+        meta: { title: '人像检测列表', icon: 'el-icon-user-solid' }
+      },
+      {
+        path: 'detect-template',
+        name: 'DetectTemplate',
+        component: () => import('@/views/video/detect-template'),
+        meta: { title: '检测模板列表', icon: 'el-icon-document' }
       },
       {
         path: 'video-synthesis',
         name: 'VideoSynthesis',
         component: () => import('@/views/video/video-synthesis'),
-        meta: { title: '视频合成', icon: 'el-icon-video-camera-solid' }
+        meta: { title: '特写视频列表', icon: 'el-icon-video-camera-solid' }
       },
       {
         path: 'avatar-synthesis',
         name: 'AvatarSynthesis',
         component: () => import('@/views/video/avatar-synthesis'),
-        meta: { title: '头像合成视频', icon: 'el-icon-user-solid' }
+        meta: { title: '特写视频生成', icon: 'el-icon-user-solid' }
       }
     ]
   },
diff --git a/src/views/video/detect-template.vue b/src/views/video/detect-template.vue
new file mode 100644
index 0000000..29d2ed0
--- /dev/null
+++ b/src/views/video/detect-template.vue
@@ -0,0 +1,900 @@
+<template>
+  <div class="app-container">
+    <!-- 查询条件区域 -->
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="是否成功">
+          <el-select v-model="queryParams.success" placeholder="请选择状态" clearable>
+            <el-option label="成功" :value="true" />
+            <el-option label="失败" :value="false" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="所属人姓名">
+          <el-input
+            v-model="queryParams.ownerName"
+            placeholder="请输入所属人姓名"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="所属人电话">
+          <el-input
+            v-model="queryParams.ownerPhone"
+            placeholder="请输入所属人电话"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="头像名称">
+          <el-input
+            v-model="queryParams.avatarName"
+            placeholder="请输入头像名称"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="创建时间">
+          <el-date-picker
+            v-model="queryParams.createdAtRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          />
+        </el-form-item>
+      </el-form>
+
+      <!-- 按钮区域 -->
+      <div style="display: flex; justify-content: space-between; margin-top: 10px;">
+        <div>
+          <el-button type="success" icon="el-icon-upload2" @click="handleUploadTemplate">上传并检测</el-button>
+        </div>
+        <div>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        </div>
+      </div>
+    </el-card>
+
+    <!-- 数据表格区域 -->
+    <el-card class="table-container" shadow="never">
+      <el-table
+        v-loading="loading"
+        :data="detectTemplateList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="请求ID" prop="requestId" min-width="200" show-overflow-tooltip />
+        <el-table-column label="模型" prop="model" width="150" />
+        <el-table-column label="视频URL" prop="videoUrl" min-width="200" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-link v-if="scope.row.videoUrl" :href="scope.row.videoUrl" target="_blank" type="primary">
+              查看视频
+            </el-link>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所属人姓名" prop="ownerName" width="120" show-overflow-tooltip />
+        <el-table-column label="所属人电话" prop="ownerPhone" width="130" show-overflow-tooltip />
+        <el-table-column label="头像名称" prop="avatarName" width="120" show-overflow-tooltip />
+        <el-table-column label="模板ID" prop="templateId" width="150" show-overflow-tooltip />
+        <el-table-column label="状态" prop="success" width="80" align="center">
+          <template slot-scope="scope">
+            <el-tag
+              :type="scope.row.success ? 'success' : 'danger'"
+              :class="{ 'clickable-failure': !scope.row.success }"
+              @click="!scope.row.success ? handleFailureClick(scope.row) : null"
+            >
+              {{ scope.row.success ? '成功' : '失败' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态码" prop="statusCode" width="100" align="center" />
+        <el-table-column label="处理时间(ms)" prop="processingTimeMs" width="120" align="center" />
+        <el-table-column label="请求时间" prop="requestTime" width="160" />
+        <el-table-column label="响应时间" prop="responseTime" width="160" />
+        <el-table-column label="创建时间" prop="createdAt" width="160" />
+        <el-table-column label="操作" width="200" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleView(scope.row)">查看</el-button>
+            <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        style="margin-top: 20px; text-align: right;"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 详情对话框 -->
+    <el-dialog
+      title="检测模板详情"
+      :visible.sync="detailVisible"
+      width="800px"
+    >
+      <div v-if="currentRecord" class="detail-content">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>请求ID:</label>
+              <span>{{ currentRecord.requestId }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>模板ID:</label>
+              <span>{{ currentRecord.templateId }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>状态:</label>
+              <el-tag :type="currentRecord.success ? 'success' : 'danger'">
+                {{ currentRecord.success ? '成功' : '失败' }}
+              </el-tag>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>状态码:</label>
+              <span>{{ currentRecord.statusCode }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>视频URL:</label>
+              <el-link v-if="currentRecord.videoUrl" :href="currentRecord.videoUrl" target="_blank" type="primary">
+                {{ currentRecord.videoUrl }}
+              </el-link>
+              <span v-else>-</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>模型:</label>
+              <span>{{ currentRecord.model }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>处理时间:</label>
+              <span>{{ currentRecord.processingTimeMs }}ms</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>所属人:</label>
+              <span>{{ currentRecord.ownerName }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>联系电话:</label>
+              <span>{{ currentRecord.ownerPhone }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>头像名称:</label>
+              <span>{{ currentRecord.avatarName }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>请求时间:</label>
+              <span>{{ currentRecord.requestTime }}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="detail-item">
+              <label>响应时间:</label>
+              <span>{{ currentRecord.responseTime }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="currentRecord.errorMessage" :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>错误信息:</label>
+              <span style="color: #f56c6c;">{{ currentRecord.errorMessage }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row v-if="currentRecord.responseData" :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>响应数据:</label>
+              <div class="response-data">{{ formatResponseData(currentRecord.responseData) }}</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 失败原因弹窗 -->
+    <el-dialog
+      title="失败原因"
+      :visible.sync="failureDialogVisible"
+      width="600px"
+      @close="handleFailureDialogClose"
+    >
+      <div class="failure-content">
+        <p><strong>请求ID:</strong> {{ currentFailureRecord && currentFailureRecord.requestId }}</p>
+        <p><strong>失败原因:</strong></p>
+        <div class="failure-reason">
+          <pre>{{ failureReason }}</pre>
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="failureDialogVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 上传并检测对话框 -->
+    <el-dialog
+      title="上传并检测"
+      :visible.sync="uploadTemplateDialogVisible"
+      width="600px"
+      @close="handleUploadTemplateDialogClose"
+    >
+      <el-form ref="uploadForm" :model="uploadForm" :rules="uploadRules" label-width="100px">
+        <el-form-item label="选择模板视频" prop="imageFile">
+          <el-upload
+            ref="templateUpload"
+            :file-list="uploadFileList"
+            :on-change="handleFileChange"
+            :on-remove="handleFileRemove"
+            :auto-upload="false"
+            :limit="1"
+            accept="video/*"
+            drag
+          >
+            <i class="el-icon-upload" />
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+            <div slot="tip" class="el-upload__tip">只能上传mp4/avi/mov文件，且不超过100MB</div>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="模型" prop="model">
+          <el-select v-model="uploadForm.model" placeholder="请选择模型" style="width: 100%">
+            <el-option label="animate-anyone-template-gen2" value="animate-anyone-template-gen2" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属人姓名" prop="ownerName">
+          <el-input
+            v-model="uploadForm.ownerName"
+            placeholder="请输入所属人姓名"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="所属人电话" prop="ownerPhone">
+          <el-input
+            v-model="uploadForm.ownerPhone"
+            placeholder="请输入所属人电话"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="模板名称" prop="avatarName">
+          <el-input
+            v-model="uploadForm.avatarName"
+            placeholder="请输入模板名称"
+            clearable
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="uploadTemplateDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="uploadLoading" @click="handleUploadSubmit">上传并检测</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getDetectTemplateLogs, deleteDetectTemplate, detectTemplate } from '@/api/detect-template'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'DetectTemplate',
+  data() {
+    return {
+      loading: false,
+      detectTemplateList: [],
+      total: 0,
+      selectedIds: [],
+      detailVisible: false,
+      currentRecord: null,
+      // 失败原因弹窗相关
+      failureDialogVisible: false,
+      currentFailureRecord: null,
+      failureReason: '',
+      // 上传图像相关
+      uploadTemplateDialogVisible: false,
+      uploadFileList: [],
+      uploadForm: {
+        model: 'animate-anyone-template-gen2',
+        ownerName: '',
+        ownerPhone: '',
+        avatarName: ''
+      },
+      uploadLoading: false,
+      detecting: false,
+      uploadRules: {
+        // 上传表单不需要必填验证，所有字段都是可选的
+      },
+      // 查询参数
+      queryParams: {
+        current: 1,
+        size: 10,
+        success: '',
+        ownerName: '',
+        ownerPhone: '',
+        avatarName: '',
+        createdAtRange: []
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(['name', 'avatar', 'phone'])
+  },
+  created() {
+    // 设置默认查询参数为当前登录用户信息
+    this.$nextTick(() => {
+      if (this.name) {
+        this.queryParams.ownerName = this.name
+      } else {
+        const storeName = this.$store.getters.name
+        if (storeName) {
+          this.queryParams.ownerName = storeName
+        }
+      }
+      if (this.phone) {
+        this.queryParams.ownerPhone = this.phone
+      } else {
+        const storePhone = this.$store.getters.phone
+        if (storePhone) {
+          this.queryParams.ownerPhone = storePhone
+        }
+      }
+    })
+    this.getList()
+  },
+  methods: {
+    // 获取列表数据
+    getList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+
+      // 处理时间范围
+      if (params.createdAtRange && params.createdAtRange.length === 2) {
+        params.startTime = params.createdAtRange[0]
+        params.endTime = params.createdAtRange[1]
+      }
+      delete params.createdAtRange
+
+      // 移除空值
+      Object.keys(params).forEach(key => {
+        if (params[key] === '' || params[key] === null || params[key] === undefined) {
+          delete params[key]
+        }
+      })
+
+      getDetectTemplateLogs(params).then(response => {
+        console.log('API响应:', response)
+        if (response.code === 20000) {
+          this.detectTemplateList = response.data || []
+          this.total = response.total || 0
+        } else {
+          this.$message.error(response.message || '查询失败')
+        }
+        this.loading = false
+      }).catch((error) => {
+        console.log('API错误:', error)
+        // 开发环境使用模拟数据
+        this.detectTemplateList = [
+          {
+            id: 'weffg',
+            requestId: 'kjklkl;',
+            model: 'aaa',
+            videoUrl: 'http://example.com/video/test.mp4',
+            ownerName: 'dddd',
+            ownerPhone: '158212583',
+            avatarName: 'qw222',
+            templateId: '3334sss',
+            success: false,
+            requestTime: '2025-10-09T14:48:38',
+            responseTime: '2025-10-09T14:48:45',
+            statusCode: 2111,
+            responseData: 'dd',
+            errorMessage: 'dss',
+            processingTimeMs: 55,
+            createdAt: '2025-10-09T14:49:05',
+            updatedAt: '2025-10-09T14:49:08'
+          }
+        ]
+        this.total = this.detectTemplateList.length
+        this.loading = false
+      })
+    },
+
+    // 查询
+    handleQuery() {
+      this.queryParams.current = 1
+      this.getList()
+    },
+
+    // 重置查询
+    resetQuery() {
+      this.$refs.queryForm.resetFields()
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        success: '',
+        ownerName: '',
+        ownerPhone: '',
+        avatarName: '',
+        createdAtRange: []
+      }
+      // 重置后重新设置默认用户信息
+      this.$nextTick(() => {
+        if (this.name) {
+          this.queryParams.ownerName = this.name
+        } else {
+          const storeName = this.$store.getters.name
+          if (storeName) {
+            this.queryParams.ownerName = storeName
+          }
+        }
+        if (this.phone) {
+          this.queryParams.ownerPhone = this.phone
+        } else {
+          const storePhone = this.$store.getters.phone
+          if (storePhone) {
+            this.queryParams.ownerPhone = storePhone
+          }
+        }
+      })
+      this.getList()
+    },
+
+    // 选择变化
+    handleSelectionChange(selection) {
+      this.selectedIds = selection.map(item => item.id)
+    },
+
+    // 分页大小变化
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.getList()
+    },
+
+    // 当前页变化
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.getList()
+    },
+
+    // 查看详情
+    handleView(row) {
+      this.currentRecord = row
+      this.detailVisible = true
+    },
+
+    // 删除记录
+    handleDelete(row) {
+      this.$confirm('确认删除该记录?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteDetectTemplate(row.id).then(response => {
+          if (response.success) {
+            this.$message.success('删除成功')
+            this.getList()
+          } else {
+            this.$message.error(response.message || '删除失败')
+          }
+        }).catch(() => {
+          this.$message.success('删除成功')
+          this.getList()
+        })
+      })
+    },
+
+    // 格式化响应数据
+    formatResponseData(data) {
+      try {
+        const parsed = JSON.parse(data)
+        return JSON.stringify(parsed, null, 2)
+      } catch (e) {
+        return data
+      }
+    },
+
+    // 处理失败状态点击
+    handleFailureClick(row) {
+      console.log('点击失败状态，记录:', row)
+      this.currentFailureRecord = row
+
+      // 解析responseData中的内容
+      let failureReason = '未知错误'
+      if (row.responseData) {
+        try {
+          const responseData = JSON.parse(row.responseData)
+          if (responseData.output) {
+            // 提取output中的内容作为失败原因
+            if (responseData.output.message) {
+              failureReason = responseData.output.message
+            } else if (responseData.output.error) {
+              failureReason = responseData.output.error
+            } else if (responseData.output.reason) {
+              failureReason = responseData.output.reason
+            } else {
+              // 如果没有具体的错误信息，显示整个output对象
+              failureReason = JSON.stringify(responseData.output, null, 2)
+            }
+          } else {
+            failureReason = JSON.stringify(responseData, null, 2)
+          }
+        } catch (e) {
+          console.error('解析responseData失败:', e)
+          failureReason = row.responseData
+        }
+      } else if (row.errorMessage) {
+        failureReason = row.errorMessage
+      }
+
+      this.failureReason = failureReason
+      this.failureDialogVisible = true
+    },
+
+    // 失败原因弹窗关闭
+    handleFailureDialogClose() {
+      this.failureDialogVisible = false
+      this.currentFailureRecord = null
+      this.failureReason = ''
+    },
+
+    // 上传图像
+    handleUploadTemplate() {
+      console.log('=== 开始上传并检测流程 ===')
+      this.uploadFileList = []
+      this.uploadForm = {
+        model: 'animate-anyone-template-gen2',
+        ownerName: '',
+        ownerPhone: '',
+        avatarName: ''
+      }
+      this.uploadTemplateDialogVisible = true
+      this.$nextTick(() => {
+        if (this.name) {
+          this.uploadForm.ownerName = this.name
+        } else {
+          const storeName = this.$store.getters.name
+          if (storeName) {
+            this.uploadForm.ownerName = storeName
+          }
+        }
+        if (this.phone) {
+          this.uploadForm.ownerPhone = this.phone
+        } else {
+          const storePhone = this.$store.getters.phone
+          if (storePhone) {
+            this.uploadForm.ownerPhone = storePhone
+          }
+        }
+      })
+    },
+
+    // 上传图像对话框关闭
+    handleUploadTemplateDialogClose() {
+      console.log('上传图像对话框关闭 - 重置文件列表')
+      this.uploadFileList = []
+    },
+
+    // 上传并检测提交
+    async handleUploadSubmit() {
+      // 防止重复提交
+      if (this.uploadLoading) {
+        console.log('正在上传中，忽略重复点击')
+        return
+      }
+
+      console.log('=== 新方案：上传并检测提交开始 ===')
+      this.$refs.uploadForm.validate(valid => {
+        console.log('上传表单验证结果:', valid)
+        if (valid) {
+          if (this.uploadFileList.length === 0) {
+            this.$message.error('请先选择要上传的模板视频')
+            return
+          }
+
+          this.uploadLoading = true
+          console.log('开始手动上传文件:', this.uploadFileList[0])
+
+          // 使用新的手动上传方法
+          this.manualUploadAndDetect()
+        } else {
+          this.$message.error('请完善表单信息')
+        }
+      })
+    },
+
+    // 新的手动上传和检测方法
+    async manualUploadAndDetect() {
+      try {
+        const file = this.uploadFileList[0].raw || this.uploadFileList[0]
+        console.log('准备上传文件:', file)
+
+        // 创建FormData
+        const formData = new FormData()
+        formData.append('file', file)
+        formData.append('model', this.uploadForm.model || 'animate-anyone-template-gen2')
+        formData.append('avatarName', this.uploadForm.avatarName || '')
+        formData.append('ownerName', this.uploadForm.ownerName || '')
+        formData.append('ownerPhone', this.uploadForm.ownerPhone || '')
+        formData.append('userId', this.$store.getters.userId || '')
+        formData.append('expiresInSeconds', '360000')
+
+        console.log('FormData内容:', {
+          file: file.name,
+          type: 'template',
+          model: this.uploadForm.model,
+          avatarName: this.uploadForm.avatarName,
+          ownerName: this.uploadForm.ownerName,
+          ownerPhone: this.uploadForm.ownerPhone
+        })
+
+        // 手动上传文件
+        const uploadResponse = await this.uploadFile(formData)
+        console.log('上传响应:', uploadResponse)
+
+        if (uploadResponse && uploadResponse.success) {
+          console.log('上传并检测成功:', uploadResponse)
+          this.$message.success('上传并检测成功')
+          this.uploadTemplateDialogVisible = false
+          this.getList()
+          this.uploadLoading = false
+        } else {
+          this.$message.error(uploadResponse?.message || '上传并检测失败')
+          this.uploadLoading = false
+        }
+      } catch (error) {
+        console.error('上传过程出错:', error)
+        this.$message.error('上传失败: ' + (error.message || '未知错误'))
+        this.uploadLoading = false
+      }
+    },
+
+    // 手动上传文件的方法
+    async uploadFile(formData) {
+      return new Promise((resolve, reject) => {
+        const xhr = new XMLHttpRequest()
+
+        xhr.onload = () => {
+          console.log('上传完成，状态码:', xhr.status)
+          console.log('上传响应:', xhr.responseText)
+
+          if (xhr.status === 200) {
+            try {
+              const response = JSON.parse(xhr.responseText)
+              resolve(response)
+            } catch (e) {
+              console.error('解析响应失败:', e)
+              reject(new Error('响应格式错误'))
+            }
+          } else {
+            reject(new Error(`上传失败，状态码: ${xhr.status}`))
+          }
+        }
+
+        xhr.onerror = () => {
+          console.error('上传请求失败')
+          reject(new Error('网络请求失败'))
+        }
+
+        xhr.ontimeout = () => {
+          console.error('上传超时')
+          reject(new Error('上传超时'))
+        }
+
+        // 设置超时时间
+        xhr.timeout = 30000
+
+        // 先打开连接
+        xhr.open('POST', '/api/detect-video-template/uploadAndDetect')
+
+        // 然后设置请求头
+        const token = this.$store.getters.token
+        if (token) {
+          xhr.setRequestHeader('Authorization', 'Bearer ' + token)
+        }
+
+        // 最后发送请求
+        xhr.send(formData)
+      })
+    },
+
+    // 调用检测API的通用方法
+    callDetectAPI(requestData) {
+      console.log('调用检测API:', requestData)
+
+      // 防止重复调用检测API
+      if (this.detecting) {
+        console.log('正在检测中，忽略重复调用')
+        return
+      }
+
+      this.detecting = true
+      // 这里需要调用检测模板的检测API
+      // 假设API接口为 detectTemplate
+      this.detectTemplate(requestData).then(detectResponse => {
+        if (detectResponse.success) {
+          this.$message.success('上传并检测成功')
+          this.uploadTemplateDialogVisible = false
+          this.getList()
+        } else {
+          this.$message.error(detectResponse.message || '检测失败')
+        }
+        this.uploadLoading = false
+        this.detecting = false
+      }).catch(error => {
+        console.error('检测错误:', error)
+        this.$message.error('检测失败: ' + (error.message || '未知错误'))
+        this.uploadLoading = false
+        this.detecting = false
+      })
+    },
+
+    // 检测模板API调用
+    detectTemplate(requestData) {
+      return detectTemplate(requestData)
+    },
+
+    // 文件变化处理
+    handleFileChange(file, fileList) {
+      console.log('文件变化:', file.name)
+      this.uploadFileList = fileList
+
+      // 简单的文件验证
+      if (file.size > 100 * 1024 * 1024) {
+        this.$message.error('文件大小不能超过100MB')
+        this.uploadFileList = []
+        return
+      }
+
+      const allowedTypes = ['video/mp4', 'video/avi', 'video/mov', 'video/quicktime']
+      if (!allowedTypes.includes(file.raw?.type || file.type)) {
+        this.$message.error('只能上传视频文件')
+        this.uploadFileList = []
+        return
+      }
+    },
+
+    // 文件移除处理
+    handleFileRemove(file, fileList) {
+      console.log('文件移除:', file.name)
+      this.uploadFileList = fileList
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.table-container {
+  margin-top: 20px;
+}
+
+.el-form-item {
+  margin-bottom: 15px;
+}
+
+.detail-content {
+  padding: 20px 0;
+}
+
+.detail-item {
+  display: flex;
+  margin-bottom: 16px;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.detail-item label {
+  width: 100px;
+  color: #909399;
+  font-weight: 500;
+  flex-shrink: 0;
+}
+
+.detail-item span {
+  color: #303133;
+  flex: 1;
+}
+
+.response-data {
+  background-color: #f5f7fa;
+  padding: 10px;
+  border-radius: 4px;
+  font-size: 12px;
+  max-height: 200px;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+/* 失败状态可点击样式 */
+.clickable-failure {
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.clickable-failure:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+
+/* 失败原因弹窗样式 */
+.failure-content {
+  padding: 10px 0;
+}
+
+.failure-content p {
+  margin-bottom: 15px;
+  color: #303133;
+}
+
+.failure-reason {
+  background-color: #f5f7fa;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 15px;
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.failure-reason pre {
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-all;
+  font-family: 'Courier New', monospace;
+  font-size: 12px;
+  line-height: 1.4;
+  color: #606266;
+}
+</style>
diff --git a/src/views/video/face-detect.vue b/src/views/video/face-detect.vue
index 90fa560..d5e742a 100644
--- a/src/views/video/face-detect.vue
+++ b/src/views/video/face-detect.vue
@@ -23,10 +23,10 @@
         </el-form-item>
 
         <!-- 第二行 -->
-        <el-form-item label="头像名称">
+        <el-form-item label="图像名称">
           <el-input
             v-model="queryParams.avatarName"
-            placeholder="请输入头像名称"
+            placeholder="请输入图像名称"
             clearable
             style="width: 200px"
           />
@@ -68,7 +68,7 @@
       <div style="display: flex; justify-content: flex-end; margin-top: 10px;">
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
         <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-        <el-button type="success" icon="el-icon-upload" @click="handleDetect">头像URL检测</el-button>
+        <el-button type="success" icon="el-icon-upload" @click="handleDetect">图像URL检测</el-button>
         <el-button type="info" icon="el-icon-upload2" @click="handleUploadAvatar">上传并检测</el-button>
       </div>
     </el-card>
@@ -87,11 +87,11 @@
         <el-table-column label="模型" prop="model" width="150" />
         <el-table-column label="所属人姓名" prop="ownerName" width="120" show-overflow-tooltip />
         <el-table-column label="所属人电话" prop="ownerPhone" width="130" show-overflow-tooltip />
-        <el-table-column label="头像名称" prop="avatarName" width="120" show-overflow-tooltip />
-        <el-table-column label="图片URL" prop="imageUrl" min-width="200" show-overflow-tooltip>
+        <el-table-column label="图像名称" prop="avatarName" width="120" show-overflow-tooltip />
+        <el-table-column label="图像URL" prop="imageUrl" min-width="200" show-overflow-tooltip>
           <template slot-scope="scope">
             <el-link v-if="scope.row.imageUrl" :href="scope.row.imageUrl" target="_blank" type="primary">
-              查看图片
+              查看图像
             </el-link>
             <span v-else>-</span>
           </template>
@@ -133,26 +133,27 @@
       />
     </el-card>
 
-    <!-- 头像URL检测对话框 -->
+    <!-- 图像URL检测对话框 -->
     <el-dialog
-      title="头像URL检测"
+      title="图像URL检测"
       :visible.sync="detectDialogVisible"
       width="600px"
       @close="handleDetectDialogClose"
     >
       <el-form ref="detectForm" :model="detectForm" :rules="detectRules" label-width="100px">
-        <el-form-item label="图片URL" prop="imageUrl">
+        <el-form-item label="图像URL" prop="imageUrl">
           <el-input
             v-model="detectForm.imageUrl"
-            placeholder="请输入图片URL"
+            placeholder="请输入图像URL"
             type="textarea"
             :rows="3"
           />
         </el-form-item>
         <el-form-item label="模型" prop="model">
           <el-select v-model="detectForm.model" placeholder="请选择模型" style="width: 100%">
-            <el-option label="liveportrait-detect" value="liveportrait-detect" />
-            <el-option label="emo-detect-v1" value="emo-detect-v1" />
+            <el-option label="画像检查模型" value="liveportrait-detect" />
+            <el-option label="肖像检测模型" value="emo-detect-v1" />
+            <el-option label="舞动图像模型" value="animate-anyone-detect-gen2" />
           </el-select>
         </el-form-item>
         <el-form-item label="所属人姓名" prop="ownerName">
@@ -169,10 +170,10 @@
             clearable
           />
         </el-form-item>
-        <el-form-item label="头像名称" prop="avatarName">
+        <el-form-item label="图像名称" prop="avatarName">
           <el-input
             v-model="detectForm.avatarName"
-            placeholder="请输入头像名称"
+            placeholder="请输入图像名称"
             clearable
           />
         </el-form-item>
@@ -210,7 +211,7 @@
       @close="handleUploadAvatarDialogClose"
     >
       <el-form ref="uploadForm" :model="uploadForm" :rules="uploadRules" label-width="100px">
-        <el-form-item label="选择图片" prop="imageFile">
+        <el-form-item label="选择图像" prop="imageFile">
           <el-upload
             ref="avatarUpload"
             :file-list="uploadFileList"
@@ -228,8 +229,9 @@
         </el-form-item>
         <el-form-item label="模型" prop="model">
           <el-select v-model="uploadForm.model" placeholder="请选择模型" style="width: 100%">
-            <el-option label="liveportrait-detect" value="liveportrait-detect" />
-            <el-option label="emo-detect-v1" value="emo-detect-v1" />
+            <el-option label="画像检查模型" value="liveportrait-detect" />
+            <el-option label="肖像检测模型" value="emo-detect-v1" />
+            <el-option label="舞动图像模型" value="animate-anyone-detect-gen2" />
           </el-select>
         </el-form-item>
         <el-form-item label="所属人姓名" prop="ownerName">
@@ -246,10 +248,10 @@
             clearable
           />
         </el-form-item>
-        <el-form-item label="头像名称" prop="avatarName">
+        <el-form-item label="图像名称" prop="avatarName">
           <el-input
             v-model="uploadForm.avatarName"
-            placeholder="请输入头像名称"
+            placeholder="请输入图像名称"
             clearable
           />
         </el-form-item>
@@ -282,7 +284,7 @@ export default {
       failureDialogVisible: false,
       currentFailureRecord: null,
       failureReason: '',
-      // 上传头像相关 - 简化版
+      // 上传图像相关 - 简化版
       uploadAvatarDialogVisible: false,
       uploadFileList: [],
       uploadForm: {
@@ -318,7 +320,7 @@ export default {
       // 表单验证规则
       detectRules: {
         imageUrl: [
-          { required: true, message: '请输入图片URL', trigger: 'blur' }
+          { required: true, message: '请输入图像URL', trigger: 'blur' }
         ]
       },
       // 模型选项
@@ -355,9 +357,9 @@ export default {
     this.getList()
   },
   methods: {
-    // 上传头像对话框打开
+    // 上传图像对话框打开
     handleUploadAvatarDialogOpen() {
-      console.log('上传头像对话框打开')
+      console.log('上传图像对话框打开')
       // 清空上传组件
       this.$nextTick(() => {
         if (this.$refs.avatarUpload) {
@@ -366,7 +368,7 @@ export default {
       })
     },
 
-    // 上传头像
+    // 上传图像
     handleUploadAvatar() {
       console.log('=== 开始上传并检测流程 ===')
       this.uploadFileList = []
@@ -397,9 +399,9 @@ export default {
       })
     },
 
-    // 上传头像对话框关闭
+    // 上传图像对话框关闭
     handleUploadAvatarDialogClose() {
-      console.log('上传头像对话框关闭 - 重置文件列表')
+      console.log('上传图像对话框关闭 - 重置文件列表')
       this.uploadFileList = []
     },
 
@@ -416,7 +418,7 @@ export default {
         console.log('上传表单验证结果:', valid)
         if (valid) {
           if (this.uploadFileList.length === 0) {
-            this.$message.error('请先选择要上传的图片')
+            this.$message.error('请先选择要上传的图像')
             return
           }
 
@@ -461,7 +463,7 @@ export default {
 
         if (uploadResponse && uploadResponse.success) {
           const imageUrl = uploadResponse.data?.fileUrl || uploadResponse.data?.url || uploadResponse.url
-          console.log('获取到图片URL:', imageUrl)
+          console.log('获取到图像URL:', imageUrl)
 
           if (imageUrl) {
             // 调用检测API
@@ -475,7 +477,7 @@ export default {
             console.log('准备调用检测API:', requestData)
             await this.callDetectAPI(requestData)
           } else {
-            this.$message.error('上传成功但未获取到图片URL')
+            this.$message.error('上传成功但未获取到图像URL')
             this.uploadLoading = false
           }
         } else {
@@ -550,7 +552,7 @@ export default {
 
       const isImage = /\.(jpg|jpeg|png|gif)$/.test(file.name.toLowerCase())
       if (!isImage) {
-        this.$message.error('只能上传图片格式的文件!')
+        this.$message.error('只能上传图像格式的文件!')
         return false
       }
 
@@ -593,7 +595,7 @@ export default {
       })
 
       if (isSuccess) {
-        // 保存返回的图片URL - 多种可能的字段名
+        // 保存返回的图像URL - 多种可能的字段名
         const imageUrl = response.data?.fileUrl ||
                         response.data?.url ||
                         response.url ||
@@ -618,7 +620,7 @@ export default {
           })
           this.callDetectAPI(requestData)
         } else {
-          console.log('未找到图片URL，尝试使用文件信息')
+          console.log('未找到图像URL，尝试使用文件信息')
           console.log('文件信息:', file)
           console.log('响应信息:', response)
 
@@ -637,12 +639,12 @@ export default {
             console.log('使用文件URL进行检测:', requestData)
             this.callDetectAPI(requestData)
           } else {
-            this.$message.error('上传成功，但未返回图片URL')
+            this.$message.error('上传成功，但未返回图像URL')
             this.uploadLoading = false
           }
         }
       } else {
-        this.$message.error(response?.message || '头像上传失败')
+        this.$message.error(response?.message || '图像上传失败')
         this.uploadLoading = false
       }
     },
@@ -697,7 +699,7 @@ export default {
         errorMessage = err.statusText
       }
 
-      this.$message.error('头像上传失败: ' + errorMessage)
+      this.$message.error('图像上传失败: ' + errorMessage)
       this.uploadLoading = false
     },
 
@@ -715,7 +717,7 @@ export default {
 
       const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif']
       if (!allowedTypes.includes(file.raw?.type || file.type)) {
-        this.$message.error('只能上传图片文件')
+        this.$message.error('只能上传图像文件')
         this.uploadFileList = []
         return
       }
@@ -732,7 +734,7 @@ export default {
       console.log('上传进度 - 事件:', event)
     },
 
-    // 复制图片URL
+    // 复制图像URL
     copyImageUrl() {
       const input = document.createElement('input')
       input.value = this.uploadedImageUrl
@@ -900,7 +902,7 @@ export default {
 
     // 人脸检测
     handleDetect() {
-      console.log('=== 开始头像URL检测流程 ===')
+      console.log('=== 开始图像URL检测流程 ===')
       this.detectForm = {
         imageUrl: '',
         model: 'liveportrait-detect',
@@ -942,7 +944,7 @@ export default {
 
     // 提交检测
     handleDetectSubmit() {
-      console.log('头像检测提交开始')
+      console.log('图像检测提交开始')
       this.$refs.detectForm.validate(valid => {
         console.log('表单验证结果:', valid)
         if (valid) {
@@ -954,8 +956,8 @@ export default {
             ownerPhone: this.detectForm.ownerPhone,
             avatarName: this.detectForm.avatarName
           }
-          console.log('头像检测请求参数:', requestData)
-          console.log('头像检测参数验证:', {
+          console.log('图像检测请求参数:', requestData)
+          console.log('图像检测参数验证:', {
             hasModel: !!requestData.model,
             hasOwnerName: !!requestData.ownerName,
             hasOwnerPhone: !!requestData.ownerPhone,
@@ -1092,7 +1094,7 @@ export default {
   word-break: break-all;
 }
 
-/* 上传头像样式 */
+/* 上传图像样式 */
 .upload-container {
   padding: 20px;
   text-align: center;
diff --git a/src/views/video/video-synthesis.vue b/src/views/video/video-synthesis.vue
index 8baf8c0..29dc8fc 100644
--- a/src/views/video/video-synthesis.vue
+++ b/src/views/video/video-synthesis.vue
@@ -82,8 +82,8 @@
         <el-table-column label="视频名称" prop="videoName" min-width="150" show-overflow-tooltip />
         <el-table-column label="所属人姓名" prop="ownerName" width="120" />
         <el-table-column label="所属人电话" prop="ownerPhone" width="120" />
-        <el-table-column label="请求ID" prop="requestId" min-width="200" show-overflow-tooltip />
         <el-table-column label="任务ID" prop="taskId" min-width="200" show-overflow-tooltip />
+        <el-table-column label="模型" prop="modelProvider" width="120" />
         <el-table-column label="状态" prop="success" width="80" align="center">
           <template slot-scope="scope">
             <el-tag :type="scope.row.success ? 'success' : 'danger'">
@@ -95,7 +95,6 @@
         <el-table-column label="视频时长(秒)" prop="videoDuration" width="120" align="center" />
         <el-table-column label="视频比例" prop="videoRatio" width="100" align="center" />
         <el-table-column label="处理时间(ms)" prop="processingTimeMs" width="120" align="center" />
-        <el-table-column label="模型提供方" prop="modelProvider" width="120" />
         <el-table-column label="创建时间" prop="createdAt" width="160" />
         <el-table-column label="操作" width="250" fixed="right">
           <template slot-scope="scope">
@@ -163,6 +162,25 @@
             </div>
           </el-col>
         </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>视频名称:</label>
+              <span>{{ currentRecord.videoName || '-' }}</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>视频临时URL:</label>
+              <el-link v-if="currentRecord.videoTempUrl" :href="currentRecord.videoTempUrl" target="_blank" type="primary">
+                {{ currentRecord.videoTempUrl }}
+              </el-link>
+              <span v-else>-</span>
+            </div>
+          </el-col>
+        </el-row>
         <el-row :gutter="20">
           <el-col :span="24">
             <div class="detail-item">
@@ -174,6 +192,28 @@
             </div>
           </el-col>
         </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>头像URL:</label>
+              <el-link v-if="currentRecord.imageUrl" :href="currentRecord.imageUrl" target="_blank" type="primary">
+                {{ currentRecord.imageUrl }}
+              </el-link>
+              <span v-else>-</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <div class="detail-item">
+              <label>音频URL:</label>
+              <el-link v-if="currentRecord.audioUrl" :href="currentRecord.audioUrl" target="_blank" type="primary">
+                {{ currentRecord.audioUrl }}
+              </el-link>
+              <span v-else>-</span>
+            </div>
+          </el-col>
+        </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
             <div class="detail-item">
@@ -364,6 +404,9 @@ export default {
             taskStatus: 'completed',
             videoName: '头像合成视频_001',
             videoUrl: 'http://example.com/videos/synthesized-001.mp4',
+            videoTempUrl: 'http://temp.example.com/videos/temp-001.mp4',
+            imageUrl: 'http://example.com/avatars/avatar-001.jpg',
+            audioUrl: 'http://example.com/audio/audio-001.mp3',
             videoDuration: 15,
             videoRatio: '16:9',
             processingTimeMs: 3500,