ayanova/src/views/ops-backup.vue

@@ -5,41 +5,8 @@
         <v-row>
           <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
-            <v-col cols="12" lg="4">
-              <span class="title"> {{ $ay.t("BackupFiles") }} </span>
-              <v-simple-table>
-                <template v-slot:default>
-                  <thead>
-                    <tr>
-                      <th class="text-left">{{ $ay.t("FileName") }}</th>
-                      <th class="text-left">{{ $ay.t("FileDate") }}</th>
-                      <th class="text-left">{{ $ay.t("FileSize") }}</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr v-for="item in backupFileList" :key="item.id">
-                      <td>
-                        <a :href="item.url">{{ item.name }}</a>
-                      </td>
-                      <td>{{ item.created }}</td>
-                      <td>{{ item.length }}</td>
-                    </tr>
-                  </tbody>
-                </template>
-              </v-simple-table>
-              <div class="mt-6">
-                ({{ $ay.t("AvailableSpace") }}&nbsp;{{ backupAvailableSpace }})
-              </div>
-              <v-btn @click="getBackupStatus" class="mt-6">
-                <v-icon>fa-sync</v-icon>
-              </v-btn>
-            </v-col>
-            <v-divider></v-divider>
+            <span class="title">{{ $ay.t("BackupSettings") }}</span>
           </v-col>
-          <v-col cols="12">
-            <span class="title"> {{ $ay.t("BackupSettings") }}</span>
-          </v-col>
-
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-time-picker
               :label="$ay.t('BackupTime')"
@@ -76,6 +43,39 @@
             ></v-text-field>
           </v-col>
         </v-row>
+        <v-row>
+          <v-col cols="12" class="mt-6">
+            <v-col cols="12" lg="4">
+              <span class="title">{{ $ay.t("BackupFiles") }}</span>
+              <v-simple-table>
+                <template v-slot:default>
+                  <thead>
+                    <tr>
+                      <th class="text-left">{{ $ay.t("FileName") }}</th>
+                      <th class="text-left">{{ $ay.t("FileDate") }}</th>
+                      <th class="text-left">{{ $ay.t("FileSize") }}</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr v-for="item in backupFileList" :key="item.id">
+                      <td>
+                        <a :href="item.url">{{ item.name }}</a>
+                      </td>
+                      <td>{{ item.created }}</td>
+                      <td>{{ item.length }}</td>
+                    </tr>
+                  </tbody>
+                </template>
+              </v-simple-table>
+              <div class="mt-6">
+                ({{ $ay.t("AvailableSpace") }}&nbsp;{{ backupAvailableSpace }})
+              </div>
+              <v-btn @click="getBackupStatus" class="mt-6">
+                <v-icon>fa-sync</v-icon>
+              </v-btn>
+            </v-col>
+          </v-col>
+        </v-row>
       </v-form>
     </v-col>
   </v-row>