From 07ffc364bf90b369eac610627a33b973bf0dc260 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 10 四月 2024 11:54:14 +0800
Subject: [PATCH] 查看提取码字体大小、居中调整
---
src/views/system/oss/index.vue | 103 ++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 92 insertions(+), 11 deletions(-)
diff --git a/src/views/system/oss/index.vue b/src/views/system/oss/index.vue
index 786012e..9ce71fd 100644
--- a/src/views/system/oss/index.vue
+++ b/src/views/system/oss/index.vue
@@ -66,7 +66,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>
@@ -79,20 +79,36 @@
</template>
</el-dialog>
<el-dialog :title="titleDownload" v-model="visibleCode" width="500px" append-to-body>
- <p style="color: red">鎻愬彇鐮佸皢浼氬湪24灏忔椂鍚庡け鏁堣灏藉揩涓嬭浇!</p>
- <span v-show="titleDownload=='鏌ョ湅鎻愬彇鐮�'">{{testtxt}}</span>
+ <div style="width: 100%;text-align: center">
+ <p style="color: red; font-size: 20px">鎻愬彇鐮佸皢浼氬湪24灏忔椂鍚庡け鏁堣灏藉揩涓嬭浇!</p>
+ <span v-show="titleDownload=='鏌ョ湅鎻愬彇鐮�'" style="font-size: 80px;">{{testtxt}}</span>
+ </div>
<el-input style="margin: 10px 0" ref="inputRef" :style="inputSty" v-show="titleDownload=='杈撳叆鎻愬彇鐮�'" v-model="pasTxt" v-if="isContains(useUserStore().permissions, 'system:oss:download')" placeholder="璇疯緭鍏ユ枃浠舵彁鍙栫爜"></el-input>
<el-input style="margin: 10px 0" ref="inputRef" :style="inputSty" v-show="titleDownload=='璇疯緭鍏ユ彁鍙栫爜'" v-model="pasTxt" placeholder="璇疯緭鍏ユ枃浠舵彁鍙栫爜"></el-input>
<!-- <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>-->
<template #footer>
<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" v-show="titleDownload=='杈撳叆鎻愬彇鐮�'" @click="handleDownloadFile()" v-if="isContains(useUserStore().permissions, 'system:oss:download')">涓� 杞�</el-button>
+ <el-button type="primary" v-show="titleDownload=='璇疯緭鍏ユ彁鍙栫爜'" @click="delFile()" >鍒� 闄�</el-button>
+ <el-button type="primary" v-if="titleDownload!='杈撳叆鎻愬彇鐮�'&&titleDownload!='璇疯緭鍏ユ彁鍙栫爜'" @click="visibleCode = false">纭� 瀹�</el-button>
</div>
</template>
+ </el-dialog>
+
+ <!-- 杩涘害鏉� -->
+ <el-dialog
+ v-model="dialogVisible"
+ title=""
+ width="37%"
+ :close-on-click-modal = "false"
+ :close-on-press-escape = "false"
+ :show-close = "false"
+
+ >
+ <span @closePopup1="lookPawsd1()">
+ <el-progress type="dashboard" :percentage="percentage2" style="display: flex;justify-content: center" :color="colors" />
+ </span>
</el-dialog>
</div>
</template>
@@ -106,6 +122,52 @@
import usePermissionStore from "@/store/modules/permission";
import { isHttp } from "@/utils/validate";
import router from '@/router';
+import { onMounted, ref } from 'vue';
+import { Minus, Plus } from '@element-plus/icons-vue';
+import { ElMessageBox } from 'element-plus';
+
+const dialogVisible = ref(false)
+
+const state = reactive({
+ mytime:0,//瀹氫箟瀹氭椂鍣�
+ })
+const percentage = ref(10)
+const percentage2 = ref(0)
+
+const colors = [
+ { color: '#f56c6c', percentage: 20 },
+ { color: '#e6a23c', percentage: 40 },
+ { color: '#5cb87a', percentage: 60 },
+ { color: '#1989fa', percentage: 80 },
+ { color: '#6f7ad3', percentage: 100 },
+]
+
+const increase = () => {
+ percentage.value += 10
+ if (percentage.value > 100) {
+ percentage.value = 100
+ }
+}
+const decrease = () => {
+ percentage.value -= 10
+ if (percentage.value < 0) {
+ percentage.value = 0
+ }
+}
+onMounted(() => {
+
+
+})
+watch(percentage2, (new1,new2) => {
+ console.log(new1,new2)
+ if(new1 == 95){
+ clearInterval(state.mytime);
+ state.mytime = 0;
+ }
+})
+
+
+
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const ossList = ref<OssVO[]>([]);
@@ -135,7 +197,7 @@
const childFile = ref<any>()
const figType = ref<any>()
// 榛樿鎺掑簭
-const defaultSort = ref({ prop: 'createTime', order: 'ascending' });
+const defaultSort = ref({ prop: 'createTime', order: 'descending' });
const ossFormRef = ref<ElFormInstance>();
const queryFormRef = ref<ElFormInstance>();
@@ -264,6 +326,7 @@
/** 浠诲姟鏃ュ織鍒楄〃鏌ヨ */
/** 鏂囦欢鎸夐挳鎿嶄綔 */
const handleFile = () => {
+ percentage2.value = 0;
reset();
type.value = 0;
dialog.visible = true;
@@ -288,12 +351,30 @@
await childFile.value.handleCilck()
dialog.visible = false;
}
-const lookPawsd = async (row: OssVO) => {
+const lookPawsd = async (row: any) => {
console.log(row, row.ossId);
- testtxt.value = row.password;
+
+ 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.password;
titleDownload.value = '鏌ョ湅鎻愬彇鐮�'
pasTxt.value = ''
visibleCode.value = true
+ }
+
+}
+const lookPawsd1 = async () => {
+ dialogVisible.value = true;
}
const handleCode = async (row: OssVO) => {
console.log(row, row.ossId);
@@ -301,7 +382,7 @@
await examineIds(row.ossId).then(res => {
console.log(res);
if (res.code == 200) {
- testtxt.value = res.msg;
+ testtxt.value = res.data.password;
titleDownload.value = '鏌ョ湅鎻愬彇鐮�'
pasTxt.value = ''
// inputSty.value ={
--
Gitblit v1.8.0