资源-上传修改

electron-builder-test.yml

@@ -12,6 +12,7 @@ asarUnpack:
   - resources/**
 win:
   executableName: AIx
+  icon: resources/logo.ico
 nsis: 
   oneClick: false
   allowToChangeInstallationDirectory: true

electron-builder.yml

@@ -12,6 +12,7 @@ asarUnpack:
   - resources/**
 win:
   executableName: AIx
+  icon: resources/logo.ico
 nsis: 
   oneClick: false
   allowToChangeInstallationDirectory: true

src/renderer/src/components/upload-dialog/index.vue

@@ -4,11 +4,12 @@
       <el-form>
         <el-form-item label="文件">
           <div class="create-item file-item flex">
-            <el-upload :file-list="fileList" :show-file-list="false" :auto-upload="false" multiple
+            <el-upload :file-list="fileList" :limit="limit" :show-file-list="false" :auto-upload="false" multiple
               :on-change="hanleFileChange">
               <el-button slot="trigger">选择文件</el-button>
             </el-upload>
-            <span class="upload-desc">说明：一次最多上传5个文件，单个文件大小不能大于100M</span>
+            <span class="upload-desc">说明：一次最多上传{{ limit }}个文件，单个文件大小不能大于100M</span>
+            <span class="upload-desc">仅支持图片、音频、视频、word、ppt、pdf、txt、zip文件</span>
           </div>
         </el-form-item>
         <el-form-item>
@@ -16,14 +17,15 @@
             <div class="file-list-item flex" v-for="(item, index) in fileList" :key="item.uid">
               <div class="file-name">
                 <span class="name">标题：</span>
-                <FileImage :fileName="item.name" :size="50"/>
+                <FileImage :fileName="item.name" :size="50" />
                 <el-input class="file-input" v-model="item.fileData.name" placeholder="请输入文件名" />
                 <span>.{{ getFileSuffix(item.name) }}</span>
               </div>
               <div class="flex-type flex">
                 <span class="name">类别：</span>
                 <el-select v-model="item.fileData.fileFlag" placeholder="Select" style="width: 100px">
-                  <el-option v-for="item in resourceType" :key="item.alue" :label="item.label" :value="item.value" />
+                  <el-option v-for="el in resourceType" :key="el.alue" :label="el.label" :value="el.value"
+                    :disabled="checkFile(el, item)" />
                 </el-select>
 
               </div>
@@ -58,6 +60,7 @@ const props = defineProps({
   },
 })
 const dialogValue = ref(false)
+const limit = ref(5)
 // 定义要发送的emit事件
 const emit = defineEmits(['update:modelValue', 'submitFile'])
 // 文件列表
@@ -81,9 +84,9 @@ const hanleFileChange = (file) => {
   // pdf 类型
   const pdfTypes = ['application/pdf']
   // zip 类型
-  const zipTypes = ['application/x-zip-compressed','application/x-compressed']
+  const zipTypes = ['application/x-zip-compressed', 'application/x-compressed']
   // 图片 类型
-  const imgTypes = ['image/jpeg','image/gif', 'image/png']
+  const imgTypes = ['image/jpeg', 'image/gif', 'image/png']
   // text 类型
   const textTypes = ['text/plain']
 
@@ -93,6 +96,8 @@ const hanleFileChange = (file) => {
     return false
   }
   // 验证文件大小
+  // B < KB < MB < GB  
+  // file.raw.size 单位是B
   const fileSize = file.raw.size / 1024 / 1024 > 100
   if (fileSize) {
     ElMessage.error('文件大小错误! 请上传小于100M的文件!')
@@ -102,13 +107,28 @@ const hanleFileChange = (file) => {
 
     // 给一个默认的fileData
     file.fileData = {
-      fileFlag: '课件',
+      fileFlag: '素材',
       name: getFileName(file.name),
     }
     fileList.value.push(file)
+    console.log(fileList.value)
   }
 }
 
+// 检查文件类型
+const checkFile = (item, file) => {
+  const type = file.raw.type
+  const pptTypes = ['application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation']
+  let isPpt = pptTypes.includes(type)
+  if(!isPpt && item.value == '教案'){
+    return true
+  }
+  else{
+    return false
+  }
+ 
+}
+
 // 删除
 const delFile = (index) => {
   fileList.value.splice(index, 1)
@@ -133,7 +153,7 @@ const submitFile = () => {
     item.fileData.fileShowName = item.fileData.name + '.' + suffix
     delete item.fileData.name
   })
-  emit('submitFile',fileList.value)
+  emit('submitFile', fileList.value)
   closeDialog()
 }
 
@@ -203,24 +223,28 @@ const submitFile = () => {
     }
   }
 }
+
 .file-input {
   border-bottom: solid #dfdfdf 1px;
+
   &:hover {
     border-color: #409EFF;
   }
-  &:focus{
+
+  &:focus {
     border-color: #409EFF;
   }
 }
 
-:deep(.el-input__wrapper){
-  box-shadow: none
-}
-:deep(.el-input__wrapper.is-focus){
-  box-shadow: none
-}
-:deep(.el-input__wrapper:hover){
+:deep(.el-input__wrapper) {
   box-shadow: none
 }
 
+:deep(.el-input__wrapper.is-focus) {
+  box-shadow: none
+}
+
+:deep(.el-input__wrapper:hover) {
+  box-shadow: none
+}
 </style>

src/renderer/src/views/resource/index.vue

@@ -71,7 +71,6 @@ const submitFile = (data) => {
     item.fileData = fileData
     item.callback = fileCallBack
   })
-  // console.log(fileList)
   uploaderState().pushFile(fileList)
 }