素材库-移动素材操作

src/api/material/material.js

@@ -44,3 +44,12 @@ export function deleteMyMaterial(parameter) {
     data: parameter
   })
 }
+
+// 移动素材 - 素材库
+export function moveMyMaterial(parameter) {
+  return request({
+    url: 'api/material/moveMyMaterial',
+    method: 'post',
+    data: parameter
+  })
+}

src/assets/styles/adminIndex.scss

@@ -595,9 +595,11 @@
         height: 55px;
       }
       .wjj_name {
+        width: 100%;
         font-size: 14px;
         color: #333;
         margin-top: 8px;
+        text-align: center;
       }
     }
   }

src/views/materialContent/materialList/index.vue

@@ -112,10 +112,10 @@
       >
         <div class="wjj_list">
           <div
-            v-for="(item, index) in wjjList"
+            v-for="(item, index) in materialFolders"
             :key="index"
-            :class="['wjj_item', { 'wjj_item_active': folderChecked === index }]"
-            @click="wjjSelected(index)"
+            :class="['wjj_item', { 'wjj_item_active': folderListChecked == index }]"
+            @click="wjjSelected(item,index)"
           >
             <svg class="font-icon icon" aria-hidden="true">
               <use xlink:href="#icon-wenjianjia" />
@@ -124,7 +124,7 @@
           </div>
         </div>
         <div slot="footer" class="dialog-footer">
-          <el-button type="primary" round>确定</el-button>
+          <el-button type="primary" round @click="moveFile">确定</el-button>
           <el-button round @click="movingVisible=false">取消</el-button>
         </div>
       </el-dialog>
@@ -133,7 +133,7 @@
 </template>
 
 <script>
-import { getMaterialList, saveMaterialFolder, deleteMaterialFolder, saveMaterial, deleteMyMaterial } from '@/api/material/material'
+import { getMaterialList, saveMaterialFolder, deleteMaterialFolder, saveMaterial, deleteMyMaterial, moveMyMaterial } from '@/api/material/material'
 import Upload from '../../components/upload'
 import UploadCover from '../../components/upload_cover'
 import { getSeconds } from '@/utils/index.js'
@@ -189,16 +189,8 @@ export default {
       movingVisible: false,
       uploadListData: [ // 上传列表
       ],
-      wjjList: [
-        {
-          id: '1',
-          name: '文件夹1'
-        },
-        {
-          id: '2',
-          name: '文件夹2'
-        }
-      ]
+      folderListChecked: -1,
+      wjjList: []
     }
   },
   computed: {
@@ -524,13 +516,33 @@ export default {
     UploadList() {
       this.uploadListVisible = true
     },
+    // 点击-移动btn
     moveingTo(index) {
       this.movingVisible = true
-      // this.movingChecked = index
     },
-    wjjSelected(index) {
-      this.folderChecked = index
-      console.log(this.folderChecked)
+    // 文件夹list - 选中操作
+    wjjSelected(item, index) {
+      console.log(item)
+      this.folderListChecked = index
+      this.thisFoldId = item.id
+      console.log(this.folderListChecked)
+    },
+    // 点击确定 - 移动素材
+    moveFile() {
+      const params = {
+        'folder_id': this.thisFoldId,
+        'ids': this.selectedList,
+        'material_id': null
+      }
+      moveMyMaterial(params).then(res => {
+        if (res.code === 200) {
+          this.$message({
+            message: '移动成功',
+            type: 'success'
+          })
+          this.movingVisible = false
+        }
+      })
     },
     format(percentage) {
       return percentage === 100 ? '100%' : `${percentage}%`