Commit dfa18aca authored by zhengke's avatar zhengke

修复 翻页

parent 8e1443f1
<template> <template>
<div class="q-px-md q-pt-lg column full-height"> <div class="q-px-md q-pt-lg column full-height" ref="currentRootDom">
<div class="q-pl-lg row q-mb-lg"> <div class="q-pl-lg row q-mb-lg">
<div class="col row items-center q-pl-md"> <div class="col row items-center q-pl-md">
<h5 class="row items-center"> <h5 class="row items-center">
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
</el-dropdown> --> </el-dropdown> -->
</div> </div>
</div> </div>
<div ref="SellTemplateRef" class="col full-width q-ml-md"> <div ref="SellTemplateRef" class="col full-width q-ml-md journeyAdsScrollbar">
<el-scrollbar @scroll="scrollingHandler" style="height: 100%;"> <el-scrollbar @scroll="scrollingHandler" style="height: 100%;">
<journeyAdsList <journeyAdsList
:current-menu="currentMenu" :current-menu="currentMenu"
...@@ -93,6 +93,7 @@ ...@@ -93,6 +93,7 @@
const deleteLoading = ref<any>(null); const deleteLoading = ref<any>(null);
const removeShareLoading = ref<any>(null); const removeShareLoading = ref<any>(null);
const RefreshLoading = ref(false) const RefreshLoading = ref(false)
const currentRootDom = ref()
const datas = reactive({ const datas = reactive({
selectedDatas: [] as Array, selectedDatas: [] as Array,
selectAll: false as any, selectAll: false as any,
...@@ -199,12 +200,13 @@ ...@@ -199,12 +200,13 @@
} }
}; };
const refreshHandler = (obj:any) => { const refreshHandler = (obj:any) => {
currentRootDom.value.click()
if(obj){ if(obj){
if(obj.FileId) { if(obj.FileId) {
queryObj.FileId = obj.FileId queryObj.FileId = obj.FileId
} }
if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
if(obj.FileName) queryObj.FileName = obj.FileName if(obj.FileName==''||obj.FileName) queryObj.FileName = obj.FileName
} }
RefreshLoading.value = true; RefreshLoading.value = true;
queryObj.pageIndex = 1; queryObj.pageIndex = 1;
...@@ -229,27 +231,12 @@ ...@@ -229,27 +231,12 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/assets/styles/common.css"); .journeyAdsScrollbar {
.SelectAllBox { ::v-deep(.el-table__inner-wrapper::before){
position: relative; width: 0px;
top: 3px; height: 0px;
} }
.journeyAds-container th {
background: #fff;
position: sticky;
top: 0px;
z-index: 2;
}
.journeyAds-container th {
border-bottom: 1px solid #f6f6f6;
}
.journeyAds-container th:first-child {
border: 0;
}
.active {
color: $themeColor;
} }
</style> </style>
\ No newline at end of file
<template> <template>
<div class="q-px-md q-pt-lg column full-height"> <div class="q-px-md q-pt-lg column full-height" ref="currentRootDom">
<div class="q-pl-lg row q-mb-lg"> <div class="q-pl-lg row q-mb-lg">
<div class="col row items-center q-pl-md"> <div class="col row items-center q-pl-md">
<h5 class="row items-center"> <h5 class="row items-center">
...@@ -83,6 +83,7 @@ ...@@ -83,6 +83,7 @@
const searchData = ref({} as any); const searchData = ref({} as any);
searchData.value = inject(injectKeyTemplate); searchData.value = inject(injectKeyTemplate);
const RefreshLoading = ref(false) const RefreshLoading = ref(false)
const currentRootDom = ref()
const datas = reactive({ const datas = reactive({
selectedDatas: [] as Array, selectedDatas: [] as Array,
selectAll: false as any, selectAll: false as any,
...@@ -188,13 +189,14 @@ ...@@ -188,13 +189,14 @@
} }
}; };
const refreshHandler = (obj:any) => { const refreshHandler = (obj:any) => {
currentRootDom.value.click()
if(obj){ if(obj){
if(obj.FileId) { if(obj.FileId) {
queryObj.FileId = obj.FileId queryObj.FileId = obj.FileId
datas.selectedDatas = [] datas.selectedDatas = []
} }
if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
if(obj.FileName) queryObj.FileName = obj.FileName if(obj.FileName==''||obj.FileName) queryObj.FileName = obj.FileName
if(obj.Navigations) Navigations.value = obj.Navigations if(obj.Navigations) Navigations.value = obj.Navigations
} }
RefreshLoading.value = true; RefreshLoading.value = true;
...@@ -251,95 +253,11 @@ ...@@ -251,95 +253,11 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/assets/styles/common.css");
.SelectAllBox {
position: relative;
top: 3px;
}
.journeyAdsScrollbar { .journeyAdsScrollbar {
::v-deep(.el-table__inner-wrapper::before){ ::v-deep(.el-table__inner-wrapper::before){
width: 0px !important; width: 0px;
height: 0px !important; height: 0px;
left: initial !important; }
bottom: initial !important;
}
}
.journeyAds-title {
}
.journeyAds-TitleCenter {
width: 100%;
height: 18px;
margin-bottom: 3px;
overflow: hidden; /* 隐藏超出部分 */
text-overflow: ellipsis; /* 显示省略号 */
white-space: wrap; /* 不换行 */
position: relative;
padding-right: 20px;
}
.journeyAds-TitleCenter span {
position: absolute;
right: 16px;
top: 0px;
}
.journeyAds-Input {
padding-right: 20px;
position: relative;
margin-bottom: 2px;
::v-deep(.el-textarea__inner) {
padding: 5px;
background: #f5f5f5;
}
}
.journeyAds-container {
position: relative;
overflow: auto;
}
.journeyAds-container th {
background: #fff;
position: sticky;
top: 0px;
z-index: 2;
}
.journeyAdsple-table td > div {
display: flex;
}
.journeyAdsple-table td,
.journeyAds-container th {
border-bottom: 1px solid #f6f6f6;
}
.journeyAdsple-table td:first-child,
.journeyAdsple-table td:nth-child(2),
.journeyAds-container th:first-child {
border: 0;
}
.journeyAdsple-table td {
padding-bottom: 6px;
}
.journeyAdsple-table td:nth-child(2) {
padding-bottom: 0;
}
.hoverShow {
opacity: 0;
}
.journeyAdsple-table:hover .hoverShow {
opacity: 1;
}
.share-icon-box{
position: relative;
}
.share-icon-box::after{
display: block;
position: absolute;
bottom: -4px;
right: 6px;
content: " ";
background: url('@/assets/img/share.png');
width: 14px;
height: 14px;
z-index: 2;
}
.active {
color: $themeColor;
} }
</style> </style>
\ No newline at end of file
<template> <template>
<div class="q-px-md q-pt-lg column full-height"> <div class="q-px-md q-pt-lg column full-height" ref="currentRootDom">
<div class="q-pl-lg row q-mb-lg"> <div class="q-pl-lg row q-mb-lg">
<div class="col row items-center q-pl-md"> <div class="col row items-center q-pl-md">
<h5 class="row items-center"> <h5 class="row items-center">
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</el-dropdown> --> </el-dropdown> -->
</div> </div>
</div> </div>
<div ref="SellTemplateRef" class="col full-width q-ml-md"> <div ref="SellTemplateRef" class="col full-width q-ml-md journeyAdsScrollbar">
<el-scrollbar @scroll="scrollingHandler" style="height: 100%;"> <el-scrollbar @scroll="scrollingHandler" style="height: 100%;">
<journeyAdsList <journeyAdsList
:current-menu="currentMenu" :current-menu="currentMenu"
...@@ -128,6 +128,7 @@ ...@@ -128,6 +128,7 @@
const searchData = ref({} as any); const searchData = ref({} as any);
searchData.value = inject(injectKeyTemplate); searchData.value = inject(injectKeyTemplate);
const RefreshLoading = ref(false) const RefreshLoading = ref(false)
const currentRootDom = ref()
const datas = reactive({ const datas = reactive({
selectedDatas: [] as Array, selectedDatas: [] as Array,
selectAll: false as any, selectAll: false as any,
...@@ -260,13 +261,14 @@ ...@@ -260,13 +261,14 @@
} }
}; };
const refreshHandler = (obj:any) => { const refreshHandler = (obj:any) => {
currentRootDom.value.click()
if(obj){ if(obj){
if(obj.FileId) { if(obj.FileId) {
queryObj.FileId = obj.FileId queryObj.FileId = obj.FileId
datas.selectedDatas = [] datas.selectedDatas = []
} }
if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType if(obj.OrderByType) queryObj.OrderByType = obj.OrderByType
if(obj.FileName) queryObj.FileName = obj.FileName if(obj.FileName==''||obj.FileName) queryObj.FileName = obj.FileName
if(obj.Navigations) Navigations.value = obj.Navigations if(obj.Navigations) Navigations.value = obj.Navigations
} }
RefreshLoading.value = true; RefreshLoading.value = true;
...@@ -323,87 +325,11 @@ ...@@ -323,87 +325,11 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/assets/styles/common.css"); .journeyAdsScrollbar {
.SelectAllBox { ::v-deep(.el-table__inner-wrapper::before){
position: relative; width: 0px;
top: 3px; height: 0px;
} }
.journeyAds-title {
}
.journeyAds-TitleCenter {
width: 100%;
height: 18px;
margin-bottom: 3px;
overflow: hidden; /* 隐藏超出部分 */
text-overflow: ellipsis; /* 显示省略号 */
white-space: wrap; /* 不换行 */
position: relative;
padding-right: 20px;
}
.journeyAds-TitleCenter span {
position: absolute;
right: 16px;
top: 0px;
}
.journeyAds-Input {
padding-right: 20px;
position: relative;
margin-bottom: 2px;
::v-deep(.el-textarea__inner) {
padding: 5px;
background: #f5f5f5;
}
}
.journeyAds-container {
position: relative;
overflow: auto;
}
.journeyAds-container th {
background: #fff;
position: sticky;
top: 0px;
z-index: 2;
}
.journeyAdsple-table td > div {
display: flex;
}
.journeyAdsple-table td,
.journeyAds-container th {
border-bottom: 1px solid #f6f6f6;
}
.journeyAdsple-table td:first-child,
.journeyAdsple-table td:nth-child(2),
.journeyAds-container th:first-child {
border: 0;
}
.journeyAdsple-table td {
padding-bottom: 6px;
}
.journeyAdsple-table td:nth-child(2) {
padding-bottom: 0;
}
.hoverShow {
opacity: 0;
}
.journeyAdsple-table:hover .hoverShow {
opacity: 1;
}
.share-icon-box{
position: relative;
}
.share-icon-box::after{
display: block;
position: absolute;
bottom: -4px;
right: 6px;
content: " ";
background: url('@/assets/img/share.png');
width: 14px;
height: 14px;
z-index: 2;
}
.active {
color: $themeColor;
} }
</style> </style>
\ No newline at end of file
<template> <template>
<el-table ref="currentRootDom" class="sample-table" :data="dataList" style="width: 100%" height="100%" <el-table class="sample-table" :data="dataList" style="width: 100%"
@sort-change="sortHandler" :default-sort="{ prop: 'CreateTime', order: 'descending' }" @sort-change="sortHandler" :default-sort="{ prop: 'CreateTime', order: 'descending' }"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
<el-table-column type="selection" width="20" v-if="currentMenu==3||currentMenu==4"/> <el-table-column type="selection" width="20" v-if="currentMenu==3||currentMenu==4"/>
...@@ -250,7 +250,6 @@ import CopyFile from "./CopyFile.vue"; ...@@ -250,7 +250,6 @@ import CopyFile from "./CopyFile.vue";
const removeShareLoading = ref<any>(null); const removeShareLoading = ref<any>(null);
const editObj = reactive({}); const editObj = reactive({});
const filterFileNameStatus = ref(false) const filterFileNameStatus = ref(false)
const currentRootDom = ref()
const showItemId = ref(0) const showItemId = ref(0)
if(props.currentMenu==0){ if(props.currentMenu==0){
datas.Title = '最近浏览' datas.Title = '最近浏览'
...@@ -287,10 +286,9 @@ import CopyFile from "./CopyFile.vue"; ...@@ -287,10 +286,9 @@ import CopyFile from "./CopyFile.vue";
} }
const setFilterNameHandler = (t:0|1)=>{ const setFilterNameHandler = (t:0|1)=>{
filterFileNameStatus.value = false filterFileNameStatus.value = false
if(!t) queryObj.FileName='' if(!t) queryObj.value.FileName=''
currentRootDom.value.click()
let obj = { let obj = {
FileName: queryObj.FileName FileName: queryObj.value.FileName
} }
emit('refreshHandler',obj) emit('refreshHandler',obj)
} }
...@@ -620,7 +618,8 @@ import CopyFile from "./CopyFile.vue"; ...@@ -620,7 +618,8 @@ import CopyFile from "./CopyFile.vue";
}) })
</script> </script>
<style> <style lang="scss">
.journeyAds-Input { .journeyAds-Input {
padding-right: 20px; padding-right: 20px;
position: relative; position: relative;
......
<template> <template>
<div class="q-px-md q-pt-lg column full-height"> <div class="q-px-md q-pt-lg column full-height" ref="currentRootDom">
<div class="q-pl-lg row q-mb-lg"> <div class="q-pl-lg row q-mb-lg">
<div class="col row items-center q-pl-md"> <div class="col row items-center q-pl-md">
<h5 class="row items-center"> <h5 class="row items-center">
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
<el-scrollbar @scroll="scrollingHandler" class="q-px-md" style="height: 100%;"> <el-scrollbar @scroll="scrollingHandler" class="q-px-md" style="height: 100%;">
</el-scrollbar> </el-scrollbar>
</div> --> </div> -->
<div ref="SellTemplateRef" class="col full-width q-ml-md"> <div ref="SellTemplateRef" class="col full-width q-ml-md journeyAdsScrollbar">
<el-scrollbar @scroll="scrollingHandler" style="height: 100%;"> <el-scrollbar @scroll="scrollingHandler" style="height: 100%;">
<journeyAdsList <journeyAdsList
:current-menu="currentMenu" :current-menu="currentMenu"
...@@ -147,6 +147,7 @@ const NewDataList = ref([] as Array<any>); ...@@ -147,6 +147,7 @@ const NewDataList = ref([] as Array<any>);
const searchData = ref({} as any); const searchData = ref({} as any);
searchData.value = inject(injectKeyTemplate); searchData.value = inject(injectKeyTemplate);
const RefreshLoading = ref(false) const RefreshLoading = ref(false)
const currentRootDom = ref()
const datas = reactive({ const datas = reactive({
selectedDatas: [] as Array, selectedDatas: [] as Array,
selectAll: false as any, selectAll: false as any,
...@@ -278,6 +279,7 @@ const scrollingHandler = () => { ...@@ -278,6 +279,7 @@ const scrollingHandler = () => {
} }
}; };
const refreshHandler = (obj:any) => { const refreshHandler = (obj:any) => {
currentRootDom.value.click()
if(obj){ if(obj){
if(obj.FileId) { if(obj.FileId) {
queryObj.FileId = obj.FileId queryObj.FileId = obj.FileId
...@@ -341,5 +343,10 @@ querySearchHandler(); ...@@ -341,5 +343,10 @@ querySearchHandler();
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.journeyAdsScrollbar {
::v-deep(.el-table__inner-wrapper::before){
width: 0px;
height: 0px;
}
}
</style> </style>
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