theluyuan/falvpingtai
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

搜索bug

Browse Source
This commit is contained in:
asd 2019-12-04 16:29:04 +08:00
parent a028f91759
commit 6e452c68e8
1 changed files with 206 additions and 257 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

463
src/IndexFind.vue
View File

@ -1,26 +1,32 @@
<template> <template>
<div class="indexfind"> <div class="indexfind">
<indexfindhead @serch="serch"></indexfindhead> <indexfindhead @serch="serch"></indexfindhead>
<div class="tab"> <div class="tab">
<indexfindtab @changeno="getno"></indexfindtab> <indexfindtab @changeno="getno"></indexfindtab>
</div> </div>
<div class="all" v-if="no==0"> <div class="all" v-if="no==0">
<div class="all1" v-for="(i,j) in list" :key="j" @click="todetail(i.id,i.type)"> <div class="all1" v-for="(i,j) in list" :key="j" @click="todetail(i.id,i.type)">
<indexfindall :title="i.title" :num="i.comment" :right="i.avatar" :content="i.text"></indexfindall> <indexfindall :title="i.title" :num="i.comment" :right="i.avatar" :content="i.text"></indexfindall>
</div> </div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div> <div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <div class="all1"> <!-- <div class="all1">
<indexfindall title="学法律后，对你最大的影响或改变是什么？" num="1532" :right="pics"></indexfindall> <indexfindall title="学法律后，对你最大的影响或改变是什么？" num="1532" :right="pics"></indexfindall>
</div> --> </div>-->
</div> </div>
<div class="user" v-if="no==2"> <div class="user" v-if="no==2">
<div class="user1" v-for="(i,j) in list" :key="j"> <div class="user1" v-for="(i,j) in list" :key="j">
<indedfinduser :answer="i.answer" :article="i.article" :attention="i.attention" :username="i.topic_name" :pic="'http://lawpro.earnest.pro/'+i.img"></indedfinduser> <indedfinduser
</div> :answer="i.answer"
:article="i.article"
:attention="i.attention"
:username="i.topic_name"
:pic="'http://lawpro.earnest.pro/'+i.img"
></indedfinduser>
</div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div> <div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <div class="user1"> <!-- <div class="user1">
<indedfinduser></indedfinduser> <indedfinduser></indedfinduser>
</div> </div>
<div class="user1"> <div class="user1">
@ -28,52 +34,78 @@
</div> </div>
<div class="user1"> <div class="user1">
<indedfinduser></indedfinduser> <indedfinduser></indedfinduser>
</div> --> </div>-->
</div> </div>
<div class="user" v-if="no==5"> <div class="user" v-if="no==5">
<div class="user1" v-for="(i,j) in list" :key="j"> <div class="user1" v-for="(i,j) in list" :key="j">
<!-- klmklvnklnkvl --> <!-- klmklvnklnkvl -->
<!-- <indedfinduser :username="i.topic_name" :pic="'http://lawpro.earnest.pro/'+i.img" :desc="i.text" :ifnum="false" v-if="i.img"></indedfinduser> --> <!-- <indedfinduser :username="i.topic_name" :pic="'http://lawpro.earnest.pro/'+i.img" :desc="i.text" :ifnum="false" v-if="i.img"></indedfinduser> -->
<indedfinduser :username="i.nickname" :pic="'http://lawpro.earnest.pro/'+i.avatar" :desc="i.text" :ifnum="false"></indedfinduser> <indedfinduser
</div> :username="i.nickname"
:pic="'http://lawpro.earnest.pro/'+i.avatar"
:desc="i.text"
:ifnum="false"
></indedfinduser>
</div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div> <div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <div class="user1"> <!-- <div class="user1">
<indedfinduser></indedfinduser> <indedfinduser></indedfinduser>
</div> --> </div>-->
<!-- <div class="user1"> <!-- <div class="user1">
<indedfinduser></indedfinduser> <indedfinduser></indedfinduser>
</div> --> </div>-->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import indexfindhead from "./components/indexfindhead" import indexfindhead from "./components/indexfindhead";
import indexfindtab from "./components/indexfindtab" import indexfindtab from "./components/indexfindtab";
import indexfindall from "./components/indexfindall" import indexfindall from "./components/indexfindall";
import pics from "./assets/ad.png" import pics from "./assets/ad.png";
import indedfinduser from "./components/indexfinduser" import indedfinduser from "./components/indexfinduser";
export default { export default {
components:{ components: {
indexfindhead, indexfindhead,
indexfindtab, indexfindtab,
indexfindall, indexfindall,
indedfinduser indedfinduser
}, },
mounted(){ mounted() {
// http://lawpro.earnest.pro/uploads/20191121/145e1911017ac255f25d6eb760d0bb4c.jpg this.getlist1()
var t=this; },
t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:t.$route.query.word,type:this.no}).then((res)=>{ watch: {
// window.console.log(res) no() {
for(let i in res.data.data){ this.page = 0;
res.data.data[i].avatar= res.data.data[i].avatar.substr(1) this.dynamiclist = [];
res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar this.list = [];
} this.lock = false;
// t.list=res.data.data // this.getlist1();
if (res.data.code == 200) { this.text="加载中"
t.list = res.data.data; }
window.$(window).scroll(() => { },
beforeRouteLeave(a, b, c) {
window.$(window).scroll(() => {});
c();
},
methods: {
getlist1(){
let t=this;
t.list=[]
t.axios
.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {
where: t.$route.query.word,
type: t.no,
}).then((res)=>{
if(res.data.data){
t.list=res.data.data
window.console.log(t.list.length,"hfihaifohog")
if(t.list.length<5){
t.text="暂无数据"
}
window.$(window).scroll(() => {
var windowH = window.$(window).height(); //设备可见区域高度 var windowH = window.$(window).height(); //设备可见区域高度
var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分） var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度 var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
@ -85,145 +117,63 @@ mounted(){
t.getlist(); t.getlist();
} }
}); });
} else {
t.text = "暂无数据";
}
})
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:t.$route.query.word,type:5}).then((res)=>{
// window.console.log(res)
// for(let i in res.data.data){
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// }
// if (res.data.code == 200) {
// t.list2 = res.data.data;
// window.$(window).scroll(() => {
// var windowH = window.$(window).height(); //设备可见区域高度
// var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
// var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
// //或者 scrollH = $(document).scrollTop();
// if (windowH + scrollH >= documentH) {
// // do something
// // alert(2);
// window.console.log(1);
// t.getlist();
// }
// });
// } else {
// t.text = "暂无数据";
// }
// // t.list2=res.data.data
// })
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:t.$route.query.word,type:2}).then((res)=>{
// window.console.log(res)
// for(let i in res.data.data){
// res.data.data[i].img= res.data.data[i].img.substr(1)
// res.data.data[i].img= "http://lawpro.earnest.pro/"+res.data.data[i].img
// }
// // t.list3=res.data.data
// if (res.data.code == 200) {
// t.list3 = res.data.data;
// window.$(window).scroll(() => {
// var windowH = window.$(window).height(); //设备可见区域高度
// var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
// var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
// //或者 scrollH = $(document).scrollTop();
// if (windowH + scrollH >= documentH) {
// // do something
// // alert(2);
// window.console.log(1);
// t.getlist();
// }
// });
// } else {
// t.text = "暂无数据";
// }
// })
},
watch:{
no(){
this.page = 0
this.dynamiclist = []
this.lock = false;
this.getlist()
}
},
beforeRouteLeave(a,b,c){
window.$(window).scroll(() => {
}); }else{
c() window.console.log("errir")
}, t.text="暂无数据"
methods:{ }
getlist() {
})
},
getlist() {
if (this.lock) { if (this.lock) {
return "lock"; return "lock";
} }
this.lock = true; this.lock = true;
var t = this; var t = this;
t.page += 1; t.page += 1;
t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:t.$route.query.word,type:t.no,page: t.page}).then((res)=>{ t.axios
window.console.log(res) .post("http://lawpro.earnest.pro/api/login_main/indexsearch", {
// for(let i in res.data.data){ where: t.$route.query.word,
type: t.no,
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1) page: t.page
// res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar })
// } .then(res => {
if (res.data.code == 200) { window.console.log(res);
if (res.data.code == 200) {
if(res.data.data){
t.list = t.list.concat(res.data.data); t.list = t.list.concat(res.data.data);
}
t.lock = false; t.lock = false;
window.$(window).scroll(() => {
var windowH = window.$(window).height(); //设备可见区域高度
var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
//或者 scrollH = $(document).scrollTop();
if (windowH + scrollH >= documentH) {
// do something
// alert(2);
window.console.log(1);
t.getlist();
}
});
} else { } else {
t.text = "暂无更多"; t.text = "暂无更多";
} }
// t.list=res.data.data // t.list=res.data.data
}) });
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:t.$route.query.word,type:5,page: t.page}).then((res)=>{
// window.console.log(res)
// if (res.data.code == 200) {
// t.list = t.list.concat(res.data.data);
// t.lock = false;
// } else {
// t.text = "暂无更多";
// }
// for(let i in res.data.data){
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// }
// t.list2=res.data.data
// })
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:t.$route.query.word,type:2,page: t.page}).then((res)=>{
// window.console.log(res)
// for(let i in res.data.data){
// if (res.data.code == 200) {
// t.list = t.list.concat(res.data.data);
// t.lock = false;
// } else {
// t.text = "暂无更多";
// }
// res.data.data[i].img= res.data.data[i].img.substr(1)
// res.data.data[i].img= "http://lawpro.earnest.pro/"+res.data.data[i].img
// }
// t.list3=res.data.data
// })
}, },
getno(e){ getno(e) {
window.console.log(e) window.console.log(e);
this.no=e this.no = e;
this.list=[] this.list = [];
// this.page = 0 this.getlist1()
// this.dynamiclist = [] window.console.log(this.list.length,"list")
// this.lock = false; },
// this.getlist() todetail(e, type) {
},
todetail(e, type) {
window.console.log(e); window.console.log(e);
if (type == 2) { if (type == 2) {
this.$router.push({ this.$router.push({
@ -235,95 +185,94 @@ methods:{
}); });
} }
}, },
serch(e){ serch(e) {
this.$router.push({ this.$router.push({
path: `/indexfind?word=` +e path: `/indexfind?word=` + e
}); });
// let t=this; // let t=this;
// window.console.log(e) // window.console.log(e)
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:this.no}).then((res)=>{ // t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:this.no}).then((res)=>{
// // window.console.log(res) // // window.console.log(res)
// // for(let i in res.data.data){ // // for(let i in res.data.data){
// // res.data.data[i].avatar= res.data.data[i].avatar.substr(1) // // res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar // // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// // } // // }
// // t.list=res.data.data // // t.list=res.data.data
// if (res.data.code == 200) { // if (res.data.code == 200) {
// t.list = res.data.data; // t.list = res.data.data;
// window.$(window).scroll(() => { // window.$(window).scroll(() => {
// var windowH = window.$(window).height(); //设备可见区域高度 // var windowH = window.$(window).height(); //设备可见区域高度
// var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分） // var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
// var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度 // var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
// //或者 scrollH = $(document).scrollTop(); // //或者 scrollH = $(document).scrollTop();
// if (windowH + scrollH >= documentH) { // if (windowH + scrollH >= documentH) {
// // do something // // do something
// // alert(2); // // alert(2);
// window.console.log(1); // window.console.log(1);
// t.getlist(); // t.getlist();
// } // }
// }); // });
// } else { // } else {
// t.text = "暂无数据"; // t.text = "暂无数据";
// } // }
// }) // })
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:0}).then((res)=>{ // t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:0}).then((res)=>{
// window.console.log(res) // window.console.log(res)
// for(let i in res.data.data){ // for(let i in res.data.data){
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1) // res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// } // }
// t.list=res.data.data // t.list=res.data.data
// }) // })
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:2}).then((res)=>{
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:2}).then((res)=>{ // window.console.log(res)
// window.console.log(res) // for(let i in res.data.data){
// for(let i in res.data.data){ // res.data.data[i].img= res.data.data[i].img.substr(1)
// res.data.data[i].img= res.data.data[i].img.substr(1) // res.data.data[i].img= "http://lawpro.earnest.pro/"+res.data.data[i].img
// res.data.data[i].img= "http://lawpro.earnest.pro/"+res.data.data[i].img // }
// } // t.list3=res.data.data
// t.list3=res.data.data // })
// }) // t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:5}).then((res)=>{
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:5}).then((res)=>{ // window.console.log(res)
// window.console.log(res) // for(let i in res.data.data){
// for(let i in res.data.data){ // res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1) // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar // }
// } // t.list2=res.data.data
// t.list2=res.data.data // })
// }) }
},
data() {
return {
pics,
no: 0,
list: [],
list1: [],
list2: [],
list3: [],
page: 0,
lock: false,
text: "加载中"
};
} }
}, };
data(){
return {
pics,
no:0,
list:[],
list1:[],
list2:[],
list3:[],
page:0,
lock:false,
text: "加载中"
}
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
body{ body {
background-color: #F6F6F6 background-color: #f6f6f6;
} }
.tab{ .tab {
margin-top:89px; margin-top: 89px;
// margin-bottom: 15px; // margin-bottom: 15px;
} }
.all{ .all {
.all1{ .all1 {
margin-top: -33px; margin-top: -33px;
} }
} }
.user1{ .user1 {
margin-top: 20px; margin-top: 20px;
} }
</style> </style>