选择设备修复下拉

src/apps/AppBroadcast/selectEquipment.vue

@@ -6,10 +6,11 @@
           <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" selectRoot>
             <span class="label" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
-            <u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px" />
+            <u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px"/>
           </AiAreaPicker>
         </div>
-        <u-search v-model="keyword" :clearabled="true" placeholder="请输入设备名称" :show-action="false" bg-color="#F5F5F5" search-icon-color="#ccc" color="#666" height="58" @search="getList" @clear="handerClear"></u-search>
+        <u-search v-model="keyword" :clearabled="true" placeholder="请输入设备名称" :show-action="false" bg-color="#F5F5F5" search-icon-color="#ccc" color="#666"
+                  height="58" @search="getList" @clear="handerClear"></u-search>
       </div>
     </AiTopFixed>
     <div class="record">
@@ -19,8 +20,8 @@
         <img src="./img/lb@2x.png" alt="" class="voice-img">
         <div class="info">
           <div class="text">
-            <p>{{item.name}}</p>
-            <span>{{item.areaName}}</span>
+            <p>{{ item.name }}</p>
+            <span>{{ item.areaName }}</span>
           </div>
           <div class="status">{{ $dict.getLabel('dlbDevStatus', item.devStatus) }}</div>
         </div>
@@ -33,10 +34,10 @@
   </div>
 </template>
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
+
 export default {
   name: "selectEquipment",
-
   appName: '选择设备',
   data() {
     return {
@@ -47,7 +48,7 @@ export default {
       selectList: []
     }
   },
-  computed: { ...mapState(['user']) },
+  computed: {...mapState(['user'])},
   onLoad() {
     this.areaId = this.user.areaId
     this.areaName = this.user.areaName
@@ -81,7 +82,7 @@ export default {
     confirm() {
       this.selectList = []
       this.list.map(item => {
-        if(item.isCheck) {
+        if (item.isCheck) {
           var info = {
             serialNo: item.serialNo,
             serialName: item.name
@@ -89,7 +90,7 @@ export default {
           this.selectList.push(info)
         }
       })
-      if(!this.selectList.length) {
+      if (!this.selectList.length) {
         return this.$u.toast('请选择播放设备')
       }
       uni.$emit('chooseEquipment', {
@@ -104,12 +105,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-uni-page-body {
-  height: 100%;
-}
 .selectEquipment {
-  height: 100%;
-  overflow-y: scroll;
+  height: 100vh;
+
   .currentLeft-top {
     display: flex;
     align-items: center;
@@ -125,6 +123,7 @@ uni-page-body {
       }
     }
   }
+
   .record {
     margin-top: 8px;
     padding-bottom: 128px;
@@ -133,7 +132,7 @@ uni-page-body {
       width: 100%;
       display: flex;
       align-items: center;
-      height: 110rpx;
+      height: 110px;
       border-bottom: 1px solid #ddd;
       padding-left: 32px;
       box-sizing: border-box;