From 506213d369d1cb552ab1a9fcb626647635898e1d Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 23 Oct 2024 15:30:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E8=BF=87=E6=BB=A4=E5=99=A8=E4=B8=AD=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E5=8A=A8=E6=80=81=E5=80=BC=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor/filter/auth-tree/FilterFiled.vue   | 26 ++++++-------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
index 3dd961bcb0..52a1de767e 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
@@ -75,13 +75,6 @@ const checkListWithFilter = computed(() => {
 const checkResult = computed(() => {
   return checklist.value.join(',')
 })
-const computedWidth = computed(() => {
-  const { term, fieldId, filterType } = item.value
-  const isNull = ['null', 'empty', 'not_null', 'not_empty'].includes(term) && filterType === 'logic'
-  return {
-    width: !fieldId ? '270px' : isNull ? '670px' : '750px'
-  }
-})
 
 const sysParamsIln = computed(() => {
   if (['in', 'not in'].includes(item.value.term)) {
@@ -269,7 +262,6 @@ const cancelfixValue = () => {
 const delChecks = idx => {
   checklist.value.splice(idx, 1)
 }
-
 const selectItem = ({ name, id, deType }) => {
   activeName.value = name
   Object.assign(item.value, {
@@ -287,6 +279,7 @@ const selectItem = ({ name, id, deType }) => {
   filterListInit(deType)
   checklist.value = []
 }
+
 const filterListInit = deType => {
   filterList.value = [
     {
@@ -306,11 +299,11 @@ const filterListInit = deType => {
 const filterListTime = [
   {
     value: 'dateValue',
-    label: '日期值'
+    label: '固定值'
   },
   {
     value: 'dynamicDate',
-    label: '动态日期'
+    label: '动态值'
   }
 ]
 const clearAll = () => {
@@ -349,12 +342,7 @@ const emits = defineEmits(['update:item', 'del'])
 
 <template>
   <div class="white-nowrap">
-    <div
-      class="filed"
-      :style="computedWidth"
-      @mouseover="showDel = true"
-      @mouseleave="showDel = false"
-    >
+    <div class="filed" @mouseover="showDel = true" @mouseleave="showDel = false">
       <span class="filed-title">{{ t('auth.filter_fields') }}</span>
 
       <el-dropdown trigger="click" :hide-on-click="false">
@@ -422,11 +410,13 @@ const emits = defineEmits(['update:item', 'del'])
             >
             </el-option>
           </el-select>
+          <span class="filed-title">{{ t('auth.fixed_value') }}</span>
         </template>
         <template v-else>
-          <span class="filed-title">时间类型</span>
           <el-select
             size="small"
+            class="w100"
+            style="margin-left: 16px"
             @change="filterTypeChangeTime"
             v-model="item.filterTypeTime"
             :placeholder="t('auth.select')"
@@ -440,7 +430,6 @@ const emits = defineEmits(['update:item', 'del'])
             </el-option>
           </el-select>
         </template>
-        <span class="filed-title">{{ t('auth.fixed_value') }}</span>
         <template v-if="item.filterType === 'logic'">
           <el-select
             class="w100"
@@ -627,6 +616,7 @@ const emits = defineEmits(['update:item', 'del'])
   white-space: nowrap;
 }
 .filed {
+  width: fit-content;
   height: 41.4px;
   padding: 1px 3px 1px 10px;
   box-sizing: border-box;