fix(全局): 多选框样式&搜索框加 clear 自动刷新数据

2024-04-23 17:11:55 +08:00 · 2024-04-23 17:11:55 +08:00 · 65fb597820
parent 33aea96d91
commit 65fb597820
29 changed files with 40 additions and 24 deletions
--- a/frontend/src/assets/style/arco-reset.less
+++ b/frontend/src/assets/style/arco-reset.less
@ -428,23 +428,29 @@
    @apply hidden;
  }
 }
-.arco-checkbox-indeterminate .arco-checkbox-icon {
+.arco-checkbox-indeterminate .arco-checkbox-icon:not(.arco-checkbox-disabled .arco-checkbox-icon) {
  border: 1px solid rgba(var(--primary-7)) !important;
  background-color: rgba(var(--primary-1));
  &::after {
    background-color: rgb(var(--primary-7));
  }
 }
+.arco-checkbox-disabled:hover,
+.arco-checkbox-disabled,
 .arco-checkbox-disabled.arco-checkbox-checked,
 .arco-checkbox-disabled.arco-checkbox-checked:hover {
  .arco-checkbox-icon {
    @apply bg-white text-white;

-    border: none;
-    background: rgb(var(--primary-2)) !important;
+    border-color: var(--color-text-input-border) !important;
+    background: var(--color-text-n8) !important;
+    &::after {
+      background-color: var(--color-text-4);
+    }
  }
  .arco-checkbox-icon-check {
-    background-color: rgb(var(--primary-2)) !important;
+    color: var(--color-text-4);
+    background-color: var(--color-text-n8) !important;
  }
 }

--- a/frontend/src/components/business/ms-link-file/linkFileTable.vue
+++ b/frontend/src/components/business/ms-link-file/linkFileTable.vue
@ -19,6 +19,7 @@
          class="w-[240px]"
          @search="searchList"
          @press-enter="searchList"
+          @clear="searchList"
      /></div>
    </div>
    <ms-base-table v-bind="propsRes" ref="tableRef" v-model:selected-key="selectedKey" no-disable v-on="propsEvent">
--- a/frontend/src/components/business/ms-user-group-comp/authTable.vue
+++ b/frontend/src/components/business/ms-user-group-comp/authTable.vue
@ -500,12 +500,6 @@
      background-color: var(--color-text-n9);
      line-height: normal;
    }
-    :deep(.arco-checkbox-indeterminate) {
-      .arco-checkbox-icon {
-        border-color: rgb(var(--primary-5));
-        background: rgb(var(--primary-1));
-      }
-    }
  }
  .footer {
    display: flex;
--- a/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
@ -7,6 +7,7 @@
      class="mr-[8px] w-[240px]"
      @search="loadQuoteList"
      @press-enter="loadQuoteList"
+      @clear="loadQuoteList"
    />
    <ms-base-table v-bind="propsRes" no-disable v-on="propsEvent">
      <template #num="{ record }">
--- a/frontend/src/views/api-test/management/components/management/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
@ -17,6 +17,7 @@
          class="mr-[8px] w-[240px]"
          @search="loadCaseList"
          @press-enter="loadCaseList"
+          @clear="loadCaseList"
        />
        <a-button type="outline" class="arco-btn-outline--secondary !p-[8px]" @click="loadCaseList">
          <template #icon>
--- a/frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue
+++ b/frontend/src/views/api-test/management/components/management/case/tabContent/tabCaseDependency.vue
@ -9,6 +9,7 @@
        class="mr-[8px] w-[240px]"
        @search="loadQuoteList"
        @press-enter="loadQuoteList"
+        @clear="loadQuoteList"
      />
    </div>

--- a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
+++ b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
@ -9,6 +9,7 @@
          class="mr-[8px] w-[240px]"
          @search="loadMockList"
          @press-enter="loadMockList"
+          @clear="loadMockList"
        />
      </div>
    </div>
--- a/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
+++ b/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
@ -9,6 +9,7 @@
          class="mr-[8px] w-[240px]"
          @search="loadApiList(false)"
          @press-enter="loadApiList(false)"
+          @clear="loadApiList(false)"
        />
        <a-button type="outline" class="arco-btn-outline--secondary !p-[8px]" @click="loadApiList(false)">
          <template #icon>
@ -309,12 +310,7 @@
  const statusFilters = ref<string[]>([]);
  const deleteUserFilterVisible = ref(false);
  const deleteUserFilters = ref<string[]>([]);
-  const moduleIds = computed(() => {
-    if (props.activeModule === 'all') {
-      return [];
-    }
-    return [props.activeModule];
-  });
+
  const tableQueryParams = ref<any>();
  const tableStore = useTableStore();
  async function getModuleIds() {
--- a/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
@ -9,6 +9,7 @@
          class="mr-[8px] w-[240px]"
          @search="loadCaseList"
          @press-enter="loadCaseList"
+          @clear="loadCaseList"
        />
        <a-button type="outline" class="arco-btn-outline--secondary !p-[8px]" @click="loadCaseList">
          <template #icon>
@ -450,9 +451,6 @@
  const caseLevelFields = ref<Record<string, any>>({});
  const caseFilterVisible = ref(false);
  const caseFilters = ref<string[]>([]);
-  const caseLevelList = computed(() => {
-    return caseLevelFields.value?.options || [];
-  });
  const lastReportStatusFilterVisible = ref(false);
  const lastReportStatusList = ref<string[]>(Object.keys(ReportStatus[ReportEnum.API_REPORT]));
  const lastReportStatusFilters = ref<string[]>([]);
--- a/frontend/src/views/api-test/report/component/case/IndepReportChart.vue
+++ b/frontend/src/views/api-test/report/component/case/IndepReportChart.vue
@ -25,8 +25,6 @@
  /**
   * @description 用例报告独立报告
   */
-  import { ref } from 'vue';
-
  import MsChart from '@/components/pure/chart/index.vue';

  import { useI18n } from '@/hooks/useI18n';
--- a/frontend/src/views/api-test/scenario/components/params.vue
+++ b/frontend/src/views/api-test/scenario/components/params.vue
@ -17,6 +17,7 @@
      class="mr-[8px] w-[240px]"
      @search="handleSearch"
      @press-enter="handleSearch"
+      @clear="handleSearch"
    />
    <batchAddKeyVal
      :params="innerParams"
--- a/frontend/src/views/bug-management/components/bugCaseTab.vue
+++ b/frontend/src/views/bug-management/components/bugCaseTab.vue
@ -10,6 +10,7 @@
      class="mx-[8px] w-[240px]"
      @search="searchCase"
      @press-enter="searchCase"
+      @clear="searchCase"
    ></a-input-search>
  </div>
  <ms-base-table v-bind="propsRes" v-on="propsEvent">
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
@ -18,6 +18,7 @@
        class="mx-[8px] w-[240px]"
        @search="searchCase"
        @press-enter="searchCase"
+        @clear="searchCase"
      ></a-input-search>
    </div>
    <ms-base-table v-bind="propsRes" v-on="propsEvent">
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
@ -9,6 +9,7 @@
        class="mx-[8px] w-[240px]"
        @search="searchList"
        @press-enter="searchList"
+        @clear="searchList"
      ></a-input-search>
    </div>
    <ms-base-table v-bind="propsRes" v-on="propsEvent">
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue
@ -27,6 +27,7 @@
        class="mx-[8px] w-[240px]"
        @search="searchList"
        @press-enter="searchList"
+        @clear="searchList"
      ></a-input-search>
    </div>
    <AssociatedDemandTable
@ -74,6 +75,7 @@
          class="mx-[8px] w-[240px]"
          @search="searchHandler"
          @press-enter="searchHandler"
+          @clear="searchHandler"
        ></a-input-search>
      </div>
      <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
@ -119,14 +121,12 @@
  import { getCaseRelatedInfo } from '@/api/modules/project-management/menuManagement';
  import { useI18n } from '@/hooks/useI18n';
  import { useAppStore } from '@/store';
-  import useFeatureCaseStore from '@/store/modules/case/featureCase';

  import type { CreateOrUpdateDemand, DemandItem } from '@/models/caseManagement/featureCase';
  import { TableKeyEnum } from '@/enums/tableEnum';

  const { t } = useI18n();
  const appStore = useAppStore();
-  const featureCaseStore = useFeatureCaseStore();
  const currentProjectId = computed(() => appStore.currentProjectId);
  const props = defineProps<{
    caseId: string;
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/platformDemandDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/platformDemandDrawer.vue
@ -21,6 +21,7 @@
        allow-clear
        @search="searchHandler"
        @press-enter="searchHandler"
+        @clear="searchHandler"
      ></a-input-search>
    </div>
    <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
@ -25,6 +25,7 @@
        class="mx-[8px] w-[240px]"
        @search="searchHandler"
        @press-enter="searchHandler"
+        @clear="searchHandler"
      ></a-input-search>
    </div>
    <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
@ -78,6 +78,7 @@
              class="w-[200px]"
              @press-enter="searchCase"
              @search="searchCase"
+              @clear="searchCase"
            />
            <!-- TODO这个版本不做  -->
            <!-- <a-button type="outline" class="arco-btn-outline--secondary px-[8px]">
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
@ -31,6 +31,7 @@
          class="mx-[8px] w-[240px]"
          @search="searchDependCase"
          @press-enter="searchDependCase"
+          @clear="searchDependCase"
        ></a-input-search>
      </div>
    </div>
--- a/frontend/src/views/case-management/caseReview/caseDetail.vue
+++ b/frontend/src/views/case-management/caseReview/caseDetail.vue
@ -31,6 +31,7 @@
            class="mr-[8px] w-[240px]"
            @search="loadCaseList"
            @press-enter="loadCaseList"
+            @clear="loadCaseList"
          />
          <a-select
            v-model:model-value="type"
@ -184,6 +185,7 @@
                class="w-[300px]"
                @press-enter="searchDemand"
                @search="searchDemand"
+                @clear="searchDemand"
              />
            </div>
            <caseTabDemand
--- a/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
+++ b/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
@ -13,6 +13,7 @@
        :placeholder="t('project.menu.nameSearch')"
        @press-enter="fetchData"
        @search="fetchData"
+        @clear="fetchData"
      ></a-input-search>
    </div>
  </div>
--- a/frontend/src/views/project-management/environmental/index.vue
+++ b/frontend/src/views/project-management/environmental/index.vue
@ -26,6 +26,7 @@
              allow-clear
              @press-enter="searchData"
              @search="searchData"
+              @clear="searchData"
            />
            <!-- 全局参数-->
            <div class="p-[8px] text-[var(--color-text-4)]">
--- a/frontend/src/views/project-management/projectAndPermission/menuManagement/components/falseAlermRule.vue
+++ b/frontend/src/views/project-management/projectAndPermission/menuManagement/components/falseAlermRule.vue
@ -16,6 +16,7 @@
        allow-clear
        @press-enter="fetchData"
        @search="fetchData"
+        @clear="fetchData"
      ></a-input-search>
    </div>
    <MsBaseTable
--- a/frontend/src/views/project-management/projectAndPermission/userGroup/projectUserGroup.vue
+++ b/frontend/src/views/project-management/projectAndPermission/userGroup/projectUserGroup.vue
@ -10,6 +10,7 @@
      allow-clear
      @press-enter="fetchData"
      @search="fetchData"
+      @clear="fetchData"
    ></a-input-search>
  </div>
  <MsBaseTable class="mt-[16px]" v-bind="propsRes" v-on="propsEvent">
--- a/frontend/src/views/project-management/template/components/templateManagement.vue
+++ b/frontend/src/views/project-management/template/components/templateManagement.vue
@ -28,6 +28,7 @@
        allow-clear
        @search="searchFiled"
        @press-enter="searchFiled"
+        @clear="searchFiled"
      ></a-input-search>
    </div>
    <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
--- a/frontend/src/views/setting/organization/member/index.vue
+++ b/frontend/src/views/setting/organization/member/index.vue
@ -18,6 +18,7 @@
        class="w-[230px]"
        @search="searchHandler"
        @press-enter="searchHandler"
+        @clear="searchHandler"
      ></a-input-search>
    </div>
    <ms-base-table
--- a/frontend/src/views/setting/organization/template/components/templateManagement.vue
+++ b/frontend/src/views/setting/organization/template/components/templateManagement.vue
@ -30,6 +30,7 @@
        allow-clear
        @search="searchFiled"
        @press-enter="searchFiled"
+        @clear="searchFiled"
      ></a-input-search>
    </div>
    <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
--- a/frontend/src/views/setting/organization/usergroup/orgUserGroup.vue
+++ b/frontend/src/views/setting/organization/usergroup/orgUserGroup.vue
@ -25,6 +25,7 @@
                allow-clear
                @press-enter="handleEnter"
                @search="handleSearch"
+                @clear="() => handleSearch('')"
              ></a-input-search>
              <a-radio-group
                v-if="couldShowUser && couldShowAuth"
--- a/frontend/src/views/setting/system/pluginManager/components/pluginTable.vue
+++ b/frontend/src/views/setting/system/pluginManager/components/pluginTable.vue
@ -21,6 +21,7 @@
          allow-clear
          @search="searchHandler"
          @press-enter="searchHandler"
+          @clear="searchHandler"
        ></a-input-search>
      </a-col>
    </a-row>