Skip to content

P
pptist
Commit 25fcbf22 authored by zhengke's avatar zhengke
Browse files
Options

云盘

parent 905c567a
Hide whitespace changes
Inline Side-by-side
Showing with 94 additions and 75 deletions
src/components/CloudDisk/CloudDiskList.vue
View file @ 25fcbf22
...@@ -132,20 +132,23 @@ ...@@ -132,20 +132,23 @@
<el-dropdown trigger="click" @visible-change="changeDrop(2)" <el-dropdown trigger="click" @visible-change="changeDrop(2)"
:class="[currentSearchType==2?'DiskRHActive':'']" class="cusor-pointer"> :class="[currentSearchType==2?'DiskRHActive':'']" class="cusor-pointer">
<el-button color="#EFEFEF"> <div style="position: relative;width: 95px;height: 34px;">
<el-button color="#EFEFEF" style="position:absolute;left: 0;right: 0;z-index: 2;">
<span class="cusor-pointer">添加时间</span> <el-icon color="#9DA2AA" class="el-icon--right"><arrow-down /></el-icon> <span class="cusor-pointer">添加时间</span> <el-icon color="#9DA2AA" class="el-icon--right"><arrow-down /></el-icon>
<div class="CloudDisk-R-Date">
<el-date-picker
style="width: 95px;"
v-model="queryObj.date"
type="daterange"
start-placeholder=""
end-placeholder=""
value-format="YY-MM-DD"
ref="dropdownDade"
/>
</div>
</el-button> </el-button>
<div class="CloudDisk-R-Date">
<el-date-picker
class="CloudDisk-date"
style="width: 95px;"
v-model="queryObj.date"
type="daterange"
start-placeholder=""
end-placeholder=""
value-format="YY-MM-DD"
ref="dropdownDade"
/>
</div>
</div>
</el-dropdown> </el-dropdown>
<el-dropdown trigger="click" @visible-change="changeDrop(3)" <el-dropdown trigger="click" @visible-change="changeDrop(3)"
@command="OpenDropdown" @command="OpenDropdown"
...@@ -406,9 +409,7 @@ ...@@ -406,9 +409,7 @@
if(x.ID==queryObj.layout) x.check = true if(x.ID==queryObj.layout) x.check = true
}) })
const MultipleChoice = (row:Array) =>{ const newDatasSelected = () =>{
datas.SelectedDatas = row
console.log(datas.SelectedDatas,'---000')
if(datas.SelectedDatas.length==0) { if(datas.SelectedDatas.length==0) {
datas.selectAll = false datas.selectAll = false
datas.indeterminate = false datas.indeterminate = false
...@@ -422,10 +423,21 @@ ...@@ -422,10 +423,21 @@
} }
} }
const MultipleChoice = (row:Array) =>{
datas.SelectedDatas = row
newDatasSelected()
}
const setSelecAll = () => { const setSelecAll = () => {
if(datas.selectAll){ if(datas.selectAll){
dataList.value.forEach(x=>{
x.check = true
})
datas.SelectedDatas = dataList.value.map(x=>{x.DetailsId}) datas.SelectedDatas = dataList.value.map(x=>{x.DetailsId})
}else{ }else{
dataList.value.forEach(x=>{
x.check = false
})
datas.SelectedDatas = [] datas.SelectedDatas = []
} }
datas.indeterminate = false datas.indeterminate = false
...@@ -700,6 +712,7 @@ const SearchImg = () =>{ ...@@ -700,6 +712,7 @@ const SearchImg = () =>{
dataList.value = dataList.value.concat(pageRes.data.data.pageData); dataList.value = dataList.value.concat(pageRes.data.data.pageData);
srcList.value = srcList.value.concat(imgs); srcList.value = srcList.value.concat(imgs);
queryObj.pageCount = pageRes.data.data.pageCount; queryObj.pageCount = pageRes.data.data.pageCount;
newDatasSelected()
} }
loading.value = false; loading.value = false;
RefreshLoading.value = false; RefreshLoading.value = false;
...@@ -738,19 +751,13 @@ onMounted(()=>{ ...@@ -738,19 +751,13 @@ onMounted(()=>{
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.CloudDisk-R-Date{ .CloudDisk-R-Date{
width: 0; position: absolute;
} left: 0;
.CloudDisk-R-Date::v-deep(.el-scrollbar+.el-popper__arrow){ top: 0;
display: none; right: 0;
} bottom: 0;
.CloudDisk-R-Date::v-deep(.el-date-editor){
opacity: 0;
height: 0;
width: 0;
position: relative;
left: -100px;
top: 15px;
z-index: 0; z-index: 0;
opacity: 0;
} }
.figureTBOX.active{ .figureTBOX.active{
color: #3556F9; color: #3556F9;
......
src/components/CloudDisk/waterfallFlowList.vue
View file @ 25fcbf22
...@@ -11,53 +11,58 @@ ...@@ -11,53 +11,58 @@
:loadProps="loadProps" :loadProps="loadProps"
> >
<template #item="{ item, url, index }"> <template #item="{ item, url, index }">
<el-dropdown trigger="click"> <div style="position: relative;">
<div class="CloudDisk-R-Box cursor-pointer" :key="index"> <el-checkbox style="position: absolute;left: 30px;top: -3px;"
<div class="CloudDisk-R-Img"> class="fz14" label="" v-model="item.check"
<LazyImg :url="item.FilePath" @change="handleSelectionChange(item)"/>
class="rounded" style="display: block;"/> <el-dropdown trigger="click">
<div class="CloudDisk-R-Box cursor-pointer" :key="index">
<div class="CloudDisk-R-Img">
<LazyImg :url="item.FilePath"
class="rounded" style="display: block;"/>
</div>
<span class="title block">
{{item.FileName}}
</span>
</div> </div>
<span class="title block"> <template #dropdown>
{{item.FileName}} <div class="cloudDownName microsoft">
</span> <div class="col row items-center" style="color:#000;" v-if="editorTarget!=item.DetailsId">
</div> <span class="grow">{{item.FileName}}</span>
<template #dropdown> <IconPencli size="14" class="q-ml-md cusor-pointer editor-pencli" @click="setNameHandler(item)"></IconPencli>
<div class="cloudDownName microsoft"> </div>
<div class="col row items-center" style="color:#000;" v-if="editorTarget!=item.DetailsId"> <div class="col row items-center" v-else>
<span class="grow">{{item.FileName}}</span> <el-input v-model="nickNam" placeholder="请输入用户昵称" size="small" class="col" />
<IconPencli size="14" class="q-ml-md cusor-pointer editor-pencli" @click="setNameHandler(item)"></IconPencli> <el-button link size="small" class="q-ml-sm" type="primary" @click="setCloudNameHandler(item)"
</div> :loading="editLoading">确认</el-button>
<div class="col row items-center" v-else> <el-button link size="small" style="margin-left: 5px;" @click="setNameHandler">取消</el-button>
<el-input v-model="nickNam" placeholder="请输入用户昵称" size="small" class="col" /> </div>
<el-button link size="small" class="q-ml-sm" type="primary" @click="setCloudNameHandler(item)" </div>
:loading="editLoading">确认</el-button> <div class="cloudDownText row flex-between">
<el-button link size="small" style="margin-left: 5px;" @click="setNameHandler">取消</el-button> <span>类型</span>
</div> <span>图片</span>
</div> </div>
<div class="cloudDownText row flex-between"> <div class="cloudDownText row flex-between">
<span>类型</span> <span>格式</span>
<span>图片</span> <span>{{item.ExtName}}</span>
</div> </div>
<div class="cloudDownText row flex-between"> <div class="cloudDownText row flex-between" v-if="item.WithHeight">
<span>格式</span> <span>尺寸</span>
<span>{{item.ExtName}}</span> <span>{{item.WithHeight}} px</span>
</div> </div>
<div class="cloudDownText row flex-between" v-if="item.WithHeight"> <div class="cloudDownText cloudDownTextLin row flex-between">
<span>尺寸</span> <span>大小</span>
<span>{{item.WithHeight}} px</span> <span>{{item.FileSize}} kb</span>
</div> </div>
<div class="cloudDownText cloudDownTextLin row flex-between"> <el-dropdown-menu class="q-pa-md microsoft">
<span>大小</span> <el-dropdown-item icon="CopyDocument" @click="CopyTo(item)">复制到</el-dropdown-item>
<span>{{item.FileSize}} kb</span> <el-dropdown-item icon="Expand" @click="MoveFile(item)">移动到</el-dropdown-item>
</div> <el-dropdown-item icon="Delete" @click="deleteImg(item)">删除</el-dropdown-item>
<el-dropdown-menu class="q-pa-md microsoft"> <el-dropdown-item icon="View" @click="getImg(item,index)">查看</el-dropdown-item>
<el-dropdown-item icon="CopyDocument" @click="CopyTo(item)">复制到</el-dropdown-item> </el-dropdown-menu>
<el-dropdown-item icon="Expand" @click="MoveFile(item)">移动到</el-dropdown-item> </template>
<el-dropdown-item icon="Delete" @click="deleteImg(item)">删除</el-dropdown-item> </el-dropdown>
<el-dropdown-item icon="View" @click="getImg(item,index)">查看</el-dropdown-item> </div>
</el-dropdown-menu>
</template>
</el-dropdown>
</template> </template>
</Waterfall> </Waterfall>
...@@ -96,8 +101,15 @@ ...@@ -96,8 +101,15 @@
const multipleSelection = ref([] as any) const multipleSelection = ref([] as any)
const handleSelectionChange = (row: any) =>{ const handleSelectionChange = (row: any) =>{
multipleSelection.value.push(row.DetailsId) let filter = props.Parent.SelectedDatas.filter(x=>x==row.DetailsId)
emit('MultipleChoice',multipleSelection.value) if(filter.length==0&&row.check) {
multipleSelection.value.push(row.DetailsId)
emit('MultipleChoice',multipleSelection.value)
}else {
let newFilter = props.Parent.SelectedDatas.filter(x=>x!=row.DetailsId)
multipleSelection.value = newFilter
emit('MultipleChoice',multipleSelection.value)
}
} }
const setCloudNameHandler = async (target:any)=>{ const setCloudNameHandler = async (target:any)=>{
if(editLoading.value || nickNam.value=='' || !nickNam.value) return if(editLoading.value || nickNam.value=='' || !nickNam.value) return
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment