文档管理右上角增加全选按钮,在表格视图时候不展示
Showing
3 changed files
with
38 additions
and
2 deletions
@@ -59,13 +59,22 @@ | @@ -59,13 +59,22 @@ | ||
59 | <i class="iconfont icon-shanchuwenjianjia"></i> | 59 | <i class="iconfont icon-shanchuwenjianjia"></i> |
60 | 删除 | 60 | 删除 |
61 | </el-button> | 61 | </el-button> |
62 | - <el-button :size="$global.elementSize" @click="restore()" v-if="isRecycle"> | 62 | + <el-button :size="$global.elementSize" @click="restore()" v-if="isRecycle"> |
63 | <i class="iconfont icon-lunxun"></i> | 63 | <i class="iconfont icon-lunxun"></i> |
64 | 还原 | 64 | 还原 |
65 | </el-button> | 65 | </el-button> |
66 | 66 | ||
67 | </div> | 67 | </div> |
68 | + <div class="select-all"> | ||
69 | + <el-button type="primary" :size="$global.elementSize" @click="selectAll()" v-if="activeBtn == 'view'" > | ||
70 | + {{selectText}} | ||
71 | + | ||
72 | + </el-button> | ||
73 | + | ||
74 | + | ||
75 | + </div> | ||
68 | <div style="text-align: right;width: 150px"> | 76 | <div style="text-align: right;width: 150px"> |
77 | + | ||
69 | <el-button-group> | 78 | <el-button-group> |
70 | <el-button :size="$global.elementSize" :type="activeBtn == 'view' ? 'primary' : ''" | 79 | <el-button :size="$global.elementSize" :type="activeBtn == 'view' ? 'primary' : ''" |
71 | @click="activeModel('view')"> | 80 | @click="activeModel('view')"> |
@@ -185,6 +185,9 @@ export default { | @@ -185,6 +185,9 @@ export default { | ||
185 | let activeBtn = Vue.ref('view'); | 185 | let activeBtn = Vue.ref('view'); |
186 | // // 当前展示视图 | 186 | // // 当前展示视图 |
187 | // let viewEdit = Vue.ref(false); | 187 | // let viewEdit = Vue.ref(false); |
188 | + //是否全选 | ||
189 | + let isAllSelect=Vue.ref(false); | ||
190 | + let selectText=Vue.ref("全选") | ||
188 | 191 | ||
189 | // 布局 | 192 | // 布局 |
190 | let layout = Vue.ref({ | 193 | let layout = Vue.ref({ |
@@ -695,6 +698,24 @@ export default { | @@ -695,6 +698,24 @@ export default { | ||
695 | getPage(props.viewTypeId); | 698 | getPage(props.viewTypeId); |
696 | } | 699 | } |
697 | }) | 700 | }) |
701 | + let selectAll=()=>{ | ||
702 | + isAllSelect=!isAllSelect; | ||
703 | + if(isAllSelect){ | ||
704 | + dataList.value.filter(function (v) { | ||
705 | + v.checked = false | ||
706 | + | ||
707 | + }) | ||
708 | + proxy.selectText='全选'; | ||
709 | + }else{ | ||
710 | + dataList.value.filter(function (v) { | ||
711 | + v.checked = true | ||
712 | + | ||
713 | + }) | ||
714 | + proxy.selectText='取消全选'; | ||
715 | + | ||
716 | + } | ||
717 | + | ||
718 | + } | ||
698 | 719 | ||
699 | 720 | ||
700 | return { | 721 | return { |
@@ -742,7 +763,10 @@ export default { | @@ -742,7 +763,10 @@ export default { | ||
742 | isAdmin, | 763 | isAdmin, |
743 | reNameFile, | 764 | reNameFile, |
744 | reNameFileFlg, | 765 | reNameFileFlg, |
745 | - editType | 766 | + editType, |
767 | + selectAll, | ||
768 | + isAllSelect, | ||
769 | + selectText | ||
746 | 770 | ||
747 | } | 771 | } |
748 | } | 772 | } |
-
Please register or login to post a comment