From 62c2703218c3a588e8c9a47d171447915d3c2b9c Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Mon, 28 Mar 2022 18:21:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E5=B8=832?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/MaterialCompontentList.vue     |  33 +++---
 src/views/immediateRelease/index.vue          | 109 +++++++++---------
 .../materialContent/materialList/index.vue    |   1 +
 3 files changed, 73 insertions(+), 70 deletions(-)

diff --git a/src/views/components/MaterialCompontentList.vue b/src/views/components/MaterialCompontentList.vue
index 76944df..809d886 100644
--- a/src/views/components/MaterialCompontentList.vue
+++ b/src/views/components/MaterialCompontentList.vue
@@ -13,11 +13,7 @@
       </div>
       <p class="file_name">{{ item.name }}</p>
     </div>
-    <div
-      v-for="(item, index) in materialList"
-      :key="'list-'+index"
-      :class="['material_item', 'item_cont', { 'item_multi': selectedListId.includes(item.material_id) }]"
-    >
+    <div v-for="(item, index) in materialList" :key="'list-'+index" :class="['material_item', 'item_cont', { 'item_multi': selectedListId.includes(item.material_id) }]">
       <img v-if="item.img_path || item.material_type == 1" :src="item.img_path" :onerror="defaultImg" alt />
       <div v-if="item.material_type == 2" class="radio_img"></div>
       <div class="item_format">
@@ -35,9 +31,9 @@ import { getMaterialList } from '@/api/material/material'
 import { getSeconds } from '@/utils/index.js'
 export default {
   name: 'MaterialList',
-  components: { },
+  components: {},
   filters: {
-    getSeconds(s) {
+    getSeconds (s) {
       return getSeconds(s)
     }
   },
@@ -47,7 +43,7 @@ export default {
       required: true
     }
   },
-  data() {
+  data () {
     return {
       orga_id: '133221333123111', // 机构ID
       rootFolderId: null, // 根目录文件夹ID
@@ -64,26 +60,26 @@ export default {
     }
   },
   computed: {
-    changePlaceholder() {
+    changePlaceholder () {
       return this.publishType === 0 ? '即时发布 2022-01-01' : '定时发布 2022-01-01'
     },
-    defaultImg() {
+    defaultImg () {
       return 'this.src="' + require('@/assets/images/menu_bg_02.png') + '"'
     }
   },
   watch: {
-    isMultiSelected(newName, oldName) {
+    isMultiSelected (newName, oldName) {
       if (newName === false) {
         this.selectedListId = []
       }
     }
   },
-  mounted() {
+  mounted () {
     this.getMaterialList()
   },
   methods: {
     // 获取素材库list
-    getMaterialList() {
+    getMaterialList () {
       this.materialFolders = []
       this.materialList = []
       let params
@@ -100,6 +96,7 @@ export default {
           'folder_id': folder_id,
           'material_name': null,
           'material_type': null,
+          'material_type_not': '2',
           'orga_id': this.orga_id
         }
       } else {
@@ -109,6 +106,7 @@ export default {
           'folder_id': null,
           'material_name': null,
           'material_type': null,
+          'material_type_not': '2',
           'orga_id': this.orga_id
         }
       }
@@ -119,6 +117,7 @@ export default {
           }
           this.materialFolders = res.data.materialFolders
           this.materialList = res.data.pageThemeVO
+
           // 创建文件夹获取data
           this.thisFoldId = res.data.thisFoldId
           // 素材类型格式处理
@@ -136,14 +135,14 @@ export default {
         }
       })
     },
-    returnFolder() {
+    returnFolder () {
       this.isReturn = false
       this.isToFolder = false
       this.rootFolderId = localStorage.getItem('rootFolderId')
       this.getMaterialList()
     },
     // 文件夹双击操作
-    floderDbClick(item, index) {
+    floderDbClick (item, index) {
       this.isToFolder = true
       this.currentFolderId = item.id
       localStorage.setItem('currentFolderId', this.currentFolderId)
@@ -151,8 +150,8 @@ export default {
       this.selectedListId = []
     },
     // 素材 - 多选
-    checkedItem(item) {
-      const id = item.material_id
+    checkedItem (item) {
+      let id = item.material_id
       const inFolderId = item.in_folder_id
       const type = item.material_type
       const arr = this.selectedListId
diff --git a/src/views/immediateRelease/index.vue b/src/views/immediateRelease/index.vue
index 0b0a5f1..5c85681 100644
--- a/src/views/immediateRelease/index.vue
+++ b/src/views/immediateRelease/index.vue
@@ -139,7 +139,7 @@
           <div class="mulit_btn" @click="multiSelectBtn">{{ mulitText }}</div>
         </div>
         <div slot="footer" class="dialog-footer">
-          <el-button type="primary" round>确 定</el-button>
+          <el-button type="primary" round @click="uploadSelected()">确 定</el-button>
           <el-button round @click="cancelContSelect">取 消</el-button>
         </div>
       </el-dialog>
@@ -191,7 +191,7 @@
           </div>
         </div>
         <div slot="footer" class="dialog-footer">
-          <el-button type="primary" round @click="editMaterialSubmit()">保 存</el-button>
+          <el-button type="primary" round @click="listEditVisible = false">保 存</el-button>
           <el-button round @click="listEditVisible = false">取 消</el-button>
         </div>
       </el-dialog>
@@ -382,7 +382,6 @@ export default {
       ],
       activeIndex: 0,
       activeItemIndex: 0,
-      uploadContentIds: [] // 素材 / 主题库已选择的
     }
   },
   computed: {
@@ -394,14 +393,17 @@ export default {
     }
   },
   created () {
+    this.selectedMaterial = []
     this.selectedMaterial = JSON.parse(localStorage.getItem('selectedMaterial'))
     // 素材类型格式处理
-    this.selectedMaterial.forEach((item, key) => {
-      this.materialPostfix[key] = item.deposit_url.substring(
-        item.deposit_url.lastIndexOf('.') + 1,
-        item.deposit_url.length
-      )
-    })
+    if (this.selectedMaterial.length != 0) {
+      this.selectedMaterial.forEach((item, key) => {
+        this.materialPostfix[key] = item.deposit_url.substring(
+          item.deposit_url.lastIndexOf('.') + 1,
+          item.deposit_url.length
+        )
+      })
+    }
   },
   mounted () {
     if (this.$route.path === '/release') {
@@ -447,10 +449,6 @@ export default {
         this.form.release_start = arrDate[0]
         this.form.release_end = arrDate[1]
       }
-      console.log("看这里这里")
-      console.log(this.selectedEditData)
-      console.log(this.selectedMaterial)
-      console.log("看这里这里")
       this.form.release_materialDTOs = this.selectedMaterial.map((item, index) => {
         const json = {}
         if (item.material_type == 0) {
@@ -481,7 +479,7 @@ export default {
       saveRelease(this.form).then(res => {
         if (res.code == 200) {
           this.$message.success('发布成功！')
-          // this.selectedMaterial = []
+          localStorage.removeItem('selectedMaterial')
         } else {
           this.$message.error(res.msg)
         }
@@ -565,6 +563,7 @@ export default {
       this.contentIds.splice(index, 1)
       this.selectedEditData.splice(index, 1)
       this.selectedMaterial.splice(i, 1)
+      localStorage.setItem('selectedMaterial', JSON.stringify(this.selectedMaterial))
     },
     // 选中可编辑的
     clickMaterialItem (id, item) {
@@ -624,13 +623,16 @@ export default {
       if (this.audioChecked != -1) {
         const index = this.audioChecked
         if (!this.isMainBgm) {
-          this.selectedMaterial.find((item, key) => {
-            if (item.material_type == 2) {
-              this.selectedMaterial.splice(key, 1)
-              this.audioListData[index].material_type = 2
-              this.selectedMaterial.push(this.audioListData[index])
-            }
+          this.audioListData[index].material_type = 2
+          const resultIndex = this.selectedMaterial.findIndex((item, key) => {
+            return item.material_type == 2
           })
+          if (resultIndex == -1) {
+            this.selectedMaterial.push(this.audioListData[index])
+          } else {
+            this.selectedMaterial.splice(resultIndex, 1, this.audioListData[index])
+          }
+          localStorage.setItem('selectedMaterial', JSON.stringify(this.selectedMaterial))
         } else {
           this.selectedEditData[this.thisEditIndex].showAudioName = this.audioListData[index].material_name
           this.selectedEditData[this.thisEditIndex].showAudioUrl = this.audioListData[index].deposit_url
@@ -640,59 +642,61 @@ export default {
         this.selectedEditData[this.thisEditIndex].showAudioUrl = ''
       }
     },
+    // 时间设置-切换到每天时
+    clearCheckbox () {
+      if (this.form.release_cycle == 2) {
+        this.selectWeekly = []
+        this.form.release_weekly = []
+      }
+    },
     // 动画切换
     selectAnimation (event, item) {
       item.showAnimationName = event.name
       item.showAnimation = event.key
     },
-    // 提交 - 编辑素材
-    editMaterialSubmit () {
-      this.listEditVisible = false
+    // 选择内容-素材库/主题库 tab
+    tabAll (index) {
+      this.activeIndex = index
+      this.activeItemIndex = 0
+      this.isMultiSelected = false
+      this.mulitText = '多选'
+    },
+    tab (index) {
+      this.activeItemIndex = index
     },
     // 多选btn
     multiSelectBtn (type) {
       this.isMultiSelected = !this.isMultiSelected
       if (this.isMultiSelected) {
         this.mulitText = '取消'
+        // 已选择的内容中-list是否包含，包含即选中状态
+        this.selectedMaterial.forEach(item => {
+          this.$refs.MaterialList.selectedListId.push(item.material_id)
+          this.$refs.MaterialList.selectedMaterial.push(item)
+        })
       } else {
         if (type == 'audio') {
           this.mulitText = '选择'
           this.audioChecked = -1
         } else {
           this.mulitText = '多选'
-          this.uploadContentIds = []
         }
       }
     },
-    // 多选选中
-    selectedListItem (id) {
-      const arr = this.uploadContentIds
-      if (arr.includes(id)) {
-        const index = arr.indexOf(id)
-        if (index > -1) {
-          arr.splice(index, 1)
-        }
-      } else {
-        this.uploadContentIds.push(id)
-      }
-    },
-    // 选择内容-素材库/主题库 tab
-    tabAll (index) {
-      this.activeIndex = index
-      this.activeItemIndex = 0
-      this.isMultiSelected = false
+    // 素材选择 - 确认按钮
+    uploadSelected () {
+      this.selectContVisible = false
+      this.selectedMaterial = []
+      this.selectedMaterial = this.$refs.MaterialList.selectedMaterial
+      // 素材类型格式处理
+      this.selectedMaterial.forEach((item, key) => {
+        this.materialPostfix[key] = item.deposit_url.substring(
+          item.deposit_url.lastIndexOf('.') + 1,
+          item.deposit_url.length
+        )
+      })
+      localStorage.setItem('selectedMaterial', JSON.stringify(this.selectedMaterial))
       this.mulitText = '多选'
-      this.uploadContentIds = []
-    },
-    tab (index) {
-      this.activeItemIndex = index
-    },
-    // 时间设置-切换到每天时
-    clearCheckbox () {
-      if (this.form.release_cycle == 2) {
-        this.selectWeekly = []
-        this.form.release_weekly = []
-      }
     },
     // 素材选择 - 取消按钮
     cancelContSelect (type) {
@@ -702,7 +706,6 @@ export default {
       } else {
         this.selectContVisible = false
         this.mulitText = '多选'
-        this.uploadContentIds = []
       }
     }
   }
diff --git a/src/views/materialContent/materialList/index.vue b/src/views/materialContent/materialList/index.vue
index 7e8d0f8..c6fedd6 100644
--- a/src/views/materialContent/materialList/index.vue
+++ b/src/views/materialContent/materialList/index.vue
@@ -206,6 +206,7 @@ export default {
           'folder_id': null,
           'material_name': null,
           'material_type': null,
+          'material_type_not': null,
           'orga_id': this.orga_id
         }
       }