kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

选择设备修复下拉

Browse Source
This commit is contained in:
aixianling
2023-01-06 15:44:42 +08:00
parent a7306d7bc9
commit cec54751ec
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/apps/AppBroadcast/selectEquipment.vue
View File

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