search

src/views/Trends.vue

@@ -67,7 +67,7 @@
                     <span class="btn__delete" @click.prevent.stop="deleteWord(item)">X</span>
                 </span>
             </div>
-            <div class="relBlock mb-3 d-flex align-items-center justify-content-between">
+            <div class="relBlock mb-3 d-flex align-items-center justify-content-between" v-if="reltopics.length > 0">
                 <div>
                     <h2 class="text-muted kw__title">關鍵字</h2>
                     <span class="kw__query">{{ query.trim() }}</span>
@@ -87,7 +87,7 @@
                     <button class='sub__date' @click.prevent="search(query, daterng)">套用</button>
                 </div>
             </div>
-            <div class="row result">
+            <div class="row result" v-if="reltopics.length > 0">
                 <div class="col-12 col-md-6 text-left hotWord mb-5">
                     <h3 class="usernews__table__title">正在熱搜關鍵字</h3>
                     <div class="row justify-content-center">
@@ -113,7 +113,7 @@
                                 </div>
                             </div>
                         </b-card>
-                        <!-- <b-card class="col-5 hotWord__card" v-for="(relquery, i) in relqueries" :key="`req-${i}`">
+                         <b-card class="col-5 hotWord__card" v-for="(relquery, i) in relqueries" :key="`req-${i}`">
                             <div class="d-flex align-items-center justify-content-between">
                                 <div class="">
                                     <h3 class="mb-0 hotWord__card__title">{{ relquery[0] }}</h3>
@@ -123,7 +123,7 @@
                                     <span class="d-block hotWord__card__num">{{ relquery[1] }}</span>
                                 </div>
                             </div>
-                        </b-card> -->
+                        </b-card>
                     </div>
                 </div>
                 <div class="col-12 col-md-6 text-left">
@@ -155,6 +155,9 @@
                     </div>
                 </div>
             </div>
+            <div v-if="reltopics.length == 0 && query">
+                <p>查無資料</p>
+            </div>
             <div class="row my-5 ">
                 <div class='col-12'>
                     <b-card shadow>
@@ -229,17 +232,17 @@ export default {
             vm.query = words.trim();
             console.log(vm.daterng);
             if(word) {
-               // vm.isLoading = true;
+                vm.isLoading = true;
                 if(!vm.history.includes(word)){
                     vm.history.unshift(word);
                 }
                 vm.daterng = date;
                 localStorage.setItem('searchedWords', JSON.stringify(vm.history));
-                /* vm.$http.get(`http://api.ptt.cx:8000/related_queries1/${word}?fd=2021-01-01&td=2021-02-30`, {headers: {'Access-Control-Allow-Origin': '*'}}).then(res => {
+                vm.$http.get(`http://api.ptt.cx:8000/related_queries1/${word}?fd=2021-01-01&td=2021-02-30`, {headers: {'Access-Control-Allow-Origin': '*'}}).then(res => {
                     vm.relqueries = res.data;
                     console.log(res.data);
                     vm.isLoading = false;
-                }); */
+                });
                 vm.$http.get(`http://api.ptt.cx:8000/related_topics1/${word}?fd=${date[0]}&td=${date[1]}`,  {headers: {'Access-Control-Allow-Origin': '*'}}).then(res => {
                     console.log(`http://api.ptt.cx:8000/related_topics1/${word}?fd=${date[0]}&td=${date[1]}`);
                     vm.reltopics = res.data;
@@ -265,10 +268,9 @@ export default {
         },
         getTops() {
             const vm = this;
-            // vm.isLoading = true;
+            //vm.isLoading = true;
             vm.$http.get(`http://api.ptt.cx:8000/ts_top?td=${vm.initialdate[1]}&tc=${vm.topAmount}`, {headers: {'Access-Control-Allow-Origin': '*'}}).then(res => {
                 console.log(res.data);
-
                 vm.tops = res.data;
                 vm.isLoading = false;
             });