style: 高级筛选-时间显示&视图下拉交互

--bug=1046458 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001046458
--bug=1046495 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001046495
--bug=1046413 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001046413

frontend/src/components/pure/ms-advance-filter/filterDrawer.vue

@@ -57,14 +57,14 @@
             </div>
           </a-select>
         </a-form-item>
-        <a-form-item :field="`list[${listIndex}].operator`" class="w-[120px]" hide-asterisk>
+        <a-form-item :field="`list[${listIndex}].operator`" class="w-[105px]" hide-asterisk>
           <a-select v-model="item.operator" :disabled="!item.dataIndex" @change="operatorChange(item, listIndex)">
             <a-option v-for="option in operatorOptionsMap[item.type]" :key="option.value" :value="option.value">
               {{ t(option.label as string) }}
             </a-option>
           </a-select>
         </a-form-item>
-        <a-form-item class="flex-1 overflow-hidden" :field="`list[${listIndex}].value`" hide-asterisk>
+        <a-form-item class="flex-[1.5] overflow-hidden" :field="`list[${listIndex}].value`" hide-asterisk>
           <a-textarea
             v-if="item.type === FilterType.TEXTAREA"
             v-model:model-value="item.value"
@@ -126,6 +126,7 @@
             v-model:model-value="item.value"
             :data="item.treeSelectData"
             :disabled="isValueDisabled(item)"
+            allow-clear
             allow-search
             :placeholder="t('common.pleaseSelect')"
             :filter-tree-node="filterTreeNode"
@@ -137,6 +138,9 @@
             }"
             v-bind="item.treeSelectProps"
           >
+            <template #label="{ data }">
+              <div class="one-line-text">{{ data.label }}</div>
+            </template>
             <template #tree-slot-title="node">
               <a-tooltip :content="`${node.name}`" position="tr">
                 <div class="one-line-text max-w-[170px]">{{ node.name }}</div>
@@ -147,7 +151,7 @@
             v-else-if="item.type === FilterType.DATE_PICKER && item.operator !== OperatorEnum.BETWEEN"
             v-model:model-value="item.value"
             show-time
-            format="YYYY-MM-DD hh:mm"
+            format="YYYY-MM-DD HH:mm"
             :disabled="isValueDisabled(item)"
           />
           <a-range-picker
@@ -564,13 +568,6 @@
     .arco-form-item-message {
       margin-bottom: 0;
     }
-    .arco-select-view {
-      height: 32px;
-      .arco-select-view-inner {
-        @apply overflow-y-auto overflow-x-hidden;
-        .ms-scroll-bar();
-      }
-    }
   }
 </style>
 

frontend/src/components/pure/ms-advance-filter/index.vue

@@ -118,7 +118,7 @@
       >
         <template #icon>
           <MsIcon
-            type="icon-icon_copy_outlined"
+            type="icon-icon_filter"
             :class="`${isAdvancedSearchMode ? 'text-[rgb(var(--primary-5))]' : 'text-[var(--color-text-4)]'}`"
           />
         </template>
@@ -241,6 +241,17 @@
     viewSelectOptionVisible.value = false;
   }
 
+  watch(
+    () => viewSelectOptionVisible.value,
+    (val) => {
+      if (!val) {
+        customViews.value.forEach((item) => {
+          item.isShowNameInput = false;
+        });
+      }
+    }
+  );
+
   async function changeViewToFirstCustom() {
     await getUserViewList();
     currentView.value = customViews.value[0].id;

frontend/src/views/setting/organization/project/components/userDrawer.vue

@@ -281,12 +281,4 @@
     height: 100vh !important;
     border: 1px solid red;
   }
-  // 下拉不折行
-  :deep(.arco-select-view) {
-    height: 32px;
-    .arco-select-view-inner {
-      @apply overflow-y-auto overflow-x-hidden;
-      .ms-scroll-bar();
-    }
-  }
 </style>

frontend/src/views/setting/system/organizationAndProject/components/userDrawer.vue

@@ -304,14 +304,3 @@
     }
   );
 </script>
-
-<style lang="less" scoped>
-  // 下拉不折行
-  :deep(.arco-select-view) {
-    height: 32px;
-    .arco-select-view-inner {
-      @apply overflow-y-auto overflow-x-hidden;
-      .ms-scroll-bar();
-    }
-  }
-</style>