企业信息设置-子项页签

src/views/enterprise/systemManagement/informationSettings.vue

@@ -1,11 +1,58 @@
+<!-- 企业信息设置 -->
 <template>
-  <div>企业信息设置</div>
+  <div>
+    <v-card class="card-box pa-5">
+      <div>
+        <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#fff">
+          <v-tab :value="1">{{ $t('enterprise.infoSetting.basicInfo') }}</v-tab>
+          <v-tab :value="2">{{ $t('enterprise.infoSetting.enterpriseLogo') }}</v-tab>
+          <v-tab :value="3">{{ $t('enterprise.infoSetting.enterpriseAlbum') }}</v-tab>
+          <v-tab :value="4">{{ $t('enterprise.infoSetting.welfareLabel') }}</v-tab>
+          <v-tab :value="5">{{ $t('enterprise.infoSetting.enterpriseVideo') }}</v-tab>
+          <v-tab :value="6">{{ $t('enterprise.infoSetting.recruitmentQRCode') }}</v-tab>
+        </v-tabs>
+        <v-window v-model="tab" class="mt-3">
+          <v-window-item :value="1">
+            <basicInfo></basicInfo>
+          </v-window-item>
+          <v-window-item :value="2">
+            <enterpriseLogo></enterpriseLogo>
+          </v-window-item>
+          <v-window-item :value="3">
+            <enterpriseAlbum></enterpriseAlbum>
+          </v-window-item>
+          <v-window-item :value="4">
+            <welfareLabel></welfareLabel>
+          </v-window-item>
+          <v-window-item :value="5">
+            <enterpriseVideo></enterpriseVideo>
+          </v-window-item>
+          <v-window-item :value="6">
+            <recruitmentQRCode></recruitmentQRCode>
+          </v-window-item>
+        </v-window>
+      </div>
+    </v-card>
+  </div>
 </template>
 
 <script setup>
+import basicInfo from './informationSettingsComponents/basicInfo.vue'
+import enterpriseLogo from './informationSettingsComponents/enterpriseLogo.vue'
+import enterpriseAlbum from './informationSettingsComponents/enterpriseAlbum.vue'
+import welfareLabel from './informationSettingsComponents/welfareLabel.vue'
+import enterpriseVideo from './informationSettingsComponents/enterpriseVideo.vue'
+import recruitmentQRCode from './informationSettingsComponents/recruitmentQRCode.vue'
+import { ref } from 'vue'
 defineOptions({ name: 'enterprise-system-management-information-settings'})
+
+const tab = ref(1)
 </script>
 
 <style scoped lang="scss">
-
+.card-box {
+  width: 100%;
+  height: 100%;
+  min-height: 500px;
+}
 </style>

src/views/enterprise/systemManagement/informationSettingsComponents/basicInfo.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>基本信息</div>
+</template>
+
+<script setup>
+defineOptions({name: 'informationSettingsComponents-basicInfo'})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/systemManagement/informationSettingsComponents/enterpriseAlbum.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>enterpriseAlbum</div>
+</template>
+
+<script setup>
+defineOptions({name: 'informationSettingsComponents-enterpriseAlbum'})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/systemManagement/informationSettingsComponents/enterpriseLogo.vue

@@ -0,0 +1,10 @@
+<template>
+  <div>enterpriseLogo</div>
+</template>
+
+<script setup>
+defineOptions({name: 'informationSettingsComponents-enterpriseLogo'})
+
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/systemManagement/informationSettingsComponents/enterpriseVideo.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>enterpriseVideo</div>
+</template>
+
+<script setup>
+defineOptions({name: 'informationSettingsComponents-enterpriseVideo'})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/systemManagement/informationSettingsComponents/recruitmentQRCode.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>recruitmentQRCode</div>
+</template>
+
+<script setup>
+defineOptions({name: 'informationSettingsComponents-recruitmentQRCode'})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/systemManagement/informationSettingsComponents/welfareLabel.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>welfareLabel</div>
+</template>
+
+<script setup>
+defineOptions({name: 'informationSettingsComponents-welfareLabel'})
+</script>
+<style lang="scss" scoped>
+</style>