sc

src/views/Question/Setting/Components/SelectSource.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col
+        :xs="24"
+        :sm="12"
+        :md="6"
+        :lg="6"
+        :xl="6"
+        v-for="(item, index) in appSource"
+        :key="index"
+        style="display: flex; align-items: center; border: 1px solid #eee; padding: 10px"
+      >
+        <span style="width: 120px">{{ item.name }}</span>
+        <el-select v-model="item.value" placeholder="请选择" class="flex-1">
+          <el-option label="驾考精灵" value="1" />
+          <el-option label="驾考宝典" value="2" />
+          <el-option label="驾校一点通" value="3" />
+        </el-select>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup name="SelectSource">
+const appSource = ref([
+  { name: '寻驾', value: '1' },
+  { name: '金武联', value: '3' },
+  { name: '通关考', value: '1' },
+  { name: '好驾到', value: '2' }
+])
+</script>
+
+<style lang="scss" scoped></style>

src/views/Question/Setting/index.vue

@@ -1,7 +1,18 @@
 <template>
-  <div> 基础设置 </div>
+  <div>
+    <el-tabs v-model="settingName">
+      <el-tab-pane label="选择题库" :name="1" v-if="checkPermi(['Question:Setting:DataSource'])">
+        <SelectSource />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
 </template>
 
-<script setup name="QuestionSetting"></script>
+<script setup name="QuestionSetting">
+import { checkPermi } from '@/utils/permission'
+import SelectSource from './Components/SelectSource.vue'
+
+const settingName = ref(1)
+</script>
 
 <style lang="scss" scoped></style>