From fdc750fc7144ae675b92406451913e65c42c5f85 Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期五, 22 十二月 2023 09:59:35 +0800 Subject: [PATCH] 互联网 --- src/views/index.vue | 81 ++++++++++++++++++++++++++++++++++++++-- 1 files changed, 77 insertions(+), 4 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index a404f2d..357958b 100644 --- a/src/views/index.vue +++ b/src/views/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> @@ -89,10 +89,24 @@ <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="37%" + :close-on-click-modal = "false" + :close-on-press-escape = "false" + :show-close = "false" + + > + + <el-progress type="dashboard" :percentage="percentage2" style="display: flex;justify-content: center" :color="colors" /> + </el-dialog> </div> </template> @@ -106,6 +120,49 @@ 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[]>([]); @@ -264,6 +321,7 @@ /** 浠诲姟鏃ュ織鍒楄〃鏌ヨ */ /** 鏂囦欢鎸夐挳鎿嶄綔 */ const handleFile = () => { + percentage2.value = 0; reset(); type.value = 0; dialog.visible = true; @@ -291,10 +349,25 @@ const lookPawsd = async (row:any) => { console.log(row); // row.msg = ':/"123456' - testtxt.value = row.msg.slice(2); + + 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; + // testtxt.value = row.msg.slice(2); titleDownload.value = '鏌ョ湅鎻愬彇鐮�' pasTxt.value = '' visibleCode.value = true + } } const handleCode = async (row: OssVO) => { console.log(row, row.ossId); -- Gitblit v1.8.0