From f1e667087fdc74a0b301205861d6b3b7aaf543f2 Mon Sep 17 00:00:00 2001 From: aixianling Date: Mon, 17 Apr 2023 15:22:20 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=A8=E9=80=89=E5=8A=9F?= =?UTF-8?q?=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/apps/AppBroadcast/selectEquipment.vue | 28 +++++++++++++++++++++-- 1 file changed, 26 insertions(+), 2 deletions(-) diff --git a/src/apps/AppBroadcast/selectEquipment.vue b/src/apps/AppBroadcast/selectEquipment.vue index 27f34164..618572d0 100644 --- a/src/apps/AppBroadcast/selectEquipment.vue +++ b/src/apps/AppBroadcast/selectEquipment.vue @@ -10,7 +10,7 @@ + height="58" @search="getList" @clear="handerClear">
@@ -29,6 +29,11 @@
+
  • + + + 全选 +
  • 确定选择
    @@ -45,7 +50,8 @@ export default { areaName: '', keyword: '', list: [], - selectList: [] + selectList: [], + selectAll: false } }, computed: {...mapState(['user'])}, @@ -79,6 +85,10 @@ export default { checkClick(index) { this.list[index].isCheck = !this.list[index].isCheck }, + handleSelectAll() { + this.selectAll = !this.selectAll + this.list.map(e => e.isCheck = this.selectAll) + }, confirm() { this.selectList = [] this.list.map(item => { @@ -201,6 +211,7 @@ export default { border-top: 1px solid #ddd; padding: 24px 32px 24px 0; box-sizing: border-box; + display: flex; div { width: 192px; @@ -213,6 +224,19 @@ export default { font-size: 32px; float: right; } + + .selectAll { + display: flex; + align-items: center; + padding-left: 32px; + height: 100%; + + & > img { + width: 44px; + height: 44px; + margin-right: 16px; + } + } } }