云员工搜索

.env.production

@@ -5,6 +5,6 @@ ENV = 'production'
 VUE_APP_BASE_API = '/prod-api'
 # VUE_APP_BASE_API = '/test-api'
 
-VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/prod-api'
-# VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'
+# VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/prod-api'
+VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'
 # VUE_APP_BASE_TARGET = 'http://www.keyitest.cn/prod-api'

src/views/cloudUser/index.vue

@@ -1,5 +1,48 @@
 <template>
     <div class="cloudUser">
+        <el-form :model="queryParams" ref="queryForm" :inline="true">
+            <el-form-item label="职位名称" prop="title">
+                <el-input
+                    v-model="queryParams.title"
+                    placeholder="请输入职位名称"
+                    clearable
+                    size="small"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+            <el-form-item label="工作地点" prop="city">
+                <el-input
+                    v-model="queryParams.city"
+                    placeholder="请输入工作地点"
+                    clearable
+                    size="small"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+            <el-form-item label="职位发布者" prop="company">
+                <el-input
+                    v-model="queryParams.company"
+                    placeholder="请输入职位发布者"
+                    clearable
+                    size="small"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+            <el-form-item label="手机号" prop="phonenumber">
+                <el-input
+                    v-model="queryParams.phonenumber"
+                    placeholder="请输入手机号"
+                    clearable
+                    size="small"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+
         <el-table v-loading="loading" :data="cloudUserList">
             <el-table-column label="用户编号" align="center" prop="user_id" />
             <el-table-column label="用户昵称" align="center" prop="nick_name" />
@@ -42,6 +85,10 @@ export default {
             queryParams: {
                 pageNum: 1,
                 pageSize: 10,
+                title: null,
+                city: null,
+                company: null,
+                phonenumber: null,
             },
         }
     },
@@ -78,6 +125,15 @@ export default {
         detailFn() {
             this.detailOpen = true
         },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.getList()
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm('queryForm')
+            this.handleQuery()
+        },
     },
 }
 </script>