From 93974b4beeb1727e8d7b85237e129f73ecd51006 Mon Sep 17 00:00:00 2001
From: schry <2433098676@qq.com>
Date: Wed, 14 Jun 2023 15:01:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E4=B8=9A=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/userManage/customerManage.vue |  74 ++++++++++++-----
 src/views/userManage/onLineManage.vue   |  89 ++++++++++++++------
 src/views/userManage/registerManage.vue | 104 ++++++++++++++++--------
 3 files changed, 189 insertions(+), 78 deletions(-)

diff --git a/src/views/userManage/customerManage.vue b/src/views/userManage/customerManage.vue
index 262cd88..1fd30f6 100644
--- a/src/views/userManage/customerManage.vue
+++ b/src/views/userManage/customerManage.vue
@@ -1,30 +1,49 @@
 <template>
   <div>
     <el-card>
-      <el-form :inline="true" :model="filterQuery" class="query-form" size="mini" label-width="100px">
-        <el-row>
-          <el-form-item label="企业名称:">
-            <el-input
-              v-model="filterQuery.companyName"
-              placeholder="企业名称"
-              clearable
-            ></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-button-group>
-              <el-button
-                type="primary"
-                icon="el-icon-refresh"
-                @click="onReset"
-              >重置</el-button>
-              <el-button type="primary" icon="el-icon-search" @click="onSubmit"
-              >查询
-              </el-button
-              >
-            </el-button-group>
-          </el-form-item>
+      <el-form class="query-form" size="mini" label-width="120px" v-show="showSearch">
+        <el-row type="flex">
+          <el-col type="flex" :span="8">
+            <el-form-item label="企业名称:">
+              <el-input
+                v-model="filterQuery.companyName"
+                style="width: 90%"
+                placeholder="企业名称"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col type="flex" :span="8">
+            <el-form-item label="企业类型" class="query-form-item">
+              <el-select v-model="filterQuery.bussinessStatus" style="width: 90%" placeholder="请选择企业类型" clearable>
+                <el-option label="生产企业" value="1"></el-option>
+                <el-option label="流通企业" value="2"></el-option>
+                <el-option label="医疗机构" value="3"></el-option>
+                <el-option label="监管机构" value="4"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col type="flex" :span="8">
+            <el-form-item label="统一社会信用号" class="query-form-item">
+              <el-input
+                v-model="filterQuery.creditNum"
+                style="width: 90%"
+                placeholder="请输入统一社会信用号"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
+      <div class="top-right-btn" style="display:flex;">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+
 
       <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
         <el-table-column label="序号" type="index"></el-table-column>
@@ -413,6 +432,7 @@ import customerUser from "./customerUser";
 export default {
   data() {
     return {
+      showSearch: true,
       BASE_URL: process.env.VUE_APP_BASE_API,
       imgList:[],
       imgViewerVisible: false,
@@ -420,6 +440,9 @@ export default {
       certList:[],
       filterQuery: {
         companyName: "",
+        checkStatus: "",
+        creditNum: "",
+        bussinessStatus: "",
         page: 1,
         limit: 20,
       },
@@ -484,12 +507,19 @@ export default {
     },
   },
   methods: {
+    //隐藏搜索
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
     onReset() {
       this.$router.push({
         path: "",
       });
       this.filterQuery = {
         companyName: "",
+        checkStatus: "",
+        creditNum: "",
+        bussinessStatus: "",
         page: 1,
         limit: 20,
       };
diff --git a/src/views/userManage/onLineManage.vue b/src/views/userManage/onLineManage.vue
index dd150bc..29bd124 100644
--- a/src/views/userManage/onLineManage.vue
+++ b/src/views/userManage/onLineManage.vue
@@ -1,31 +1,50 @@
 <template>
   <div>
     <el-card>
-      <el-form :inline="true" :model="filterQuery" class="query-form" size="mini" label-width="100px">
-        <el-row>
-          <el-form-item label="企业名称:">
-            <el-input
-              v-model="filterQuery.companyName"
-              placeholder="企业名称"
-              clearable
-            ></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-button-group>
-              <el-button
-                type="primary"
-                icon="el-icon-refresh"
-                @click="onReset"
-              >重置
-              </el-button>
-              <el-button type="primary" icon="el-icon-search" @click="onSubmit"
-              >查询
-              </el-button
-              >
-            </el-button-group>
-          </el-form-item>
+      <el-form class="query-form" size="mini" label-width="120px" v-show="showSearch">
+        <el-row type="flex">
+          <el-col type="flex" :span="8">
+            <el-form-item label="企业名称:">
+              <el-input
+                v-model="filterQuery.companyName"
+                style="width: 90%"
+                placeholder="企业名称"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col type="flex" :span="8">
+            <el-form-item label="企业类型" class="query-form-item">
+              <el-select v-model="filterQuery.bussinessStatus" style="width: 90%" placeholder="请选择企业类型" clearable>
+                <el-option label="生产企业" value="1"></el-option>
+                <el-option label="流通企业" value="2"></el-option>
+                <el-option label="医疗机构" value="3"></el-option>
+                <el-option label="监管机构" value="4"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col type="flex" :span="8">
+            <el-form-item label="统一社会信用号" class="query-form-item">
+              <el-input
+                v-model="filterQuery.creditNum"
+                style="width: 90%"
+                placeholder="请输入统一社会信用号"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
         </el-row>
       </el-form>
+      <div class="top-right-btn" style="display:flex;">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit" size="mini">查询</el-button>
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+
       <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
         <el-table-column label="序号" type="index"></el-table-column>
         <el-table-column label="在线状态" prop="onLineStatus" width="80">
@@ -177,6 +196,7 @@ import {insertBusType} from "@/api/basic/busType";
 export default {
   data() {
     return {
+      showSearch: true,
       BASE_URL: process.env.VUE_APP_BASE_API,
       imgList: [],
       imgViewerVisible: false,
@@ -184,6 +204,9 @@ export default {
       certList: [],
       filterQuery: {
         companyName: "",
+        checkStatus: "",
+        creditNum: "",
+        bussinessStatus: "",
         page: 1,
         limit: 20,
       },
@@ -240,12 +263,19 @@ export default {
     },
   },
   methods: {
+    //隐藏搜索
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
     onReset() {
       this.$router.push({
         path: "",
       });
       this.filterQuery = {
         companyName: "",
+        checkStatus: "",
+        creditNum: "",
+        bussinessStatus: "",
         page: 1,
         limit: 20,
       };
@@ -335,3 +365,16 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.el-col {
+  border-radius: 4px;
+  flex-wrap: wrap;
+}
+
+.query-form-item {
+  display: block !important;
+  margin-right: 10px;
+  margin-bottom: 5px;
+}
+</style>
diff --git a/src/views/userManage/registerManage.vue b/src/views/userManage/registerManage.vue
index e320918..94ac39c 100644
--- a/src/views/userManage/registerManage.vue
+++ b/src/views/userManage/registerManage.vue
@@ -1,39 +1,59 @@
 <template>
   <div>
     <el-card>
-      <el-form :model="filterQuery" class="query-form" label-width="120px" inline>
-        <el-row>
-          <el-form-item label="企业名称">
-            <el-input
-              v-model="filterQuery.companyName"
-              style="width: 90%"
-              placeholder="请输入企业名称"
-              clearable
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="审核状态">
-            <el-select v-model="filterQuery.checkStatus" style="width: 90%" placeholder="请选择审核状态">
-              <el-option label="未审核" value="3"></el-option>
-              <el-option label="已审核" value="1"></el-option>
-              <el-option label="未通过" value="2"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-button-group>
-              <el-button
-                type="primary"
-                icon="el-icon-refresh"
-                @click="onReset"
-              >重置
-              </el-button>
-              <el-button type="primary" icon="search" @click="onSubmit"
-              >查询
-              </el-button
-              >
-            </el-button-group>
-          </el-form-item>
+      <el-form label-width="120px" v-show="showSearch" size="mini">
+        <el-row type="flex">
+          <el-col type="flex" :span="8">
+            <el-form-item label="企业名称" class="query-form-item">
+              <el-input
+                v-model="filterQuery.companyName"
+                style="width: 90%"
+                placeholder="请输入企业名称"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col type="flex" :span="8">
+            <el-form-item label="审核状态" class="query-form-item">
+              <el-select v-model="filterQuery.checkStatus" style="width: 90%" placeholder="请选择审核状态" clearable>
+                <el-option label="未审核" value="3"></el-option>
+                <el-option label="已审核" value="1"></el-option>
+                <el-option label="未通过" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col type="flex" :span="8">
+            <el-form-item label="统一社会信用号" class="query-form-item">
+              <el-input
+                v-model="filterQuery.creditNum"
+                style="width: 90%"
+                placeholder="请输入统一社会信用号"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex">
+          <el-col type="flex" :span="8">
+            <el-form-item label="企业类型" class="query-form-item">
+              <el-select v-model="filterQuery.bussinessStatus" style="width: 90%" placeholder="请选择企业类型" clearable>
+                <el-option label="生产企业" value="1"></el-option>
+                <el-option label="流通企业" value="2"></el-option>
+                <el-option label="医疗机构" value="3"></el-option>
+                <el-option label="监管机构" value="4"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
+      <div class="top-right-btn" style="display:flex;">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit" size="mini">查询</el-button>
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
 
       <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row class="table-fixed">
         <el-table-column label="序号" type="index"></el-table-column>
@@ -506,12 +526,15 @@ export default {
       certTotal: 0,
       details:false,
       imgList:[],
+      showSearch: true,
       certLoading: false,
       imgViewerVisible: false,
       BASE_URL: process.env.VUE_APP_BASE_API,
       filterQuery: {
         companyName: "",
         checkStatus: "",
+        creditNum: "",
+        bussinessStatus: "",
         page: 1,
         limit: 20,
       },
@@ -583,6 +606,10 @@ export default {
   },
 
   methods: {
+    //隐藏搜索
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
     onReset() {
       this.$router.push({
         path: "",
@@ -590,6 +617,9 @@ export default {
       this.filterQuery = {
         companyName: "",
         checkType: "",
+        checkStatus: "",
+        creditNum: "",
+        bussinessStatus: "",
         page: 1,
         limit: 20,
       };
@@ -882,8 +912,16 @@ export default {
 </script>
 
 
-<style lang="scss" scoped>
-
+<style scoped>
+.el-col {
+  border-radius: 4px;
+  flex-wrap: wrap;
+}
 
+.query-form-item {
+  display: block !important;
+  margin-right: 10px;
+  margin-bottom: 5px;
+}
 
 </style>