文件编辑可配置

src/components/UploadFile/src/UploadFile.vue

@@ -35,7 +35,7 @@
       <template #file="row">
         <div class="flex items-center">
           <span>{{ row.file.name }}</span>
-          <div class="ml-10px" >
+          <div v-if="dataT=='001'||dataT=='005'||dataT=='007'" class="ml-10px" >
             <el-link
               :underline="false"
               @click="handleView(row.file)"
@@ -44,7 +44,7 @@
             >预览
             </el-link>
           </div>
-          <div class="ml-10px" >
+          <div v-if="dataT=='003'||dataT=='006'||dataT=='007'" class="ml-10px" >
             <el-link
             :underline="false"
             @click="edit(row)"
@@ -53,7 +53,7 @@
             >编辑
             </el-link>
           </div>
-          <div class="ml-10px">
+          <div v-if="dataT=='002'||dataT=='005'||dataT=='007'" class="ml-10px">
             <el-link
             :underline="false"
             @click="downloadFile(row.file)"
@@ -62,7 +62,7 @@
             >原文件下载
             </el-link>
           </div>
-          <div class="ml-10px">
+          <div v-if="dataT=='004'||dataT=='006'||dataT=='007'" class="ml-10px">
             <el-link
               :underline="false"
               target="_blank"
@@ -90,6 +90,7 @@ import {onlyofApi} from "@/api/only/only";
 import axios from "axios";
 import {ref} from "vue";
 import {integer} from "vue-types";
+import {getConfigKey} from "@/api/infra/config";
 
 defineOptions({ name: 'UploadFile' })
 
@@ -314,13 +315,11 @@ const handleView =  (file)=> {
   if (!url) {
     console.error("文件不可预览");
   }
-  const file2 = url.substring(url.length-5,url.length).trim().toLowerCase()
+  const fileExt = url.substring(url.length-5,url.length).trim().toLowerCase()
-  console.log(file2)
+  console.log(fileExt)
-  //可以类似打开表单一样的去实现在表单里面使用类似于
+  if (fileExt==="docx"||fileExt==="xlsx"||fileExt==="pptx"){
-  // <i-frame :src="row.file.url" width="100%" height="100%"/>
-  if (file2==="docx"||file2==="xlsx"||file2==="pptx"){
     window.open("https://view.officeapps.live.com/op/view.aspx?src="+encodeURIComponent(url),'_blank')
-  }else if(file2===".txt"||file2===".pdf"){
+  }else if(fileExt===".txt"||fileExt===".pdf"){
     window.open(url, '_blank');
   }
 }
@@ -422,7 +421,16 @@ const emitUpdateModelValue2 = () => {
   // 多了一步就是清空就文件链接以便于再次删除后不会出现重复
   MysqlUrl.value = []
 }
-
+const dataT = ref(null)
+onMounted( () => {
+  getConfigKey("file:open:controller").then((res) => {
+    if (!res || res.length === 0){
+      return
+    }
+    dataT.value = res;
+    console.log("data",dataT.value)
+  })
+})
 </script>
 <style lang="scss" scoped>
 .upload-file-uploader {

src/views/Home/homeimg/index.vue

@@ -197,6 +197,7 @@ import {dateFormatter, dateFormatter2} from '@/utils/formatTime'
 import download from '@/utils/download'
 import { imgApi, imgVO } from '@/api/home/homeimg'
 import imgForm from './imgForm.vue'
+import {getConfigKey} from "@/api/infra/config";
 
 /** 公告管理 列表 */
 defineOptions({ name: 'Homeimg' })
@@ -281,9 +282,18 @@ const handleExport = async () => {
     exportLoading.value = false
   }
 }
-
 /** 初始化 **/
 onMounted(() => {
   getList()
+  // const dataT = ref(null)
+  // getConfigKey("test4").then((res) => {
+  //   if (!res || res.length === 0){
+  //     return
+  //   }
+  //   dataT.value = res;
+  //   console.log("data",dataT.value)
+  // }).finally( () => {
+  //   loading.value = false
+  // })
 })
 </script>

src/views/infra/config/ConfigForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="dialogTitle">
+  <Dialog v-model="dialogVisible" style="width: 80%" :title="dialogTitle">
     <el-form
       ref="formRef"
       v-loading="formLoading"