修改材质页面

src/api/material/index.ts

@@ -0,0 +1,29 @@
+/*
+ * @Author: 半生瓜 1515706227@qq.com
+ * @Date: 2024-05-07 10:39:27
+ * @LastEditors: 半生瓜 1515706227@qq.com
+ * @LastEditTime: 2024-05-13 20:58:53
+ * @FilePath: \vue-element-plus-admin-mini\src\api\table\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '@/axios'
+
+//资源管理分页接口
+export const getMaterial = (params: any) => {
+  params.page = params.page - 1
+  return request.post({ url: '/material/pageQuery', params })
+}
+
+//上传资源图标接口
+export const upIcon = (params: any) => {
+  return request.post({ url: '/resource/manage/uploadImg', params })
+}
+
+//保存材质接口
+export const saveResource = (params: any) => {
+  return request.post({ url: '/material/save', data: params })
+}
+//删除材质接口
+export const deleteResource = (params: any) => {
+  return request.post({ url: '/material/batchDelete', params })
+}

src/api/material/types.ts

@@ -0,0 +1,9 @@
+export type TableData = {
+  id: string
+  author: string
+  title: string
+  content: string
+  importance: number
+  display_time: string
+  pageviews: number
+}

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, getResource, deleteResource } from '@/api/resource'
+import { saveResource, getMaterial, deleteResource } from '@/api/material'
 import { reactive, unref } from 'vue'
 import { ElButton, ElMessageBox, ElMessage, ElIcon } from 'element-plus'
 import { useTable } from '@/hooks/web/useTable'
@@ -34,20 +34,20 @@ defineOptions({
   name: 'TemplateManage'
 })
 
-const compare = ref('')
-
 const { tableRegister, tableState, tableMethods } = useTable({
   fetchDataApi: async () => {
     const { currentPage, pageSize } = tableState
-    const res = await getResource({
+    const res = await getMaterial({
       page: unref(currentPage),
       pageSize: unref(pageSize),
       name: unref(text)
     })
     res.data.content.map((item) => {
-      console.log('opopopop', item)
-      item.icon = PATH_URL + item.icon
+      item.materialIcon = PATH_URL + item.materialIcon
+      item.icon = item.materialIcon
     })
+    console.log('kankan2232', res.data.content)
+
     return {
       list: res.data.content,
       total: res.data.totalElements
@@ -72,19 +72,14 @@ const columns = reactive<TableColumn[]>([
     type: 'index'
   },
   {
-    field: 'categoryName',
-    label: '资源库分类'
+    field: 'materialName',
+    label: '材质名称'
   },
   {
     field: 'icon',
     label: '图标'
   },
   {
-    field: 'modelCount',
-    label: '对象数量'
-  },
-
-  {
     field: 'action',
     label: t('tableDemo.action'),
     slots: {
@@ -110,7 +105,7 @@ const deletetab = async (data: TableSlotDefault) => {
   ElMessageBox.confirm('确定删除该数据?')
     .then(async () => {
       let arr = {
-        categoryId: [data.row.categoryId]
+        materialIds: data.row.materialId
       }
       const res = await deleteResource(arr)
       refresh()
@@ -136,8 +131,8 @@ const { getElFormExpose, getFormData } = formMethods
 
 const schema = reactive<FormSchema[]>([
   {
-    field: 'categoryName',
-    label: '资源分类',
+    field: 'materialName',
+    label: '材质名称',
     component: 'Input',
     colProps: {
       span: 24
@@ -146,14 +141,14 @@ const schema = reactive<FormSchema[]>([
       style: {
         width: '100%'
       },
-      placeholder: '请输入资源名称'
+      placeholder: '请输入材质名称'
     },
     formItemProps: {
       rules: [required()]
     }
   },
   {
-    field: 'icon',
+    field: 'materialIcon',
     component: 'Upload',
     colProps: {
       span: 24
@@ -169,7 +164,7 @@ const schema = reactive<FormSchema[]>([
       onSuccess: async (_response, uploadFile) => {
         imageUrl.value = URL.createObjectURL(uploadFile.raw!)
         const formData = await getFormData()
-        formData.icon = _response.data
+        formData.materialIcon = _response.data
       },
       beforeUpload: (rawFile) => {
         console.log('kankangeshi', rawFile)
@@ -195,15 +190,15 @@ const schema = reactive<FormSchema[]>([
     }
   },
   {
-    field: 'compressFilePath',
+    field: 'jsonPath',
     component: 'Upload',
-    label: '资源内容',
+    label: '材质内容',
     colProps: {
       span: 24
     },
     componentProps: {
       limit: 1,
-      action: PATH_URL + '/resource/manage/addModelCompress',
+      action: PATH_URL + '/resource/v1/addJsonFile',
       headers: headers,
       fileList: [],
       multiple: true,
@@ -212,14 +207,14 @@ const schema = reactive<FormSchema[]>([
       },
       onRemove: async (file) => {
         const formData = await getFormData()
-        formData.compressFilePath = ''
+        formData.jsonPath = ''
         formData.compressFileName = ''
         formData.uploadCompress = false
       },
       onSuccess: async (_response, uploadFile) => {
         console.log('kankan_response', uploadFile)
         const formData = await getFormData()
-        formData.compressFilePath = _response.data
+        formData.jsonPath = _response.data
         formData.compressFileName = uploadFile.name
       },
       beforeRemove: (uploadFile) => {},
@@ -228,11 +223,11 @@ const schema = reactive<FormSchema[]>([
       },
       beforeUpload: (rawFile) => {
         console.log('kokokoko', rawFile)
-        if (rawFile.type !== 'application/x-zip-compressed' && rawFile.name.indexOf('.rar') == -1) {
-          ElMessage.error('只能上传RAR、ZIP文件')
-          return false
-        }
-        return true
+        // 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>,
@@ -249,17 +244,17 @@ const edittab = async (data: TableSlotDefault) => {
   dialogVisible.value = true
   const formRef = await getElFormExpose()
   const formData = await getFormData()
-  formData.categoryName = data.row.categoryName
+  formData.materialName = data.row.materialName
   formData.compressFileName = data.row.compressFileName
-  formData.compressFilePath = data.row.compressFilePath
-  compare.value = data.row.compressFilePath
-  formData.icon = data.row.icon.replace(PATH_URL, '')
-  imageUrl.value = data.row.icon
-  formData.categoryId = data.row.categoryId
+  formData.jsonPath = data.row.jsonPath
+
+  formData.materialIcon = data.row.materialIcon.replace(PATH_URL, '')
+  imageUrl.value = data.row.materialIcon
+  formData.materialId = data.row.materialId
   schema[2].componentProps.fileList = [
     {
       name: data.row.compressFileName,
-      url: data.row.compressFilePath
+      url: data.row.jsonPath
     }
   ]
 }
@@ -267,16 +262,7 @@ const edittab = async (data: TableSlotDefault) => {
 const signIn = async () => {
   const formRef = await getElFormExpose()
   const formData = await getFormData()
-  console.log('lplplp', formData.compressFilePath)
-  if (
-    formData.compressFilePath !== compare.value &&
-    formData.compressFilePath !== '' &&
-    formData.compressFilePath
-  ) {
-    formData.uploadCompress = true
-  } else {
-    formData.uploadCompress = false
-  }
+
   //如果是编辑去掉icon的拼接
   console.log('kakkkkak', formData)
   await formRef?.validate(async (isValid) => {
@@ -290,26 +276,20 @@ const signIn = async () => {
   })
 }
 
-//搜索
-const handersearch = function () {
-  tableState.currentPage.value = 1
-  refresh()
-}
-
 //多选删除
 const getSelections = async () => {
   const elTableRef = await getElTableExpose()
   const selections = elTableRef?.getSelectionRows()
 
   let arr = {
-    categoryId: []
+    materialIds: []
   }
   if (selections) {
-    arr.categoryId = selections.map((item) => {
-      return item.categoryId
+    arr.materialIds = selections.map((item) => {
+      return item.materialId
     })
   }
-  if (arr.categoryId.length !== 0) {
+  if (arr.materialIds.length !== 0) {
     ElMessageBox.confirm('确定删除所选数据?')
       .then(async () => {
         console.log('kankan', arr)
@@ -332,20 +312,12 @@ const tianjia = async () => {
   isedit.value = '添加'
   schema[2].componentProps.fileList = []
   dialogVisible.value = true
-  compare.value = ''
 }
 </script>
 
 <template>
   <ContentWrap>
     <div style="margin-bottom: 10px">
-      <span style="color: #606266"> 资源分类：</span>
-      <el-input
-        v-model="text"
-        style="width: 200px; height: 43px; margin: 7px"
-        placeholder="请输入资源分类名称"
-      />
-      <ElButton type="primary" size="large" @click="handersearch" :icon="Search">搜索</ElButton>
       <ElButton type="success" size="large" @click="tianjia" :icon="Edit">添加</ElButton>
       <ElButton type="danger" size="large" @click="getSelections" :icon="Delete">删除</ElButton>
     </div>