Bläddra i källkod

增加搜索支持键盘回车

shaogen1995 3 år sedan
förälder
incheckning
bc5311f945

+ 2 - 2
houtai/src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8005/', // 本地调试
-  baseURL: 'http://192.168.0.245:8005/', // 线上调试
-  // baseURL: '', // build
+  // baseURL: 'http://192.168.0.245:8005/', // 线上调试
+  baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

+ 1 - 1
web/src/views/tab3/index.vue

@@ -12,7 +12,7 @@
           <span>·</span> {{ item.name }}
         </li>
       </ul>
-      <div class="search">
+      <div class="search" @keyup.enter='mySearch'>
         <el-input
           placeholder="搜索"
           suffix-icon="el-icon-search"

+ 6 - 6
web/src/views/tab4/tab4-2.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="tab4-2" v-if="myArr.length !== 0">
+  <div class="tab4-2">
     <div class="top">
-      <div class="search">
+      <div class="search" @keyup.enter="mySearch">
         <el-input
           placeholder="请输入内容"
           suffix-icon="el-icon-search"
@@ -12,7 +12,7 @@
       </div>
     </div>
     <!-- 内容 -->
-    <div class="conten">
+    <div class="conten" v-if="myArr.length !== 0">
       <div class="row" v-for="(item, index) in myArr" :key="item.id">
         <el-image
           @click="lookBigImg(item, index)"
@@ -25,6 +25,7 @@
         <p :title="item.name">{{ item.name }}</p>
       </div>
     </div>
+    <div class="tab4-2 conNull" v-else>暂 无 数 据</div>
     <!-- 分页 -->
     <div class="paging">
       <el-pagination
@@ -39,11 +40,10 @@
     <!-- 大图预览里面的文字显示 -->
     <div class="imgBigShow" v-if="imgBigShow">{{ imgBigTxt }}</div>
   </div>
-  <div class="tab4-2 conNull" v-else>暂 无 数 据</div>
 </template>
 <script>
 import axios from "@/utils/request";
-import { imgList,webVisit } from "@/utils/api";
+import { imgList, webVisit } from "@/utils/api";
 export default {
   name: "tab4-2",
   components: {},
@@ -71,7 +71,7 @@ export default {
   // 方法集合
   methods: {
     //点击图片,查看大图
-   async lookBigImg(item, index) {
+    async lookBigImg(item, index) {
       this.imgBigTxt = item.name;
       this.tempNum = index;
       this.$nextTick(() => {

+ 4 - 4
web/src/views/tab4/tab4-4.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="tab4-4" v-if="myArr.length !== 0">
+  <div class="tab4-4">
     <div class="top">
-      <div class="search">
+      <div class="search" @keyup.enter="mySearch">
         <el-input
           placeholder="请输入姓名"
           suffix-icon="el-icon-search"
@@ -12,7 +12,7 @@
       </div>
     </div>
     <!-- 内容 -->
-    <div class="conten">
+    <div class="conten" v-if="myArr.length !== 0">
       <div
         class="row"
         v-for="item in myArr"
@@ -23,6 +23,7 @@
         <p :title="item.name">{{ item.name }}</p>
       </div>
     </div>
+    <div class="tab4-4 conNull" v-else>暂 无 数 据</div>
     <!-- 分页 -->
     <div class="paging">
       <el-pagination
@@ -56,7 +57,6 @@
       </div>
     </div>
   </div>
-  <div class="tab4-4 conNull" v-else>暂 无 数 据</div>
 </template>
 <script>
 import moment from "moment";

+ 1 - 1
web/src/views/tab4/tab4-5.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="tab4-5">
     <div class="top">
-      <div class="search">
+      <div class="search" @keyup.enter="mySearch">
         <el-input
           placeholder="请输入姓名"
           suffix-icon="el-icon-search"