From a03fd5263165ac18a7bbc0e7de6795f9c79db897 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 20 十二月 2023 17:36:58 +0800
Subject: [PATCH] 修改视频专网内网
---
src/views/index.vue | 83 +++++++++++++++++++++++++++++++++++++----
1 files changed, 74 insertions(+), 9 deletions(-)
diff --git a/src/views/index.vue b/src/views/index.vue
index 2b64254..6fee3cb 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -22,6 +22,9 @@
<template #header>
<el-row style="text-align: center">
<el-col>
+ <el-input v-model="input1" placeholder="璇疯緭鍏ユ彁鍙栫爜" style="width: 150px">
+ </el-input>
+ <el-button type="primary" @click="downloadFile">涓嬭浇</el-button>
<el-button type="primary" plain icon="Upload" @click="handleFile" v-if="isContains(useUserStore().permissions, 'system:oss:upload')">涓婁紶鏂囦欢</el-button>
</el-col>
@@ -66,7 +69,7 @@
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="ossFormRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="鏂囦欢鍚�">
- <fileUpload ref="childFile" @closePopup="getList();lookPawsd($event)" v-model="form.file" v-if="type === 0" />
+ <fileUpload ref="childFile" @closePopup="getList();lookPawsd($event)" @openPopup="lookPawsd($event)" 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>
@@ -89,10 +92,22 @@
<div class="dialog-footer">
<el-button link type="primary" v-show="titleDownload=='杈撳叆鎻愬彇鐮�'" icon="Download" @click="handleDownloadFile()" v-if="isContains(useUserStore().permissions, 'system:oss:download')">涓嬭浇</el-button>
<el-button link type="primary" v-show="titleDownload=='璇疯緭鍏ユ彁鍙栫爜'" icon="Delete" @click="delFile()" >鍒犻櫎</el-button>
-<!-- <el-button type="primary" @click="visibleCode = false">纭� 瀹�</el-button>-->
- <el-button @click="visibleCode = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="visibleCode = false">纭� 瀹�</el-button>
</div>
</template>
+ </el-dialog>
+ <el-dialog
+ v-model="dialogVisible"
+ title=""
+ width="30%"
+ :close-on-click-modal = "false"
+ :close-on-press-escape = "false"
+ :show-close = "false"
+
+ >
+ <span @closePopup1="lookPawsd1()">
+ <el-progress type="dashboard" :percentage="percentage2" :color="colors" />
+ </span>
</el-dialog>
</div>
</template>
@@ -106,6 +121,7 @@
import usePermissionStore from "@/store/modules/permission";
import { isHttp } from "@/utils/validate";
import router from '@/router';
+import { ref } from "vue";
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const ossList = ref<OssVO[]>([]);
@@ -121,6 +137,13 @@
const previewListResource = ref(true);
const dateRangeCreateTime = ref<[DateModelType, DateModelType]>(['', '']);
const visibleCode = ref(false);
+const colors = [
+ { color: '#f56c6c', percentage: 20 },
+ { color: '#e6a23c', percentage: 40 },
+ { color: '#5cb87a', percentage: 60 },
+ { color: '#1989fa', percentage: 80 },
+ { color: '#6f7ad3', percentage: 100 },
+]
const dialog = reactive<DialogOption>({
visible: false,
title: ''
@@ -132,6 +155,7 @@
const inputRef = ref<any>()
const inputSty =ref<any>()
const currentIp = ref('')
+const input1 = ref('')
const childFile = ref<any>()
const figType = ref<any>()
// 榛樿鎺掑簭
@@ -139,7 +163,8 @@
const ossFormRef = ref<ElFormInstance>();
const queryFormRef = ref<ElFormInstance>();
-
+const dialogVisible = ref(false)
+const percentage2 = ref(0)
const initFormData = {
file: undefined,
}
@@ -288,12 +313,40 @@
await childFile.value.handleCilck()
dialog.visible = false;
}
-const lookPawsd = async (row: OssVO) => {
+const state = reactive({
+ mytime:0,//瀹氫箟瀹氭椂鍣�
+})
+watch(percentage2, (new1,new2) => {
+ console.log(new1,new2)
+ if(new1 == 95){
+ clearInterval(state.mytime);
+ state.mytime = 0;
+ }
+})
+const lookPawsd1 = async () => {
+ dialogVisible.value = true;
+}
+const lookPawsd = async (row: any) => {
console.log(row, row.ossId);
- testtxt.value = row.password;
- titleDownload.value = '鏌ョ湅鎻愬彇鐮�'
- pasTxt.value = ''
- visibleCode.value = true
+ percentage2.value = 0;
+ clearInterval(state.mytime);
+ state.mytime = 0;
+ if(row == '123123'){
+ dialogVisible.value = true;
+ state.mytime = setInterval(() => {
+ percentage2.value = (percentage2.value % 100) + 5
+ }, 500)
+ }
+ else{
+ dialogVisible.value = false;
+ clearInterval(state.mytime);
+ state.mytime = 0;
+ testtxt.value = row.msg;
+ titleDownload.value = '鏌ョ湅鎻愬彇鐮�'
+ pasTxt.value = ''
+ visibleCode.value = true
+ }
+
}
const handleCode = async (row: OssVO) => {
console.log(row, row.ossId);
@@ -428,6 +481,18 @@
// }
})
+const downloadFile = ()=>{
+ console.log(input1.value);
+ if (input1.value){
+ proxy?.$download.ossDown("12345678",input1.value)
+ }else {
+ inputSty.value ={
+ border: '1px solid red'
+ }
+ // inputRef.value.style.border = '1px solid red'
+ }
+ visibleCode.value=false
+}
onMounted(async () => {
console.log('绗簩aaaaaaa',useUserStore().permissions);
// 绛夊緟 useUserStore() 鏂规硶鐨� getInfo() 鏂规硶杩斿洖缁撴灉骞惰祴鍊肩粰 err 鍙橀噺
--
Gitblit v1.8.0