|
|
@ -8,11 +8,17 @@ |
|
|
<!-- 中间 --> |
|
|
<!-- 中间 --> |
|
|
<div class="warp_body"> |
|
|
<div class="warp_body"> |
|
|
<div class="logobox"></div> |
|
|
<div class="logobox"></div> |
|
|
<div class="streamer" @click=""><i></i><span class="marquee"><span class="scroll-text">2024年度宝安区新安街道年度行政执法检查计划</span></span></div> |
|
|
<div class="streamer" @click="" > |
|
|
|
|
|
<i></i> |
|
|
|
|
|
<span class="marquee"> |
|
|
|
|
|
<span class="scroll-text" v-for="(item, index) in carouselList" >{{ item.planName }}</span> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
<div class="noticbox" @click="toNoticeView"><i></i><span class="new"></span>通知</div> |
|
|
<div class="noticbox" @click="toNoticeView"><i></i><span class="new"></span>通知</div> |
|
|
<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> --> |
|
|
<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> --> |
|
|
<div class="carousel_box" @onLoad="onLoad"> |
|
|
<div class="carousel_box" @onLoad="onLoad"> |
|
|
<carousel-card v-if="carouselList.length" v-model:carouselList="carouselList"></carousel-card> |
|
|
<!-- <carousel-card v-if="carouselList.length" v-model:carouselList="carouselList"></carousel-card> --> |
|
|
</div> |
|
|
</div> |
|
|
<div class="boutique_box"> |
|
|
<div class="boutique_box"> |
|
|
<!-- <van-cell :border="false" title="精品" /> --> |
|
|
<!-- <van-cell :border="false" title="精品" /> --> |
|
|
@ -51,10 +57,11 @@ |
|
|
<script setup name="Home"> |
|
|
<script setup name="Home"> |
|
|
import Vconsolefrom from 'vconsole'; |
|
|
import Vconsolefrom from 'vconsole'; |
|
|
import {getEnterpriseMerchantAuthorization, getSzyptLoginAuth} from '../api/Home'; |
|
|
import {getEnterpriseMerchantAuthorization, getSzyptLoginAuth} from '../api/Home'; |
|
|
|
|
|
import {queryEnforcementInspectionProgramListNoPermission} from "@/api/enforce"; |
|
|
const { useCommon } = $globalStore; |
|
|
const { useCommon } = $globalStore; |
|
|
const router = useRouter(); |
|
|
const router = useRouter(); |
|
|
const route = useRoute(); |
|
|
const route = useRoute(); |
|
|
let carouselList = reactive([]); // 轮播列表 |
|
|
var carouselList = reactive([]); // 轮播列表 |
|
|
let boutique = reactive([]); // 精品数据 |
|
|
let boutique = reactive([]); // 精品数据 |
|
|
let recommend = reactive([]); // 推荐 |
|
|
let recommend = reactive([]); // 推荐 |
|
|
let freshMap = reactive({ |
|
|
let freshMap = reactive({ |
|
|
@ -63,6 +70,7 @@ let freshMap = reactive({ |
|
|
listFinished: false, // 是否加载完成标识 |
|
|
listFinished: false, // 是否加载完成标识 |
|
|
}); |
|
|
}); |
|
|
const data = reactive({}); |
|
|
const data = reactive({}); |
|
|
|
|
|
const adviceList = reactive([]); |
|
|
const boutiqueAttr = reactive({ |
|
|
const boutiqueAttr = reactive({ |
|
|
columnNum: 4, |
|
|
columnNum: 4, |
|
|
itemClass: "boutique_item", |
|
|
itemClass: "boutique_item", |
|
|
@ -110,6 +118,21 @@ const toNoticeView = async() =>{ |
|
|
path: "/enforce/enforceNotice", |
|
|
path: "/enforce/enforceNotice", |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
const queryList = () =>{ |
|
|
|
|
|
queryEnforcementInspectionProgramListNoPermission({},success =>{ |
|
|
|
|
|
console.log(success) |
|
|
|
|
|
if(success.data.length > 4 ){ |
|
|
|
|
|
for (let i = 0; i <= 3; i++) { |
|
|
|
|
|
carouselList.push(success.data[i]); |
|
|
|
|
|
} |
|
|
|
|
|
}else{ |
|
|
|
|
|
carouselList = success.data; |
|
|
|
|
|
} |
|
|
|
|
|
console.log(carouselList) |
|
|
|
|
|
},error =>{ |
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
//下拉刷新 |
|
|
//下拉刷新 |
|
|
const onRefresh = () => { |
|
|
const onRefresh = () => { |
|
|
@ -143,6 +166,7 @@ onMounted(() => { |
|
|
} |
|
|
} |
|
|
},error =>{ |
|
|
},error =>{ |
|
|
}) |
|
|
}) |
|
|
|
|
|
queryList(); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
@ -287,7 +311,7 @@ onMounted(() => { |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.scroll-text { |
|
|
::v-deep .scroll-text { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
padding-left: 100%; /* 初始时隐藏在右侧 */ |
|
|
padding-left: 100%; /* 初始时隐藏在右侧 */ |
|
|
animation: marquee 5s linear infinite; /* 设置动画 */ |
|
|
animation: marquee 5s linear infinite; /* 设置动画 */ |
|
|
|