From a8f6a0b87d42f92644868b637599affb4ad3c9b4 Mon Sep 17 00:00:00 2001
From: kylin L <452061493@qq.com>
Date: Sun, 2 Jun 2024 22:38:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A1=E5=88=92=E5=8A=A0=E5=85=A5=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E6=9D=A1=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/enforce/enforcementPlan.vue | 762 +++++++++++++-------------
 1 file changed, 390 insertions(+), 372 deletions(-)

diff --git a/src/views/enforce/enforcementPlan.vue b/src/views/enforce/enforcementPlan.vue
index 97a716b..298ae9b 100644
--- a/src/views/enforce/enforcementPlan.vue
+++ b/src/views/enforce/enforcementPlan.vue
@@ -1,393 +1,411 @@
-
 <template>
-	<div class="shop app_content">
-		<!-- 导航栏 -->
-		<div class="header_body">
-			<header-nav
-        :leftArrow="false"
-				:titelText="`公布执法检查计划`"
-			>
-			</header-nav>
-		</div>
-    <van-search
-    v-model="searchParam.searchText"
-    show-action
-    placeholder="请输入关键字查询"
-    @search="onSearch"
-    >
-      <template #action>
-        <div  @click="onClickButton">搜索</div>
-      </template>
-    </van-search>
-    <!-- <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(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 plain hairline class="search-button" @click="searchDateType(1)" round type="primary" size="mini">本年度</van-button>
-      <van-button plain hairline class="search-button" @click="searchComplaint(1)" round type="primary" size="mini">投诉</van-button>
-    </div> -->
-    <div class="search-button-date">
-      <span class="date-select" @click="selectDate">{{  data.dateSearch }}</span>
-      <div style="border-color: black;" class="van-hairline--bottom"></div>
-      <van-button class="search-button"  type="primary" size="mini" @click="openPlanAddView">创建</van-button>
-      <van-popup v-model:show="data.showDatePicker" position="bottom">
-        <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 class="shop app_content">
+        <!-- 导航栏 -->
+        <div class="header_body">
+            <header-nav
+                    :leftArrow="false"
+                    :titelText="`公布执法检查计划`"
+            >
+            </header-nav>
+        </div>
+        <van-search
+                v-model="searchParam.searchText"
+                show-action
+                placeholder="请输入关键字查询"
+                @search="onSearch"
+        >
+            <template #action>
+                <div @click="onClickButton">搜索</div>
+            </template>
+        </van-search>
+        <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(1)" round type="primary"
+                        size="mini">本月
+            </van-button>
+            <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 plain hairline class="search-button" @click="selectDate" round type="primary" size="mini">筛选
+            </van-button>
+        </div>
+        <div class="search-button-date">
+            <span class="date-select" v-show="data.dateShow" @click="selectDate">{{  data.dateSearch }}</span>
+            <div style="border-color: black;" class="van-hairline--bottom"></div>
+            <van-button class="search-button" type="primary" size="mini" @click="openPlanAddView">创建</van-button>
+            <van-popup v-model:show="data.showDatePicker" position="bottom">
+                <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 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>
 
 <script setup name="enforcementInspectionProgram">
-import {queryEnforcementInspectionProgramList} from "@/api/enforce";
-import { setGoodsNum } from "@/util/util";
-import { showFailToast } from 'vant';
-const { useCommon, useShopCard } = $globalStore;
-
-const router = useRouter();
-let allchecked = ref(false); // 是否全选
-let refreshLoad = ref(false); // 是否加载中
-
-let searchParam = reactive({
-  //搜索框
-  searchText: ref(''),
-  //日期查询
-  searchDate: ref(''),
-    // 用户id
-    dataScopeId: "",
-    // dataScopeId: "1731",
-});
-
-const data = reactive({
-  cartList: [],
-  dataList: [],
-  dateSearch: ref(),
-  showDatePicker:false,
-  currentDate:ref(['2024', '01']),
-  minDate: new Date(2020, 0, 1),
-  maxDate: new Date(2125, 5, 1),
-  columnsType :['year', 'month'],
-});
-
- // 设置初始值为当前时间
-onMounted(() => {
-  console.log(useCommon.enterpriseNumber);
-  console.log(useCommon.userId);
-	// getCard();
-  searchParam.enterpriseNumber = useCommon.enterpriseNumber;
-  searchParam.dataScopeId = useCommon.userId;
-  console.log(useCommon.enterpriseNumber)
-  queryList();
-  data.dateSearch = nowDate(new Date());
-});
-const queryList = () =>{
-  queryEnforcementInspectionProgramList(searchParam,success =>{
-    console.log(success)
-    data.dataList = success.data;
-    freshMap.refreshLoad = false;
-		freshMap.listLoading = false;
-		freshMap.listFinished = true;
-	  isLodding.value = false;
-  },error =>{
-
-  })
-}
-
-const onSearch = (val) => {
-  queryEnforcementInspectionProgramList(
-    {
-      "searchText": searchParam.searchText
+    import {queryEnforcementInspectionProgramList} from "@/api/enforce";
+    import {setGoodsNum} from "@/util/util";
+    import {showFailToast} from 'vant';
+
+    const {useCommon, useShopCard} = $globalStore;
+
+    const router = useRouter();
+    let allchecked = ref(false); // 是否全选
+    let refreshLoad = ref(false); // 是否加载中
+
+    let searchParam = reactive({
+        //搜索框
+        searchText: ref(''),
+        //日期查询
+        searchDate: ref(''),
+        // 用户id
+        dataScopeId: "",
+        // dataScopeId: "1731",
+    });
+
+    const data = reactive({
+        cartList: [],
+        dataList: [],
+        dateSearch: ref(),
+        showDatePicker: false,
+        currentDate: ref(['2024', '01']),
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2125, 5, 1),
+        columnsType: ['year', 'month'],
+        dateShow: false
+    });
+
+    // 设置初始值为当前时间
+    onMounted(() => {
+        console.log(useCommon.enterpriseNumber);
+        console.log(useCommon.userId);
+        // getCard();
+        searchParam.enterpriseNumber = useCommon.enterpriseNumber;
+        searchParam.dataScopeId = useCommon.userId;
+        console.log(useCommon.enterpriseNumber)
+        queryList();
+        data.dateSearch = nowDate(new Date());
+    });
+    const queryList = () => {
+        queryEnforcementInspectionProgramList(searchParam, success => {
+            data.dataList = success.data;
+            freshMap.refreshLoad = false;
+            freshMap.listLoading = false;
+            freshMap.listFinished = true;
+            isLodding.value = false;
+        }, error => {
+
+        })
+    }
+
+    const onSearch = (val) => {
+        queryEnforcementInspectionProgramList(
+            {
+                "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)
-    data.dataList = success.data;
-  },error =>{
-
-  })
-};
-const onClickButton = () =>{
-  console.log(searchParam.searchText)
-  queryList();
-}
-
-const toPdfView = (url) =>{
-    if(null!=url) {
+
+    const onDateConfirm = (value) => {
+        data.dateSearch = value.selectedValues[0] + "/" + value.selectedValues[1]
+        searchParam.dateSearch = value.selectedValues[0] + "-" + value.selectedValues[1];
+        data.showDatePicker = false;
+        data.dateShow = true;
+        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.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(
             {
-                path: "/pdfView",
-                query: {
-                    url: url
-                }
+                path: "/enforce/enforcementPlanAdd",
+                query: {}
             });
-    } 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>
 
 <style lang="less" scoped>
-.shop {
-	height: 100%;
-	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;
+    .shop {
+        height: 100%;
+        display: flex;
         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;
-          }
+        overflow: hidden;
+        background-color: #f4f4f4;
+
+        .header_body {
+            height: 50px;
         }
-        .card_box_action{
-          position: absolute;
-          right: 4%;
+
+        .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;
+
+                    .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{
-    height: 3%;
-    display: flex;
-    flex-direction: row;
-    padding-left: 10px;
-    margin-top: 15px;
-    align-items: end;
-    position: relative;
-    .date-select{
-      font-size: 20px;
-      margin-left: 2%;
+
+    .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{
-        width: 15%;
-        height: 80%;
-        position: absolute;
-        top: 1%;
-        right: 1%;
+
+    .search-button-date {
+        height: 3%;
+        display: flex;
+        flex-direction: row;
+        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>