台账表头搜索

src/views/pms/device/index.vue

@@ -192,9 +192,9 @@
                 style="display: inline-block"
                 class="text-[#ad9399] w-[70px] text-[12px] cursor-pointer z-[999] justify-center flex items-center"
               >
-                <el-popover placement="bottom" :width="250" trigger="hover">
+                <el-popover placement="bottom" :width="250" trigger="click">
                   <template #reference>
-                    <div class="flex items-center">
+                    <div class="flex items-center" @click.stop>
                       <span> 油服编码 </span>
                       <Icon
                         icon="ep:arrow-down"
@@ -230,9 +230,9 @@
                 style="display: inline-block"
                 class="text-[#ad9399] w-[70px] text-[12px] cursor-pointer z-[999] justify-center flex items-center"
               >
-                <el-popover placement="bottom" :width="250" trigger="hover">
+                <el-popover placement="bottom" :width="250" trigger="click">
                   <template #reference>
-                    <div class="flex items-center">
+                    <div class="flex items-center" @click.stop>
                       <span> 历史编码 </span> <Icon icon="ep:arrow-down" />
                     </div>
                   </template>
@@ -263,9 +263,9 @@
                 style="display: inline-block"
                 class="text-[#ad9399] w-[70px] text-[12px] cursor-pointer z-[999] justify-center flex items-center"
               >
-                <el-popover placement="bottom" :width="250" trigger="hover">
+                <el-popover placement="bottom" :width="250" trigger="click">
                   <template #reference>
-                    <div class="flex items-center">
+                    <div class="flex items-center" @click.stop>
                       <span> 设备名称 </span> <Icon icon="ep:arrow-down" />
                     </div>
                   </template>
@@ -295,9 +295,9 @@
                 style="display: inline-block"
                 class="text-[#ad9399] w-[70px] text-[12px] cursor-pointer z-[999] justify-center flex items-center"
               >
-                <el-popover placement="bottom" :width="250" trigger="hover">
+                <el-popover placement="bottom" :width="250" trigger="click">
                   <template #reference>
-                    <div class="flex items-center">
+                    <div class="flex items-center" @click.stop>
                       <span> 设备号 </span> <Icon icon="ep:arrow-down" />
                     </div>
                   </template>
@@ -326,9 +326,9 @@
                 style="display: inline-block"
                 class="text-[#ad9399] w-[70px] text-[12px] cursor-pointer z-[999] justify-center flex items-center"
               >
-                <el-popover placement="bottom" :width="250" trigger="hover">
+                <el-popover placement="bottom" :width="250" trigger="click">
                   <template #reference>
-                    <div class="flex items-center">
+                    <div class="flex items-center" @click.stop>
                       <span> {{ t('iotDevice.dept') }} </span> <Icon icon="ep:arrow-down" />
                     </div>
                   </template>
@@ -419,9 +419,9 @@
                 style="display: inline-block"
                 class="text-[#ad9399] w-[70px] text-[12px] cursor-pointer z-[999] justify-center flex items-center"
               >
-                <el-popover placement="bottom" :width="250" trigger="hover">
+                <el-popover placement="bottom" :width="250" trigger="click">
                   <template #reference>
-                    <div class="flex items-center">
+                    <div class="flex items-center" @click.stop>
                       <span> {{ t('iotDevice.assetClass') }} </span> <Icon icon="ep:arrow-down" />
                     </div>
                   </template>
@@ -441,9 +441,9 @@
 
           <el-table-column label="车牌号" align="center" prop="carNo" min-width="170">
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
-                  <div class="flex items-center">
+                  <div class="flex items-center" @click.stop>
                     <span> 车牌号 </span> <Icon icon="ep:arrow-down" />
                   </div>
                 </template>
@@ -462,9 +462,9 @@
 
           <el-table-column align="center" prop="manufacturer" min-width="200">
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
-                  <div class="flex items-center">
+                  <div class="flex items-center" @click.stop>
                     <span>
                       {{ t('deviceForm.mfg') }}
                     </span>
@@ -490,9 +490,9 @@
             min-width="150"
           >
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
-                  <div class="flex items-center">
+                  <div class="flex items-center" @click.stop>
                     <span> {{ t('deviceForm.brand') }} </span> <Icon icon="ep:arrow-down" />
                   </div>
                 </template>
@@ -515,9 +515,9 @@
             min-width="170"
           >
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
-                  <div class="flex items-center">
+                  <div class="flex items-center" @click.stop>
                     <span> {{ t('deviceForm.model') }} </span> <Icon icon="ep:arrow-down" />
                   </div>
                 </template>
@@ -540,9 +540,9 @@
             min-width="170"
           >
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
-                  <div class="flex items-center">
+                  <div class="flex items-center" @click.stop>
                     <span> {{ t('devicePerson.rp') }} </span> <Icon icon="ep:arrow-down" />
                   </div>
                 </template>
@@ -565,7 +565,7 @@
             min-width="170"
           >
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
                   <div class="flex items-center">
                     <span> {{ t('deviceForm.useProject') }} </span> <Icon icon="ep:arrow-down" />
@@ -590,7 +590,7 @@
             min-width="170"
           >
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
                   <div class="flex items-center">
                     <span> {{ t('deviceForm.assetOwner') }} </span> <Icon icon="ep:arrow-down" />
@@ -610,7 +610,7 @@
           </el-table-column>
           <el-table-column label="所在地点" align="center" prop="address" min-width="170">
             <template #header>
-              <el-popover placement="bottom" :width="250" trigger="hover">
+              <el-popover placement="bottom" :width="250" trigger="click">
                 <template #reference>
                   <div class="table-header-flex">
                     <span>所在地点</span>