轮播某条记录下钻，看到详情页(前)

src/api/enforce.js

@@ -27,7 +27,14 @@ export const queryEnforcementInspectionProgramListNoPermission = (params, succes
  * @returns 
  */
 export const queryEnforcementInspectionProgramListNoPermissionNoPaging = (params, success, error)  => _get("/app/code/enforcementInspectionProgram/queryListNoPermissionNoPaging", params, success, error);
-
+/**
+ * 执法计划列表 按id查询
+ * @param {*} params 
+ * @param {*} success 
+ * @param {*} error 
+ * @returns 
+ */
+export const detail = (id, success, error)  => _get("/app/code/enforcementInspectionProgram/detail/"+id, null, success, error);
 /**
  * 添加年度执法计划
  * @param {*} params 

src/router/enforceHome.js

@@ -101,6 +101,15 @@ const routes = [
 			isKeepAlive: false
 		},
 	},
+	  //计划详情页
+	{
+		path:"/enforce/enforcementPlanDetailed",
+		name:"enforcementPlanDetailed",
+		component: () => import("@/views/enforce/enforcementPlanDetailed.vue"),
+		meta: {
+			isKeepAlive: false
+		},
+	},
 ]
 
 export {routes}

src/views/enforce/enforcementPlanDetailed.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="address_edit">
+    <div class="warp_body">
+        <van-cell-group>
+            <van-field
+                label="计划名称"
+                v-model=obj.planName
+                readonly
+            />
+            <van-field
+                label="计划年度"
+                v-model=obj.planYear
+                readonly
+            />
+            <van-field
+                label="执法部门"
+                v-model=obj.enforcementDepartment
+                readonly
+            />
+            <van-field
+                label="发布时间"
+                v-model=obj.createTime
+                readonly
+            />
+            <van-field
+                label="执法区域"
+                v-model=obj.enforcementArea
+                readonly
+            />
+            <van-field
+                label="文件名称"
+                v-model=obj.objList.fileName
+                readonly
+                @click="toPdfView(obj.objList.fileUrl)"
+            />
+        </van-cell-group>
+    </div>
+  </div>
+</template>
+
+
+
+<script setup>
+import { reactive } from "vue";
+import { detail } from "../../api/enforce";
+
+const router = useRouter();
+const route = useRoute();
+
+const obj = reactive({
+    planName:"",
+    planYear:"",
+    enforcementDepartment:"",
+    createTime:"",
+    enforcementArea:"",
+    objList:{
+        fileName:"",
+        fileUrl:""
+    } 
+});
+
+const data = reactive({});
+
+const queryList = () => {
+  detail(route.query?.id, (success) => {
+    obj.planName = success.data.planName;
+    obj.planYear=success.data.planYear;
+    obj.enforcementDepartment=success.data.enforcementDepartment
+    obj.createTime=success.data.createTime;
+    obj.enforcementArea=success.data.enforcementArea;
+    console.log(obj);
+     if(success.data.fileObject!=null && success.data.fileObject!="undefined"){
+        obj.objList.fileName = success.data.fileObject.fileName;
+        obj.objList.fileUrl = success.data.fileObject.fileUrl;
+    } 
+    
+  });
+};
+
+const toPdfView = (url) => {
+        console.log(url)
+        if(url!=null){
+            router.push(
+            {
+                path: "/pdfView",
+                query: {
+                    url: url
+                }
+            });
+        }
+    }
+
+onMounted(() => {
+  queryList();
+});
+</script>
+
+<style lang="less" scoped>
+    .address_edit {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        overflow: hidden;
+        background-color: #ebf3fb;
+    }
+
+    .warp_body {
+      margin: 0 3%;
+      padding-bottom: 3rem;
+      width: 94%;
+      height: 98%;
+      background-color: #ebf3fb;
+      overflow-y: auto;
+      margin-top: 0.15rem;
+    }
+</style>

src/views/enforceHome.vue

@@ -11,12 +11,15 @@
         <div class="warp_body">
             <div class="logobox"></div>
             <div class="noticeContent">
-                <ul class="notice_list" :class="data.noticeList.length>1?{notice_top:freshMap.animate}:''">
+                <ul v-if="data.notNull" class="notice_list" :class="data.noticeList.length>1?{notice_top:freshMap.animate}:''">
-                    <li v-for="(item, index) in data.noticeList" :key="index" @click="toNoticeDetail(item.url)">
+                    <li v-for="(item, index) in data.noticeList" :key="index" @click="toNoticeDetail(item) ">
                         {{item.content}}
                       <van-icon name="arrow" />
                     </li>
                 </ul>
+                <ul v-else class="notice_list" >
+                    <li>最近一星期暂无年度行政检查计划公布</li>
+                </ul>
             </div>
             <div class="carousel_box" @onLoad="onLoad">
             </div>
@@ -51,7 +54,7 @@
     import Vconsolefrom from 'vconsole';
     import {Loading, showFailToast} from 'vant';
     import {getEnterpriseMerchantAuthorization, getSzyptLoginAuth} from '../api/Home';
-    import {queryEnforcementInspectionProgramListNoPermission} from "@/api/enforce";
+    import {queryEnforcementInspectionProgramListNoPermissionNoPaging} from "@/api/enforce";
 
     const isLoading = ref(true);
     const {useCommon} = $globalStore;
@@ -93,7 +96,8 @@
     });
 
     const data = reactive({
-        noticeList: []
+        noticeList: [],
+        notNull:true
     });
     const adviceList = reactive([]);
     const boutiqueAttr = reactive({
@@ -144,13 +148,13 @@
             path: "/enforce/enforceNotice",
         });
     }
-    const toNoticeDetail = async (url) => {
+    const toNoticeDetail = async (item) => {
-        if (null != url) {
+        if (null != item) {
             router.push(
                 {
-                    path: "/pdfView",
+                    path: "/enforce/enforcementPlanDetailed",
                     query: {
-                        url: url
+                        id:item.id
                     }
                 });
         } else {
@@ -158,7 +162,7 @@
         }
     }
     const queryList = () => {
-        queryEnforcementInspectionProgramListNoPermissionNoPaging({dateType:4}, success => {
+        queryEnforcementInspectionProgramListNoPermissionNoPaging({isPublish:1,dateType:4}, success => {
 /*             if (success.rows.length > 4) {
                 for (let i = 0; i < 5; i++) {
                     carouselList.push(success.rows[i]);
@@ -175,12 +179,15 @@
                 noticeStr += success.rows[0].planName != null ? success.rows[0].planName + "" : "";
             } else { */
                 carouselList = success.data;
-
+                if(carouselList.length==0){
+                    data.notNull=false
+                }
                 for (let i = 0; i < success.data.length; i++) {
                     // carouselList.push(success.data[i]);
                     noticeObj.noticeList.push(success.data[i].planName);
                     var obj = {
-                        content: success.data[i].planName
+                        content: success.data[i].planName,
+                        id:success.data[i].id
                     }
                     data.noticeList.push(obj)
                 //}