chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

登记查询自定义时间和次数

v4
yanyan 1 year ago
parent
a85c92b959
commit
f64992ed75
1 changed files with 91 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 126
      src/views/enforce/earlyWarning.vue

126
src/views/enforce/earlyWarning.vue
View File

@ -18,20 +18,23 @@
</template>
</van-search>
<div class="search-button-list">
<van-button plain hairline :class="null==data.checkNum?'search-button active':'search-button'"
@click="searchDateType(null)" round type="primary" size="mini">全部
</van-button>
<van-button plain hairline :class="1==data.checkNum?'search-button active':'search-button'"
@click="searchDateType(1)" round type="primary" size="mini">本月
</van-button>
<van-button plain hairline :class="2==data.checkNum?'search-button active':'search-button'"
@click="searchDateType(2)" round type="primary" size="mini">本季
</van-button>
<van-button plain hairline :class="3==data.checkNum?'search-button active':'search-button'"
@click="searchDateType(3)" round type="primary" size="mini">本年
</van-button>
<van-button plain hairline :class="9==data.checkNum?'search-button active':'search-button'"
@click="selectDate" round type="primary" size="mini">筛选
<!-- <van-button plain hairline :class="null==data.checkNum?'search-button active':'search-button'"-->
<!-- @click="searchDateType(null)" round type="primary" size="mini">全部-->
<!-- </van-button>-->
<!-- <van-button plain hairline :class="1==data.checkNum?'search-button active':'search-button'"-->
<!-- @click="searchDateType(1)" round type="primary" size="mini">本月-->
<!-- </van-button>-->
<!-- <van-button plain hairline :class="2==data.checkNum?'search-button active':'search-button'"-->
<!-- @click="searchDateType(2)" round type="primary" size="mini">本季-->
<!-- </van-button>-->
<!-- <van-button plain hairline :class="3==data.checkNum?'search-button active':'search-button'"-->
<!-- @click="searchDateType(3)" round type="primary" size="mini">本年-->
<!-- </van-button>-->
<!-- <van-button plain hairline :class="9==data.checkNum?'search-button active':'search-button'"-->
<!-- @click="selectDate" round type="primary" size="mini">筛选-->
<!-- </van-button>-->
<van-button plain hairline :class="8==data.checkNum?'search-button active':'search-button'"
@click="dateAnyway" round type="primary" size="mini">自定义
</van-button>
<van-button plain hairline :class="10==data.checkNum?'search-button active':'search-button'"
@click="selectNum" round type="primary" size="mini">次数
@ -52,26 +55,43 @@
/>
</van-popup>
</div>
<div class="search-button-date">
<span class="date-select" v-show="data.dateShow" @click="dateAnyway"></span>
<div style="border-color: black;" class="van-hairline--bottom"></div>
<van-popup v-model:show="data.showCalendarPicker" position="bottom">
<van-calendar
title="选择时间"
color="#3f7aff"
:poppable="false"
type="range"
@confirm="onCalendarConfirm"
:min-date="data.minDate"
:max-date="data.maxDate"
:style="{ height: '80vh' }">
</van-calendar>
</van-popup>
</div>
<div class="search-button-date">
<span class="date-select" v-show="data.dateShow" @click="selectNum"></span>
<div style="border-color: black;" class="van-hairline--bottom"></div>
<van-popup v-model:show="data.showNumPicker" position="bottom">
<van-picker
value-key="value"
title="次数检查"
show-toolbar
:columns="columns"
@confirm="confirmNum"
@cancel="cancelNum"
>
</van-picker>
<div style="display: flex; justify-content: space-evenly; padding: 40px">
<van-field v-model="searchParam.numLeft" :style="{ border: '1px solid #ddd', borderRadius: '4px' }"/>
<span style="padding: 10px">——</span>
<van-field v-model="searchParam.numRight" :style="{ border: '1px solid #ddd', borderRadius: '4px' }"/>
</div>
<div style="display: flex; justify-content: space-evenly;">
<van-button slot="button" type="primary" size="small" @click="confirmNum">确定</van-button>
<van-button slot="button" type="primary" size="small" @click="cancelNum">取消</van-button>
</div>
</van-popup>
</div>
<div class="warning-rule">
<span><van-icon name="warning-o" /></span><span>请输入关键字搜索。</span>
<div class="warning-rule" style="margin-top: -8px">
<span><van-icon name="warning-o"/></span><span>由于企业过多,请输入关键字搜索。</span>
</div>
<!-- 中间 -->
@ -180,7 +200,11 @@
//搜索时间
dateSearch: ref(),
//搜索次数
num: null,
numLeft: null,
numRight: null,
//自定义时间
beginTime: null,
endTime: null,
warnType: 1,
});
@ -189,7 +213,8 @@
dataList: [],
dateSearch: ref(),
showDatePicker: false,
currentDate: ref(['2024', '01']),
showCalendarPicker: false,
currentDate: ref(['2025', '01']),
minDate: new Date(2020, 0, 1),
maxDate: new Date(2125, 5, 1),
columnsType: ['year', 'month'],
@ -212,14 +237,27 @@
isLodding.value = false;
});
const queryList = () => {
searchParam.pageNum = (data.curPage-1)*searchParam.pageSize;
//默认展示前30个自然日
if (searchParam.numLeft==null && searchParam.numRight==null
&& searchParam.beginTime==null && searchParam.endTime==null) {
const formatDate = (date) =>
`${date.getFullYear()}-${date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1)
: date.getMonth()+1}-${date.getDate() < 10 ? '0'+date.getDate() : date.getDate()}`;
searchParam.beginTime = formatDate(new Date(new Date().setDate(new Date().getDate() - 30)));
searchParam.endTime = formatDate(new Date());
}
searchParam.pageNum = (data.curPage-1)*searchParam.pageSize;
queryRegistrationListNew(searchParam, success => {
data.curPage++;
data.loading = false; // 查4出结果停止加载
searchParam.num = null;
if (success.total <= data.dataList.length) {
// 查到最后没数据
data.finished = ref(true);
// searchParam.numLeft = null;
// searchParam.numRight = null;
// searchParam.beginTime = null;
// searchParam.endTime =null;
return;
}
// data.dataList = success.data;
@ -337,12 +375,16 @@
isLodding.value = false;
};
const dateAnyway = () => {
searchParam.dateType = 4;
data.checkNum = 8;
data.showCalendarPicker = true;
}
const selectDate = () => {
searchParam.dateType = 4;
data.checkNum = 9;
data.showDatePicker = true;
console.log(data.showDatePicker)
}
const selectNum = () => {
@ -350,7 +392,6 @@
searchParam.dateType = 4;
data.checkNum = 10;
data.showNumPicker = true;
console.log(data.showNumPicker)
}
const onDateConfirm = (value) => {
@ -367,10 +408,23 @@
onRefresh();
}
const onCalendarConfirm = (values) => {
const formatDate = (date) =>
`${date.getFullYear()}-${date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1)
: date.getMonth()+1}-${date.getDate() < 10 ? '0'+date.getDate() : date.getDate()}`;
const [start, end] = values;
searchParam.beginTime =formatDate(start);
searchParam.endTime = formatDate(end);
data.showCalendarPicker = false;
data.dateShow = true;
data.curPage = 1;
data.dataList = [];
onRefresh();
}
const confirmNum = (value) => {
console.log(value)
searchParam.num = value.selectedValues[0] ;
data.showNumPicker = false;
data.curPage = 1;
data.dataList = [];
@ -379,7 +433,9 @@
}
const cancelNum = (value) => {
data.showNumPicker = false;
searchParam.numLeft=null;
searchParam.numRight=null;
}
const nowDate = (time) => {

Write Preview
Loading…
Cancel
Save