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

计划加入查询条件

master
蟑螂恶霸 2 years ago
parent
6208494bbe
commit
a8f6a0b87d
1 changed files with 390 additions and 372 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 762
      src/views/enforce/enforcementPlan.vue

762
src/views/enforce/enforcementPlan.vue
View File

@ -1,393 +1,411 @@
<template> <template>
<div class="shop app_content"> <div class="shop app_content">
<!-- 导航栏 --> <!-- 导航栏 -->
<div class="header_body"> <div class="header_body">
<header-nav <header-nav
:leftArrow="false" :leftArrow="false"
:titelText="`公布执法检查计划`" :titelText="`公布执法检查计划`"
> >
</header-nav> </header-nav>
</div> </div>
<van-search <van-search
v-model="searchParam.searchText" v-model="searchParam.searchText"
show-action show-action
placeholder="请输入关键字查询" placeholder="请输入关键字查询"
@search="onSearch" @search="onSearch"
> >
<template #action> <template #action>
<div @click="onClickButton">搜索</div> <div @click="onClickButton">搜索</div>
</template> </template>
</van-search> </van-search>
<!-- <div class="search-button-list"> <div class="search-button-list">
<van-button plain hairline class="search-button" @click="searchDateType()" round type="primary" size="mini">全部</van-button> <van-button plain hairline class="search-button" @click="searchDateType()" round type="primary" size="mini">
<van-button plain hairline class="search-button" @click="searchDateType(2)" round type="primary" size="mini">本月</van-button> 全部
<van-button plain hairline class="search-button" @click="searchDateType(3)" round type="primary" size="mini">本季度</van-button> </van-button>
<van-button plain hairline class="search-button" @click="searchDateType(1)" round type="primary" size="mini">本年度</van-button> <van-button plain hairline class="search-button" @click="searchDateType(1)" round type="primary"
<van-button plain hairline class="search-button" @click="searchComplaint(1)" round type="primary" size="mini">投诉</van-button> size="mini">本月
</div> --> </van-button>
<div class="search-button-date"> <van-button plain hairline class="search-button" @click="searchDateType(2)" round type="primary"
<span class="date-select" @click="selectDate">{{ data.dateSearch }}</span> size="mini">本季
<div style="border-color: black;" class="van-hairline--bottom"></div> </van-button>
<van-button class="search-button" type="primary" size="mini" @click="openPlanAddView">创建</van-button> <van-button plain hairline class="search-button" @click="searchDateType(3)" round type="primary"
<van-popup v-model:show="data.showDatePicker" position="bottom"> size="mini">本年
<van-date-picker </van-button>
title="选择日期" <van-button plain hairline class="search-button" @click="selectDate" round type="primary" size="mini">筛选
v-model="data.currentDate" </van-button>
:min-date="data.minDate" </div>
:max-date="data.maxDate" <div class="search-button-date">
:columns-type="data.columnsType" <span class="date-select" v-show="data.dateShow" @click="selectDate">{{ data.dateSearch }}</span>
@confirm="onDateConfirm" <div style="border-color: black;" class="van-hairline--bottom"></div>
@cancel="cancelSelectDate" <van-button class="search-button" type="primary" size="mini" @click="openPlanAddView">创建</van-button>
/> <van-popup v-model:show="data.showDatePicker" position="bottom">
</van-popup> <van-date-picker
title="选择日期"
v-model="data.currentDate"
:min-date="data.minDate"
:max-date="data.maxDate"
:columns-type="data.columnsType"
@confirm="onDateConfirm"
@cancel="cancelSelectDate"
/>
</van-popup>
</div>
<!-- 中间 -->
<div class="shop-center">
<lodding-card :isLodding="isLodding">
<refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"
:resetScroll="resetScroll" class="refresh_box">
<div class="refresh_content" v-if="data?.dataList.length">
<!-- <div class="goods_box" v-for="(item, index) in data?.dataList" :key="index" @click="toPdfView(item.fileObject.fileUrl)">-->
<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index"
@click="toPdfView(null!=item.fileObject?item.fileObject.fileUrl:null)">
<van-swipe-cell class="swipe_cell">
<div class="card_box">
<div class="card_box_span">
<p>发布时间：{{ item.createTime }} <span class="card_box_action"></span></p>
</div>
<!-- <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" /> -->
<div class="van-hairline--bottom"></div>
<div class="card_box_span">
<p>{{ item.planName }}</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法区域：</span> {{ item.enforcementArea }}</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法部门：</span> {{ item.enforcementDepartment }}
</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法计划：</span> <a style="color: green;">{{
null!=item.fileObject?item.fileObject.fileName:"" }}</a></p>
</div>
<!-- <div class="card_box_span">
<p><span class="card_box_label">执法计划：</span> {{ item.fileObject.fileName }}</p>
</div> -->
</div>
</van-swipe-cell>
</div>
</div>
<van-empty v-else class="no_data" description="暂无数据"/>
</refresh-list>
</lodding-card>
</div>
<!-- 底部 -->
<div class="shop_footer_body">
<footer-enforcement-nav></footer-enforcement-nav>
</div>
</div> </div>
<!-- 中间 -->
<div class="shop-center">
<lodding-card :isLodding="isLodding">
<refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"
:resetScroll="resetScroll" class="refresh_box">
<div class="refresh_content" v-if="data?.dataList.length">
<!-- <div class="goods_box" v-for="(item, index) in data?.dataList" :key="index" @click="toPdfView(item.fileObject.fileUrl)">-->
<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index" @click="toPdfView(null!=item.fileObject?item.fileObject.fileUrl:null)">
<van-swipe-cell class="swipe_cell">
<div class="card_box">
<div class="card_box_span">
<p>发布时间：{{ item.createTime }} <span class="card_box_action"></span></p>
</div>
<!-- <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" /> -->
<div class="van-hairline--bottom"></div>
<div class="card_box_span">
<p>{{ item.planName }}</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法区域：</span> {{ item.enforcementArea }}</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法部门：</span> {{ item.enforcementDepartment }}</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法计划：</span> <a style="color: green;">{{ null!=item.fileObject?item.fileObject.fileName:"" }}</a></p>
</div>
<!-- <div class="card_box_span">
<p><span class="card_box_label">执法计划：</span> {{ item.fileObject.fileName }}</p>
</div> -->
</div>
</van-swipe-cell>
</div>
</div>
<van-empty v-else class="no_data" description="暂无数据" />
</refresh-list>
</lodding-card>
</div>
<!-- 底部 -->
<div class="shop_footer_body">
<footer-enforcement-nav></footer-enforcement-nav>
</div>
</div>
</template> </template>
<script setup name="enforcementInspectionProgram"> <script setup name="enforcementInspectionProgram">
import {queryEnforcementInspectionProgramList} from "@/api/enforce"; import {queryEnforcementInspectionProgramList} from "@/api/enforce";
import { setGoodsNum } from "@/util/util"; import {setGoodsNum} from "@/util/util";
import { showFailToast } from 'vant'; import {showFailToast} from 'vant';
const { useCommon, useShopCard } = $globalStore;
const {useCommon, useShopCard} = $globalStore;
const router = useRouter();
let allchecked = ref(false); // 是否全选 const router = useRouter();
let refreshLoad = ref(false); // 是否加载中 let allchecked = ref(false); // 是否全选
let refreshLoad = ref(false); // 是否加载中
let searchParam = reactive({
//搜索框 let searchParam = reactive({
searchText: ref(''), //搜索框
//日期查询 searchText: ref(''),
searchDate: ref(''), //日期查询
// 用户id searchDate: ref(''),
dataScopeId: "", // 用户id
// dataScopeId: "1731", dataScopeId: "",
}); // dataScopeId: "1731",
});
const data = reactive({
cartList: [], const data = reactive({
dataList: [], cartList: [],
dateSearch: ref(), dataList: [],
showDatePicker:false, dateSearch: ref(),
currentDate:ref(['2024', '01']), showDatePicker: false,
minDate: new Date(2020, 0, 1), currentDate: ref(['2024', '01']),
maxDate: new Date(2125, 5, 1), minDate: new Date(2020, 0, 1),
columnsType :['year', 'month'], maxDate: new Date(2125, 5, 1),
}); columnsType: ['year', 'month'],
dateShow: false
// 设置初始值为当前时间 });
onMounted(() => {
console.log(useCommon.enterpriseNumber); // 设置初始值为当前时间
console.log(useCommon.userId); onMounted(() => {
// getCard(); console.log(useCommon.enterpriseNumber);
searchParam.enterpriseNumber = useCommon.enterpriseNumber; console.log(useCommon.userId);
searchParam.dataScopeId = useCommon.userId; // getCard();
console.log(useCommon.enterpriseNumber) searchParam.enterpriseNumber = useCommon.enterpriseNumber;
queryList(); searchParam.dataScopeId = useCommon.userId;
data.dateSearch = nowDate(new Date()); console.log(useCommon.enterpriseNumber)
}); queryList();
const queryList = () =>{ data.dateSearch = nowDate(new Date());
queryEnforcementInspectionProgramList(searchParam,success =>{ });
console.log(success) const queryList = () => {
data.dataList = success.data; queryEnforcementInspectionProgramList(searchParam, success => {
freshMap.refreshLoad = false; data.dataList = success.data;
freshMap.listLoading = false; freshMap.refreshLoad = false;
freshMap.listFinished = true; freshMap.listLoading = false;
isLodding.value = false; freshMap.listFinished = true;
},error =>{ isLodding.value = false;
}, error => {
})
} })
}
const onSearch = (val) => {
queryEnforcementInspectionProgramList( const onSearch = (val) => {
{ queryEnforcementInspectionProgramList(
"searchText": searchParam.searchText {
"searchText": searchParam.searchText
}
, success => {
console.log(success)
data.dataList = success.data;
}, error => {
})
};
const onClickButton = () => {
console.log(searchParam.searchText)
queryList();
}
const toPdfView = (url) => {
if (null != url) {
router.push(
{
path: "/pdfView",
query: {
url: url
}
});
} else {
showFailToast("没有执行计划")
}
}
onActivated(() => {
});
onDeactivated(() => {
});
// 返回
const goBack = () => {
router.go(-1);
};
let resetScroll = ref(0); // 滚动记录
let isLodding = ref(true); // 是否加载中
let freshMap = reactive({
refreshLoad: false, // 是否刷新
listLoading: false, // 是否加载中
listFinished: false, // 是否加载完成标识
});
//下拉刷新
const onRefresh = () => {
freshMap.listFinished = false;
freshMap.listLoading = true;
// getGoodslist();
queryList();
};
// 触底加载
const onLoad = () => {
freshMap.listFinished = true;
freshMap.loading = false;
};
//获取分类下的商品列表
const getGoodslist = async (onLoad) => {
// const res = await useClassify.classifyGoods();
// if (res?.code === 20000) {
// goodsList = onLoad ? goodsList.concat(res?.data) : res?.data;
// freshMap.refreshLoad = false;
// freshMap.listLoading = false;
// freshMap.listFinished = res?.listFinished;
// if (goodsList.length > 50) {
// freshMap.listFinished = true;
// }
// }
freshMap.refreshLoad = false;
freshMap.listLoading = false;
freshMap.listFinished = true;
isLodding.value = false;
};
onMounted(async () => {
// let res = await getClassify();
// if (res && res?.length) {
// classifyId = res?.[0]?.id;
// classifyId && getGoodslist();
// } else {
// isLodding.value = false;
// }
queryList();
isLodding.value = false;
});
const selectDate = () => {
data.showDatePicker = true;
console.log(data.showDatePicker)
} }
,success =>{
console.log(success) const onDateConfirm = (value) => {
data.dataList = success.data; data.dateSearch = value.selectedValues[0] + "/" + value.selectedValues[1]
},error =>{ searchParam.dateSearch = value.selectedValues[0] + "-" + value.selectedValues[1];
data.showDatePicker = false;
}) data.dateShow = true;
}; queryList();
const onClickButton = () =>{ }
console.log(searchParam.searchText) const nowDate = (time) => {
queryList(); var year = time.getFullYear(); // 年
} var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
var date = time.getDate().toString().padStart(2, '0'); // 日
const toPdfView = (url) =>{ var hour = time.getHours().toString().padStart(2, '0'); // 时
if(null!=url) { var minute = time.getMinutes().toString().padStart(2, '0'); // 分
var second = time.getSeconds().toString().padStart(2, '0'); // 秒
return (
year + "/" + month
)
}
const searchDateType = (val) => {
searchParam.dateSearch = null;
searchParam.dateType = val;
searchParam.isComplaint = null;
data.dateShow = false;
queryList();
}
const searchComplaint = (val) => {
searchParam.isComplaint = val;
searchParam.dateType = null;
queryList();
}
const openPlanAddView = () => {
router.push( router.push(
{ {
path: "/pdfView", path: "/enforce/enforcementPlanAdd",
query: { query: {}
url: url
}
}); });
} else {
showFailToast("没有执行计划")
} }
}
onActivated(() => {
});
onDeactivated(() => {
});
// 返回
const goBack = () => {
router.go(-1);
};
let resetScroll = ref(0); // 滚动记录
let isLodding = ref(true); // 是否加载中
let freshMap = reactive({
refreshLoad: false, // 是否刷新
listLoading: false, // 是否加载中
listFinished: false, // 是否加载完成标识
});
//下拉刷新
const onRefresh = () => {
freshMap.listFinished = false;
freshMap.listLoading = true;
// getGoodslist();
queryList();
};
// 触底加载
const onLoad = () => {
freshMap.listFinished = true;
freshMap.loading = false;
};
//获取分类下的商品列表
const getGoodslist = async (onLoad) => {
// const res = await useClassify.classifyGoods();
// if (res?.code === 20000) {
// goodsList = onLoad ? goodsList.concat(res?.data) : res?.data;
// freshMap.refreshLoad = false;
// freshMap.listLoading = false;
// freshMap.listFinished = res?.listFinished;
// if (goodsList.length > 50) {
// freshMap.listFinished = true;
// }
// }
freshMap.refreshLoad = false;
freshMap.listLoading = false;
freshMap.listFinished = true;
isLodding.value = false;
};
onMounted(async () => {
// let res = await getClassify();
// if (res && res?.length) {
// classifyId = res?.[0]?.id;
// classifyId && getGoodslist();
// } else {
// isLodding.value = false;
// }
queryList();
isLodding.value = false;
});
const selectDate = () =>{
data.showDatePicker = true;
console.log(data.showDatePicker)
}
const onDateConfirm = (value)=> {
console.log(value);
value.selectedValues.forEach((item,index) => {
console.log(item);
});
data.dateSearch = value.selectedValues[0] + "/" + value.selectedValues[1]
data.showDatePicker = false;
searchParam.dateSearch = value.selectedValues[0] + "-" + value.selectedValues[1];
queryList();
}
const nowDate = (time) => {
var year = time.getFullYear(); // 年
var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
var date = time.getDate().toString().padStart(2, '0'); // 日
var hour = time.getHours().toString().padStart(2, '0'); // 时
var minute = time.getMinutes().toString().padStart(2, '0'); // 分
var second = time.getSeconds().toString().padStart(2, '0'); // 秒
return (
year + "/" + month
)
}
const searchDateType = (val) =>{
searchParam.dateType = val;
searchParam.isComplaint = null;
queryList();
}
const searchComplaint = (val) =>{
searchParam.isComplaint = val;
searchParam.dateType = null;
queryList();
}
const openPlanAddView = () =>{
router.push(
{
path: "/enforce/enforcementPlanAdd",
query: {}
});
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.shop { .shop {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column;
overflow: hidden;
background-color: #f4f4f4;
.header_body {
height: 50px;
}
.shop-center {
flex: 1;
overflow-y: scroll;
position: relative;
.goods_box {
display: flex;
background-color: #fff;
margin: 6px;
border-radius: 10px;
.swipe_cell {
width: 100%;
}
.card_box {
display: flex;
width: 100%;
padding: 10px 0px;
flex-direction: column; flex-direction: column;
.card_body { overflow: hidden;
background-color: #fff; background-color: #f4f4f4;
border-radius: 10px;
flex: 1; .header_body {
} height: 50px;
.card_box_span {
display: flex;
align-items: center;
margin: 2% 0;
padding-left: 3%;
font-size: 0.38rem;
line-height: 1.5;
p {
margin: 0;
}
} }
.card_box_action{
position: absolute; .shop-center {
right: 4%; flex: 1;
overflow-y: scroll;
position: relative;
.goods_box {
display: flex;
background-color: #fff;
margin: 6px;
border-radius: 10px;
.swipe_cell {
width: 100%;
}
.card_box {
display: flex;
width: 100%;
padding: 10px 0px;
flex-direction: column;
.card_body {
background-color: #fff;
border-radius: 10px;
flex: 1;
}
.card_box_span {
display: flex;
align-items: center;
margin: 2% 0;
padding-left: 3%;
font-size: 0.38rem;
line-height: 1.5;
p {
margin: 0;
}
}
.card_box_action {
position: absolute;
right: 4%;
}
}
}
}
.shop_footer_body {
height: 101px;
position: relative;
.footer-one-btn {
height: 50px;
bottom: 51px;
}
} }
}
}
}
.shop_footer_body {
height: 101px;
position: relative;
.footer-one-btn {
height: 50px;
bottom: 51px;
}
}
}
.search-button-list{
height: 3%;
display: flex;
flex-direction: row;
padding-left: 10px;
margin-top: 6px;
align-items: end;
.search-button{
width: 15%;
height: 80%;
} }
}
.search-button-date{ .search-button-list {
height: 3%; height: 3%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 10px; padding-left: 10px;
margin-top: 15px; margin-top: 6px;
align-items: end; align-items: end;
position: relative;
.date-select{ .search-button {
font-size: 20px; width: 15%;
margin-left: 2%; height: 80%;
}
} }
.search-button{
width: 15%; .search-button-date {
height: 80%; height: 3%;
position: absolute; display: flex;
top: 1%; flex-direction: row;
right: 1%; padding-left: 10px;
margin-top: 15px;
align-items: end;
position: relative;
.date-select {
font-size: 20px;
margin-left: 2%;
}
.search-button {
width: 15%;
height: 80%;
position: absolute;
top: 1%;
right: 1%;
}
} }
}
</style> </style>

Write Preview
Loading…
Cancel
Save