From 244c36ea7b11ac896ff2b60695f5db37795a1c58 Mon Sep 17 00:00:00 2001
From: "382696293@qq.com" <382696293@qq.com>
Date: Thu, 28 Dec 2023 14:43:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E5=91=98=E7=AE=A1=E7=90=86=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=9D=A1=E4=BB=B6=E5=A2=9E=E5=8A=A0=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E6=8F=90=E9=86=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 flossom-ui/src/views/system/member/index.vue | 86 +++++++++++---------
 1 file changed, 49 insertions(+), 37 deletions(-)

diff --git a/flossom-ui/src/views/system/member/index.vue b/flossom-ui/src/views/system/member/index.vue
index 86b7799..b760a25 100644
--- a/flossom-ui/src/views/system/member/index.vue
+++ b/flossom-ui/src/views/system/member/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-descriptions size="medium">
+    <el-descriptions class="margin-top" style="font-size: 1.5em;">
       <el-descriptions-item label="用户总数">{{ count.userNum }}</el-descriptions-item>
       <el-descriptions-item label="已注册用户">{{ count.userRegisterNum }}</el-descriptions-item>
       <el-descriptions-item label="已绑定仪器用户数">{{ count.userDeviceNum }}</el-descriptions-item>
@@ -21,22 +21,28 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="手机号码" prop="mobile">
-        <el-input
-          v-model="queryParams.mobile"
-          placeholder="搜索多个请用英文逗号隔开"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="用户编号" prop="id">
-        <el-input
-          v-model="queryParams.id"
-          placeholder="搜索多个请用英文逗号隔开"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+      <el-popover placement="top-start" width="200" trigger="click"
+                  content="手机号码和用户编号，满足其中之一内容即可">
+        <el-form-item label="手机号码" prop="mobile" slot="reference">
+          <el-input
+            v-model="queryParams.mobile"
+            placeholder="搜索多个请用英文逗号隔开"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+      </el-popover>
+      <el-popover placement="top-start" width="200" trigger="click"
+                  content="手机号码和用户编号，满足其中之一内容即可">
+        <el-form-item label="用户编号" prop="id" slot="reference">
+          <el-input
+            v-model="queryParams.id"
+            placeholder="搜索多个请用英文逗号隔开"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+      </el-popover>
       <el-form-item label="生日" prop="birthday">
         <el-date-picker
           clearable
@@ -119,26 +125,32 @@
       <!--          </el-option>-->
       <!--        </el-select>-->
       <!--      </el-form-item>-->
-      <el-form-item label="企微标签" prop="wecomTags">
-        <el-select v-model="queryParams.wecomTags" multiple placeholder="请选择">
-          <el-option
-            v-for="item in wecomTags"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="小程序标签" prop="miniProgramTags">
-        <el-select v-model="queryParams.miniProgramTags" multiple placeholder="请选择">
-          <el-option
-            v-for="item in miniProgramTags"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
+      <el-popover placement="top-start" width="200" trigger="click"
+                  content="企微标签和小程序标签，同时满足所选内容">
+        <el-form-item label="企微标签" prop="wecomTags" slot="reference">
+          <el-select v-model="queryParams.wecomTags" multiple placeholder="请选择">
+            <el-option
+              v-for="item in wecomTags"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-popover>
+      <el-popover placement="top-start" width="200" trigger="click"
+                  content="企微标签和小程序标签，同时满足所选内容">
+        <el-form-item label="小程序标签" prop="miniProgramTags" slot="reference">
+          <el-select v-model="queryParams.miniProgramTags" multiple placeholder="请选择">
+            <el-option
+              v-for="item in miniProgramTags"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-popover>
       <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>