Authored by 鲁尚清

文档管理右上角增加全选按钮,在表格视图时候不展示

... ... @@ -53,3 +53,6 @@ custom-class="config-dialog"
transform: rotate(360deg)
}
}
.select-all .el-button{
height:42px;
}
\ No newline at end of file
... ...
... ... @@ -59,13 +59,22 @@
<i class="iconfont icon-shanchuwenjianjia"></i>
删除
</el-button>
<el-button :size="$global.elementSize" @click="restore()" v-if="isRecycle">
<el-button :size="$global.elementSize" @click="restore()" v-if="isRecycle">
<i class="iconfont icon-lunxun"></i>
还原
</el-button>
</div>
<div class="select-all">
<el-button type="primary" :size="$global.elementSize" @click="selectAll()" v-if="activeBtn == 'view'" >
{{selectText}}
</el-button>
</div>
<div style="text-align: right;width: 150px">
<el-button-group>
<el-button :size="$global.elementSize" :type="activeBtn == 'view' ? 'primary' : ''"
@click="activeModel('view')">
... ...
... ... @@ -185,6 +185,9 @@ export default {
let activeBtn = Vue.ref('view');
// // 当前展示视图
// let viewEdit = Vue.ref(false);
//是否全选
let isAllSelect=Vue.ref(false);
let selectText=Vue.ref("全选")
// 布局
let layout = Vue.ref({
... ... @@ -695,6 +698,24 @@ export default {
getPage(props.viewTypeId);
}
})
let selectAll=()=>{
isAllSelect=!isAllSelect;
if(isAllSelect){
dataList.value.filter(function (v) {
v.checked = false
})
proxy.selectText='全选';
}else{
dataList.value.filter(function (v) {
v.checked = true
})
proxy.selectText='取消全选';
}
}
return {
... ... @@ -742,7 +763,10 @@ export default {
isAdmin,
reNameFile,
reNameFileFlg,
editType
editType,
selectAll,
isAllSelect,
selectText
}
}
... ...