From fb6fb889fa31e7ba3e28683e53641cd9a4d480f6 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期一, 06 十一月 2023 18:02:33 +0800
Subject: [PATCH] 修改视频专网
---
src/views/system/oss/index.vue | 115 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 70 insertions(+), 45 deletions(-)
diff --git a/src/views/system/oss/index.vue b/src/views/system/oss/index.vue
index ec11708..d8f17ef 100644
--- a/src/views/system/oss/index.vue
+++ b/src/views/system/oss/index.vue
@@ -4,29 +4,29 @@
<div class="mb-[10px]" v-show="showSearch">
<el-card shadow="hover">
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
- <el-form-item label="鏂囦欢鍚�" prop="fileName">
- <el-input v-model="queryParams.fileName" placeholder="璇疯緭鍏ユ枃浠跺悕" clearable style="width: 200px" @keyup.enter="handleQuery" />
- </el-form-item>
+<!-- <el-form-item label="鏂囦欢鍚�" prop="fileName">-->
+<!-- <el-input v-model="queryParams.fileName" placeholder="璇疯緭鍏ユ枃浠跺悕" clearable style="width: 200px" @keyup.enter="handleQuery" />-->
+<!-- </el-form-item>-->
<el-form-item label="鍘熷悕" prop="originalName">
<el-input v-model="queryParams.originalName" placeholder="璇疯緭鍏ュ師鍚�" clearable style="width: 200px" @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="鏂囦欢鍚庣紑" prop="fileSuffix">
<el-input v-model="queryParams.fileSuffix" placeholder="璇疯緭鍏ユ枃浠跺悗缂�" clearable style="width: 200px" @keyup.enter="handleQuery" />
</el-form-item>
- <el-form-item label="鍒涘缓鏃堕棿">
- <el-date-picker
- v-model="dateRangeCreateTime"
- value-format="YYYY-MM-DD HH:mm:ss"
- type="daterange"
- range-separator="-"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
- ></el-date-picker>
- </el-form-item>
- <el-form-item label="鏈嶅姟鍟�" prop="service">
- <el-input v-model="queryParams.service" placeholder="璇疯緭鍏ユ湇鍔″晢" clearable style="width: 200px" @keyup.enter="handleQuery" />
- </el-form-item>
+<!-- <el-form-item label="鍒涘缓鏃堕棿">-->
+<!-- <el-date-picker-->
+<!-- v-model="dateRangeCreateTime"-->
+<!-- value-format="YYYY-MM-DD HH:mm:ss"-->
+<!-- type="daterange"-->
+<!-- range-separator="-"-->
+<!-- start-placeholder="寮�濮嬫棩鏈�"-->
+<!-- end-placeholder="缁撴潫鏃ユ湡"-->
+<!-- :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"-->
+<!-- ></el-date-picker>-->
+<!-- </el-form-item>-->
+<!-- <el-form-item label="鏈嶅姟鍟�" prop="service">-->
+<!-- <el-input v-model="queryParams.service" placeholder="璇疯緭鍏ユ湇鍔″晢" clearable style="width: 200px" @keyup.enter="handleQuery" />-->
+<!-- </el-form-item>-->
<el-form-item>
<el-button type="primary" icon="search" @click="handleQuery">鎼滅储</el-button>
<el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
@@ -46,23 +46,26 @@
<el-button type="primary" plain icon="Upload" @click="handleImage" v-hasPermi="['system:oss:upload']">涓婁紶鍥剧墖</el-button>
</el-col>
<el-col :span="1.5">
+ <el-button type="primary" plain icon="Upload" @click="handleVideo" v-hasPermi="['system:oss:upload']">涓婁紶瑙嗛</el-button>
+ </el-col>
+ <el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['system:oss:remove']">
鍒犻櫎
</el-button>
</el-col>
+<!-- <el-col :span="1.5">-->
+<!-- <el-button-->
+<!-- :type="previewListResource ? 'danger' : 'warning'"-->
+<!-- plain-->
+<!-- @click="handlePreviewListResource(!previewListResource)"-->
+<!-- v-hasPermi="['system:oss:edit']"-->
+<!-- >棰勮寮�鍏� :-->
+<!-- {{-->
+<!-- previewListResource ? "绂佺敤" : "鍚敤" }}</el-button-->
+<!-- >-->
+<!-- </el-col>-->
<el-col :span="1.5">
- <el-button
- :type="previewListResource ? 'danger' : 'warning'"
- plain
- @click="handlePreviewListResource(!previewListResource)"
- v-hasPermi="['system:oss:edit']"
- >棰勮寮�鍏� :
- {{
- previewListResource ? "绂佺敤" : "鍚敤" }}</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button type="info" plain icon="Operation" @click="handleOssConfig" v-hasPermi="['system:oss:list']">閰嶇疆绠＄悊</el-button>
+ <el-button type="info" plain icon="Operation" @click="handleOssConfig" v-hasPermi="['system:oss:lists']">閰嶇疆绠＄悊</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@@ -77,31 +80,34 @@
v-if="showTable"
>
<el-table-column type="selection" width="55" align="center" />
- <el-table-column label="瀵硅薄瀛樺偍涓婚敭" align="center" prop="ossId" v-if="false" />
- <el-table-column label="鏂囦欢鍚�" align="center" prop="fileName" />
+<!-- <el-table-column label="瀵硅薄瀛樺偍涓婚敭" align="center" prop="ossId" v-if="true" />-->
+<!-- <el-table-column label="鏂囦欢鍚�" align="center" prop="fileName" />-->
<el-table-column label="鍘熷悕" align="center" prop="originalName" />
<el-table-column label="鏂囦欢鍚庣紑" align="center" prop="fileSuffix" />
- <el-table-column label="鏂囦欢灞曠ず" align="center" prop="url">
- <template #default="scope">
- <ImagePreview
- v-if="previewListResource && checkFileSuffix(scope.row.fileSuffix)"
- :width="100"
- :height="100"
- :src="scope.row.url"
- :preview-src-list="[scope.row.url]"
- />
- <span v-text="scope.row.url" v-if="!checkFileSuffix(scope.row.fileSuffix) || !previewListResource" />
- </template>
- </el-table-column>
+<!-- <el-table-column label="鏂囦欢灞曠ず" align="center" prop="url">-->
+<!-- <template #default="scope">-->
+<!-- <ImagePreview-->
+<!-- v-if="previewListResource && checkFileSuffix(scope.row.fileSuffix)"-->
+<!-- :width="100"-->
+<!-- :height="100"-->
+<!-- :src="scope.row.url"-->
+<!-- :preview-src-list="[scope.row.url]"-->
+<!-- />-->
+<!-- <span v-text="scope.row.url" v-if="!checkFileSuffix(scope.row.fileSuffix) || !previewListResource" />-->
+<!-- </template>-->
+<!-- </el-table-column>-->
<el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="180" sortable="custom">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="涓婁紶浜�" align="center" prop="createByName" />
- <el-table-column label="鏈嶅姟鍟�" align="center" prop="service" sortable="custom" />
+<!-- <el-table-column label="鏈嶅姟鍟�" align="center" prop="service" sortable="custom" />-->
<el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
<template #default="scope">
+ <el-tooltip content="鏌ョ湅鎻愬彇鐮�" placement="top">
+ <el-button link type="primary" icon="Search" @click="handleCode(scope.row)" v-hasPermi="['system:oss:decode']"></el-button>
+ </el-tooltip>
<el-tooltip content="涓嬭浇" placement="top">
<el-button link type="primary" icon="Download" @click="handleDownload(scope.row)" v-hasPermi="['system:oss:download']"></el-button>
</el-tooltip>
@@ -120,12 +126,22 @@
<el-form-item label="鏂囦欢鍚�">
<fileUpload v-model="form.file" v-if="type === 0" />
<imageUpload v-model="form.file" v-if="type === 1" />
+ <video-upload v-model="form.file" v-if="type === 2" />"
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
<el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ <el-dialog title="鏌ョ湅鎻愬彇鐮�" v-model="visibleCode" width="500px" append-to-body>
+ <span>qw15rw</span>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="visibleCode = false">纭� 瀹�</el-button>
+ <el-button @click="visibleCode = false">鍙� 娑�</el-button>
</div>
</template>
</el-dialog>
@@ -152,7 +168,7 @@
const type = ref(0);
const previewListResource = ref(true);
const dateRangeCreateTime = ref<[DateModelType, DateModelType]>(['', '']);
-
+const visibleCode = ref(false);
const dialog = reactive<DialogOption>({
visible: false,
title: ''
@@ -300,11 +316,20 @@
dialog.visible = true;
dialog.title = "涓婁紶鍥剧墖";
}
+const handleVideo = ()=>{
+ reset();
+ type.value = 2;
+ dialog.visible = true;
+ dialog.title = "涓婁紶瑙嗛";
+}
/** 鎻愪氦鎸夐挳 */
const submitForm = () => {
dialog.visible = false;
getList();
}
+const handleCode = ()=>{
+ visibleCode.value = true
+}
/** 涓嬭浇鎸夐挳鎿嶄綔 */
const handleDownload = (row: OssVO) => {
proxy?.$download.oss(row.ossId)
--
Gitblit v1.8.0