diff --git a/frontend/src/views/system/settings/AppearanceSetting.vue b/frontend/src/views/system/settings/AppearanceSetting.vue
new file mode 100644
index 0000000000..520630528b
--- /dev/null
+++ b/frontend/src/views/system/settings/AppearanceSetting.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>外观配置</div>
+</template>
+
+<script>
+export default {
+  name: 'AppearanceSetting',
+  data() {
+    return {
+
+    }
+  }
+}
+</script>
diff --git a/frontend/src/views/system/settings/index.vue b/frontend/src/views/system/settings/index.vue
new file mode 100644
index 0000000000..0d8026c857
--- /dev/null
+++ b/frontend/src/views/system/settings/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+
+export default ({
+  data() {
+    return {
+
+    }
+  },
+  created() {
+    this.$store.dispatch('app/toggleSideBarHide', false)
+  },
+  method: {
+
+  }
+})
+</script>
+
diff --git a/frontend/src/views/system/task/form.vue b/frontend/src/views/system/task/form.vue
new file mode 100644
index 0000000000..96241221a7
--- /dev/null
+++ b/frontend/src/views/system/task/form.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>数据同步表单</div>
+</template>
+
+<script>
+export default {
+  name: 'AppearanceSetting',
+  data() {
+    return {
+
+    }
+  }
+}
+</script>