优化

src/components/FirstJob/joblist.vue

@@ -619,6 +619,7 @@
 					<!-- </div> -->
 
 					<div v-if="!isspinning" style="border-radius: 6px;overflow: hidden;">
+						<div>
 							<div
 								class="subset"
 								v-for="(item, index) in jobMainList"
@@ -743,6 +744,24 @@
 								</div>
 							</div>
 						</div>
+						<div class="loading-ing g_pt_20 g_pb_20" v-if="speed">
+							<div class="g_w_all g_text_c g_fs_14">
+								{{ speed == 1 ? '加载中' : '加载完成' }}
+							</div>
+							<div class="b-footer">
+								<div>
+									<span> 
+										Powered by
+										<svg class="svg_icon ml4" style="font-size: 46px; margin-top: -2px" aria-hidden="true">
+											<use xlink:href="#icon-bocai2" />
+										</svg>
+										｜Copyright © 2015-2023 Bocai. All Rights Reserved.｜
+									</span>
+									<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023001993号-25A</a>
+								</div>
+							</div>
+						</div>
+					</div>
 					<div class="pagecontainer f40" v-if="false">
 						<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
 						<div class="ant-pagination-options-quick-jumper">
@@ -854,6 +873,8 @@ export default {
 	data() {
 		return {
 			isFetching: false, // 标志位，防止重复加载
+			speed:0,// 加载进度0 未加载 1加载中 2加载完成
+			isStop:false,// 是否停止加载
 			jobMainList: [], // 职位列表
       jobNum:0,
 			recordShow: false,
@@ -1167,9 +1188,12 @@ export default {
     const windowHeight = document.documentElement.clientHeight;
     const scrollHeight = document.documentElement.scrollHeight;
 
-    if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching) { // 100 是一个阈值，可以根据需要调整
+    if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching && !this.isStop) { // 100 是一个阈值，可以根据需要调整
       this.isFetching = true;
+			// setTimeout(() => {
+				this.speed = 0;
 				this.loadMoreData();
+			// }, 10*1000);
     }
   },
   loadMoreData() {
@@ -1248,6 +1272,15 @@ export default {
 				if (this.isLogin) {
 					const { data } = await JobListApi(newdata);
 					if (data.status === 200) {
+						if(data.data.recordList.length < 8){
+							// 停止加载
+							this.isStop = true;
+							this.speed = 2;
+						}else{
+							// 继续加载
+							this.isStop = false;
+							this.speed = 1;
+						}
 						this.jobMainList = this.jobMainList.concat(disposeJobListData(data.data.recordList)); // 追加数据
 						this.formvalue.total = data.data.recordCount;
 					} else {
@@ -3568,4 +3601,20 @@ p {
 				color: rgb(24, 144, 255);
 			}
 		}
+		.b-footer{
+				div {
+					text-align: center;
+					// margin-top: 16px;
+					color: #4d575e;
+					font-size: 12px;
+					i {
+						display: inline-block;
+						vertical-align: middle;
+						width: 1px;
+						height: 16px;
+						margin: 0 10px;
+						background-color: #4d575e;
+					}
+				}
+		}
 </style>