From ce1b9702902d982f3a05ae8648571f17186c7cd6 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Tue, 19 Aug 2025 09:24:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E4=B9=A6/=E5=8C=BA=E5=9F=9F=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/digitalScreen/index.js                | 31 ++++++-
 src/views/digitalScreen/index.vue             |  5 +-
 .../digitalScreen/module/addBookDialog.vue    |  6 +-
 .../digitalScreen/module/areaSetting.vue      | 61 +++++++++++--
 .../digitalScreen/module/bookRecommend.vue    | 85 +++++++++++--------
 .../digitalScreen/module/mediaSetting.vue     | 32 ++++++-
 6 files changed, 165 insertions(+), 55 deletions(-)

diff --git a/src/api/digitalScreen/index.js b/src/api/digitalScreen/index.js
index 47b9fc0..0f5338d 100644
--- a/src/api/digitalScreen/index.js
+++ b/src/api/digitalScreen/index.js
@@ -34,6 +34,15 @@ export function FetchEditScreenBookRecommend(parameter) {
   })
 }
 
+// 删除智慧大屏图书推荐
+export function FetchDeleteScreenBookRecommend(parameter) {
+  return request({
+    url: 'api/screenSetting/deleteScreenBookRecommend',
+    method: 'post',
+    data: parameter
+  })
+}
+
 // 智慧大屏分馆列表
 export function FetchInitScreenBranch(params) {
   return request({
@@ -51,11 +60,31 @@ export function FetchEditScreenBranch(parameter) {
   })
 }
 
+// 删除智慧大屏分馆
+export function FetchDeleteScreenBranch(parameter) {
+  return request({
+    url: 'api/screenSetting/deleteScreenBranch',
+    method: 'post',
+    data: parameter
+  })
+}
+
+// 智慧大公告列表
+export function FetchInitScreenNotice(params) {
+  return request({
+    url: 'api/screenSetting/initScreenNotice' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get'
+  })
+}
+
 export default {
   FetchInitScreenSetting,
   FetchEditScreenSetting,
   FetchInitScreenBookRecommend,
   FetchEditScreenBookRecommend,
+  FetchDeleteScreenBookRecommend,
   FetchInitScreenBranch,
-  FetchEditScreenBranch
+  FetchEditScreenBranch,
+  FetchDeleteScreenBranch,
+  FetchInitScreenNotice
 }
diff --git a/src/views/digitalScreen/index.vue b/src/views/digitalScreen/index.vue
index 0b9547c..9ab0e4c 100644
--- a/src/views/digitalScreen/index.vue
+++ b/src/views/digitalScreen/index.vue
@@ -254,7 +254,7 @@
             <wecharQrCode v-if="currentScreenItem.id === 1 || currentScreenItem.id === 4" ref="wecharQrCodeRef" :qr-code-url="wecharQrCodeUrl" @triggerInit="initScreenSetting" @ready="onWechatQrCodeReady" />
             <bookRecommend v-if="currentScreenItem.id === 1" ref="bookRecommendRef" @ready="initScreenBookRecommend" />
             <areaSetting v-if="currentScreenItem.id === 2" ref="areaSettingRef" :map-data="mapData" @triggerInit="initScreenSetting" @ready="initScreenBranch" />
-            <mediaSetting v-if="currentScreenItem.id === 4" ref="mediaSettingRef" />
+            <mediaSetting v-if="currentScreenItem.id === 4" ref="mediaSettingRef" @ready="initScreenNotice" />
             <advSetting v-if="currentScreenItem.id === 5" ref="advSettingRef" :welcome-play="welcomePlay" @triggerInit="initScreenSetting" />
           </div>
         </div>
@@ -402,6 +402,9 @@ export default {
     })
   },
   methods: {
+    initScreenNotice() {
+      this.$refs.mediaSettingRef.initScreenNotice()
+    },
     initScreenBranch() {
       this.$refs.areaSettingRef.initScreenBranch()
     },
diff --git a/src/views/digitalScreen/module/addBookDialog.vue b/src/views/digitalScreen/module/addBookDialog.vue
index c4bb731..2cc538d 100644
--- a/src/views/digitalScreen/module/addBookDialog.vue
+++ b/src/views/digitalScreen/module/addBookDialog.vue
@@ -104,14 +104,14 @@ export default {
       this.$refs.uploadCoverRefs.fileNames = ''
       this.form.imgPath = null
       this.bookCover = null
+      this.btnLoading = false
     },
     handleComfired() {
       this.$refs.form.validate((valid) => {
         if (valid) {
-          this.addBookDialogVisible = false
+          this.btnLoading = true
           this.form.libcode = this.user.fonds.fondsNo
           FetchEditScreenBookRecommend(this.form).then((res) => {
-            console.log('res', res)
             if (res) {
               this.$message({ message: '推荐图书新增成功', type: 'success', offset: 8 })
               this.$emit('refresh')
@@ -121,7 +121,7 @@ export default {
             this.handleClose()
           }).catch(err => {
             console.log(err)
-            this.addBookDialogVisible = false
+            this.handleClose()
           })
         } else {
           console.log('error submit!!')
diff --git a/src/views/digitalScreen/module/areaSetting.vue b/src/views/digitalScreen/module/areaSetting.vue
index 7426333..46d681a 100644
--- a/src/views/digitalScreen/module/areaSetting.vue
+++ b/src/views/digitalScreen/module/areaSetting.vue
@@ -34,9 +34,12 @@
           <p>总分馆列表</p>
           <el-card class="box-card" style="padding: 20px;">
             <el-table
+              ref="table"
               :data="tableData"
               style="width: 100%"
               max-height="360"
+              @selection-change="selectionChangeHandler"
+              @row-click="clickRowHandler"
             >
               <el-table-column type="selection" align="center" width="55" />
               <el-table-column prop="name" label="名称" width="150" />
@@ -74,13 +77,12 @@
               @current-change="handleCurrentPage"
             />
           </el-card>
-          <!--  @click="toDelete(crud.selections)" -->
           <div style="display: flex; flex-direction: column; justify-content: flex-start; margin-left: 15px;">
             <el-button size="mini" @click="initForm('add')">
               <i class="iconfont icon-xinzeng" />
               新增
             </el-button>
-            <el-button size="mini" style="margin-left: 0; margin-top: 14px;">
+            <el-button :loading="deleteLoading" size="mini" style="margin-left: 0; margin-top: 14px;" :disabled="selections.length === 0" @click="toDelete(selections)">
               <i class="iconfont icon-shanchu" />
               删除
             </el-button>
@@ -188,7 +190,7 @@
 </template>
 
 <script>
-import { FetchEditScreenSetting, FetchInitScreenBranch, FetchEditScreenBranch } from '@/api/digitalScreen/index'
+import { FetchEditScreenSetting, FetchInitScreenBranch, FetchEditScreenBranch, FetchDeleteScreenBranch } from '@/api/digitalScreen/index'
 import UploadCover from '@/views/components/upload.vue'
 import { mapGetters } from 'vuex'
 
@@ -204,6 +206,7 @@ export default {
   data() {
     return {
       btnLoading: false,
+      deleteLoading: false,
       areaForm: {
         map_data: null
       },
@@ -236,8 +239,10 @@ export default {
         address: '',
         mapX: '',
         mapY: '',
-        explains: ''
+        explains: '',
+        tcId: ''
       },
+      selections: [],
       rules: {
         name: [
           { required: true, message: '名称不可为空', trigger: 'blur' }
@@ -359,11 +364,9 @@ export default {
           this.form.libcode = ''
         }
       } else {
-        console.log('branchData', branchData)
         this.form = branchData
         this.form.branchType = branchData.branchType === 1 || branchData.branchType === '1' ? '1' : '2'
         this.libImgList = branchData.promotions
-        console.log(this.form)
       }
       this.libDialogVisible = true
     },
@@ -376,12 +379,51 @@ export default {
         this.form.libcode = ''
       }
     },
+    selectionChangeHandler(val) {
+      this.selections = val
+    },
+    clickRowHandler(row) {
+      this.$refs.table.clearSelection()
+      this.$refs.table.toggleRowSelection(row)
+    },
+    toDelete(selections) {
+      this.deleteLoading = true
+
+      this.$confirm(`确定要删除所选的数据吗？`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const ids = []
+        selections.forEach(book => {
+          ids.push(book.id)
+        })
+        console.log('ids', ids)
+        FetchDeleteScreenBranch(ids).then((res) => {
+          console.log('res', res)
+          if (res.code !== 500) {
+            this.$message({ message: '删除成功', type: 'success', offset: 8 })
+            this.initScreenBranch()
+          } else {
+            this.$message({ message: '删除失败', type: 'error', offset: 8 })
+          }
+          this.deleteLoading = false
+        }).catch(err => {
+          console.log(err)
+          this.deleteLoading = false
+        })
+      }).catch(() => {
+        this.deleteLoading = false
+      })
+    },
     handleDelete(index) {
       this.libImgList.splice(index, 1)
     },
+
     handleComfired() {
       this.$refs.form.validate((valid) => {
         if (valid) {
+          this.btnLoading = true
           if (this.libImgList.length !== 0) {
             this.form.promotions = this.libImgList
           }
@@ -400,7 +442,7 @@ export default {
             this.handleClose()
           }).catch(err => {
             console.log(err)
-            this.addBookDialogVisible = false
+            this.handleClose()
           })
         } else {
           console.log('error submit!!')
@@ -414,13 +456,14 @@ export default {
       this.$refs['form'].resetFields()
       this.$refs['form'].clearValidate()
       this.form = {
-        name: '', branchType: '1', libcode: '', occupationArea: '', address: '', mapX: '', mapY: '', explains: ''
+        name: '', branchType: '1', libcode: '', tcId: '', occupationArea: '', address: '', mapX: '', mapY: '', explains: ''
       }
       this.libImgList = []
+      this.btnLoading = false
     },
     handleSizeChange(size) {
       this.page.size = size
-      this.page.page = 1
+      this.page.page = 0
       this.initScreenBranch()
     },
     handleCurrentPage(val) {
diff --git a/src/views/digitalScreen/module/bookRecommend.vue b/src/views/digitalScreen/module/bookRecommend.vue
index 8d470cc..1752574 100644
--- a/src/views/digitalScreen/module/bookRecommend.vue
+++ b/src/views/digitalScreen/module/bookRecommend.vue
@@ -21,7 +21,7 @@
                 <i v-if="book.selected" class="iconfont icon-wancheng" />
                 <i v-else class="iconfont icon-weixuan" />
               </div>
-              <div class="book-delete" @click.stop="deleteBook(index)">
+              <div class="book-delete" @click.stop="deleteBook(book)">
                 <i class="iconfont icon-shanchu" />
               </div>
             </div>
@@ -32,7 +32,7 @@
     </div>
     <div style="display: flex; flex-direction: column; justify-content: flex-start;">
       <el-button size="mini" type="primary" @click.stop="uploadBook"><i class="iconfont icon-shangchuan" />图书上传</el-button>
-      <el-button size="mini" style="margin-left: 0 !important; margin-top: 10px;" :disabled="!hasSelectedItems" @click="batchDelete">
+      <el-button :loading="deleteLoading" size="mini" style="margin-left: 0 !important; margin-top: 10px;" :disabled="!hasSelectedItems" @click="batchDelete">
         <i class="iconfont icon-shanchu" />
         批量删除
       </el-button>
@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import { FetchInitScreenBookRecommend } from '@/api/digitalScreen/index'
+import { FetchInitScreenBookRecommend, FetchDeleteScreenBookRecommend } from '@/api/digitalScreen/index'
 import { swiper, swiperSlide } from 'vue-awesome-swiper'
 import 'swiper/dist/css/swiper.css'
 import addBookDialog from './addBookDialog'
@@ -59,23 +59,8 @@ export default {
   },
   data() {
     return {
-      bookList: [
-        // { id: 1, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 2, url: require('@/assets/images/screen/book.jpg'), selected: true },
-        // { id: 3, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 4, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 5, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 6, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 7, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 8, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 9, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 10, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 11, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 12, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 13, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 14, url: require('@/assets/images/screen/book.jpg'), selected: false },
-        // { id: 15, url: require('@/assets/images/screen/book.jpg'), selected: false }
-      ],
+      deleteLoading: false,
+      bookList: [],
       swiperOptions: {
         slidesPerView: 'auto', // 保持自动适应数量
         freeMode: true, // 自由滑动模式
@@ -122,7 +107,6 @@ export default {
           ...item,
           selected: false
         }))
-
         this.bookList = newRes
       }).catch(err => {
         console.log(err)
@@ -145,12 +129,8 @@ export default {
     uploadBook() {
       this.$refs.addBookRef.addBookDialogVisible = true
     },
-    updateBookItem(data) {
-      this.bookList.unshift({
-        ...data,
-        selected: false
-      })
-
+    updateBookItem() {
+      this.initScreenBookRecommend()
       this.$nextTick(() => {
         this.$refs.bookSwiper.swiper.update()
         this.$refs.bookSwiper.swiper.slideTo(0, 300)
@@ -159,31 +139,62 @@ export default {
     batchDelete() {
       const selectedCount = this.bookList.filter(book => book.selected).length
       if (selectedCount === 0) return
-
+      this.deleteLoading = true
       this.$confirm(`确定要删除选中的 ${selectedCount} 本图书吗？`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        this.bookList = this.bookList.filter(book => !book.selected)
-        this.$nextTick(() => {
-          this.$refs.bookSwiper.swiper.update()
+        const ids = []
+        const selectedBooks = this.bookList.filter(book => book.selected)
+        selectedBooks.forEach(book => {
+          ids.push(book.id)
         })
-        this.$message.success(`已成功删除 ${selectedCount} 本图书`)
+        FetchDeleteScreenBookRecommend(ids).then((res) => {
+          console.log('res', res)
+          if (res.code !== 500) {
+            this.$message({ message: `已成功删除 ${selectedCount} 本图书`, type: 'success', offset: 8 })
+            this.$nextTick(() => {
+              this.$refs.bookSwiper.swiper.update()
+            })
+            this.initScreenBookRecommend()
+          } else {
+            this.$message({ message: '删除失败', type: 'error', offset: 8 })
+          }
+          this.deleteLoading = false
+        }).catch(err => {
+          console.log(err)
+          this.deleteLoading = false
+        })
+        // this.bookList = this.bookList.filter(book => !book.selected)
+        // this.$message.success(`已成功删除 ${selectedCount} 本图书`)
+      }).catch(() => {
+        this.deleteLoading = false
       })
     },
-    deleteBook(index) {
+    deleteBook(data) {
       this.$confirm('确定要删除这本图书吗？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning',
         dangerouslyUseHTMLString: true
       }).then(() => {
-        this.bookList.splice(index, 1)
-        this.$nextTick(() => {
-          this.$refs.bookSwiper.swiper.update()
+        const ids = []
+        ids.push(data.id)
+        FetchDeleteScreenBookRecommend(ids).then((res) => {
+          console.log('res', res)
+          if (res.code !== 500) {
+            this.$message({ message: '删除成功', type: 'success', offset: 8 })
+            this.$nextTick(() => {
+              this.$refs.bookSwiper.swiper.update()
+            })
+            this.initScreenBookRecommend()
+          } else {
+            this.$message({ message: '删除失败', type: 'error', offset: 8 })
+          }
+        }).catch(err => {
+          console.log(err)
         })
-        this.$message.success('删除成功！')
       }).catch(() => {
       // 取消删除不做处理
       })
diff --git a/src/views/digitalScreen/module/mediaSetting.vue b/src/views/digitalScreen/module/mediaSetting.vue
index 233e18f..6ee1e6a 100644
--- a/src/views/digitalScreen/module/mediaSetting.vue
+++ b/src/views/digitalScreen/module/mediaSetting.vue
@@ -179,6 +179,7 @@
 </template>
 
 <script>
+import { FetchInitScreenNotice } from '@/api/digitalScreen/index'
 import { mapGetters } from 'vuex'
 
 export default {
@@ -192,7 +193,7 @@ export default {
         { name: 'XXXX通知', startTime: '2025-05-01 10:05:00', endTime: '2025-05-01 10:05:00' }
       ],
       page: {
-        page: 1,
+        page: 0,
         size: 10,
         total: 0
       },
@@ -215,7 +216,7 @@ export default {
         videoUrl: ''
       },
       videoPage: {
-        page: 1,
+        page: 0,
         size: 10,
         total: 0
       },
@@ -234,12 +235,35 @@ export default {
   },
   computed: {
     ...mapGetters([
-      'baseApi'
+      'baseApi',
+      'user'
     ])
   },
   created() {
   },
+  mounted() {
+    this.$emit('ready')
+  },
   methods: {
+    initScreenNotice() {
+      const params = {
+        'libcode': this.user.fonds.fondsNo,
+        'page': this.page.page,
+        'size': this.page.size
+      }
+      FetchInitScreenNotice(params).then((res) => {
+        console.log('initScreenNotice', res.content)
+        if (res.content.length !== 0) {
+          this.tableData = res.content
+          this.page.total = res.totalElements
+        } else {
+          this.tableData = []
+          this.page.total = 0
+        }
+      }).catch(err => {
+        console.log(err)
+      })
+    },
     handleClose() {
       this.noticeDialogVisible = false
       this.videoDialogVisible = false
@@ -253,7 +277,7 @@ export default {
     },
     handleVideoSizeChange(size) {
       this.videoPage.size = size
-      this.videoPage.page = 1
+      this.videoPage.page = 0
     },
     handleVideoCurrentPage(val) {
       this.videoPage.page = val