修改

src/api/material/index.ts

@@ -11,6 +11,7 @@ import request from '@/axios'
 //资源管理分页接口
 export const getMaterial = (params: any) => {
   params.page = params.page - 1
+  params.materialType = 1
   return request.post({ url: '/material/pageQuery', params })
 }
 
@@ -21,8 +22,14 @@ export const upIcon = (params: any) => {
 
 //保存材质接口
 export const saveResource = (params: any) => {
+  params.materialType = 1
   return request.post({ url: '/material/save', data: params })
 }
+//批量保存材质接口
+export const batchsavecz = (params: any) => {
+  return request.post({ url: '/material/batchAdd', params })
+}
+
 //删除材质接口
 export const deleteResource = (params: any) => {
   return request.post({ url: '/material/batchDelete', params })

src/views/Material/MaterialMange.vue

@@ -14,7 +14,7 @@ import { ContentWrap } from '@/components/ContentWrap'
 import { useI18n } from '@/hooks/web/useI18n'
 import { Table, TableColumn, TableSlotDefault } from '@/components/Table'
 import { upTemplate, saveTemplate } from '@/api/table'
-import { saveResource, getMaterial, deleteResource } from '@/api/material'
+import { saveResource, getMaterial, deleteResource, batchsavecz } from '@/api/material'
 import { reactive, unref } from 'vue'
 import { ElButton, ElMessageBox, ElMessage, ElIcon } from 'element-plus'
 import { useTable } from '@/hooks/web/useTable'
@@ -121,6 +121,7 @@ const deletetab = async (data: TableSlotDefault) => {
 }
 
 const dialogVisible = ref(false)
+const dialogVisible2 = ref(false)
 
 const token = userStore.getToken
 const Authorization = `Bearer ${token}`
@@ -236,6 +237,52 @@ const schema = reactive<FormSchema[]>([
     }
   }
 ])
+const schema2 = reactive<FormSchema[]>([
+  {
+    field: 'jsonPath',
+    component: 'Upload',
+    label: '材质内容',
+    colProps: {
+      span: 24
+    },
+    componentProps: {
+      limit: 1,
+      action: PATH_URL + '/resource/manage/addModelCompress',
+      headers: headers,
+      fileList: [],
+      multiple: true,
+      onPreview: (uploadFile) => {
+        console.log(uploadFile)
+      },
+      onRemove: async (file) => {
+        const formData = await getFormData()
+        formData.jsonPath = ''
+        formData.compressFileName = ''
+        formData.uploadCompress = false
+      },
+      onSuccess: async (_response, uploadFile) => {
+        console.log('kankan_response', uploadFile)
+        const formData = await getFormData()
+        formData.compressFilePath = _response.data
+      },
+      beforeRemove: (uploadFile) => {},
+      onExceed: (files, uploadFiles) => {
+        ElMessage.warning('只能上传一个资源，请移除后重新上传')
+      },
+      beforeUpload: (rawFile) => {
+        if (rawFile.type !== 'application/x-zip-compressed' && rawFile.name.indexOf('.rar') == -1) {
+          ElMessage.error('只能上传RAR、ZIP文件')
+          return false
+        }
+        return true
+      },
+      slots: {
+        default: () => <BaseButton type="primary">点击上传</BaseButton>,
+        tip: () => <div class="el-upload__tip">文件类型：RAR\ZIP</div>
+      }
+    }
+  }
+])
 
 //编辑
 const edittab = async (data: TableSlotDefault) => {
@@ -275,6 +322,23 @@ const signIn = async () => {
     }
   })
 }
+// 批量添加材质
+const signIn2 = async () => {
+  const formRef = await getElFormExpose()
+  const formData = await getFormData()
+
+  //如果是编辑去掉icon的拼接
+  console.log('kakkkkak', formData)
+  await formRef?.validate(async (isValid) => {
+    if (isValid) {
+      const res = await batchsavecz(formData)
+      if (res) {
+        dialogVisible2.value = false
+        refresh()
+      }
+    }
+  })
+}
 
 //多选删除
 const getSelections = async () => {
@@ -313,6 +377,9 @@ const tianjia = async () => {
   schema[2].componentProps.fileList = []
   dialogVisible.value = true
 }
+const batchtianjia = async () => {
+  dialogVisible2.value = true
+}
 </script>
 
 <template>
@@ -320,6 +387,7 @@ const tianjia = async () => {
     <div style="margin-bottom: 10px">
       <ElButton type="success" size="large" @click="tianjia" :icon="Edit">添加</ElButton>
       <ElButton type="danger" size="large" @click="getSelections" :icon="Delete">删除</ElButton>
+      <ElButton type="success" size="large" @click="batchtianjia" :icon="Edit">批量上传</ElButton>
     </div>
 
     <Table
@@ -356,6 +424,22 @@ const tianjia = async () => {
       </div>
     </template>
   </Dialog>
+
+  <Dialog v-model="dialogVisible2" maxHeight="390px" width="35rem" :title="isedit">
+    <Form :schema="schema2" @register="formRegister" />
+    <template #footer>
+      <div style="width: 100%; display: flex; justify-content: center">
+        <BaseButton
+          style="font-size: 1rem; height: 2.2rem; margin: auto"
+          type="primary"
+          class="w-[15%]"
+          @click="signIn2"
+        >
+          确定
+        </BaseButton>
+      </div>
+    </template>
+  </Dialog>
 </template>
 
 <style>