Skip to content

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

修复销售 模版 广告翻页

parent 83b2495b
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 86 deletions
src/views/SellTemplate/SellTemplate.vue
View file @ a4af1baf
<template>
<div ref="SellTemplateRef">
<el-row justify="space-between" class="items-center">
<el-col :span="6" class="row items-center">
<el-button-group class="ml-4">
<template v-for="item in TemplateTypeList">
<el-button type="primary"
:plain="queryObj.TemplateType==item.Id?false:true" size="small"
@click="setTemplateType(item.Id)">
{{item.Name}}
</el-button>
</template>
</el-button-group>
</el-col>
<el-col :span="6">
<el-input v-model="queryObj.Title" placeholder="输入关键字快速查找" class="input-with-select">
<template #append>
<el-button type="primary" @click="querySearchHandler">搜索</el-button>
</template>
</el-input>
</el-col>
<el-col :span="6" class="row flex-end">
<sellNavs />
</el-col>
</el-row>
<div style="margin-top: 20px;">
<div v-if="dataList.length>0" class="bg-white column q-mt-lg rounded q-px-lg">
<div class="row flex-between nowrap sellHeader">
<div>名称</div>
<div>创建人</div>
<div>更新时间</div>
<div>操作</div>
</div>
<div class="row flex-between nowrap sellList pointer" v-for="(item,index) in dataList">
<div>
<el-tag class="mx-1 q-mr-md" effect="dark" v-if="item.TemplateType==2"
size="small">广告</el-tag>
<span v-else class="iconfont icon-pdf sellPdf"></span>
<span>{{item.Title}}</span>
</div>
<div>
{{item.CreateByName}}
<span class="sellCreateTime">{{item.CreateTime}}</span>
<div ref="SellTemplateRef" style="background: #f3f6fb;height:100vh;overflow: auto;">
<div style="padding: 30px; max-width:1440px; margin:0 auto;">
<el-row justify="space-between" class="items-center">
<el-col :span="6" class="row items-center">
<el-button-group class="ml-4">
<template v-for="item in TemplateTypeList">
<el-button type="primary"
:plain="queryObj.TemplateType==item.Id?false:true" size="small"
@click="setTemplateType(item.Id)">
{{item.Name}}
</el-button>
</template>
</el-button-group>
</el-col>
<el-col :span="6">
<el-input v-model="queryObj.Title" placeholder="输入关键字快速查找" class="input-with-select">
<template #append>
<el-button type="primary" @click="querySearchHandler">搜索</el-button>
</template>
</el-input>
</el-col>
<el-col :span="6" class="row flex-end">
<sellNavs />
</el-col>
</el-row>
<div style="margin-top: 20px;">
<div v-if="dataList.length>0" class="bg-white column q-mt-lg rounded q-px-lg">
<div class="row flex-between nowrap sellHeader">
<div>名称</div>
<div>创建人</div>
<div>更新时间</div>
<div>操作</div>
</div>
<div>{{item.UpdateTime}}</div>
<div class="row flex-between">
<div class="row flex-between nowrap sellList pointer" v-for="(item,index) in dataList">
<div>
<el-tooltip
class="box-item"
effect="dark"
content="编辑"
placement="top">
<el-button type="primary" icon="Edit" size="small" @click="editDelete(item,0)"></el-button>
</el-tooltip>
<el-tag class="mx-1 q-mr-md" effect="dark" v-if="item.TemplateType==2"
size="small">广告</el-tag>
<span v-else class="iconfont icon-pdf sellPdf"></span>
<span>{{item.Title}}</span>
</div>
<div>
<el-tooltip
class="box-item q-mr-md"
effect="dark"
content="删除"
placement="top">
<el-button type="primary" icon="Delete" size="small" @click="editDelete(item,1)"></el-button>
</el-tooltip>
{{item.CreateByName}}
<span class="sellCreateTime">{{item.CreateTime}}</span>
</div>
<div>
<Popover trigger="click" placement="bottom-start" v-model:value="item.show">
<template #content>
<QRCode
:value="item.ShareUrl"
:bordered="false" />
</template>
<div>{{item.UpdateTime}}</div>
<div class="row flex-between">
<div>
<el-tooltip
class="box-item"
effect="dark"
content="分享"
content="编辑"
placement="top">
<el-button type="primary" icon="Share" size="small"></el-button>
<el-button type="primary" icon="Edit" size="small" @click="editDelete(item,0)"></el-button>
</el-tooltip>
</div>
<div>
<el-tooltip
class="box-item q-mr-md"
effect="dark"
content="删除"
placement="top">
<el-button type="primary" icon="Delete" size="small" @click="editDelete(item,1)"></el-button>
</el-tooltip>
</Popover>
</div>
<div>
<Popover trigger="click" placement="bottom-start" v-model:value="item.show">
<template #content>
<QRCode
:value="item.ShareUrl"
:bordered="false" />
</template>
<el-tooltip
class="box-item"
effect="dark"
content="分享"
placement="top">
<el-button type="primary" icon="Share" size="small"></el-button>
</el-tooltip>
</Popover>
</div>
</div>
</div>
</div>
<div v-else-if="dataList.length == 0 && !loading" class="q-mt-lg bg-white rounded"
style="padding: 30px 10px 30px 10px;">
<el-empty description="暂无数据" />
</div>
<el-divider class="no-bg q-mt-lg" v-if='queryObj.pageCount == queryObj.pageIndex && !loading'>
<span class="text-samll bg-white" style="background: #f3f6fb;padding: 0 10px;color:#a3a3a3">已加载完成所有数据</span>
</el-divider>
<div style="height:40px;" class="q-mt-md no-bg" background="transparent" v-loading="loading" element-loading-text="正在加载中"></div>
</div>
<div v-else-if="dataList.length == 0 && !loading" class="q-mt-lg bg-white rounded"
style="padding: 30px 10px 30px 10px;">
<el-empty description="暂无数据" />
</div>
<el-divider class="no-bg q-mt-lg" v-if='queryObj.pageCount == queryObj.pageIndex && !loading'>
<span class="text-samll bg-white" style="background: #f3f6fb;padding: 0 10px;color:#a3a3a3">已加载完成所有数据</span>
</el-divider>
<div style="height:40px;" class="q-mt-md no-bg" background="transparent" v-loading="loading" element-loading-text="正在加载中"></div>
</div>
</div>
</template>
......@@ -142,6 +145,7 @@
console.log(Id)
queryObj.TemplateType = Id
searchData.value.SellTemplateType = Id
queryObj.pageIndex = 1
querySearchHandler()
}
const DeleteTemplate = async (item:any) => {
......@@ -231,7 +235,7 @@
if(SellTemplateRef.value && !loading.value){
let maxHeight = SellTemplateRef.value.scrollHeight - SellTemplateRef.value.offsetHeight
let scrollTop = SellTemplateRef.value.scrollTop
if(maxHeight - scrollTop==0 && queryObj.pageCount > queryObj.pageIndex) {
if((maxHeight - scrollTop==0||maxHeight - scrollTop<1) && queryObj.pageCount > queryObj.pageIndex) {
queryObj.pageIndex++
querySearchHandler()
}
......
src/views/SellTemplate/index.vue
View file @ a4af1baf
<template>
<div class="common-layout" style="background: #f3f6fb;height:100vh;overflow: auto;">
<div style="padding: 30px; max-width:1440px; margin:0 auto;height: 100%;">
<div class="rounded-bottom rounded-top">
<SellTemplate />
</div>
</div>
</div>
<SellTemplate />
</template>
<script setup lang="ts">
......
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