From d36dfc54904b303e1901a7f61e259ea7a190296f Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Thu, 6 Jul 2023 14:32:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=AE=A1=E5=88=92=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E4=BB=85=E5=9C=A8=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=BB=9A=E5=8A=A8=E6=9D=A1=20(#1562)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/container/compose/create/index.vue    |  2 +-
 frontend/src/views/container/image/load/index.vue   |  2 +-
 frontend/src/views/container/image/save/index.vue   |  2 +-
 frontend/src/views/cronjob/operate/index.vue        |  2 +-
 frontend/src/views/cronjob/record/index.vue         | 13 +++++++++++--
 5 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/container/compose/create/index.vue b/frontend/src/views/container/compose/create/index.vue
index 3a2411b2c..7aedbb9e5 100644
--- a/frontend/src/views/container/compose/create/index.vue
+++ b/frontend/src/views/container/compose/create/index.vue
@@ -158,7 +158,7 @@ const form = reactive({
 });
 const rules = reactive({
     name: [Rules.requiredInput, Rules.imageName],
-    path: [Rules.requiredSelect],
+    path: [Rules.requiredInput],
     template: [Rules.requiredSelect],
 });
 
diff --git a/frontend/src/views/container/image/load/index.vue b/frontend/src/views/container/image/load/index.vue
index 975bd554d..20b8bd7ad 100644
--- a/frontend/src/views/container/image/load/index.vue
+++ b/frontend/src/views/container/image/load/index.vue
@@ -6,7 +6,7 @@
         <el-form @submit.prevent v-loading="loading" ref="formRef" :model="form" label-position="top">
             <el-row type="flex" justify="center">
                 <el-col :span="22">
-                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredSelect" prop="path">
+                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredInput" prop="path">
                         <el-input v-model="form.path">
                             <template #prepend>
                                 <FileList @choose="loadLoadDir" :dir="false"></FileList>
diff --git a/frontend/src/views/container/image/save/index.vue b/frontend/src/views/container/image/save/index.vue
index 26301fe79..e19bda3fa 100644
--- a/frontend/src/views/container/image/save/index.vue
+++ b/frontend/src/views/container/image/save/index.vue
@@ -17,7 +17,7 @@
                             />
                         </el-select>
                     </el-form-item>
-                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredSelect" prop="path">
+                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredInput" prop="path">
                         <el-input v-model="form.path">
                             <template #prepend>
                                 <FileList @choose="loadSaveDir" :dir="true"></FileList>
diff --git a/frontend/src/views/cronjob/operate/index.vue b/frontend/src/views/cronjob/operate/index.vue
index 108198be5..faab8b2bc 100644
--- a/frontend/src/views/cronjob/operate/index.vue
+++ b/frontend/src/views/cronjob/operate/index.vue
@@ -370,7 +370,7 @@ const rules = reactive({
     website: [Rules.requiredSelect],
     dbName: [Rules.requiredSelect],
     url: [Rules.requiredInput],
-    sourceDir: [Rules.requiredSelect],
+    sourceDir: [Rules.requiredInput],
     targetDirID: [Rules.requiredSelect, Rules.number],
     retainCopies: [Rules.number],
 });
diff --git a/frontend/src/views/cronjob/record/index.vue b/frontend/src/views/cronjob/record/index.vue
index a33078d81..2cb4cc87b 100644
--- a/frontend/src/views/cronjob/record/index.vue
+++ b/frontend/src/views/cronjob/record/index.vue
@@ -123,8 +123,8 @@
                 </el-row>
             </template>
             <template #main>
-                <div style="overflow: auto">
-                    <el-row :gutter="20" v-show="hasRecords" style="min-width: 900px">
+                <div class="mainClass">
+                    <el-row :gutter="20" v-show="hasRecords" class="mainRowClass">
                         <el-col :span="8">
                             <div>
                                 <ul class="infinite-list" style="overflow: auto">
@@ -716,4 +716,13 @@ defineExpose({
 .description {
     width: 30%;
 }
+
+@media only screen and (max-width: 1000px) {
+    .mainClass {
+        overflow: auto;
+    }
+    .mainRowClass {
+        min-width: 900px;
+    }
+}
 </style>