From f77c79d828cefa576d4e7724d07cf93e878ce20a Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Sun, 24 Sep 2023 23:23:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20preliminary=20complete=20the=20globalHi?=
 =?UTF-8?q?storyManagement=EF=BC=8CparameterConfig=20and=20login=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 linkis-web-next/.env                          |   7 +
 linkis-web-next/.eslintrc.json                |   1 -
 linkis-web-next/package.json                  |   6 +-
 .../src/components/editor/editor.vue          | 196 +++++++++---------
 .../src/dss/view/commonIframe/index.vue       | 124 +++++------
 linkis-web-next/src/layout.vue                |   1 -
 .../pages/globalHistoryManagement/filter.vue  | 166 +++++++++------
 .../pages/globalHistoryManagement/table.vue   |  46 ++--
 .../src/pages/parameterConfig/drawer.vue      |   2 +-
 linkis-web-next/vite.config.ts                |  35 ++--
 10 files changed, 315 insertions(+), 269 deletions(-)

diff --git a/linkis-web-next/.env b/linkis-web-next/.env
index 5983420f56..b82d6a34c4 100644
--- a/linkis-web-next/.env
+++ b/linkis-web-next/.env
@@ -3,3 +3,10 @@ BACKEND_URL=http://106.52.77.156:19888
 VUE_APP_MN_CONFIG_PREFIX=
 VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
 VUE_APP_VERSION=1.3.2
+
+
+VITE_VUE_APP_HOST=
+VITE_BACKEND_URL=http://106.52.77.156:19888
+VITE_VUE_APP_MN_CONFIG_PREFIX=
+VITE_VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
+VITE_VUE_APP_VERSION=1.3.2
\ No newline at end of file
diff --git a/linkis-web-next/.eslintrc.json b/linkis-web-next/.eslintrc.json
index d29c6733c3..a235b745b0 100644
--- a/linkis-web-next/.eslintrc.json
+++ b/linkis-web-next/.eslintrc.json
@@ -28,7 +28,6 @@
         }
     },
     "plugins": ["vue", "@typescript-eslint"],
-    "import/prefer-default-export": "off",
     "rules": {
         "indent": ["error", 4],
         "linebreak-style": ["error", "unix"],
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 5eb4f311ef..299c2c8f9b 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -21,14 +21,15 @@
         "qs": "^6.11.2",
         "vue": "^3.2.47",
         "vue-i18n": "^9.4.1",
-        "vue-router": "^4.2.2"
+        "vue-router": "^4.2.2",
+        "vite": "^4.3.9",
+        "@vitejs/plugin-vue": "^4.1.0"
     },
     "devDependencies": {
         "@commitlint/cli": "^17.6.3",
         "@commitlint/config-conventional": "^17.6.1",
         "@typescript-eslint/eslint-plugin": "^5.59.9",
         "@typescript-eslint/parser": "^5.59.9",
-        "@vitejs/plugin-vue": "^4.1.0",
         "eslint": "^8.41.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-config-prettier": "^8.8.0",
@@ -41,7 +42,6 @@
         "lint-staged": "^13.3.0",
         "prettier": "2.8.8",
         "typescript": "^5.0.2",
-        "vite": "^4.3.9",
         "vue-eslint-parser": "^9.3.0"
     },
     "lint-staged": {
diff --git a/linkis-web-next/src/components/editor/editor.vue b/linkis-web-next/src/components/editor/editor.vue
index f7d239480f..df4d29f50e 100644
--- a/linkis-web-next/src/components/editor/editor.vue
+++ b/linkis-web-next/src/components/editor/editor.vue
@@ -3,22 +3,24 @@
 </template>
 
 <script lang="ts">
+// import { debounce } from 'lodash';
 import { defineComponent } from 'vue';
+// import monaco from './monaco-loader';
 import { useMonaco } from './util';
 
-const types = {
-    code: {
-        theme: 'defaultView',
-    },
-    log: {
-        language: 'log',
-        theme: 'logview',
-        readOnly: true,
-        glyphMargin: false,
-        selectOnLineNumbers: false,
-        wordWrap: 'on',
-    },
-};
+// const types = {
+//     code: {
+//         theme: 'defaultView',
+//     },
+//     log: {
+//         language: 'log',
+//         theme: 'logview',
+//         readOnly: true,
+//         glyphMargin: false,
+//         selectOnLineNumbers: false,
+//         wordWrap: 'on',
+//     },
+// };
 
 export default defineComponent({
     props: {
@@ -48,35 +50,35 @@ export default defineComponent({
         },
     },
     watch: {
-        modelValue(val) {
-            val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
-        },
+        // modelValue(val) {
+        //     val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
+        // },
 
-        editorName() {
-            return `we-editor-${this.type}`;
-        },
-        currentConfig() {
-            const typeConfig = types[this.type];
-            const config = merge(
-                {
-                    automaticLayout: false,
-                    scrollBeyondLastLine: false,
-                    minimap: {
-                        enabled: false,
-                    },
-                    readOnly: this.readOnly,
-                    glyphMargin: true,
-                },
-                typeConfig,
-                this.options,
-                {
-                    value: this.value,
-                    theme: this.theme,
-                    language: this.language,
-                },
-            );
-            return config;
-        },
+        // editorName() {
+        //     return `we-editor-${this.type}`;
+        // },
+        // currentConfig() {
+        //     const typeConfig = types[this.type];
+        //     const config = merge(
+        //         {
+        //             automaticLayout: false,
+        //             scrollBeyondLastLine: false,
+        //             minimap: {
+        //                 enabled: false,
+        //             },
+        //             readOnly: this.readOnly,
+        //             glyphMargin: true,
+        //         },
+        //         typeConfig,
+        //         this.options,
+        //         {
+        //             value: this.value,
+        //             theme: this.theme,
+        //             language: this.language,
+        //         },
+        //     );
+        //     return config;
+        // },
     },
     setup(props) {
         const { updateVal, getEditor, createEditor, onFormatDoc } = useMonaco(
@@ -95,6 +97,7 @@ export default defineComponent({
             closeParser: null,
             openParser: null,
             sqlParser: null,
+            monaco: null,
         };
     },
     methods: {
@@ -106,56 +109,55 @@ export default defineComponent({
             this.updateVal(val);
         },
         // initialization(初始化)
-        initMonaco() {
-            this.editor = monaco.editor.create(this.$el, this.currentConfig);
-            this.monaco = monaco;
-            this.editorModel = this.editor.getModel();
-            if (this.type !== 'log') {
-                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
-                    this.addCommands();
-                    this.addActions();
-                }
-                if (this.language === 'hql') {
-                    this.initParser();
-                } else {
-                    this.deltaDecorations(this.value);
-                }
-            }
-            this.$emit('onload');
-            this.editor.onDidChangeModelContent(
-                debounce(() => {
-                    this.$emit('input', this.getValue());
-                }),
-                100,
-            );
-            this.editor.onContextMenu(
-                debounce(() => {
-                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
-                    const selectList = [
-                        {
-                            label: 'Change All Occurrences',
-                            text: '改变所有出现',
-                        },
-                        { label: 'Format Document', text: '格式化' },
-                        { label: 'Command Palette', text: '命令面板' },
-                        { label: 'Cut', text: '剪切' },
-                        { label: 'Copy', text: '复制' },
-                    ];
-                    if (localStorage.getItem('locale') === 'zh-CN') {
-                        selectList.forEach((item) => {
-                            const elmentList = document.querySelectorAll(
-                                `.actions-container .action-label[aria-label="${item.label}"]`,
-                            );
-                            this.changeInnerText(elmentList, item.text);
-                        });
-                    }
-                }),
-                100,
-            );
-        },
+        // initMonaco() {
+        //     this.editor = monaco.editor.create(this.$el, this.currentConfig) as any;
+        //     this.monaco = monaco as any;
+        //     this.editorModel = this.editor.getModel();
+        //     if (this.type !== 'log') {
+        //         if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+        //             this.addCommands();
+        //             this.addActions();
+        //         }
+        //         if (this.language === 'hql') {
+        //             this.initParser();
+        //         } else {
+        //             this.deltaDecorations(this.value);
+        //         }
+        //     }
+        //     this.$emit('onload');
+        //     this.editor.onDidChangeModelContent(
+        //         debounce(() => {
+        //             this.$emit('input', this.getValue());
+        //         }),
+        //         100,
+        //     );
+        //     this.editor.onContextMenu(
+        //         debounce(() => {
+        //             // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+        //             const selectList = [
+        //                 {
+        //                     label: 'Change All Occurrences',
+        //                     text: '改变所有出现',
+        //                 },
+        //                 { label: 'Format Document', text: '格式化' },
+        //                 { label: 'Command Palette', text: '命令面板' },
+        //                 { label: 'Cut', text: '剪切' },
+        //                 { label: 'Copy', text: '复制' },
+        //             ];
+        //             if (localStorage.getItem('locale') === 'zh-CN') {
+        //                 selectList.forEach((item) => {
+        //                     const elmentList = document.querySelectorAll(
+        //                         `.actions-container .action-label[aria-label="${item.label}"]`,
+        //                     );
+        //                     this.changeInnerText(elmentList, item.text);
+        //                 });
+        //             }
+        //         }),
+        //         100,
+        //     );
+        // },
     },
     mounted() {
-        console.log(this.$el, this.$props);
         if (this.$el) {
             // this.editor = monaco.editor.create(this.$el, this.currentConfig);
             // this.monaco = monaco;
@@ -163,19 +165,19 @@ export default defineComponent({
             this.editor = this.createEditor(
                 this.$el,
                 this.$props.editorOptions,
-            );
+            ) as any;
             this.updateMonacoVal();
-            this.editor!.onDidChangeModelContent(() => {
-                this.$emit('update:modelValue', monacoEditor!.getValue());
-            });
-            this.editor!.onDidBlurEditorText(() => {
-                this.$emit('blur');
-            });
+            // this.editor!.onDidChangeModelContent(() => {
+            //     this.$emit('update:modelValue', monacoEditor!.getValue());
+            // });
+            // this.editor!.onDidBlurEditorText(() => {
+            //     this.$emit('blur');
+            // });
         }
     },
     beforeUnmount() {
         // 销毁 editor，进行gc(销毁 editor，进行gc)
-        this.editor!.dispose();
+        (this.editor as any)?.dispose();
     },
 });
 </script>
diff --git a/linkis-web-next/src/dss/view/commonIframe/index.vue b/linkis-web-next/src/dss/view/commonIframe/index.vue
index 9c0405e44a..7ac99d6a09 100644
--- a/linkis-web-next/src/dss/view/commonIframe/index.vue
+++ b/linkis-web-next/src/dss/view/commonIframe/index.vue
@@ -16,10 +16,10 @@
   -->
 
 <template>
-  <div class="iframeClass">
-    <iframe class="iframeClass" v-if="isRefresh" id="iframe" :src="visualSrc" frameborder="0" width="100%"
-      :height="height" />
-  </div>
+    <div class="iframeClass">
+        <iframe class="iframeClass" v-if="isRefresh" id="iframe" :src="visualSrc" frameborder="0" width="100%"
+            :height="height" />
+    </div>
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
@@ -28,66 +28,74 @@ import { defineComponent } from 'vue';
 // import api from "@/common/service/api";
 
 export default defineComponent({
-  setup() {
-    return {
-      height: 0,
-      visualSrc: '',
-      isRefresh: true
-    };
-  },
-  watch: {
-    async '$route.query.projectID'() {
-      await this.getCommonProjectId(this.$route.query.type, this.$route.query);
-      this.getUrl();
-      this.reload()
+    setup() {
+        return {
+            height: 0,
+            visualSrc: '',
+            isRefresh: true,
+        };
     },
-    async '$route.query.type'() {
-      await this.getCommonProjectId(this.$route.query.type, this.$route.query);
-      this.getUrl();
-      this.reload()
-    }
-  },
-  mounted() {
-    this.getUrl();
-    // Set width and height when creating(创建的时候设置宽高)
-    this.resize(window.innerHeight);
-    // Monitor window changes and get browser width and height(监听窗口变化，获取浏览器宽高)
-    window.addEventListener('resize', () => { this.resize(window.innerHeight) });
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', () => { this.resize(window.innerHeight) });
-  },
-  methods: {
-    getCommonProjectId(type, query) {
-      // return api.fetch(`/dss/getAppjointProjectIDByApplicationName`, {
-      //   projectID: query.projectID,
-      //   applicationName: type
-      // }, 'get').then((res) => {
-      //   localStorage.setItem('appJointProjectId', res.appJointProjectID);
-      // })
+    watch: {
+        '$route.query.projectID': async function () {
+            await this.getCommonProjectId(
+                this.$route.query.type,
+                this.$route.query,
+            );
+            this.getUrl();
+            this.reload();
+        },
+        '$route.query.type': async function () {
+            await this.getCommonProjectId(
+                this.$route.query.type,
+                this.$route.query,
+            );
+            this.getUrl();
+            this.reload();
+        },
     },
-    resize(height: number) {
-      this.height = height;
+    mounted() {
+        this.getUrl();
+        // Set width and height when creating(创建的时候设置宽高)
+        this.resize(window.innerHeight);
+        // Monitor window changes and get browser width and height(监听窗口变化，获取浏览器宽高)
+        window.addEventListener('resize', () => {
+            this.resize(window.innerHeight);
+        });
     },
-    getUrl() {
-      const url = this.$route.query.url;
-      console.log('url', url)
-      const appJointProjectId = localStorage.getItem('appJointProjectId');
-      // this.visualSrc = util.replaceHolder(url, {
-      //   projectId: appJointProjectId,
-      //   projectName: this.$route.query.projectName,
-      // });
+    beforeUnmount() {
+        window.removeEventListener('resize', () => {
+            this.resize(window.innerHeight);
+        });
     },
-    reload() {
-      this.isRefresh = false;
-      this.$nextTick(() => this.isRefresh = true);
-    }
-  },
-
-})
+    methods: {
+        getCommonProjectId() {
+            // return api.fetch(`/dss/getAppjointProjectIDByApplicationName`, {
+            //   projectID: query.projectID,
+            //   applicationName: type
+            // }, 'get').then((res) => {
+            //   localStorage.setItem('appJointProjectId', res.appJointProjectID);
+            // })
+        },
+        resize(height: number) {
+            this.height = height;
+        },
+        getUrl() {
+            // const { url } = this.$route.query;
+            // const appJointProjectId = localStorage.getItem('appJointProjectId');
+            // this.visualSrc = util.replaceHolder(url, {
+            //   projectId: appJointProjectId,
+            //   projectName: this.$route.query.projectName,
+            // });
+        },
+        reload() {
+            this.isRefresh = false;
+            this.$nextTick(() => (this.isRefresh = true));
+        },
+    },
+});
 </script>
 <style>
 .iframeClass {
-  height: 100%;
+    height: 100%;
 }
 </style>
diff --git a/linkis-web-next/src/layout.vue b/linkis-web-next/src/layout.vue
index 42cf52f3f9..c656169cae 100644
--- a/linkis-web-next/src/layout.vue
+++ b/linkis-web-next/src/layout.vue
@@ -23,7 +23,6 @@
 import Sidebar from '@/components/sidebar/index.vue';
 
 const changeMenusDisplay = () => {
-    console.log(1);
 };
 </script>
 <style lang="less" scoped>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index 6978873edf..0f1ff4985a 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -1,73 +1,47 @@
 <template>
     <div class="label">{{ $t('message.linkis.globalTaskQuery') }}</div>
     <div class="filter">
-        <FForm class="form" v-show="!isCheckingTaskToStop">
-            <FFormItem :label="$t('message.linkis.jobId')">
-                <FInput placeholder="请输入" class="short-form-item"></FInput>
+        <FForm ref="formRef" class="form" v-show="!isCheckingTaskToStop">
+            <FFormItem :label="$t('message.linkis.jobId')" :props="$t('message.linkis.jobId')">
+                <FInput v-model="formData.id" placeholder="请输入" class="short-form-item"></FInput>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.codeQuery.status')">
-                <FSelect clearable placeholder="请选择" class="short-form-item">
-                    <FOption
-                        v-for="(item, index) in optionList"
-                        :key="index"
-                        :value="item.value"
-                        :label="item.label"
-                    >
+            <FFormItem :label="$t('message.linkis.codeQuery.status')" :props="$t('message.linkis.codeQuery.status')">
+                <FSelect v-model="formData.status" clearable placeholder="请选择" class="short-form-item">
+                    <FOption v-for="(item, index) in statusList" :key="index" :value="item.value" :label="$t(item.label)">
                     </FOption>
                 </FSelect>
             </FFormItem>
 
-            <FFormItem :label="$t('message.common.resourceSimple.YQ')">
-                <FSelect clearable placeholder="请选择" class="short-form-item">
-                    <FOption
-                        v-for="(item, index) in optionList"
-                        :key="index"
-                        :value="item.value"
-                        :label="item.label"
-                    ></FOption>
+            <FFormItem :label="$t('message.common.resourceSimple.YQ')" :props="$t('message.common.resourceSimple.YQ')">
+                <FSelect v-model="formData.engine" clearable placeholder="请选择" class="short-form-item">
+                    <FOption v-for="(item, index) in optionList" :key="index" :value="item.value" :label="$t(item.label)">
+                    </FOption>
                 </FSelect>
             </FFormItem>
 
-            <FFormItem
-                :label="$t('message.linkis.codeQuery.createdTime')"
-                prop="time"
-                class="long-form-item"
-            >
-                <FDatePicker
-                    type="daterange"
-                    :modelValue="[
-                        Date.now(),
-                        Date.now() + 7 * 24 * 60 * 60 * 1000,
-                    ]"
-                >
+            <FFormItem :label="$t('message.linkis.codeQuery.createdTime')"
+                :prop="$t('message.linkis.codeQuery.createdTime')" class="long-form-item">
+                <FDatePicker v-model="formData.dateRange" type="daterange" :modelValue="[
+                    Date.now(),
+                    Date.now() + 7 * 24 * 60 * 60 * 1000,
+                ]">
                     <template #separator> - </template>
                 </FDatePicker>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.datasource.creator')">
-                <FSelect clearable placeholder="请选择" class="short-form-item">
-                    <FOption
-                        v-for="(item, index) in optionList"
-                        :key="index"
-                        :value="item.value"
-                        :label="item.label"
-                    ></FOption>
+            <FFormItem :label="$t('message.linkis.datasource.creator')" :props="$t('message.linkis.datasource.creator')">
+                <FSelect v-model="formData.creator" clearable placeholder="请选择" class="short-form-item">
+                    <FOption v-for="(item, index) in optionList" :key="index" :value="item.value" :label="$t(item.label)">
+                    </FOption>
                 </FSelect>
             </FFormItem>
 
             <div class="buttons">
                 <template v-if="!isCheckingTaskToStop">
-                    <FButton type="primary">{{
-                        $t('message.linkis.find')
-                    }}</FButton>
-                    <FButton>{{
-                        $t('message.linkis.EnginePluginManagement.Reset')
-                    }}</FButton>
-                    <FButton
-                        class="stop-button"
-                        @click="isCheckingTaskToStop = true"
-                    >
+                    <FButton type="primary" @click="search">{{ $t('message.linkis.find') }}</FButton>
+                    <FButton>{{ $t('message.linkis.EnginePluginManagement.Reset') }}</FButton>
+                    <FButton class="stop-button" @click="isCheckingTaskToStop = true">
                         {{ $t('message.linkis.batchStopping') }}
                     </FButton>
                 </template>
@@ -75,17 +49,10 @@
         </FForm>
         <template v-if="isCheckingTaskToStop">
             <div class="buttons">
-                <FButton
-                    type="primary"
-                    class="confirm-stop-button"
-                    @click="confirmStop"
-                >
+                <FButton type="primary" class="confirm-stop-button" @click="confirmStop">
                     {{ $t('message.linkis.confirmToStop') }}
                 </FButton>
-                <FButton
-                    class="confirm-stop-button"
-                    @click="isCheckingTaskToStop = false"
-                >
+                <FButton class="confirm-stop-button" @click="isCheckingTaskToStop = false">
                     {{ $t('message.linkis.cancel') }}
                 </FButton>
             </div>
@@ -94,13 +61,22 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import api from '@/service/api';
+import { FForm } from '@fesjs/fes-design';
+import { ref, onMounted, reactive } from 'vue';
+const emits = defineEmits(['search']);
+const isCheckingTaskToStop = ref(false);
+const formRef = ref<null | typeof FForm>(null);
 
-const props = defineProps<{
-    checkedKeys: Array<string>;
-}>();
+const formData = reactive({
+    id: '',
+    status: '',
+    engine: '',
+    dateRange: '',
+    creator: ''
+});
 
-const optionList = [
+const optionList = ref([
     {
         value: 'xxx',
         label: 'xxx',
@@ -113,13 +89,66 @@ const optionList = [
         value: 'zzz',
         label: 'zzz',
     },
-];
-const isCheckingTaskToStop = ref(false);
+]);
+const statusList = ref([
+    {
+        label: 'message.linkis.statusType.all',
+        value: 'all'
+    },
+    {
+        label: 'message.linkis.statusType.inited',
+        value: 'Inited'
+    },
+    {
+        label: 'message.linkis.statusType.running',
+        value: 'Running'
+    },
+    {
+        label: 'message.linkis.statusType.succeed',
+        value: 'Succeed'
+    },
+    {
+        label: 'message.linkis.statusType.cancelled',
+        value: 'Cancelled'
+    },
+    {
+        label: 'message.linkis.statusType.failed',
+        value: 'Failed'
+    },
+    {
+        label: 'message.linkis.statusType.scheduled',
+        value: 'Scheduled'
+    },
+    {
+        label: 'message.linkis.statusType.timeout',
+        value: 'Timeout'
+    }
+]);
+
+// const props = defineProps<{
+//     checkedKeys: Array<string>;
+// }>();
+
+const search = async () => {
+    // const formData = await formRef?.value?.validate()
+    console.log('formData', formData);
+    emits('search');
+};
 
 const confirmStop = () => {
-    console.log(props.checkedKeys);
+    console.log(1);
 };
 
+
+onMounted(() => {
+    // Get whether it is a historical administrator(获取是否是历史管理员权限)
+    api.fetch('/configuration/engineType', 'get').then(() => {
+        // engine config selector list
+        // this.getEngineTypes = ['all', ...res.engineType];
+    });
+});
+
+
 defineExpose({
     isCheckingTaskToStop,
 });
@@ -130,21 +159,26 @@ defineExpose({
 .filter {
     position: relative;
     height: 54px;
+
     .form {
         display: flex;
         gap: 22px;
+
         .short-form-item {
             width: 120px;
         }
+
         .long-form-item {
             width: 314px;
         }
     }
+
     .buttons {
         flex: 1;
         display: flex;
         justify-content: flex-start;
         gap: 16px;
+
         .stop-button {
             margin-left: auto;
         }
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 3631bac5a8..15b6225e2f 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -2,7 +2,7 @@
     <div class="wrapper">
         <Count></Count>
         <!-- <div @click="test">test</div> -->
-        <Filter ref="filterRef" :checkedKeys="checkedKeys"></Filter>
+        <Filter ref="filterRef" :checkedKeys="checkedKeys" :search="search"></Filter>
         <f-table :data="currentData" class="table" v-model:checkedKeys="checkedKeys" :height="450" :rowKey="(row: Record<string, number | string>) => {
             return row.taskID;
         }
@@ -292,43 +292,35 @@ const handleChange = (currenPage: number, size: number) => {
     const temp = data.slice((currenPage - 1) * size, currenPage * size);
     (currentData.value as typeof temp) = reactive([...temp]);
 };
-// handleChange(currentPage.value, pageSize.value);
+handleChange(currentPage.value, pageSize.value);
 
 // TODO: 
-const getParams = (page) => {
-    return {}
-}
+const getParams = () => {
+    console.log(1);
+    return {};
+};
 
 const search = () => {
     //   this.isLoading = true
-    const params = getParams(0)
+    const params = getParams();
     //   this.column = this.getColumns()
-    api
-        .fetch('/jobhistory/list', params, 'get')
-        .then((rst: unknown) => {
-            console.log('rst', rst)
-            //   this.pageSetting.total = rst.totalPage
-            //   this.isLoading = false
-            //   this.list = this.getList(rst.tasks)
-        })
-        .catch(() => {
-            FMessage.error('Something Wrong!')
-        })
-}
+    api.fetch('/jobhistory/list', params, 'get').then((rst: unknown) => {
+        console.log('rst', rst);
+        //   this.pageSetting.total = rst.totalPage
+        //   this.isLoading = false
+        //   this.list = this.getList(rst.tasks)
+    }).catch(() => {
+        FMessage.error('Something Wrong!');
+    });
+};
+
 
 onMounted(() => {
-    // Get whether it is a historical administrator(获取是否是历史管理员权限)
-    api.fetch('/jobhistory/governanceStationAdmin', 'get').then((res) => {
+    api.fetch('/jobhistory/governanceStationAdmin', 'get').then(() => {
         // this.isLogAdmin = res.admin;
         // this.isHistoryAdmin = res.historyAdmin;
-
-    });
-    api.fetch('/configuration/engineType', 'get').then((res) => {
-        // engine config selector list
-        console.log('selector list', res)
-        // this.getEngineTypes = ['all', ...res.engineType];
     });
-}) 
+});
 </script>
 
 <style scoped src="./index.less"></style>
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index 17cdd162de..378d5a5e30 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -331,8 +331,8 @@ const handleChange = (currentPage: number, pageSize: number) => {
         currentPage * pageSize,
     );
     currentData.value = [...temp] as any;
+    console.log('!!!!', currentData.value)
 };
-handleChange(currentPage.value, 10);
 
 const show = ref(false);
 const open = () => {
diff --git a/linkis-web-next/vite.config.ts b/linkis-web-next/vite.config.ts
index cdf21b6536..a6069f41fe 100644
--- a/linkis-web-next/vite.config.ts
+++ b/linkis-web-next/vite.config.ts
@@ -1,22 +1,27 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import path from 'path';
 // https://vitejs.dev/config/
-export default defineConfig({
-    plugins: [vue()],
-    resolve: {
-        alias: {
-            '@': path.resolve(__dirname, 'src'),
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd());
+    return {
+        envPrefix: 'VITE_',
+        plugins: [vue()],
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, 'src'),
+            },
         },
-    },
-    server: {
-        port: 3000,
-        proxy: {
-            '/api': {
-                target: process.env.BACKEND_URL, //实际请求地址
-                changeOrigin: true,
-                rewrite: (path) => path.replace(/^\/api/, ''),
+        server: {
+            port: 3000,
+            host: '127.0.0.1',
+            proxy: {
+                '/api': {
+                    target: env.BACKEND_URL,
+                    changeOrigin: true,
+                    rewrite: (pth) => pth.replace(/^\/api/, ''),
+                },
             },
         },
-    },
+    };
 });