大喇叭

src/apps/AppBroadcast1/selectEquipment.vue

@@ -13,31 +13,21 @@
       </div>
     </AiTopFixed>
     <div class="record">
-      <div class="item">
-        <img src="./img/cir.png" alt="" class="check-img">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="checkClick(index)">
+        <img src="./img/select-blue.png" alt="" class="check-img" v-if="item.isCheck">
+        <img src="./img/cir.png" alt="" class="check-img" v-else>
         <img src="./img/lb@2x.png" alt="" class="voice-img">
         <div class="info">
           <div class="text">
-            <p>村头大喇叭</p>
-            <span>刘家河居委会</span>
-          </div>
-          <div class="status">在线</div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./img/cir.png" alt="" class="check-img">
-        <img src="./img/lb@2x.png" alt="" class="voice-img">
-        <div class="info">
-          <div class="text">
-            <p>村头大喇叭</p>
-            <span>刘家河居委会</span>
+            <p>{{item.deviceName}}</p>
+            <span>{{item.orgName}}</span>
           </div>
           <div class="status">在线</div>
         </div>
       </div>
     </div>
     <div class="btn">
-      <div>确定选择</div>
+      <div @click="confirm">确定选择</div>
     </div>
   </div>
 </template>
@@ -49,19 +39,64 @@ export default {
     return {
       areaId: '',
       areaName: '',
-      keyword: ''
+      keyword: '',
+      list: [],
+      selectList: []
     }
   },
   computed: { ...mapState(['user']) },
   onLoad(option) {
     this.areaId = this.user.areaId
     this.areaName = this.user.areaName
+    this.getList()
   },
   methods: {
     areaSelect(e) {
       this.areaId = e
       // this.getList()
     },
+    getList() {
+      this.$http.post(`/app/appdlbquipment/getDlbDeviceList?current=1&size=20&keyword=${this.keyword}`).then((res) => {
+        if (res.code == 0) {
+          res.data.records.map(item => {
+            item.isCheck = false
+          })
+          if (this.current > 1) {
+            this.list = [...this.list, ...res.data.records]
+          } else {
+            this.list = res.data.records
+          }
+        }
+      })
+    },
+    checkClick(index) {
+      this.list[index].isCheck = !this.list[index].isCheck
+    },
+    confirm() {
+      this.selectList = []
+      this.list.map(item => {
+        if(item.isCheck) {
+          var info = {
+            serialNo: item.deviceName,
+            serialName: item.serialNo
+          }
+          this.selectList.push(info)
+        }
+      })
+      if(!this.selectList.length) {
+        return this.$u.toast('请选择播放设备')
+      }
+      uni.$emit('chooseEquipment', {
+        equipmentList: this.selectList
+      })
+      uni.navigateBack({
+        delta: 1
+      })
+
+    }
+  },
+  onReachBottom() {
+
   }
 }
 </script>