From bd170ccaddff487d461f1450225a158ddeaa8c4a Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期四, 07 十二月 2023 09:40:20 +0800 Subject: [PATCH] 修改视频专网互联网 --- src/views/index.vue | 157 ++++++++++++++++++++++++++++++++-------------------- 1 files changed, 96 insertions(+), 61 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index cb759dd..a404f2d 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -1,73 +1,74 @@ <template> <div class="p-2"> - <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> - <div class="mb-[10px]" v-show="showSearch"> - <el-card shadow="hover"> - <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px"> +<!-- <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">--> +<!-- <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="originalName"> - <el-input v-model="queryParams.originalName" 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> - <el-button type="primary" icon="search" @click="handleQuery">鎼滅储</el-button> - <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - </el-card> - </div> - </transition> +<!-- <el-form-item>--> +<!-- <el-button type="primary" icon="search" @click="handleQuery">鎼滅储</el-button>--> +<!-- <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>--> +<!-- </el-form-item>--> +<!-- </el-form>--> +<!-- </el-card>--> +<!-- </div>--> +<!-- </transition>--> <el-card shadow="hover"> <template #header> - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> + <el-row style="text-align: center"> + <el-col> <el-button type="primary" plain icon="Upload" @click="handleFile" v-if="isContains(useUserStore().permissions, 'system:oss:upload')">涓婁紶鏂囦欢</el-button> </el-col> - <el-col :span="1.5"> - <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-if="isContains(useUserStore().permissions, 'system:oss:remove')"> - 鍒犻櫎 - </el-button> - </el-col> - <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> +<!-- <el-col :span="1.5">--> +<!-- <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-if="isContains(useUserStore().permissions, 'system:oss:remove')">--> +<!-- 鍒犻櫎--> +<!-- </el-button>--> +<!-- </el-col>--> +<!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>--> </el-row> </template> - <el-table - v-loading="loading" - :data="ossList" - @selection-change="handleSelectionChange" - :header-cell-class-name="handleHeaderClass" - @header-click="handleHeaderCLick" - v-if="showTable" - > - <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="鍘熷悕" align="center" prop="originalName" /> - <el-table-column label="涓婁紶浜�" align="center" prop="createByName" /> - <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-if="isContains(useUserStore().permissions, 'system:oss:view')"></el-button> - </el-tooltip> - <el-tooltip content="涓嬭浇" placement="top"> - <el-button link type="primary" icon="Download" @click="handleDownload(scope.row)" v-if="isContains(useUserStore().permissions, 'system:oss:download')"></el-button> - </el-tooltip> - <el-tooltip content="鍒犻櫎" placement="top"> - <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-if="isContains(useUserStore().permissions, 'system:oss:remove')"></el-button> - </el-tooltip> - </template> - </el-table-column> - </el-table> +<!-- <el-table--> +<!-- v-loading="loading"--> +<!-- :data="ossList"--> +<!-- @selection-change="handleSelectionChange"--> +<!-- :header-cell-class-name="handleHeaderClass"--> +<!-- @header-click="handleHeaderCLick"--> +<!-- v-if="showTable"--> +<!-- >--> +<!-- <el-table-column type="index" />--> +<!--<!– <el-table-column type="selection" width="55" align="center" />–>--> +<!-- <el-table-column label="鍘熷悕" align="center" prop="originalName" />--> +<!-- <el-table-column label="涓婁紶鏃堕棿" align="center" prop="createTime" />--> +<!-- <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-if="isContains(useUserStore().permissions, 'system:oss:view')"></el-button>--> +<!-- </el-tooltip>--> +<!-- <el-tooltip content="涓嬭浇" placement="top">--> +<!-- <el-button link type="primary" icon="Download" @click="handleDownload(scope.row)" v-if="isContains(useUserStore().permissions, 'system:oss:download')"></el-button>--> +<!-- </el-tooltip>--> +<!-- <el-tooltip content="鍒犻櫎" placement="top">--> +<!-- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-if="isContains(useUserStore().permissions, 'system:oss:remove')"></el-button>--> +<!-- </el-tooltip>--> +<!-- </template>--> +<!-- </el-table-column>--> +<!-- </el-table>--> - <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> +<!-- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />--> </el-card> <!-- 娣诲姞鎴栦慨鏀筄SS瀵硅薄瀛樺偍瀵硅瘽妗� --> <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()" v-model="form.file" v-if="type === 0" /> + <fileUpload ref="childFile" @closePopup="getList();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" />" + <video-upload v-model="form.file" v-if="type === 2" /> </el-form-item> </el-form> <template #footer> @@ -78,12 +79,17 @@ </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> - <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-button link type="primary" v-show="titleDownload!='鏌ョ湅鎻愬彇鐮�'" icon="Download" @click="handleDownloadFile()" v-if="isContains(useUserStore().permissions, 'system:oss:download')">涓嬭浇</el-button> + <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 type="primary" @click="visibleCode = false">纭� 瀹�</el-button> + <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> </div> </template> @@ -127,6 +133,7 @@ const inputSty =ref<any>() const currentIp = ref('') const childFile = ref<any>() +const figType = ref<any>() // 榛樿鎺掑簭 const defaultSort = ref({ prop: 'createTime', order: 'ascending' }); @@ -281,6 +288,14 @@ await childFile.value.handleCilck() dialog.visible = false; } +const lookPawsd = async (row:any) => { + console.log(row); + // row.msg = ':/"123456' + testtxt.value = row.msg.slice(2); + titleDownload.value = '鏌ョ湅鎻愬彇鐮�' + pasTxt.value = '' + visibleCode.value = true +} const handleCode = async (row: OssVO) => { console.log(row, row.ossId); @@ -314,6 +329,13 @@ downIds.value = ref(row.ossId) console.log(toRaw(downIds.value.value)); } +const delFile=async () => { + let oss = figType.value+'/'+ pasTxt.value; + await delOss(oss).finally(() => loading.value = false); + await getList(); + proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + visibleCode.value = false +} const handleDownloadFile = ()=>{ console.log(downIds.value); if (pasTxt.value){ @@ -325,17 +347,27 @@ } // inputRef.value.style.border = '1px solid red' } - + visibleCode.value=false } /** 鐢ㄦ埛鐘舵�佷慨鏀� */ /** 鍒犻櫎鎸夐挳鎿嶄綔 */ const handleDelete = async (row?: OssVO) => { - const ossIds = row?.ossId || ids.value; - await proxy?.$modal.confirm('鏄惁纭鍒犻櫎OSS瀵硅薄瀛樺偍缂栧彿涓�"' + ossIds + '"鐨勬暟鎹」?'); - loading.value = true; - await delOss(ossIds).finally(() => loading.value = false); - await getList(); - proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + let ossIds = row?.ossId || ids.value; + titleDownload.value = '璇疯緭鍏ユ彁鍙栫爜' + pasTxt.value = '' + inputSty.value ={ + border: '1px solid blue', + borderRadius: '5px' + } + visibleCode.value = true + figType.value = ossIds + console.log(figType); + // await proxy?.$modal.confirm('鏄惁纭鍒犻櫎OSS瀵硅薄瀛樺偍缂栧彿涓�"' + ossIds + '"鐨勬暟鎹」?'); + // loading.value = true; + // ossIds = ossIds+'/'+pasTxt.value; + // await delOss(ossIds).finally(() => loading.value = false); + // await getList(); + // proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛"); } const refreshPage = async () => { const accessRoutes = await usePermissionStore().generateRoutes(); @@ -402,8 +434,11 @@ // 绛夊緟 useUserStore() 鏂规硶鐨� getInfo() 鏂规硶杩斿洖缁撴灉骞惰祴鍊肩粰 err 鍙橀噺 // const [err] = await tos(useUserStore().getInfo()); if (getToken()){ + console.log('鏈塼oken'); await getList(); }else { + console.log('鏃爐oken'); + router.push('/login') } // 璋冪敤 getList() 鏂规硶 -- Gitblit v1.8.0