增加私域我的推广时间搜索
This commit is contained in:
lcc
@@ -67,8 +67,8 @@ class Market_sytopic_enroll_model extends HD_Model
|
||||
public function statusCn()
|
||||
{
|
||||
$statusArray = [
|
||||
self::STATUS_PENDING => '待确认',
|
||||
self::STATUS_SUCCESS => '已成交',
|
||||
self::STATUS_PENDING => '已到店',
|
||||
self::STATUS_SUCCESS => '战败',
|
||||
self::STATUS_INVALID => '无效'
|
||||
];
|
||||
return $statusArray;
|
||||
|
||||
@@ -236,6 +236,8 @@ class User extends Admin
|
||||
{
|
||||
$page = intval($this->input->get('page'));
|
||||
$status = $this->input->get('status');
|
||||
$s_time = $this->input->get('s_time');
|
||||
$e_time = $this->input->get('e_time');
|
||||
!$page && $page = 1;
|
||||
$size = 20;
|
||||
$user = $this->user_model->get(['userId' => $this->session['userId']]);
|
||||
@@ -250,6 +252,10 @@ class User extends Admin
|
||||
if (strlen($status)) {
|
||||
$where['status'] = intval($status);
|
||||
}
|
||||
if($s_time && $e_time){
|
||||
$where['enTime>='] = date('Y-m-d', strtotime($s_time));
|
||||
$where['enTime<='] = date('Y-m-d', strtotime($e_time));
|
||||
}
|
||||
$total = $this->sytopic_enroll_model->count($where);
|
||||
$lists = [];
|
||||
$statusCn = $this->sytopic_enroll_model->statusCn();
|
||||
|
||||
@@ -1,4 +1,27 @@
|
||||
<link rel="stylesheet" href="/css/h5/market/sytopic/h5.css?20230225">
|
||||
<style>
|
||||
.custom-border .van-field__control {
|
||||
border: 1px solid #dcdcdc; /* 设置边框颜色和宽度 */
|
||||
border-radius: 5px; /* 可选：设置边框圆角 */
|
||||
}
|
||||
|
||||
.field-container {
|
||||
display: flex; /* 使用Flexbox布局 */
|
||||
align-items: center; /* 垂直居中 */
|
||||
}
|
||||
|
||||
.field {
|
||||
flex: 1; /* 让输入框平分剩余空间（除了按钮占据的空间） */
|
||||
margin-right: 0; /* 可选：为输入框之间及输入框与按钮之间添加一些间距 */
|
||||
}
|
||||
|
||||
.confirm-button {
|
||||
flex-shrink: 0; /* 防止按钮在空间不足时缩小 */
|
||||
/* 将按钮推到行尾 */
|
||||
/*margin-left: auto; */
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div id="app" style="min-height: 100vh;" class="bg-f6 relative">
|
||||
<!-- 列表 -->
|
||||
@@ -6,6 +29,49 @@
|
||||
<van-tabs v-model="active" sticky color="#000" @click="onChange">
|
||||
<van-tab v-for="(item,index) in tab_list" :title="item.title"></van-tab>
|
||||
</van-tabs>
|
||||
<div class="field-container">
|
||||
<!-- 开始时间输入框 -->
|
||||
<van-field class="custom-border field" v-model="startTime" readonly @click="showStartTimePicker = true"
|
||||
placeholder="开始时间">
|
||||
</van-field>
|
||||
<!-- 时间选择器（开始时间） -->
|
||||
<van-popup v-model="showStartTimePicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
value-format="YYYY-MM-DD"
|
||||
v-model="selectedStartTime"
|
||||
type="date"
|
||||
title="选择开始时间"
|
||||
@cancel="showStartTimePicker = false"
|
||||
@confirm="confirmStartTime"
|
||||
>
|
||||
</van-datetime-picker>
|
||||
</van-popup>
|
||||
~
|
||||
<van-field class="custom-border field" v-model="endTime" readonly @click="showEndTimePicker = true"
|
||||
placeholder="结束时间">
|
||||
</van-field>
|
||||
<!-- 时间选择器（结束时间） -->
|
||||
<van-popup v-model="showEndTimePicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
value-format="YYYY-MM-DD"
|
||||
v-model="selectedEndTime"
|
||||
type="date"
|
||||
title="选择结束时间"
|
||||
@cancel="showEndTimePicker = false"
|
||||
@confirm="confirmEndTime"
|
||||
:min-date="miniEndTime"
|
||||
>
|
||||
</van-datetime-picker>
|
||||
</van-popup>
|
||||
<van-button size="small" plain type="primary" class="confirm-button" @click="reset">重置</van-button>
|
||||
<van-button size="small" plain type="primary" class="confirm-button" @click="search">搜索</van-button>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
|
||||
<!-- （如果需要，可以添加结束时间输入框和选择器，类似上面的代码） -->
|
||||
|
||||
</div>
|
||||
<div class="list">
|
||||
<van-list
|
||||
v-model="loading"
|
||||
@@ -35,16 +101,28 @@
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
tab_list: <?=json_encode($tabList,JSON_UNESCAPED_UNICODE)?>,
|
||||
tab_list: <?=json_encode($tabList, JSON_UNESCAPED_UNICODE)?>,
|
||||
active: 0,
|
||||
list: [],
|
||||
loading: false,
|
||||
finished: false,
|
||||
page: 1,
|
||||
error: false,
|
||||
startTime: '', // 开始时间输入框的值
|
||||
showStartTimePicker: false, // 控制开始时间选择器显示的标志
|
||||
selectedStartTime: new Date(), // 用户选择的开始时间（在确认前）
|
||||
endTime: '', // 开始时间输入框的值
|
||||
showEndTimePicker: false, // 控制开始时间选择器显示的标志
|
||||
selectedEndTime: null, // 用户选择的开始时间（在确认前）
|
||||
miniEndTime: new Date(2019, 10, 1),
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.page = 1
|
||||
this.list = []
|
||||
this.onLoad()
|
||||
},
|
||||
onChange() {
|
||||
this.page = 1
|
||||
this.list = []
|
||||
@@ -57,10 +135,15 @@
|
||||
type = that.tab_list[that.active].type
|
||||
}
|
||||
//请求接口
|
||||
$.get('/h5/market/sylive2/user/enLists', {page: that.page, status: type}, function (res) {
|
||||
$.get('/h5/market/sylive2/user/enLists', {
|
||||
page: that.page,
|
||||
status: type,
|
||||
's_time': this.startTime,
|
||||
'e_time': this.endTime
|
||||
}, function (res) {
|
||||
that.loading = false;
|
||||
if (res.code == 200) {
|
||||
if(that.page===1){
|
||||
if (that.page === 1) {
|
||||
this.tab_list = res.data.tabList
|
||||
}
|
||||
that.page = that.page + 1
|
||||
@@ -94,6 +177,24 @@
|
||||
// }
|
||||
// }, 1000);
|
||||
},
|
||||
confirmStartTime(value) {
|
||||
const date = new Date(+new Date(value) + 8 * 3600 * 1000)
|
||||
const isoString = date.toISOString(); // ISO格式为"YYYY-MM-DDTHH:mm:ss.sssZ"
|
||||
this.startTime = isoString.slice(0, 10);
|
||||
this.showStartTimePicker = false; // 隐藏时间选择器
|
||||
this.miniEndTime = value
|
||||
this.selectedEndTime = value
|
||||
},
|
||||
confirmEndTime(value) {
|
||||
const date = new Date(+new Date(value) + 8 * 3600 * 1000)
|
||||
const isoString = date.toISOString(); // ISO格式为"YYYY-MM-DDTHH:mm:ss.sssZ"
|
||||
this.endTime = isoString.slice(0, 10);
|
||||
this.showEndTimePicker = false; // 隐藏时间选择器
|
||||
},
|
||||
reset(){
|
||||
this.startTime = ''
|
||||
this.endTime = ''
|
||||
}
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user