修改

src/App.vue

@@ -4,7 +4,6 @@ import { getUserDetail } from '@/api/index'
 const token = localStorage.getItem('token')
 if (token)
   getUserDetail().then(({ data }) => {
-    console.log(data)
     localStorage.setItem('user', JSON.stringify(data))
   })
 </script>

src/views/AdvertiserPage.vue

@@ -163,7 +163,6 @@ const creatEditPlan = (data?: Advertiser) => {
       enterpriseContacts: '',
       advertiserId: undefined,
     }
-  console.log(form.value)
   dialogVisible.value = !dialogVisible.value
 }
 

src/views/ExaminePage.vue

@@ -57,7 +57,7 @@
           </template>
         </el-popconfirm>
         <el-popconfirm
-          title="确定通过该素材吗?"
+          title="确定拒审该素材吗?"
           v-if="scope.row.status == 0"
           @confirm="changeStatus(scope.row.stuffId, 3, '拒审成功')"
         >
@@ -75,78 +75,18 @@
     :total="pages.total"
     @current-change="page"
   />
-
-  <el-dialog v-model="dialogVisible" title="素材">
-    <el-form ref="ruleFormRef" :rules="rules" :model="form" label-width="auto">
-      <el-form-item label="素材名称" prop="stuffName">
-        <el-input v-model="form.stuffName" />
-      </el-form-item>
-      <el-form-item label="选择创意" prop="creativeId">
-        <el-select filterable v-model="form.creativeId" placeholder="选择创意">
-          <el-option
-            v-for="item in originalityList"
-            :key="item.creativeId"
-            :label="item.creativeName"
-            :value="item.creativeId"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="落地页" prop="landingPage">
-        <el-input v-model="form.landingPage" />
-      </el-form-item>
-      <el-form-item label="上传素材" prop="addr">
-        <MediaComponents
-          v-if="dialogVisible"
-          :src="form.addr || ''"
-          @change="(val: string) => (form.addr = val)"
-          @getCalc="getCalc"
-        />
-      </el-form-item>
-      <el-form-item label="宽(px)" prop="width">
-        <el-input-number v-model="form.width" :min="0" />
-      </el-form-item>
-      <el-form-item label="高(px)" prop="height">
-        <el-input-number v-model="form.height" :min="0" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="creatMaterial(ruleFormRef)">确定</el-button>
-        <el-button v-if="form.stuffId" type="primary" @click="addNewMaterial(ruleFormRef)">
-          添加到新创意
-        </el-button>
-      </el-form-item>
-    </el-form>
-  </el-dialog>
 </template>
 
 <script setup lang="ts">
-import type { FormInstance, FormRules } from 'element-plus'
 import type { Pages } from '@/types/Tool'
 import type { OriginalityList } from '@/types/AdListPage'
-import type { SourceMaterialList, ISourceMaterialProps } from '@/types/SourceMaterial'
+import type { SourceMaterialList } from '@/types/SourceMaterial'
 import { formatDateSite, getStatus } from '@/tool/index'
 import { ElMessage } from 'element-plus'
-import {
-  getMaterialList,
-  getOriginalityList,
-  createMaterial,
-  updateMaterial,
-  updateMaterialStatus,
-} from '@/api/index'
+import { getMaterialList, getOriginalityList, updateMaterialStatus } from '@/api/index'
 import { ref, reactive } from 'vue'
 
-import MediaComponents from '@/components/mediaComponents.vue'
-
 // vue3 获取url参数
-
-const ruleFormRef = ref<FormInstance>()
-const rules = reactive<FormRules<ISourceMaterialProps>>({
-  stuffName: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-  landingPage: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-  creativeId: [{ required: true, message: '请选择创意', trigger: 'change' }],
-  addr: [{ required: true, message: '请选择素材', trigger: 'change' }],
-  width: [{ required: true, message: '请输入宽', trigger: 'change' }],
-  height: [{ required: true, message: '请输入高', trigger: 'change' }],
-})
 const originalityList = ref<OriginalityList>([])
 getOriginalityList({
   pageNum: 1,
@@ -155,12 +95,6 @@ getOriginalityList({
   originalityList.value = data.records || {}
 })
 
-const dialogVisible = ref(false)
-const form = ref<ISourceMaterialProps>({
-  width: 0,
-  height: 0,
-})
-
 const pages = reactive<Pages>({
   pageNum: 1,
   pageSize: 10,
@@ -188,61 +122,11 @@ const onSubmit = () => {
   })
 }
 
-const creatMaterial = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.validate((valid) => {
-    if (!valid) return
-    if (typeof form.value.stuffId === 'number') {
-      updateMaterial(form.value).then(() => {
-        ElMessage({
-          message: '更新成功',
-          type: 'success',
-        })
-        onSubmit()
-        dialogVisible.value = false
-      })
-      return
-    }
-    createMaterial(form.value).then(() => {
-      ElMessage({
-        message: '创建成功',
-        type: 'success',
-      })
-      onSubmit()
-      dialogVisible.value = false
-    })
-  })
-}
-
-const addNewMaterial = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.validate((valid) => {
-    if (!valid) return
-    const p = {
-      ...form.value,
-    }
-    delete p.stuffId
-    createMaterial(p).then(() => {
-      ElMessage({
-        message: '复制成功',
-        type: 'success',
-      })
-      onSubmit()
-      dialogVisible.value = false
-    })
-  })
-}
-
 const page = (val: number) => {
   pages.pageNum = val
   onSubmit()
 }
 
-const getCalc = (width: number, height: number) => {
-  form.value.width = width
-  form.value.height = height
-}
-
 const changeStatus = (id: number, status: number, text: string) => {
   updateMaterialStatus({ id, status }).then(() => {
     ElMessage.success(text)

src/views/LoginPage.vue

@@ -16,7 +16,6 @@ const query: string = route.query.token as string
 if (query) {
   localStorage.setItem('token', query)
   getUserDetail().then(({ data }) => {
-    console.log(data)
     localStorage.setItem('phone', data.phone || '')
     localStorage.setItem('user', JSON.stringify(data))
     const path = data.role.menus

src/views/SourceMaterialPage.vue

@@ -28,7 +28,7 @@
 
   <el-table :data="tableData" style="width: 100%">
     <el-table-column prop="stuffName" label="名称" />
-    <el-table-column prop="stuffName" label="状态">
+    <el-table-column prop="stuffName" label="查看">
       <template #default="scope">
         <el-image
           style="width: 100px; height: 100px"
@@ -43,10 +43,20 @@
           :z-index="100000"
           :preview-teleported="true"
         />
-        <video v-else :src="scope.row.addr" controls></video>
+        <video
+          v-else
+          style="width: 100px; height: 100px"
+          :src="scope.row.addr"
+          @click="
+            () => {
+              dialogVideo = true
+              dialogVideoUrl = scope.row.addr
+            }
+          "
+        ></video>
       </template>
     </el-table-column>
-    <el-table-column prop="stuffName" label="查看">
+    <el-table-column prop="stuffName" label="状态">
       <template #default="scope">
         {{ getStatus(scope.row.status) }}
       </template>
@@ -154,6 +164,10 @@
       </el-form-item>
     </el-form>
   </el-dialog>
+
+  <el-dialog v-model="dialogVideo" title="视频展示">
+    <video style="width: 100%" :src="dialogVideoUrl" controls></video>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
@@ -183,7 +197,6 @@ import MediaComponents from '@/components/mediaComponents.vue'
 // vue3 获取url参数
 const router = useRouter()
 const query = router.currentRoute.value.query
-console.log(query.creativeId)
 
 const ruleFormRef = ref<FormInstance>()
 const rules = reactive<FormRules<ISourceMaterialProps>>({
@@ -194,6 +207,8 @@ const rules = reactive<FormRules<ISourceMaterialProps>>({
   width: [{ required: true, message: '请输入宽', trigger: 'change' }],
   height: [{ required: true, message: '请输入高', trigger: 'change' }],
 })
+const dialogVideo = ref(false)
+const dialogVideoUrl = ref('')
 const originalityList = ref<OriginalityList>([])
 getOriginalityList({
   pageNum: 1,
@@ -273,8 +288,11 @@ const addNewMaterial = (formEl: FormInstance | undefined) => {
     }
     delete p.stuffId
     createMaterial(p).then(() => {
+      const mater = originalityList.value.filter(
+        (item) => item.creativeId === form.value.creativeId,
+      )[0]
       ElMessage({
-        message: '复制成功',
+        message: `该素材已复制到${mater.creativeName}创意`,
         type: 'success',
       })
       onSubmit()