This is an automated email from the ASF dual-hosted git repository.

benjobs pushed a commit to branch dev-2.1.5
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git


The following commit(s) were added to refs/heads/dev-2.1.5 by this push:
     new e84514147 [Improve] project style minor improvement
e84514147 is described below

commit e8451414763c3ac2c50355d52cd91e88a6596308
Author: benjobs <[email protected]>
AuthorDate: Mon Sep 2 00:43:01 2024 +0800

    [Improve] project style minor improvement
---
 .../src/views/flink/app/View.vue                   | 40 +++++++++++-----------
 .../flink/app/components/AppView/StatisticCard.vue |  2 +-
 .../src/views/flink/app/styles/View.less           |  4 ---
 .../src/views/flink/project/View.vue               |  3 +-
 4 files changed, 22 insertions(+), 27 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue 
b/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
index fd8fdbe4f..98c90e719 100644
--- a/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
+++ b/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
@@ -276,33 +276,27 @@
       <template #tableTitle>
         <div class="flex justify-between" style="width: 100%">
           <Form name="appTableForm" :model="searchRef" layout="inline" 
class="flex-1">
-            <Row :gutter="5" class="w-full">
-              <Col :span="4">
+            <Row :gutter="4" class="w-full">
+              <Col :span="5">
                 <Form.Item>
-                  <Select
-                    :placeholder="t('flink.app.tags')"
-                    show-search
+                  <Input
+                    :placeholder="t('flink.app.searchName')"
                     allow-clear
-                    v-model:value="searchRef.tags"
+                    v-model:value="searchRef.jobName"
                     @change="() => handleResetReload()"
-                    :options="(tagsOptions || []).map((t: Recordable) => ({ 
label: t, value: t }))"
+                    @search="() => handleResetReload()"
                   />
                 </Form.Item>
               </Col>
               <Col :span="4">
                 <Form.Item>
                   <Select
-                    :placeholder="t('flink.app.owner')"
+                    :placeholder="t('flink.app.tags')"
                     show-search
                     allow-clear
-                    v-model:value="searchRef.userId"
+                    v-model:value="searchRef.tags"
                     @change="() => handleResetReload()"
-                    :options="
-                      (users || []).map((u: Recordable) => ({
-                        label: u.nickName || u.username,
-                        value: u.userId,
-                      }))
-                    "
+                    :options="(tagsOptions || []).map((t: Recordable) => ({ 
label: t, value: t }))"
                   />
                 </Form.Item>
               </Col>
@@ -321,14 +315,20 @@
                   />
                 </Form.Item>
               </Col>
-              <Col :span="6">
+              <Col :span="4">
                 <Form.Item>
-                  <Input
-                    :placeholder="t('flink.app.searchName')"
+                  <Select
+                    :placeholder="t('flink.app.owner')"
+                    show-search
                     allow-clear
-                    v-model:value="searchRef.jobName"
+                    v-model:value="searchRef.userId"
                     @change="() => handleResetReload()"
-                    @search="() => handleResetReload()"
+                    :options="
+                      (users || []).map((u: Recordable) => ({
+                        label: u.nickName || u.username,
+                        value: u.userId,
+                      }))
+                    "
                   />
                 </Form.Item>
               </Col>
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
index acb79ba28..9099bf454 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppView/StatisticCard.vue
@@ -42,7 +42,7 @@
           v-bind="statisticProps"
           :value-style="{
             color: '#3f8600',
-            fontSize: '45px',
+            fontSize: '2.5rem',
             fontWeight: 500,
             textShadow: '1px 1px 0 rgba(0,0,0,0.2)',
           }"
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
index 98852052f..d36987dbb 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
@@ -34,10 +34,6 @@
   width: 100%;
 }
 
-.ant-statistic {
-  line-height: 1.8;
-}
-
 .gutter-box {
   padding: 10px 15px;
   background: @component-background;
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/project/View.vue 
b/streampark-console/streampark-console-webapp/src/views/flink/project/View.vue
index 6884b2525..879204808 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/project/View.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/project/View.vue
@@ -133,7 +133,7 @@
 
   import { PageWrapper } from '/@/components/Page';
   import { statusList } from './project.data';
-  import { RadioGroup, Radio, Input, Card, Tag, Badge } from 'ant-design-vue';
+  import { RadioGroup, Radio, Card, Tag, Badge } from 'ant-design-vue';
   import { buildStateMap } from './project.data';
   import { buildProject, deleteProject, getList } from '/@/api/flink/project';
   import { ProjectRecord } from '/@/api/flink/project/model/projectModel';
@@ -157,7 +157,6 @@
       PageWrapper,
       ARadioGroup: RadioGroup,
       ARadioButton: Radio.Button,
-      AInputSearch: Input.Search,
       ACard: Card,
       ATag: Tag,
       ABadge: Badge,

Reply via email to