|
|
|
@ -271,7 +271,6 @@ const reset = function () { |
|
|
|
beanConsumeArticle.value.endTime = '' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
sortField.value = '' |
|
|
|
sortOrder.value = '' |
|
|
|
getTime.value = {} |
|
|
|
@ -317,8 +316,6 @@ const get7Days = function () { |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 处理排序事件 |
|
|
|
const handleSortChange = (column) => { |
|
|
|
console.log('排序字段：', column.prop) |
|
|
|
@ -463,51 +460,69 @@ const getTagText = (state) => { |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
<el-card class="card1" style="margin-bottom: 1vh"> |
|
|
|
<el-card class="card1" style="margin-bottom: 0.5vh"> |
|
|
|
<el-col style="margin-bottom: 1vh; "> |
|
|
|
<div style="display:flex"> |
|
|
|
<div style="width: 13vw; display:flex; align-items:center; justify-content: center;"> |
|
|
|
<el-text>精网号：</el-text> |
|
|
|
<el-input v-model="beanConsumeArticle.jwcode" style="width:8vw;margin-left: 0.5vw;" placeholder="请输入精网号" clearable /> |
|
|
|
<div class="select"> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">精网号：</el-text> |
|
|
|
<el-input class="selectContent" v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号" |
|
|
|
clearable/> |
|
|
|
</div> |
|
|
|
<div style="width: 13vw; display:flex; align-items:center; justify-content: center;"> |
|
|
|
<el-text>地区：</el-text> |
|
|
|
<el-select v-model="beanConsumeArticle.dept" style="width:8vw; margin-left: 0.5vw;" placeholder="请选择地区" clearable> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">地区：</el-text> |
|
|
|
<el-select class="selectContent" v-model="beanConsumeArticle.dept" |
|
|
|
placeholder="请选择地区" |
|
|
|
clearable> |
|
|
|
<el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div style="width: 13vw; display:flex;align-items:center; justify-content: center;"> |
|
|
|
<el-text>类型：</el-text> |
|
|
|
<el-select v-model="beanConsumeArticle.payMode" style="width:8vw; margin-left: 0.5vw;" placeholder="请选择类型" clearable @change="handlePayModeChange"> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">类型：</el-text> |
|
|
|
<el-select class="selectContent" |
|
|
|
style="width: 20px" |
|
|
|
v-model="beanConsumeArticle.payMode" |
|
|
|
placeholder="请选择类型" clearable |
|
|
|
@change="handlePayModeChange" |
|
|
|
|
|
|
|
> |
|
|
|
<el-option label="打赏" value="0"/> |
|
|
|
<el-option label="付费购买" value="1"/> |
|
|
|
<el-option label="其他" value="2"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div style="width: 15vw; display:flex; align-items:center; justify-content: center;"> |
|
|
|
<el-text>文章/视频ID:</el-text> |
|
|
|
<el-input v-model="beanConsumeArticle.articleId" style="width:8vw; margin-left: 0.5vw;" placeholder="请输入文章/视频ID" clearable /> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">文章/视频ID:</el-text> |
|
|
|
<el-input class="selectContent" v-model="beanConsumeArticle.articleId" |
|
|
|
placeholder="请输入文章/视频ID" clearable/> |
|
|
|
</div> |
|
|
|
<div style="width: 16vw; display:flex; align-items:center; justify-content: center;"> |
|
|
|
<el-text>文章/视频标题：</el-text> |
|
|
|
<el-input v-model="beanConsumeArticle.articleName" style="width:9vw; margin-left: 0.5vw;" placeholder="请输入文章/视频标题" clearable /> |
|
|
|
</div> |
|
|
|
<div style="width: 12vw; display:flex; align-items:center; justify-content: center;"> |
|
|
|
<el-text>作者：</el-text> |
|
|
|
<el-input v-model="beanConsumeArticle.author" style="width:8vw; margin-left: 0.5vw;" placeholder="请输入作者" clearable /> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">文章/视频标题：</el-text> |
|
|
|
<el-input class="selectContent" v-model="beanConsumeArticle.articleName" |
|
|
|
placeholder="请输入文章/视频标题" clearable/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col> |
|
|
|
<div> |
|
|
|
<el-text>付费时间：</el-text> |
|
|
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
|
end-placeholder="结束时间" style="width: 20vw;margin-right: 10px" @change="handleDatePickerChange" |
|
|
|
<div class="select"> |
|
|
|
<div class="selectRow" style="width: 30.5vw;"> |
|
|
|
<el-text class="text" size="large">付费时间：</el-text> |
|
|
|
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至" |
|
|
|
start-placeholder="起始时间" |
|
|
|
end-placeholder="结束时间" style="width:25vw" |
|
|
|
@change="handleDatePickerChange" |
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"/> |
|
|
|
|
|
|
|
<div v-if="false"> |
|
|
|
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button> |
|
|
|
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button> |
|
|
|
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">作者：</el-text> |
|
|
|
<el-input class="selectContent" v-model="beanConsumeArticle.author" placeholder="请输入作者" |
|
|
|
clearable/> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-button type="success" @click="reset()">重置</el-button> |
|
|
|
<el-button type="primary" @click="search()">查询</el-button> |
|
|
|
@ -648,4 +663,26 @@ const getTagText = (state) => { |
|
|
|
display: flex; |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
/** 搜索的样式 */ |
|
|
|
.select { |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.selectRow { |
|
|
|
width: 17vw; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding: 0 0.5vw; |
|
|
|
|
|
|
|
.text { |
|
|
|
width: 5vw; |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
.selectContent { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
lihui
2 months ago