From d1f2b31260375990dc9af577a18bf8e15597cd97 Mon Sep 17 00:00:00 2001
From: xjs <xjs@ycymedu.com>
Date: Tue, 11 Mar 2025 18:09:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9F=A5=E4=BD=8D=E6=AC=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/SubMenu.vue               |   2 +-
 .../components/check-group/CheckGroup.vue     | 121 +++++++++
 .../components/check-group/Checkbox.vue       | 133 +++++++++
 .../components/check-group/CheckboxGroup.vue  |  69 +++++
 .../components/drop-menu/DropMenu.vue         | 158 +++++++++++
 .../components/drop-menu/DropMenuItem.vue     | 202 ++++++++++++++
 .../components/navbar/Navbar.vue              | 205 ++++++++++++++
 .../pickerView/CustomPickerView.vue           | 194 +++++++++++++
 .../composable/rankAreaEchart.ts              | 130 +++++++++
 .../rank/components/Region.vue                |  35 +++
 .../rank/components/UniType.vue               |  31 +++
 src/pages-evaluation-sub/rank/index.vue       | 257 ++++++++++++++++++
 .../static/images/no-data.jpg                 | Bin 0 -> 14449 bytes
 .../styles/navbar-background.scss             |  13 +
 .../styles/navbar-custom.scss                 |   3 +
 src/pages-sub/components/badge/Badge.vue      |  39 ++-
 .../components/check-group/CheckGroup.vue     |  39 ++-
 src/pages-sub/components/table/Table.vue      |  60 ++--
 src/pages-sub/components/table/TableCol.vue   |  56 ++++
 src/pages-sub/components/table/useTable.ts    |  40 +++
 .../home/college/components/Colleges.vue      |  23 +-
 .../college/components/EnrollmentMark.vue     |  26 +-
 .../college/components/EnrollmentPlan.vue     |  47 ++--
 .../home/college/components/FirstClass.vue    |  24 +-
 .../home/college/components/Profile.vue       |   9 +-
 .../home/college/components/Situation.vue     |  45 +--
 src/pages-sub/home/college/index.vue          |   2 +-
 src/pages-sub/home/college/info.vue           |  13 +-
 src/pages-sub/home/components/FilterMenu.vue  |  45 ++-
 src/pages-sub/home/components/MessageBox.vue  |   9 +-
 src/pages-sub/home/distinguish/index.vue      |   4 +-
 src/pages-sub/home/expand/index.vue           | 170 +++++++++++-
 src/pages-sub/home/inputScore/index.vue       |   6 +-
 src/pages-sub/home/line/index.vue             |  27 +-
 .../major/components/EmploymentProspects.vue  |  16 +-
 .../home/major/components/MajorBaseInfo.vue   |  56 ++--
 .../home/major/components/MajorTreeList.vue   |   7 +-
 .../home/major/components/MajorUniversity.vue |   2 +-
 src/pages-sub/home/major/info.vue             |   2 +-
 src/pages.json                                |  20 +-
 src/pages/home/index/index.vue                |   2 +-
 src/service/index/api.ts                      |   9 +
 src/types/uni-pages.d.ts                      |   3 +-
 src/utils/http.ts                             |  11 +-
 44 files changed, 2136 insertions(+), 229 deletions(-)
 create mode 100644 src/pages-evaluation-sub/components/check-group/CheckGroup.vue
 create mode 100644 src/pages-evaluation-sub/components/check-group/Checkbox.vue
 create mode 100644 src/pages-evaluation-sub/components/check-group/CheckboxGroup.vue
 create mode 100644 src/pages-evaluation-sub/components/drop-menu/DropMenu.vue
 create mode 100644 src/pages-evaluation-sub/components/drop-menu/DropMenuItem.vue
 create mode 100644 src/pages-evaluation-sub/components/navbar/Navbar.vue
 create mode 100644 src/pages-evaluation-sub/components/pickerView/CustomPickerView.vue
 create mode 100644 src/pages-evaluation-sub/composable/rankAreaEchart.ts
 create mode 100644 src/pages-evaluation-sub/rank/components/Region.vue
 create mode 100644 src/pages-evaluation-sub/rank/components/UniType.vue
 create mode 100644 src/pages-evaluation-sub/rank/index.vue
 create mode 100644 src/pages-evaluation-sub/static/images/no-data.jpg
 create mode 100644 src/pages-evaluation-sub/styles/navbar-background.scss
 create mode 100644 src/pages-evaluation-sub/styles/navbar-custom.scss
 create mode 100644 src/pages-sub/components/table/TableCol.vue
 create mode 100644 src/pages-sub/components/table/useTable.ts

diff --git a/src/components/home/SubMenu.vue b/src/components/home/SubMenu.vue
index 0d9ba62..aaa150b 100644
--- a/src/components/home/SubMenu.vue
+++ b/src/components/home/SubMenu.vue
@@ -44,7 +44,7 @@ const subMenus = [
   {
     id: 5,
     name: '查位次',
-    path: '/pages-sub/home/rank/index',
+    path: '/pages-evaluation-sub/rank/index',
     icon: '/static/images/home/rank.svg',
   },
   // 查扩缩招
diff --git a/src/pages-evaluation-sub/components/check-group/CheckGroup.vue b/src/pages-evaluation-sub/components/check-group/CheckGroup.vue
new file mode 100644
index 0000000..cd8d9fd
--- /dev/null
+++ b/src/pages-evaluation-sub/components/check-group/CheckGroup.vue
@@ -0,0 +1,121 @@
+<template>
+  <CheckboxGroup v-model="defValue" checked-color="#1580FF" @change="handleChange" v-bind="$attrs">
+    <Checkbox
+      v-for="item in list"
+      :key="item[valueKey]"
+      :name="item[valueKey]"
+      cell
+      shape="button"
+      class="custom-checkbox"
+      :style="checkboxStyle"
+    >
+      {{ item[labelKey] }}
+    </Checkbox>
+  </CheckboxGroup>
+</template>
+
+<script lang="ts" setup>
+import Checkbox from './Checkbox.vue'
+import CheckboxGroup from './CheckboxGroup.vue'
+const props = defineProps({
+  list: {
+    type: Array,
+    default: () => [],
+  },
+  labelKey: {
+    type: String,
+    default: 'name',
+  },
+  valueKey: {
+    type: String,
+    default: 'code',
+  },
+  defaultValue: {
+    type: Array<string>,
+    default: () => [],
+  },
+  width: {
+    type: [String, Number],
+    default: '216rpx',
+  },
+  height: {
+    type: [String, Number],
+    default: '60rpx',
+  },
+})
+defineOptions({
+  options: {
+    styleIsolation: 'shared',
+  },
+})
+
+const emits = defineEmits(['change'])
+const defValue = ref<string[]>([])
+
+// 只在初始化时设置默认值
+onMounted(() => {
+  if (props.defaultValue?.length) {
+    defValue.value = [...props.defaultValue]
+  }
+})
+
+const handleChange = (val: unknown) => {
+  defValue.value = val as string[]
+  emits('change', val)
+}
+watch(
+  () => props.defaultValue,
+  (newVal) => {
+    defValue.value = [...newVal]
+  },
+)
+
+// 计算复选框样式
+const checkboxStyle = computed(() => {
+  const width = typeof props.width === 'number' ? `${props.width}rpx` : props.width
+  const height = typeof props.height === 'number' ? `${props.height}rpx` : props.height
+  return {
+    '--checkbox-width': width,
+    '--checkbox-height': height,
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.custom-checkbox) {
+  // 定义默认变量
+  --checkbox-width: 216rpx;
+  --checkbox-height: 60rpx;
+  --checkbox-bg: #f7f8fa;
+  --checkbox-radius: 8rpx;
+
+  .checkbox {
+    width: var(--checkbox-width);
+    height: var(--checkbox-height);
+    min-width: var(--checkbox-width);
+    background-color: var(--checkbox-bg);
+    border-radius: var(--checkbox-radius);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 2rpx solid var(--checkbox-bg);
+  }
+  .checkbox__icon {
+    display: none;
+  }
+}
+
+:deep(.checkbox-group) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+  padding: 32rpx 16rpx 16rpx;
+}
+
+:deep(.checkbox-active) {
+  border-color: #1580ff !important;
+  .checkbox__label {
+    color: #1580ff !important;
+  }
+}
+</style>
diff --git a/src/pages-evaluation-sub/components/check-group/Checkbox.vue b/src/pages-evaluation-sub/components/check-group/Checkbox.vue
new file mode 100644
index 0000000..39d7bcf
--- /dev/null
+++ b/src/pages-evaluation-sub/components/check-group/Checkbox.vue
@@ -0,0 +1,133 @@
+<template>
+  <view
+    class="checkbox"
+    :class="{
+      'checkbox--disabled': isDisabled,
+      'checkbox-active': isChecked,
+      'checkbox-disabled': isDisabled,
+    }"
+    @click="handleClick"
+  >
+    <view class="checkbox__icon" :class="{ 'checkbox__icon--checked': isChecked }">
+      <text v-if="isChecked" class="i-carbon-checkmark checkbox__icon-check"></text>
+    </view>
+    <view class="checkbox__label">
+      <slot>{{ label }}</slot>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed, inject } from 'vue'
+
+const props = defineProps({
+  name: {
+    type: [String, Number],
+    required: true,
+  },
+  label: {
+    type: String,
+    default: '',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits(['change'])
+
+interface CheckboxGroupContext {
+  modelValue: ComputedRef<any[]>
+  disabled: ComputedRef<boolean>
+  max: ComputedRef<number>
+  selectedCount: ComputedRef<number>
+  toggleOption: (option: { value: string | number }) => void
+}
+
+// 注入checkbox group的上下文
+const checkboxGroup = inject<CheckboxGroupContext>('checkboxGroup', {
+  modelValue: computed(() => []),
+  disabled: computed(() => false),
+  max: computed(() => 0),
+  selectedCount: computed(() => 0),
+  toggleOption: () => {},
+})
+
+// 是否选中
+const isChecked = computed(() => {
+  const modelValue = checkboxGroup.modelValue.value
+  return modelValue.includes(props.name)
+})
+
+// 是否禁用
+const isDisabled = computed(() => {
+  const max = checkboxGroup.max.value
+  const selectedCount = checkboxGroup.selectedCount.value
+  // 如果有原始禁用属性，或者group禁用，或者达到最大选择数且未选中，则禁用
+  return (
+    props.disabled ||
+    checkboxGroup.disabled.value ||
+    (max > 0 && !isChecked.value && selectedCount >= max)
+  )
+})
+
+// 处理点击事件
+const handleClick = () => {
+  if (isDisabled.value) return
+
+  checkboxGroup.toggleOption({
+    value: props.name,
+  })
+}
+</script>
+
+<style scoped>
+.checkbox {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  font-size: 28rpx;
+}
+
+.checkbox--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.checkbox__icon {
+  width: 40rpx;
+  height: 40rpx;
+  border: 2rpx solid #dcdfe6;
+  border-radius: 4rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8rpx;
+  transition: all 0.2s;
+}
+
+.checkbox__icon--checked {
+  background-color: #0083ff;
+  border-color: #0083ff;
+}
+
+.checkbox__icon-check {
+  color: #fff;
+  font-size: 32rpx;
+}
+
+.checkbox__label {
+  line-height: 1;
+}
+
+.checkbox-active {
+  background-color: #0083ff;
+  border-color: #0083ff;
+}
+
+.checkbox-disabled {
+  opacity: 0.5;
+  cursor: not-allowed !important;
+}
+</style>
diff --git a/src/pages-evaluation-sub/components/check-group/CheckboxGroup.vue b/src/pages-evaluation-sub/components/check-group/CheckboxGroup.vue
new file mode 100644
index 0000000..c1194e8
--- /dev/null
+++ b/src/pages-evaluation-sub/components/check-group/CheckboxGroup.vue
@@ -0,0 +1,69 @@
+<template>
+  <view class="checkbox-group">
+    <slot></slot>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { provide, computed } from 'vue'
+
+const props = defineProps({
+  modelValue: {
+    type: Array,
+    default: () => [],
+  },
+  max: {
+    type: Number,
+    default: 0,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+// 内部维护一个响应式的值
+const innerValue = computed(() => props.modelValue)
+
+// 切换选项
+const toggleOption = (option: { label: string; value: string | number }) => {
+  const currentValue = innerValue.value
+  const index = currentValue.indexOf(option.value)
+  const newValue = [...currentValue]
+
+  if (index === -1) {
+    if (props.max && currentValue.length >= props.max) {
+      uni.showToast({
+        title: `最多只能选择${props.max}项`,
+        icon: 'none',
+      })
+      return
+    }
+    newValue.push(option.value)
+  } else {
+    newValue.splice(index, 1)
+  }
+
+  emit('update:modelValue', newValue)
+  emit('change', newValue)
+}
+
+// 提供给checkbox的上下文
+provide('checkboxGroup', {
+  modelValue: computed(() => props.modelValue),
+  disabled: computed(() => props.disabled),
+  max: computed(() => props.max),
+  selectedCount: computed(() => props.modelValue.length),
+  toggleOption,
+})
+</script>
+
+<style scoped lang="scss">
+.checkbox-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20rpx;
+}
+</style>
diff --git a/src/pages-evaluation-sub/components/drop-menu/DropMenu.vue b/src/pages-evaluation-sub/components/drop-menu/DropMenu.vue
new file mode 100644
index 0000000..87ba2c9
--- /dev/null
+++ b/src/pages-evaluation-sub/components/drop-menu/DropMenu.vue
@@ -0,0 +1,158 @@
+<template>
+  <view class="drop-menu" ref="dropMenuRef">
+    <view class="drop-menu__bar">
+      <view
+        v-for="(item, index) in titles"
+        :key="index"
+        class="drop-menu__item"
+        :class="{ 'drop-menu__item--active': index === activeIndex }"
+        @click="handleTitleClick(index)"
+      >
+        <text class="drop-menu__title">{{ item }}</text>
+        <text
+          class="drop-menu__arrow i-carbon-chevron-down"
+          :class="{ 'drop-menu__arrow--active': index === activeIndex }"
+        ></text>
+      </view>
+    </view>
+    <view class="drop-menu__content-wrapper">
+      <slot></slot>
+    </view>
+    <view
+      v-if="activeIndex !== -1"
+      class="drop-menu__mask"
+      :style="{ top: maskTop }"
+      @click="closeDropMenu"
+    ></view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, provide } from 'vue'
+
+const props = defineProps({
+  zIndex: {
+    type: Number,
+    default: 10,
+  },
+  duration: {
+    type: Number,
+    default: 200,
+  },
+  direction: {
+    type: String,
+    default: 'down',
+  },
+})
+
+// 标题列表
+const titles = ref<string[]>([])
+// 当前激活的菜单索引
+const activeIndex = ref(-1)
+
+const maskTop = ref('88px')
+
+// 添加标题
+const addTitle = (title: string) => {
+  titles.value.push(title)
+}
+
+const instance = getCurrentInstance()
+
+const dropMenuRef = ref()
+// 处理标题点击
+const handleTitleClick = (index: number) => {
+  // 如果点击的是当前打开的菜单，则关闭
+  if (activeIndex.value === index) {
+    activeIndex.value = -1
+  } else {
+    // 否则打开点击的菜单
+    activeIndex.value = index
+  }
+  const query = uni.createSelectorQuery().in(instance.proxy)
+  query
+    .select('.drop-menu')
+    .boundingClientRect((data: { top: number }) => {
+      maskTop.value = `${data.top}px`
+    })
+    .exec()
+}
+
+// 关闭下拉菜单
+const closeDropMenu = () => {
+  activeIndex.value = -1
+}
+
+// 提供给子组件的数据和方法
+provide('dropMenu', {
+  activeIndex,
+  addTitle,
+  closeDropMenu,
+  zIndex: props.zIndex,
+  duration: props.duration,
+  direction: props.direction,
+  titles, // 提供titles给子组件
+})
+</script>
+
+<style scoped lang="scss">
+.drop-menu {
+  position: relative;
+  background: #fff;
+  z-index: 10;
+}
+
+.drop-menu__bar {
+  position: relative;
+  display: flex;
+  height: 88rpx;
+  background: #fff;
+  z-index: 12;
+}
+
+.drop-menu__item {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.drop-menu__item--active {
+  color: #0083ff;
+}
+
+.drop-menu__title {
+  font-size: 28rpx;
+  max-width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.drop-menu__arrow {
+  font-size: 20rpx;
+  margin-left: 8rpx;
+  transition: transform 0.2s;
+}
+
+.drop-menu__arrow--active {
+  transform: rotate(180deg);
+}
+
+.drop-menu__content-wrapper {
+  position: relative;
+  width: 100%;
+}
+
+.drop-menu__mask {
+  position: fixed;
+  width: 100%;
+  left: 0;
+  right: 0;
+  top: 88rpx;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 9;
+}
+</style>
diff --git a/src/pages-evaluation-sub/components/drop-menu/DropMenuItem.vue b/src/pages-evaluation-sub/components/drop-menu/DropMenuItem.vue
new file mode 100644
index 0000000..6a6c018
--- /dev/null
+++ b/src/pages-evaluation-sub/components/drop-menu/DropMenuItem.vue
@@ -0,0 +1,202 @@
+<template>
+  <view
+    class="drop-menu-item"
+    :class="[customClass, { 'drop-menu-item--show': isShow }]"
+    :style="{
+      'z-index': zIndex,
+      'transition-duration': `${duration}ms`,
+    }"
+  >
+    <view class="drop-menu-item__wrapper" :class="{ 'drop-menu-item__wrapper--show': isShow }">
+      <!-- 默认选项列表 -->
+      <scroll-view v-if="!$slots.default" scroll-y class="drop-menu-item__content">
+        <view class="drop-menu-item__option-list">
+          <view
+            v-for="(option, index) in options"
+            :key="index"
+            class="drop-menu-item__option"
+            :class="{ 'drop-menu-item__option--active': isOptionActive(option) }"
+            @click="handleOptionClick(option)"
+          >
+            <text class="drop-menu-item__text">{{ getOptionText(option) }}</text>
+            <text v-if="isOptionActive(option)" class="drop-menu-item__icon">✓</text>
+          </view>
+        </view>
+      </scroll-view>
+      <!-- 自定义内容插槽 -->
+      <view v-else class="drop-menu-item__custom-content">
+        <slot></slot>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, inject, onMounted, computed, watch } from 'vue'
+
+const props = defineProps({
+  modelValue: {
+    type: [String, Number, Object],
+    default: '',
+  },
+  title: {
+    type: String,
+    required: true,
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+  labelKey: {
+    type: String,
+    default: 'text',
+  },
+  valueKey: {
+    type: String,
+    default: 'value',
+  },
+  customClass: {
+    type: String,
+    default: '',
+  },
+})
+
+const emit = defineEmits(['update:modelValue', 'change', 'open'])
+
+// 注入父组件提供的数据和方法
+const { activeIndex, addTitle, closeDropMenu, zIndex, duration, direction, titles } = inject(
+  'dropMenu',
+) as any
+
+// 当前组件的索引
+const itemIndex = ref(-1)
+
+// 是否显示下拉内容
+const isShow = computed(() => activeIndex.value === itemIndex.value)
+
+// 监听显示状态变化
+watch(isShow, (newVal) => {
+  if (newVal) {
+    emit('open')
+  }
+})
+
+// 获取选项的显示文本
+const getOptionText = (option: any) => {
+  if (typeof option === 'object' && props.labelKey) {
+    return option[props.labelKey]
+  }
+  return option
+}
+
+// 获取选项的值
+const getOptionValue = (option: any) => {
+  if (typeof option === 'object' && props.valueKey) {
+    return option[props.valueKey]
+  }
+  return option
+}
+
+// 判断选项是否被选中
+const isOptionActive = (option: any) => {
+  const optionValue = getOptionValue(option)
+  return props.modelValue === optionValue
+}
+
+// 处理选项点击
+const handleOptionClick = (option: any) => {
+  const value = getOptionValue(option)
+  emit('update:modelValue', value)
+  emit('change', value)
+  closeDropMenu()
+}
+
+// 组件挂载时，向父组件注册标题并设置索引
+onMounted(() => {
+  // 先获取当前索引
+  itemIndex.value = titles.value.length
+  // 再添加标题
+  addTitle(props.title)
+})
+
+// 监听标题变化
+watch(
+  () => props.title,
+  (newTitle) => {
+    // 更新对应索引位置的标题
+    if (titles.value[itemIndex.value] !== newTitle) {
+      titles.value[itemIndex.value] = newTitle
+    }
+  },
+  { immediate: false },
+)
+</script>
+
+<style scoped>
+.drop-menu-item {
+  position: relative;
+  width: 100%;
+}
+
+.drop-menu-item__wrapper {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  background: #fff;
+  transform: translateY(-5px);
+  transition: all 0.25s ease;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 11;
+}
+
+.drop-menu-item__wrapper--show {
+  transform: translateY(0);
+  opacity: 1;
+  visibility: visible;
+}
+
+.drop-menu-item__content {
+  max-height: 400rpx;
+}
+
+.drop-menu-item__custom-content {
+  width: 100%;
+  background: #fff;
+  transform-origin: top;
+}
+
+.drop-menu-item__option-list {
+  padding: 12rpx 0;
+}
+
+.drop-menu-item__option {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx 32rpx;
+  line-height: 1.2;
+  cursor: pointer;
+}
+
+.drop-menu-item__option:active {
+  background-color: #f2f2f2;
+}
+
+.drop-menu-item__option--active {
+  color: #0083ff;
+}
+
+.drop-menu-item__text {
+  font-size: 28rpx;
+}
+
+.drop-menu-item__icon {
+  font-size: 32rpx;
+  color: #0083ff;
+}
+</style>
diff --git a/src/pages-evaluation-sub/components/navbar/Navbar.vue b/src/pages-evaluation-sub/components/navbar/Navbar.vue
new file mode 100644
index 0000000..b1557e8
--- /dev/null
+++ b/src/pages-evaluation-sub/components/navbar/Navbar.vue
@@ -0,0 +1,205 @@
+<template>
+  <view class="navbar">
+    <!-- 状态栏占位 -->
+    <view
+      v-if="safeAreaInsetTop"
+      class="status-bar"
+      :style="{ height: statusBarHeight + 'px', backgroundColor: bgColor }"
+    ></view>
+
+    <!-- 导航栏主体 -->
+    <view
+      class="navbar-content"
+      :class="[contentClass, fixed ? 'navbar-fixed' : '', bordered ? 'navbar-border' : '']"
+      :style="{
+        backgroundColor: bgColor,
+        height: navHeight + 'px',
+        top: fixed ? (safeAreaInsetTop ? statusBarHeight : 0) + 'px' : '0',
+      }"
+    >
+      <!-- 左侧区域 -->
+      <view class="navbar-left" @click="handleClickLeft">
+        <view v-if="leftArrow" class="back-icon">
+          <view class="i-carbon-chevron-left text-[48rpx] text-[#333] font-semibold" />
+        </view>
+        <slot name="left"></slot>
+      </view>
+
+      <!-- 中间标题区域 -->
+      <view class="navbar-title">
+        <slot name="title">
+          <text class="title-text">{{ title }}</text>
+        </slot>
+      </view>
+
+      <!-- 右侧区域 -->
+      <view class="navbar-right">
+        <slot name="right"></slot>
+      </view>
+    </view>
+
+    <!-- 占位元素 -->
+    <view
+      v-if="placeholder && fixed"
+      :style="{
+        height: `${navHeight}px`,
+        backgroundColor: bgColor,
+      }"
+    ></view>
+    <slot name="background"></slot>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  leftArrow: {
+    type: Boolean,
+    default: false,
+  },
+  fixed: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: Boolean,
+    default: false,
+  },
+  bordered: {
+    type: Boolean,
+    default: true,
+  },
+  safeAreaInsetTop: {
+    type: Boolean,
+    default: true,
+  },
+  bgColor: {
+    type: String,
+    default: '#ffffff',
+  },
+  contentClass: {
+    type: String,
+    default: 'justify-between',
+  },
+})
+
+const emit = defineEmits(['clickLeft'])
+
+// 获取系统信息
+const systemInfo = uni.getSystemInfoSync()
+const statusBarHeight = systemInfo.statusBarHeight || 0
+
+// 动态计算导航栏高度
+const navHeight = computed(() => {
+  // 获取屏幕信息
+  const { platform, screenWidth } = systemInfo
+
+  // 将px转换为rpx的比例
+  const ratio = 750 / screenWidth
+
+  // 根据平台设置不同的导航栏高度
+  if (platform === 'ios') {
+    return 88 / ratio // iOS 一般是 44pt，转换为px
+  } else if (platform === 'android') {
+    return 96 / ratio // Android 一般是 48dp，转换为px
+  } else {
+    return 88 / ratio // 默认值
+  }
+})
+
+const handleClickLeft = () => {
+  emit('clickLeft')
+}
+</script>
+
+<style scoped>
+.navbar {
+  width: 100%;
+}
+
+.status-bar {
+  width: 100%;
+  background-color: inherit;
+}
+
+.navbar-content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  /* justify-content: space-between; */
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.navbar-fixed {
+  position: fixed;
+  left: 0;
+  width: 100%;
+  z-index: 99;
+}
+
+.navbar-border {
+  border-bottom: 1rpx solid #eee;
+}
+
+.navbar-left {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.back-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.navbar-title {
+  /* flex: 1; */
+  text-align: center;
+  overflow: hidden;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.title-text {
+  font-size: 36rpx;
+  color: #333;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.navbar-right {
+  display: flex;
+  align-items: center;
+  min-width: 100rpx;
+  justify-content: flex-end;
+  height: 100%;
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAKYAAsAAAAABlAAAAJMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcApcdgE2AiQDCAsGAAQgBYRnBzYbmQXIHpIkBQQKkYCABBEPz2/t/XN3twEbowBkQTxQEQ1RKaKSxEOi0agkJKF5Qvj/f037IFKwlZ2dWU2tJu0EhPwHkBwgOVAclKcvAQpI/v/fz/08XECy+YBymmPQiwIcSmhAY4uSFcgJ+IaxC1zCYwLtRjWSnZ2rGgQWBowLxCPrVBBYllQqNTQ0VISaBXEHtTRNUwW4jb4f/xYEC0kqMzDx6CGrQuKXxKc6Zf7POYQgQHs5kIwjYwEoxK3G/DpRwbi0dlNwKKjAL4lf6vw/R2zVWvTPIwuiCnp2wCRUZ3yJX5pJFVDfByyAFR2AblMAX/OR3t7+zOJi8GyyfzC1uQXLZvtnk/0zyfTy+PvH0/Xp5OzR98/H797/+/fDu3d/3739+/fd+/+nmxvLc5vrS+sry2vz84tLs9Mzc4vzs9NTM/Ozc1OzM3MzU/Mz0wvTU4vTk0tTE8uTEyuT4yv/G0E3XUxv7wwNbu/s9G8fbO9v7+3sb+3ubW4dbO4dbO3vbu4dbO3JzqPFtRE4gEGAX0NBkL+hpCZALkEp5FKUQqE0NHlXJIGrDNAOcEQBCHU+kXT5QNblC7kEv1EK9Y9SB/8o7YYu2m0YXrJLouNIjQJhH+QbVkVZrUQ+YuqzUJdzxPMHhdIj0+hg4o0D8ogj5r5bSoQUxjADz+A8hBDQFEYwh3mommXTul7Vm5ZtqAqJHIdoKCDYDyQ3mCqUG1YKn5+C0s0yiJ/qKVAQedKAhg6Y3mEHJBQaWKnvLVMiiEIxGAY8Aw6HIAhAJmEIzIIOUjLTTAB1taL1QvNq+fYN7QDjcc2okeioaOmy5LFXt3QAAAAA')
+    format('woff2');
+}
+
+.back-text {
+  font-family: 'iconfont' !important;
+  font-size: 48rpx;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #333;
+}
+</style>
diff --git a/src/pages-evaluation-sub/components/pickerView/CustomPickerView.vue b/src/pages-evaluation-sub/components/pickerView/CustomPickerView.vue
new file mode 100644
index 0000000..86dd6b4
--- /dev/null
+++ b/src/pages-evaluation-sub/components/pickerView/CustomPickerView.vue
@@ -0,0 +1,194 @@
+<template>
+  <view class="custom-picker">
+    <view class="picker-mask" @touchmove.stop.prevent></view>
+    <picker-view
+      :value="currentIndex"
+      :indicator-style="indicatorStyle"
+      :style="{
+        border: 'none',
+        'border-top': 'none',
+        'border-bottom': 'none',
+      }"
+      @change="handleChange"
+      class="picker-view"
+      :mask-class="'picker-mask'"
+      :indicator-class="'picker-indicator'"
+    >
+      <picker-view-column class="border-none">
+        <view
+          v-for="(item, index) in formattedList"
+          :key="index"
+          class="picker-item"
+          :class="{ 'picker-item-selected': currentIndex[0] === index }"
+        >
+          {{ item }}
+        </view>
+      </picker-view-column>
+    </picker-view>
+    <!-- <view class="picker-indicator-line"></view> -->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, watch } from 'vue'
+
+const props = defineProps({
+  modelValue: {
+    type: [String, Number, Object],
+    default: '',
+  },
+  list: {
+    type: Array,
+    required: true,
+    default: () => [],
+  },
+  valueKey: {
+    type: String,
+    default: '',
+  },
+  labelKey: {
+    type: String,
+    default: '',
+  },
+  indicatorStyle: {
+    type: String,
+    default: 'height: 50px;',
+  },
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+// 格式化列表数据
+const formattedList = computed(() => {
+  if (!props.list.length) return []
+
+  // 处理简单数组 ['123', '456']
+  if (typeof props.list[0] !== 'object') {
+    return props.list
+  }
+
+  // 处理对象数组，使用labelKey
+  if (props.labelKey) {
+    return props.list.map((item) => item[props.labelKey])
+  }
+
+  // 处理对象数组，使用valueKey作为显示
+  if (props.valueKey) {
+    return props.list.map((item) => item[props.valueKey])
+  }
+
+  // 默认显示整个对象
+  return props.list
+})
+
+// 计算当前选中项的索引
+const currentIndex = computed(() => {
+  if (!props.modelValue || !props.list.length) return [0]
+
+  let targetValue = props.modelValue
+  if (typeof props.list[0] === 'object' && props.valueKey) {
+    targetValue = props.modelValue[props.valueKey]
+  }
+
+  const index = props.list.findIndex((item) => {
+    if (typeof item === 'object' && props.valueKey) {
+      return item[props.valueKey] === targetValue
+    }
+    return item === targetValue
+  })
+
+  return [index > -1 ? index : 0]
+})
+
+// 处理选择变化
+const handleChange = (e: any) => {
+  const index = e.detail.value[0]
+  const selectedItem = props.list[index]
+
+  let value = selectedItem
+  if (typeof selectedItem === 'object' && props.valueKey) {
+    value = selectedItem[props.valueKey]
+  }
+
+  emit('update:modelValue', value)
+  emit('change', {
+    value,
+    index,
+    item: selectedItem,
+  })
+}
+</script>
+
+<style scoped>
+.custom-picker {
+  width: 100%;
+  height: 400rpx;
+  position: relative;
+  background-color: #fff;
+}
+
+.picker-view {
+  width: 100%;
+  height: 100%;
+}
+
+/* 覆盖picker-view的默认边框 */
+.picker-view :deep(.uni-picker-view-indicator),
+.picker-view :deep(.uni-picker-view-column),
+.picker-view :deep(.uni-picker-view-group) {
+  border: none !important;
+  border-top: none !important;
+  border-bottom: none !important;
+}
+
+.picker-mask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.picker-indicator {
+  height: 112rpx;
+}
+
+.picker-indicator-line {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  margin-top: -40rpx;
+  height: 112rpx;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.picker-item {
+  text-align: center;
+  font-size: 34rpx;
+  color: #7c7c7c;
+  transition: all 0.2s;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.picker-item-selected {
+  color: #000;
+  font-weight: 500;
+  transform: scale(1.05);
+}
+
+/* 添加触摸反馈 */
+.picker-view :deep(.uni-picker-view-wrapper) {
+  -webkit-overflow-scrolling: touch;
+}
+
+.picker-view :deep(.uni-picker-view-content) {
+  touch-action: pan-y;
+}
+</style>
diff --git a/src/pages-evaluation-sub/composable/rankAreaEchart.ts b/src/pages-evaluation-sub/composable/rankAreaEchart.ts
new file mode 100644
index 0000000..60d9a3a
--- /dev/null
+++ b/src/pages-evaluation-sub/composable/rankAreaEchart.ts
@@ -0,0 +1,130 @@
+export const initRankAreaEchart = ({
+  echart,
+  echarts,
+  xAxisData,
+  yAxisData,
+  Score,
+  currentCount,
+  areaIndex,
+}) => {
+  echart.value.init(echarts, (chart) => {
+    let option = {
+      xAxis: {
+        type: 'category',
+        data: xAxisData,
+        axisLine: {
+          lineStyle: {
+            color: '#E5E5E5',
+          },
+        },
+        axisLabel: {
+          color: '#999999',
+        },
+      },
+      yAxis: {
+        type: 'value',
+        show: false,
+      },
+      grid: {
+        containLabel: false,
+      },
+      series: [
+        {
+          data: yAxisData,
+          type: 'line',
+          smooth: 0.6,
+          smoothMonotone: 'x',
+          symbol: 'none',
+          lineStyle: {
+            width: 2,
+            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+              {
+                offset: 0,
+                color: 'rgba(30, 231, 255, 1)',
+              },
+              {
+                offset: 0.33,
+                color: 'rgba(36, 154, 255, 1)',
+              },
+              {
+                offset: 0.66,
+                color: 'rgba(111, 66, 251, 1)',
+              },
+              {
+                offset: 1,
+                color: 'rgba(111, 66, 251, 1)',
+              },
+            ]),
+          },
+          areaStyle: {
+            opacity: 1,
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              {
+                offset: 0,
+                color: 'rgba(17,126,255,0.16)',
+              },
+              {
+                offset: 1,
+                color: 'rgba(17,128,255,0)',
+              },
+            ]),
+          },
+          markPoint: {
+            symbol: 'circle',
+            symbolSize: 8,
+            itemStyle: {
+              color: '#4080FF',
+              borderColor: '#259BFF',
+              borderWidth: 2,
+            },
+            data: [
+              {
+                xAxis: Score,
+                yAxis: currentCount,
+                label: {
+                  show: true,
+                  position: 'top',
+                  color: '#4080FF',
+                  fontSize: 12,
+                },
+              },
+            ],
+          },
+          markArea: {
+            itemStyle: {
+              color: 'rgba(64, 128, 255, 0.1)',
+            },
+            data: [
+              [
+                {
+                  xAxis: areaIndex + 30,
+                },
+                {
+                  xAxis: areaIndex - 30,
+                },
+              ],
+            ],
+          },
+          markLine: {
+            symbol: ['none', 'none'],
+            lineStyle: {
+              type: 'dashed',
+              color: '#4080FF',
+              width: 1,
+              opacity: 0.5,
+            },
+            data: [
+              {
+                xAxis: Score,
+                label: {
+                  show: false,
+                },
+              },
+            ],
+          },
+        },
+      ],
+    }
+    chart.setOption(option)
+  })
+}
diff --git a/src/pages-evaluation-sub/rank/components/Region.vue b/src/pages-evaluation-sub/rank/components/Region.vue
new file mode 100644
index 0000000..4521ccf
--- /dev/null
+++ b/src/pages-evaluation-sub/rank/components/Region.vue
@@ -0,0 +1,35 @@
+<template>
+  <CheckGroup :list="regionList" @change="handleChange" label-key="simplename" v-bind="$attrs" />
+</template>
+
+<script lang="ts" setup>
+import { getRegionInfo } from '@/service/index/api'
+import CheckGroup from '@/pages-evaluation-sub/components/check-group/CheckGroup.vue'
+defineOptions({
+  options: {
+    styleIsolation: 'shared',
+  },
+})
+
+interface Region {
+  code: string
+  name: string
+  parentcode: string
+  simplename: string
+  pinyin: string
+}
+const regionList = ref([])
+getRegionInfo().then((res) => {
+  if (res.code === 200) {
+    regionList.value = res.result as Region[]
+  }
+})
+
+const emits = defineEmits(['change', 'changeName'])
+
+const handleChange = (val: any) => {
+  const names = regionList.value.filter((item) => val.includes(item.code)).map((item) => item.name)
+  emits('changeName', names)
+  emits('change', val)
+}
+</script>
diff --git a/src/pages-evaluation-sub/rank/components/UniType.vue b/src/pages-evaluation-sub/rank/components/UniType.vue
new file mode 100644
index 0000000..b20ae8c
--- /dev/null
+++ b/src/pages-evaluation-sub/rank/components/UniType.vue
@@ -0,0 +1,31 @@
+<template>
+  <CheckGroup
+    :list="infoList"
+    @change="handleChange"
+    :default-value="defaultInfo"
+    value-key="id"
+    label-key="name"
+  />
+</template>
+
+<script lang="ts" setup>
+import { getUniversityType } from '@/service/index/api'
+import CheckGroup from '@/pages-evaluation-sub/components/check-group/CheckGroup.vue'
+
+const infoList = ref()
+getUniversityType().then((res) => {
+  if (res.code === 200) {
+    infoList.value = res.result as { id: number; name: string }[]
+  }
+})
+
+const defaultInfo = ref<string[]>([])
+
+const emits = defineEmits(['change', 'changeName'])
+
+const handleChange = (val: any) => {
+  const names = infoList.value.filter((item) => val.includes(item.id)).map((item) => item.name)
+  emits('changeName', names)
+  emits('change', val)
+}
+</script>
diff --git a/src/pages-evaluation-sub/rank/index.vue b/src/pages-evaluation-sub/rank/index.vue
new file mode 100644
index 0000000..df9ca76
--- /dev/null
+++ b/src/pages-evaluation-sub/rank/index.vue
@@ -0,0 +1,257 @@
+<route lang="json5" type="page">
+{
+  layout: 'page',
+  style: {
+    navigationStyle: 'custom',
+  },
+  usingComponents: {
+    LEchart: '../uni_modules/lime-echart/components/l-echart/l-echart',
+  },
+  componentPlaceholder: {
+    LEchart: 'view',
+  },
+}
+</route>
+
+<template>
+  <view class="h-screen flex flex-col">
+    <view class="relative">
+      <Navbar
+        safeAreaInsetTop
+        bg-color="transparent"
+        :bordered="false"
+        left-arrow
+        title="位次查询"
+        @click-left="navigatorBack"
+        content-class="justify-between"
+      ></Navbar>
+      <view class="custom-background h-[200rpx] w-full absolute top-0 left-0 z-[-1]"></view>
+    </view>
+    <drop-menu>
+      <drop-menu-item
+        :key="1"
+        :title="searchParams.locationName || '省份'"
+        custom-class="flex items-center"
+      >
+        <Region
+          :defaultValue="searchParams.locationCode ? [searchParams.locationCode] : []"
+          :max="1"
+          @changeName="handleRegionChange"
+          @change="handleRegionChangeCode"
+        />
+      </drop-menu-item>
+      <drop-menu-item
+        :key="2"
+        :title="searchParams.year || '年份'"
+        custom-class="flex items-center"
+      >
+        <CheckGroup
+          :list="checkYearList"
+          :default-value="searchParams.year ? [searchParams.year] : []"
+          @change="handleYearChange"
+          labelKey="year"
+          valueKey="year"
+          :max="1"
+        />
+      </drop-menu-item>
+      <drop-menu-item :key="3" title="类别" custom-class="flex items-center">
+        <UniType
+          @change="handleUniTypeChange"
+          :max="1"
+          :default-value="searchParams.type ? [searchParams.type] : []"
+        />
+      </drop-menu-item>
+    </drop-menu>
+
+    <view class="px-32rpx">
+      <view class="flex items-center justify-between input-wrapper-class">
+        <input
+          v-model="searchParams.Score"
+          type="number"
+          placeholder="请输入你的高考分数"
+          confirm-type="done"
+          input-mode="numeric"
+          class="flex-auto"
+        />
+        <view class="text-[#1580FF] text-[24rpx] search-text" @click="handleConfirm">查询</view>
+      </view>
+      <view class="text-[#636363] text-[20rpx] mt-[24rpx]">分数范围：{{ betweenScores }}</view>
+    </view>
+
+    <view class="bg-[#F8F8F8] h-[16rpx] mt-[40rpx]"></view>
+
+    <view class="pt-[40rpx] px-[32rpx] flex flex-col">
+      <text class="font-semibold text-[32rpx]">查询结果</text>
+      <view class="flex flex-col mt-[22rpx]">
+        <view class="text-[24rpx] text-[#636363]">
+          位次区间:
+          <text class="text-[#1580FF]">21559-22548</text>
+        </view>
+        <view class="text-[24rpx] text-[#636363]">
+          建议位次:
+          <text class="text-[#1580FF]">22204</text>
+        </view>
+        <view class="text-[24rpx] text-[#636363]">
+          同分人数:
+          <text class="text-[#1580FF]">690</text>
+        </view>
+      </view>
+    </view>
+    <view class="">
+      <LEchart ref="echart" class="h-[300rpx]" v-show="!noData"></LEchart>
+      <view class="flex items-center justify-center flex-col my-[80rpx] relative" v-show="noData">
+        <image
+          src="../static/images/no-data.jpg"
+          mode="scaleToFill"
+          class="w-[300rpx] h-[300rpx]"
+        />
+        <text class="text-[24rpx] text-[#636363] absolute bottom-[60rpx]">暂无数据</text>
+      </view>
+    </view>
+
+    <view class="flex flex-col p-[24rpx] bg-[#FEF0F0] text-[#F56C6C] mx-[32rpx] border-class">
+      <text class="text-[32rpx] font-bold">*说明</text>
+      <text class="text-[24rpx] mt-[16rpx] text-[22rpx] font-normal">
+        1.位次查询结果根据各省教育考试院发布的一分一段表计算。
+      </text>
+      <text class="text-[24rpx] mt-[16rpx] text-[22rpx] font-normal">
+        2.在正式填报时，请以各省教育考试院发布的数据为准，本平台数据仅供参考
+      </text>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import Navbar from '@/pages-evaluation-sub/components/navbar/Navbar.vue'
+import DropMenu from '@/pages-evaluation-sub/components/drop-menu/DropMenu.vue'
+import DropMenuItem from '@/pages-evaluation-sub/components/drop-menu/DropMenuItem.vue'
+import Region from './components/Region.vue'
+import UniType from './components/UniType.vue'
+import CheckGroup from '@/pages-evaluation-sub/components/check-group/CheckGroup.vue'
+
+// import lEchart from '@/pages-evaluation-sub/uni_modules/lime-echart/components/l-echart/l-echart.vue'
+const echarts = require('../uni_modules/lime-echart/static/echarts.min')
+
+import { getScoreSection } from '@/service/index/api'
+
+import { useUserStore } from '@/store'
+import { initRankAreaEchart } from '../composable/rankAreaEchart'
+
+const userStore = useUserStore()
+
+const navigatorBack = () => {
+  uni.navigateBack()
+}
+
+const searchParams = ref({
+  locationCode: userStore.userInfo.estimatedAchievement.provinceCode || '370000',
+  locationName: userStore.userInfo.estimatedAchievement.provinceName || '山东省',
+  year: '',
+  type: '',
+  Score: '500',
+})
+
+const handleConfirm = () => {
+  getScoreSectionData()
+}
+
+const checkYearList = ref([])
+
+const handleRegionChange = (val) => {
+  searchParams.value.locationName = val.join(',')
+}
+const handleRegionChangeCode = (val) => {
+  searchParams.value.locationCode = val[0]
+  getScoreSectionData()
+}
+
+const handleYearChange = (val) => {
+  let _yearList = []
+
+  if (val.length > 1 && val.some((item) => item === '')) {
+    _yearList = val.filter((item) => item !== '')
+  } else {
+    _yearList = val
+  }
+  searchParams.value.year = _yearList.join(',')
+  getScoreSectionData()
+}
+
+const handleUniTypeChange = (val) => {
+  searchParams.value.type = val[0]
+  getScoreSectionData()
+}
+
+const betweenScores = ref('')
+const noData = ref(false)
+
+const getScoreSectionData = () => {
+  getScoreSection(searchParams.value).then((resp) => {
+    if (resp.code === 200) {
+      const _result = resp.result as {
+        betweenScores: string
+        list: {
+          type: number
+          score: number
+          currentCount: number
+          cumulativeCount: number
+          startRank: number
+          endRank: number
+        }[]
+        configList: { yearList: { year: string; check: boolean }[] }
+      }
+      checkYearList.value = _result.configList.yearList
+      betweenScores.value = _result.betweenScores
+      noData.value = _result.list.length === 0
+
+      if (!noData.value) {
+        const xAxisData = _result.list.map((item) => item.score)
+        const yAxisData = _result.list.map((item) => item.currentCount)
+
+        const areaIndex = xAxisData.findIndex((item) => item === Number(searchParams.value.Score))
+        const currentCount = _result.list.filter(
+          (item) => item.score === Number(searchParams.value.Score),
+        )[0].currentCount
+        console.log(echart.value, echarts)
+
+        initRankAreaEchart({
+          echart,
+          echarts,
+          xAxisData,
+          yAxisData,
+          Score: searchParams.value.Score,
+          currentCount,
+          areaIndex,
+        })
+      }
+    }
+  })
+}
+
+const echart = ref(null)
+
+onMounted(() => {
+  getScoreSectionData()
+})
+</script>
+
+<style lang="scss" scoped>
+@import '@/pages-evaluation-sub/styles/navbar-background.scss';
+
+.input-wrapper-class {
+  border-radius: 8rpx;
+  border: 2rpx solid #ededed;
+  padding: 10rpx 24rpx;
+  margin-top: 48rpx;
+
+  .search-text {
+    border-left: 2rpx solid #ededed;
+    padding-left: 24rpx;
+  }
+}
+
+.border-class {
+  border-radius: 8rpx;
+  border: 2rpx solid #ffeaea;
+}
+</style>
diff --git a/src/pages-evaluation-sub/static/images/no-data.jpg b/src/pages-evaluation-sub/static/images/no-data.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..09123988ba78c5d8ace41db77e47a134c230f0c4
GIT binary patch
literal 14449
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

literal 0
HcmV?d00001

diff --git a/src/pages-evaluation-sub/styles/navbar-background.scss b/src/pages-evaluation-sub/styles/navbar-background.scss
new file mode 100644
index 0000000..5c3dd30
--- /dev/null
+++ b/src/pages-evaluation-sub/styles/navbar-background.scss
@@ -0,0 +1,13 @@
+.custom-background {
+  background-image: linear-gradient(
+    173deg,
+    rgb(177, 221, 250) 0,
+    rgb(177, 221, 250) 13%,
+    rgba(255, 255, 255, 1) 80%,
+    rgba(255, 255, 255, 1) 100%
+  );
+  background-position: 50% 50%;
+  background-origin: padding-box;
+  background-clip: border-box;
+  background-size: auto auto;
+}
diff --git a/src/pages-evaluation-sub/styles/navbar-custom.scss b/src/pages-evaluation-sub/styles/navbar-custom.scss
new file mode 100644
index 0000000..df3e050
--- /dev/null
+++ b/src/pages-evaluation-sub/styles/navbar-custom.scss
@@ -0,0 +1,3 @@
+:deep(.z-tabs-bottom) {
+  border-bottom: 1px solid #f8f8f8;
+}
diff --git a/src/pages-sub/components/badge/Badge.vue b/src/pages-sub/components/badge/Badge.vue
index 2f1d0f8..8d682e2 100644
--- a/src/pages-sub/components/badge/Badge.vue
+++ b/src/pages-sub/components/badge/Badge.vue
@@ -1,13 +1,16 @@
 <template>
-  <view class="badge">
+  <view class="badge" :class="customClass">
     <slot></slot>
     <view
       v-show="showBadge"
       class="badge__content"
-      :class="{
-        'badge__content--dot': isDot,
-        'badge__content--fixed': !$slots.default,
-      }"
+      :class="[
+        {
+          'badge__content--dot': isDot,
+          'badge__content--fixed': !$slots.default,
+        },
+        customContentClass,
+      ]"
       :style="badgeStyle"
     >
       <block v-if="!isDot">{{ finalContent }}</block>
@@ -43,6 +46,14 @@ const props = defineProps({
     type: String,
     default: '#fff',
   },
+  customClass: {
+    type: String,
+    default: '',
+  },
+  customContentClass: {
+    type: String,
+    default: '',
+  },
 })
 
 // 是否显示徽标
@@ -84,6 +95,10 @@ const badgeStyle = computed(() => {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
+  // 定义默认变量
+  --badge-size: 32rpx;
+  --badge-font-size: 20rpx;
+  --badge-dot-size: 16rpx;
 
   &__content {
     position: absolute;
@@ -92,21 +107,21 @@ const badgeStyle = computed(() => {
     transform: translate(50%, -50%);
     transform-origin: 100% 0%;
     z-index: 10;
-    min-width: 32rpx;
-    height: 32rpx;
+    min-width: var(--badge-size);
+    height: var(--badge-size);
     padding: 0 8rpx;
     color: #fff;
-    font-size: 20rpx;
-    line-height: 32rpx;
+    font-size: var(--badge-font-size);
+    line-height: var(--badge-size);
     white-space: nowrap;
     text-align: center;
     background-color: #ff4d4f;
-    border-radius: 16rpx;
+    border-radius: calc(var(--badge-size) / 2);
     box-shadow: 0 0 0 2rpx #fff;
 
     &--dot {
-      width: 16rpx;
-      height: 16rpx;
+      width: var(--badge-dot-size);
+      height: var(--badge-dot-size);
       padding: 0;
       min-width: auto;
       border-radius: 50%;
diff --git a/src/pages-sub/components/check-group/CheckGroup.vue b/src/pages-sub/components/check-group/CheckGroup.vue
index 38fc909..cd8d9fd 100644
--- a/src/pages-sub/components/check-group/CheckGroup.vue
+++ b/src/pages-sub/components/check-group/CheckGroup.vue
@@ -7,7 +7,7 @@
       cell
       shape="button"
       class="custom-checkbox"
-      custom-label-class="min-w-[152rpx]! h-[76rpx]! rounded-[8rpx]! checkbox-item-border bg-[#f7f8fa]!"
+      :style="checkboxStyle"
     >
       {{ item[labelKey] }}
     </Checkbox>
@@ -34,6 +34,14 @@ const props = defineProps({
     type: Array<string>,
     default: () => [],
   },
+  width: {
+    type: [String, Number],
+    default: '216rpx',
+  },
+  height: {
+    type: [String, Number],
+    default: '60rpx',
+  },
 })
 defineOptions({
   options: {
@@ -61,19 +69,36 @@ watch(
     defValue.value = [...newVal]
   },
 )
+
+// 计算复选框样式
+const checkboxStyle = computed(() => {
+  const width = typeof props.width === 'number' ? `${props.width}rpx` : props.width
+  const height = typeof props.height === 'number' ? `${props.height}rpx` : props.height
+  return {
+    '--checkbox-width': width,
+    '--checkbox-height': height,
+  }
+})
 </script>
 
 <style lang="scss" scoped>
 :deep(.custom-checkbox) {
+  // 定义默认变量
+  --checkbox-width: 216rpx;
+  --checkbox-height: 60rpx;
+  --checkbox-bg: #f7f8fa;
+  --checkbox-radius: 8rpx;
+
   .checkbox {
-    width: 216rpx;
-    height: 60rpx;
-    background-color: #f7f8fa;
-    border-radius: 8rpx;
+    width: var(--checkbox-width);
+    height: var(--checkbox-height);
+    min-width: var(--checkbox-width);
+    background-color: var(--checkbox-bg);
+    border-radius: var(--checkbox-radius);
     display: flex;
     align-items: center;
     justify-content: center;
-    border: 2rpx solid #f7f8fa;
+    border: 2rpx solid var(--checkbox-bg);
   }
   .checkbox__icon {
     display: none;
@@ -84,9 +109,9 @@ watch(
   display: flex;
   flex-wrap: wrap;
   gap: 16rpx;
-
   padding: 32rpx 16rpx 16rpx;
 }
+
 :deep(.checkbox-active) {
   border-color: #1580ff !important;
   .checkbox__label {
diff --git a/src/pages-sub/components/table/Table.vue b/src/pages-sub/components/table/Table.vue
index 928daf7..41e3abe 100644
--- a/src/pages-sub/components/table/Table.vue
+++ b/src/pages-sub/components/table/Table.vue
@@ -5,63 +5,60 @@
         v-for="(column, index) in columns"
         :key="index"
         class="table-cell"
-        :style="{ width: column.width || 'auto' }"
+        :class="[`text-${column.align || 'center'}`]"
+        :style="{ width: column.width }"
       >
-        <text>{{ column.name }}</text>
+        <text>{{ column.label }}</text>
       </view>
     </view>
-    <view v-for="(item, index) in tableData" :key="index" class="table-row">
+    <view v-for="(item, index) in data" :key="index" class="table-row">
       <view
         v-for="(column, colIndex) in columns"
         :key="colIndex"
         class="table-cell"
-        :style="{ width: column.width || 'auto' }"
+        :class="[`text-${column.align || 'center'}`]"
+        :style="{ width: column.width }"
       >
-        <text>{{ item[column.key] }}</text>
+        <text>{{ item[column.prop] }}</text>
       </view>
     </view>
-    <view class="text-center p-[32rpx]" v-show="tableData.length === 0">暂无数据</view>
+    <view class="text-center p-[32rpx]" v-show="data.length === 0">暂无数据</view>
   </view>
 </template>
 
-<script>
-export default {
-  props: {
-    columns: {
-      type: Array,
-      required: true,
-      default: () => [],
-    },
-    tableData: {
-      type: Array,
-      required: true,
-      default: () => [],
-    },
-  },
-}
+<script lang="ts" setup>
+import { useTable } from './useTable'
+
+const props = defineProps<{
+  data: any[]
+}>()
+
+const { columns } = useTable()
 </script>
 
 <style scoped>
 .table {
   overflow: hidden;
-  width: calc(100% - 4rpx);
+  width: 100%;
   border: 2rpx solid #eee;
-  height: 100%;
+  box-sizing: border-box;
 }
 
 .table-header {
   display: flex;
   background-color: #f5f5f5;
   font-weight: bold;
+  min-height: 60rpx;
 }
 
 .table-cell {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 16rpx;
-  font-size: 20rpx;
+
+  font-size: 24rpx;
   color: #333333;
+  box-sizing: border-box;
 }
 
 .table-header .table-cell {
@@ -75,7 +72,6 @@ export default {
 
 .table-row .table-cell {
   text-align: center;
-  padding: 16rpx;
 }
 
 .table-row:first-child {
@@ -85,4 +81,16 @@ export default {
 .table-cell:not(:last-child) {
   border-right: 1px solid #ddd;
 }
+
+.text-left {
+  justify-content: flex-start;
+}
+
+.text-center {
+  justify-content: center;
+}
+
+.text-right {
+  justify-content: flex-end;
+}
 </style>
diff --git a/src/pages-sub/components/table/TableCol.vue b/src/pages-sub/components/table/TableCol.vue
new file mode 100644
index 0000000..147d543
--- /dev/null
+++ b/src/pages-sub/components/table/TableCol.vue
@@ -0,0 +1,56 @@
+<template>
+  <view style="display: none">
+    <!-- 这是一个虚拟组件，不需要实际渲染内容 -->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { onMounted } from 'vue'
+import { useTableInject } from './useTable'
+
+const props = defineProps<{
+  prop: string
+  label: string
+  width?: string
+  align?: 'left' | 'center' | 'right'
+}>()
+
+const { addColumn } = useTableInject()
+
+onMounted(() => {
+  addColumn({
+    prop: props.prop,
+    label: props.label,
+    width: props.width,
+    align: props.align,
+  })
+})
+</script>
+
+<style scoped>
+.table-cell {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16rpx;
+  font-size: 20rpx;
+  color: #333333;
+  border-right: 1px solid #ddd;
+}
+
+.table-cell:last-child {
+  border-right: none;
+}
+
+.text-left {
+  justify-content: flex-start;
+}
+
+.text-center {
+  justify-content: center;
+}
+
+.text-right {
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/pages-sub/components/table/useTable.ts b/src/pages-sub/components/table/useTable.ts
new file mode 100644
index 0000000..f288368
--- /dev/null
+++ b/src/pages-sub/components/table/useTable.ts
@@ -0,0 +1,40 @@
+import { inject, provide, ref } from 'vue'
+
+export type Column = {
+  prop: string
+  label: string
+  width?: string
+  align?: 'left' | 'center' | 'right'
+}
+
+type TableContext = {
+  columns: ReturnType<typeof ref<Column[]>>
+  addColumn: (column: Column) => void
+}
+
+const key = Symbol('table')
+
+export function useTable() {
+  const columns = ref<Column[]>([])
+
+  const addColumn = (column: Column) => {
+    columns.value.push(column)
+  }
+
+  provide(key, {
+    columns,
+    addColumn,
+  } as TableContext)
+
+  return {
+    columns,
+  }
+}
+
+export function useTableInject() {
+  const table = inject<TableContext>(key)
+  if (!table) {
+    throw new Error('useTable must be used within Table component')
+  }
+  return table
+}
diff --git a/src/pages-sub/home/college/components/Colleges.vue b/src/pages-sub/home/college/components/Colleges.vue
index 52a4607..c45fcff 100644
--- a/src/pages-sub/home/college/components/Colleges.vue
+++ b/src/pages-sub/home/college/components/Colleges.vue
@@ -2,20 +2,26 @@
   <view class="flex flex-col p-[32rpx] bg-[#fff] mt-16rpx">
     <text class="text-[32rpx] font-semibold text-[#333]">院系设置</text>
 
-    <WXXTable :columns="columns" :tableData="tableData.slice(0, 4)" class="my-[24rpx]"></WXXTable>
-    <wd-button
+    <WXXTable :data="tableData.slice(0, 4)" class="my-[24rpx]">
+      <WXXTableCol prop="name" label="学院" width="30%"></WXXTableCol>
+      <WXXTableCol prop="major" label="所含专业" width="70%"></WXXTableCol>
+    </WXXTable>
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[12rpx]!"
       @click="handleMore"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
   <MessageBox v-model:show="show" title="院系设置">
     <template>
       <scroll-view class="max-h-600rpx mb-[32rpx] overflow-y-auto" :scroll-y="true">
-        <WXXTable :columns="columns" :tableData="tableData"></WXXTable>
+        <WXXTable :data="tableData">
+          <WXXTableCol prop="name" label="学院" width="30%"></WXXTableCol>
+          <WXXTableCol prop="major" label="所含专业" width="70%"></WXXTableCol>
+        </WXXTable>
       </scroll-view>
     </template>
   </MessageBox>
@@ -24,6 +30,7 @@
 <script setup lang="ts">
 import MessageBox from '../../components/MessageBox.vue'
 import WXXTable from '@/pages-sub/components/table/Table.vue'
+import WXXTableCol from '@/pages-sub/components/table/TableCol.vue'
 import { getUniversityListByProvince } from '@/service/index/api'
 
 const props = defineProps({
@@ -49,10 +56,6 @@ watch(
   },
 )
 
-const columns = [
-  { name: '学院', key: 'name', width: '30%' },
-  { name: '所含专业', key: 'major', width: '70%' },
-]
 const tableData = ref([])
 const show = ref(false)
 let originTableData = []
diff --git a/src/pages-sub/home/college/components/EnrollmentMark.vue b/src/pages-sub/home/college/components/EnrollmentMark.vue
index 3a27b3f..ceb5ac8 100644
--- a/src/pages-sub/home/college/components/EnrollmentMark.vue
+++ b/src/pages-sub/home/college/components/EnrollmentMark.vue
@@ -6,19 +6,27 @@
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx]"
       >
         {{ year }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
+        <view class="i-carbon-chevron-down rotate-270"></view>
       </view>
       <!-- <view
         @click="handleShow(2)"
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx]"
       >
         {{ batche }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
-      </view> -->
+        <view class="i-carbon-chevron-down rotate-270"></view>
+      </view>
+      --->
     </view>
 
     <scroll-view class="mt-[38rpx] flex-1 pb-safe">
-      <WXXTable :columns="columns" :tableData="tableData"></WXXTable>
+      <WXXTable :data="tableData">
+        <WXXTableCol prop="year" label="年份" width="10%"></WXXTableCol>
+        <WXXTableCol prop="subject_name" label="院校/批次" width="19%"></WXXTableCol>
+        <WXXTableCol prop="second_subject" label="选考要求" width="17%"></WXXTableCol>
+        <WXXTableCol prop="enroll_num" label="录取数" width="13%"></WXXTableCol>
+        <WXXTableCol prop="score" label="分数" width="24%"></WXXTableCol>
+        <WXXTableCol prop="rank_min" label="最低位次" width="17%"></WXXTableCol>
+      </WXXTable>
     </scroll-view>
 
     <wd-action-sheet v-model="show" title="">
@@ -35,6 +43,7 @@
 
 <script lang="ts" setup>
 import WXXTable from '@/pages-sub/components/table/Table.vue'
+import WXXTableCol from '@/pages-sub/components/table/TableCol.vue'
 import { getAdmissionMark } from '@/service/index/api'
 import { useUserStore } from '@/store'
 import CustomPickerView from '@/pages-sub/components/CustomPickerView.vue'
@@ -61,15 +70,6 @@ let pickType = 1
 
 const tableData = ref([])
 
-const columns = [
-  { name: '年份', key: 'year', width: '10%' },
-  { name: '院校/批次', key: 'subject_name', width: '19%' },
-  { name: '选考要求', key: 'second_subject', width: '16%' },
-  { name: '录取数', key: 'enroll_num', width: '13%' },
-  { name: '分数', key: 'score', width: '24%' },
-  { name: '最低位次', key: 'rank_min', width: '18%' },
-]
-
 let isFirst = true
 watch(
   () => props.id,
diff --git a/src/pages-sub/home/college/components/EnrollmentPlan.vue b/src/pages-sub/home/college/components/EnrollmentPlan.vue
index 7ebe07a..5755af0 100644
--- a/src/pages-sub/home/college/components/EnrollmentPlan.vue
+++ b/src/pages-sub/home/college/components/EnrollmentPlan.vue
@@ -9,19 +9,25 @@
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx]"
       >
         {{ year }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
+        <view class="i-carbon-chevron-down rotate-270"></view>
       </view>
       <view
         @click="handleShow(2)"
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx]"
       >
         {{ batche }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
+        <view class="i-carbon-chevron-down rotate-270"></view>
       </view>
     </view>
 
     <scroll-view class="mt-[38rpx] flex-1 pb-safe">
-      <WXXTable :columns="columns" :tableData="tableData"></WXXTable>
+      <WXXTable :data="tableData">
+        <WXXTableCol prop="universityName" label="院校名称" width="25%"></WXXTableCol>
+        <WXXTableCol prop="major" label="招生专业" width="37%"></WXXTableCol>
+        <WXXTableCol prop="plancount" label="计划数" width="13%"></WXXTableCol>
+        <WXXTableCol prop="academic" label="学制" width="10%"></WXXTableCol>
+        <WXXTableCol prop="fee" label="学费" width="15%"></WXXTableCol>
+      </WXXTable>
     </scroll-view>
 
     <wd-action-sheet v-model="show" title="">
@@ -38,6 +44,7 @@
 
 <script lang="ts" setup>
 import WXXTable from '@/pages-sub/components/table/Table.vue'
+import WXXTableCol from '@/pages-sub/components/table/TableCol.vue'
 import { getPlanProList } from '@/service/index/api'
 import CustomPickerView from '@/pages-sub/components/CustomPickerView.vue'
 import { useUserStore } from '@/store'
@@ -65,14 +72,6 @@ let pickType = 1
 
 const tableData = ref([])
 
-const columns = [
-  { name: '院校名称', key: 'universityName', width: '25%' },
-  { name: '招生专业', key: 'major', width: '37%' },
-  { name: '计划数', key: 'plancount', width: '13%' },
-  { name: '学制', key: 'academic', width: '10%' },
-  { name: '学费', key: 'fee', width: '15%' },
-]
-
 let isFirst = true
 watch(
   () => props.id,
@@ -101,20 +100,22 @@ const getPlanProListData = async (newVal) => {
     batchName: batche.value === '全部分类' ? '' : batche.value,
     locationCode: userStore.userInfo.estimatedAchievement.provinceCode,
   }).then((resp) => {
-    const _res = resp.result as {
-      batches: { batchName: string }[]
-      yearsDtos: string[]
-      plans: any[]
-    }
-    yearList.value = ['全部年份', ..._res.yearsDtos]
-    batches.value = ['全部分类', ..._res.batches.map((item) => item.batchName)]
-    tableData.value = _res.plans
+    if (resp.code === 200) {
+      const _res = resp.result as {
+        batches: { batchName: string }[]
+        yearsDtos: string[]
+        plans: any[]
+      }
+      yearList.value = ['全部年份', ..._res.yearsDtos]
+      batches.value = ['全部分类', ..._res.batches.map((item) => item.batchName)]
+      tableData.value = _res.plans
 
-    if (isFirst) {
-      year.value = yearList.value[0]
-      batche.value = batches.value[0]
+      if (isFirst) {
+        year.value = yearList.value[0]
+        batche.value = batches.value[0]
+      }
+      isFirst = false
     }
-    isFirst = false
   })
 }
 
diff --git a/src/pages-sub/home/college/components/FirstClass.vue b/src/pages-sub/home/college/components/FirstClass.vue
index 935a08b..ff48349 100644
--- a/src/pages-sub/home/college/components/FirstClass.vue
+++ b/src/pages-sub/home/college/components/FirstClass.vue
@@ -6,14 +6,14 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx] line-clamp-3">
       {{ subjectIntroduceList.join(',') }}
     </text>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[12rpx]!"
       @click="handleFullFun(1)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
   <view
     class="flex flex-col p-[32rpx] bg-[#fff] mt-[16rpx]"
@@ -25,14 +25,14 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx] line-clamp-3">
       {{ assessmentSubjectList.join(',') }}
     </text>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[12rpx]!"
       @click="handleFullFun(2)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
   <view class="flex flex-col p-[32rpx] bg-[#fff] mt-[16rpx]">
     <text class="text-[32rpx] font-semibold text-[#333]">
@@ -41,14 +41,14 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx]">
       {{ featureSubjectList.join(',') }}
     </text>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[12rpx]!"
       @click="handleFullFun(3)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
 
   <MessageBox v-model:show="show" :title="title">
diff --git a/src/pages-sub/home/college/components/Profile.vue b/src/pages-sub/home/college/components/Profile.vue
index 129bbbd..b802b5a 100644
--- a/src/pages-sub/home/college/components/Profile.vue
+++ b/src/pages-sub/home/college/components/Profile.vue
@@ -26,14 +26,14 @@
     <view class="line-clamp-4 mt-[14rpx] text-[22rpx] text-[#636363]">
       {{ universityResult?.detail }}
     </view>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[16rpx]"
       @click="show = true"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
 
     <MessageBox v-model:show="show" title="院校简介">
       <template>
@@ -47,7 +47,6 @@
 
 <script lang="ts" setup>
 import { UniversityResult } from '@/types/app-type'
-import wdButton from 'wot-design-uni/components/wd-button/wd-button.vue'
 import MessageBox from '../../components/MessageBox.vue'
 
 defineProps({
diff --git a/src/pages-sub/home/college/components/Situation.vue b/src/pages-sub/home/college/components/Situation.vue
index 0446736..38eafd6 100644
--- a/src/pages-sub/home/college/components/Situation.vue
+++ b/src/pages-sub/home/college/components/Situation.vue
@@ -6,19 +6,26 @@
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx]"
       >
         {{ year }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
+        <view class="i-carbon-chevron-down"></view>
       </view>
       <view
         @click="handleShow(2)"
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx]"
       >
         {{ provinceName || '请选择省份' }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
+        <view class="i-carbon-chevron-down"></view>
       </view>
     </view>
 
     <scroll-view class="mt-[38rpx] flex-1 pb-safe">
-      <WXXTable :columns="columns" :tableData="tableData"></WXXTable>
+      <WXXTable :data="tableData">
+        <WXXTableCol prop="years" label="年份" width="10%"></WXXTableCol>
+        <WXXTableCol prop="batchName" label="院校/批次" width="19%"></WXXTableCol>
+        <WXXTableCol prop="selectsubject" label="选考要求" width="16%"></WXXTableCol>
+        <WXXTableCol prop="plancount" label="录取数" width="13%"></WXXTableCol>
+        <WXXTableCol prop="lowscore" label="分数" width="24%"></WXXTableCol>
+        <WXXTableCol prop="lowscorerank" label="最低位次" width="18%"></WXXTableCol>
+      </WXXTable>
     </scroll-view>
 
     <wd-action-sheet v-model="show" title="">
@@ -45,6 +52,7 @@
 
 <script lang="ts" setup>
 import WXXTable from '@/pages-sub/components/table/Table.vue'
+import WXXTableCol from '@/pages-sub/components/table/TableCol.vue'
 import { getPlanProList } from '@/service/index/api'
 import { useUserStore } from '@/store'
 import Region from '@/pages-sub/home/components/Region.vue'
@@ -71,15 +79,6 @@ let pickType = 1
 
 const tableData = ref([])
 
-const columns = [
-  { name: '年份', key: 'years', width: '10%' },
-  { name: '院校/批次', key: 'batchName', width: '19%' },
-  { name: '选考要求', key: 'selectsubject', width: '16%' },
-  { name: '录取数', key: 'plancount', width: '13%' },
-  { name: '分数', key: 'lowscore', width: '24%' },
-  { name: '最低位次', key: 'lowscorerank', width: '18%' },
-]
-
 let isFirst = true
 watch(
   () => props.id,
@@ -108,19 +107,21 @@ const getPlanProListData = async (newVal) => {
     batchName: '',
     locationCode: userStore.userInfo.estimatedAchievement.provinceCode,
   }).then((resp) => {
-    const _res = resp.result as {
-      batches: { batchName: string }[]
-      yearsDtos: string[]
-      plans: any[]
-    }
-    yearList.value = ['全部年份', ..._res.yearsDtos]
+    if (resp.code === 200) {
+      const _res = resp.result as {
+        batches: { batchName: string }[]
+        yearsDtos: string[]
+        plans: any[]
+      }
+      yearList.value = ['全部年份', ..._res.yearsDtos]
 
-    tableData.value = _res.plans
+      // tableData.value = _res.plans
 
-    if (isFirst) {
-      year.value = yearList.value[0]
+      if (isFirst) {
+        year.value = yearList.value[0]
+      }
+      isFirst = false
     }
-    isFirst = false
   })
 }
 
diff --git a/src/pages-sub/home/college/index.vue b/src/pages-sub/home/college/index.vue
index d84e1a4..1e3b8b6 100644
--- a/src/pages-sub/home/college/index.vue
+++ b/src/pages-sub/home/college/index.vue
@@ -47,7 +47,7 @@
             @open="handleOpenSubMenu(item.id)"
             custom-class="flex items-center"
           >
-            <view class="pt-[32rpx]">
+            <view class="">
               <Region v-if="currentMenu === 1" @changeName="handleRegionChange" />
               <Nature v-if="currentMenu === 2" @changeName="handleNatureChange" />
               <UniType v-if="currentMenu === 3" @changeName="handleUniTypeChange" />
diff --git a/src/pages-sub/home/college/info.vue b/src/pages-sub/home/college/info.vue
index 881774d..f35c59e 100644
--- a/src/pages-sub/home/college/info.vue
+++ b/src/pages-sub/home/college/info.vue
@@ -41,14 +41,11 @@
             {{ universityBaseInfo?.universityResult.features.slice(0, 4).join('/&nbsp;') }}
           </text>
         </view>
-        <wd-button
-          :icon="startFlag ? 'star-filled' : 'star'"
-          custom-class="collect-btn"
-          plain
-          @click="handleStar"
-        >
+        <button class="collect-btn" plain @click="handleStar">
+          <view class="i-carbon-star-filled" v-if="startFlag"></view>
+          <view class="i-carbon-star" v-else></view>
           收藏
-        </wd-button>
+        </button>
       </view>
 
       <view class="card-swiper mb-[32rpx]">
@@ -199,6 +196,8 @@ const handleStar = () => {
   display: flex !important;
   justify-content: space-between !important;
   align-items: center !important;
+
+  font-size: 24rpx !important;
 }
 
 :deep(.wd-button__icon) {
diff --git a/src/pages-sub/home/components/FilterMenu.vue b/src/pages-sub/home/components/FilterMenu.vue
index 6f063a7..a902b8c 100644
--- a/src/pages-sub/home/components/FilterMenu.vue
+++ b/src/pages-sub/home/components/FilterMenu.vue
@@ -19,9 +19,24 @@
         </view>
         <view class="flex-1 pb-[24rpx] h-[50vh] overflow-y-auto">
           <Phase v-show="currentMenu === 1" />
-          <Region class="custom-wrapper" v-show="currentMenu === 2" />
-          <UniType class="custom-wrapper" v-show="currentMenu === 3" />
-          <Nature class="custom-wrapper" v-show="currentMenu === 4" />
+          <Region
+            width="240rpx"
+            height="60rpx"
+            class="justify-center!"
+            v-show="currentMenu === 2"
+          />
+          <UniType
+            width="240rpx"
+            height="60rpx"
+            class="justify-center!"
+            v-show="currentMenu === 3"
+          />
+          <Nature
+            width="240rpx"
+            height="60rpx"
+            class="justify-center!"
+            v-show="currentMenu === 4"
+          />
         </view>
       </view>
       <view class="pt-[32rpx] px-[32rpx] wei-xin-pt box-shadow">
@@ -32,21 +47,22 @@
             :key="item"
           >
             <text class="text-[#303030] text-[24rpx] font-medium mr-[16rpx]">中外合作</text>
-            <wd-icon name="close-outline" size="24rpx" color="#cbcbcb"></wd-icon>
+            <view class="i-carbon-close-filled"></view>
+
           </view>
         </view> -->
         <view class="flex items-center">
-          <wd-button
+          <button
             plain
-            custom-class="border-[#f5f5f5]! px-[134rpx]! py-[26rpx]! bg-[#f5f5f5]! rounded-[8rpx]! text-[#1580FF]! text-[32rpx]! font-normal! mr-[22rpx]"
+            class="border-[#f5f5f5]! flex-auto bg-[#f5f5f5]! rounded-[8rpx]! text-[#1580FF]! text-[32rpx]! font-normal! mr-[22rpx]"
           >
             清空
-          </wd-button>
-          <wd-button
-            custom-class="border-[#1580FF]! px-[134rpx]! py-[26rpx]! bg-[#1580FF]! rounded-[8rpx]! text-[#fff]! text-[32rpx]! font-normal!"
+          </button>
+          <button
+            class="border-[#1580FF]! flex-auto bg-[#1580FF]! rounded-[8rpx]! text-[#fff]! text-[32rpx]! font-normal!"
           >
             查看结果
-          </wd-button>
+          </button>
         </view>
       </view>
     </view>
@@ -106,9 +122,10 @@ const changeMenu = (item: { id: number; name: string }) => {
 </style>
 
 <style lang="scss">
-.checkbox {
-  width: 240rpx !important;
-  height: 60rpx !important;
-  background: #f7f8fa !important;
+.large-checkbox {
+  :deep(.custom-checkbox) {
+    --checkbox-width: 240rpx;
+    --checkbox-height: 60rpx;
+  }
 }
 </style>
diff --git a/src/pages-sub/home/components/MessageBox.vue b/src/pages-sub/home/components/MessageBox.vue
index 5509106..70f850f 100644
--- a/src/pages-sub/home/components/MessageBox.vue
+++ b/src/pages-sub/home/components/MessageBox.vue
@@ -5,12 +5,11 @@
         <text class="text-[36rpx] text-[#303030] font-bold text-center">
           {{ title }}
         </text>
-        <wd-icon
-          name="close"
-          size="40rpx"
-          custom-class="absolute right-[40rpx]"
+
+        <view
+          class="i-carbon-close absolute right-[40rpx] text-[40rpx]"
           @click="emits('update:show', false)"
-        ></wd-icon>
+        ></view>
       </view>
       <view class="min-h-[200rpx] h-max-content overflow-y-auto px-[32rpx]">
         <slot></slot>
diff --git a/src/pages-sub/home/distinguish/index.vue b/src/pages-sub/home/distinguish/index.vue
index 0311ce3..1b20d55 100644
--- a/src/pages-sub/home/distinguish/index.vue
+++ b/src/pages-sub/home/distinguish/index.vue
@@ -1,7 +1,5 @@
 <!-- 大学甄别 -->
 
-<template>
-  <text>大学甄别</text>
-</template>
+<template></template>
 
 <script lang="ts" setup></script>
diff --git a/src/pages-sub/home/expand/index.vue b/src/pages-sub/home/expand/index.vue
index a42323e..9fed2dd 100644
--- a/src/pages-sub/home/expand/index.vue
+++ b/src/pages-sub/home/expand/index.vue
@@ -1,5 +1,171 @@
+<route lang="json5" type="page">
+{
+  layout: 'page',
+  style: {
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
 <template>
-  <text>查扩缩招</text>
+  <view class="flex flex-col h-screen">
+    <view class="relative">
+      <Navbar
+        safeAreaInsetTop
+        bg-color="transparent"
+        :bordered="false"
+        left-arrow
+        title="查扩缩招"
+        @click-left="navigatorBack"
+      />
+      <view class="custom-background h-[200rpx] w-full absolute top-0 left-0 z-[-1]"></view>
+    </view>
+    <drop-menu>
+      <drop-menu-item
+        :key="1"
+        :title="searchParams.locationName || '省份'"
+        custom-class="flex items-center"
+      >
+        <Region
+          :defaultValue="searchParams.locationCode ? [searchParams.locationCode] : []"
+          :max="1"
+          @changeName="handleRegionChange"
+          @change="handleRegionChangeCode"
+        />
+      </drop-menu-item>
+      <drop-menu-item
+        :key="2"
+        :title="searchParams.searchNature || '层次'"
+        custom-class="flex items-center"
+      >
+        <Nature @changeName="handleNatureChange" />
+      </drop-menu-item>
+      <drop-menu-item :key="3" title="类别" custom-class="flex items-center">
+        <UniType
+          @change="handleUniTypeChange"
+          :max="1"
+          :default-value="searchParams.type ? [searchParams.type] : []"
+        />
+      </drop-menu-item>
+    </drop-menu>
+
+    <view class="px-32rpx">
+      <view class="flex items-center justify-between input-wrapper-class">
+        <input
+          v-model="searchParams.Score"
+          type="number"
+          placeholder="请输入你的高考分数"
+          confirm-type="done"
+          input-mode="numeric"
+          class="flex-auto"
+        />
+        <view class="text-[#1580FF] text-[24rpx] search-text" @click="handleConfirm">查询</view>
+      </view>
+      <view class="text-[#636363] text-[20rpx] mt-[24rpx]">分数范围：{{ betweenScores }}</view>
+    </view>
+
+    <view class="bg-[#F8F8F8] h-[16rpx] mt-[40rpx]"></view>
+  </view>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import Navbar from '@/pages-sub/components/navbar/Navbar.vue'
+import { useUserStore } from '@/store'
+import DropMenu from '@/pages-sub/components/drop-menu/DropMenu.vue'
+import DropMenuItem from '@/pages-sub/components/drop-menu/DropMenuItem.vue'
+import Region from '@/pages-sub/home/components/Region.vue'
+import UniType from '@/pages-sub/home/components/UniType.vue'
+import Nature from '@/pages-sub/home/components/Nature.vue'
+
+import { getBatchList } from '@/service/index/api'
+
+const userStore = useUserStore()
+
+const searchParams = ref({
+  locationCode: userStore.userInfo.estimatedAchievement.provinceCode || '370000',
+  locationName: userStore.userInfo.estimatedAchievement.provinceName || '山东省',
+  type: '',
+  searchNature: '',
+  Score: '',
+})
+
+const handleConfirm = () => {
+  getBatchListData()
+}
+
+const betweenScores = ref('')
+
+const checkYearList = ref([])
+
+const navigatorBack = () => {
+  uni.navigateBack()
+}
+
+const handleRegionChange = (val) => {
+  searchParams.value.locationName = val.join(',')
+}
+const handleRegionChangeCode = (val) => {
+  searchParams.value.locationCode = val[0]
+  getBatchListData()
+}
+
+const handleUniTypeChange = (val) => {
+  searchParams.value.type = val[0]
+  getBatchListData()
+}
+
+const handleNatureChange = (val) => {}
+
+type LineItem = {
+  batch_id: number
+  batch_name: string
+  province_code: number
+  province_name: string
+  score: string
+  subject_id: number
+  subject_name: string
+  year: number
+}
+
+const lineList = ref<LineItem[]>([])
+
+const getBatchListData = () => {
+  getBatchList({
+    locationCode: searchParams.value.locationCode,
+    year: '',
+    type: searchParams.value.type,
+  }).then((resp) => {
+    if (resp.code === 200 && resp.result !== '暂无数据') {
+      const _result = resp.result as {
+        configList: { yearList: { year: string; check: boolean }[] }
+        list: LineItem[]
+      }
+      checkYearList.value = _result.configList.yearList
+
+      lineList.value = _result.list
+    } else if (resp.code === 200 && resp.result === '暂无数据') {
+      lineList.value = []
+    }
+  })
+}
+
+onBeforeMount(() => {
+  getBatchListData()
+})
+</script>
+
+<style lang="scss" scoped>
+@import '@/pages-sub/home/styles/navbar-background.scss';
+
+.input-wrapper-class {
+  border-radius: 8rpx;
+  border: 2rpx solid #ededed;
+  padding: 10rpx 24rpx;
+  margin-top: 48rpx;
+
+  .search-text {
+    border-left: 2rpx solid #ededed;
+    padding-left: 24rpx;
+  }
+}
+</style>
diff --git a/src/pages-sub/home/inputScore/index.vue b/src/pages-sub/home/inputScore/index.vue
index 81ccf09..c84025f 100644
--- a/src/pages-sub/home/inputScore/index.vue
+++ b/src/pages-sub/home/inputScore/index.vue
@@ -86,14 +86,14 @@
         </Checkbox>
       </CheckboxGroup>
     </view>
-    <wd-button
+    <button
       block
-      custom-class="mt-auto mb-[32rpx] rounded-[8rpx]! bg-[#1580FF]! mx-[32rpx]"
+      class="mt-auto mb-[32rpx] rounded-[8rpx]! bg-[#1580FF]! mx-[32rpx]! text-[32rpx]! text-[#fff]! font-normal"
       @click="saveScore"
       :disabled="btnFlag < 3"
     >
       保存
-    </wd-button>
+    </button>
     <view class="bg-white pb-safe" hover-class="none"></view>
   </view>
 </template>
diff --git a/src/pages-sub/home/line/index.vue b/src/pages-sub/home/line/index.vue
index 3f2fada..d39a256 100644
--- a/src/pages-sub/home/line/index.vue
+++ b/src/pages-sub/home/line/index.vue
@@ -15,7 +15,7 @@
         bg-color="transparent"
         :bordered="false"
         left-arrow
-        :title="`近4年批次线(${userStore.userInfo.estimatedAchievement.provinceName})`"
+        :title="`近4年批次线(${searchParams.locationName})`"
         @click-left="navigatorBack"
       />
       <view class="custom-background h-[200rpx] w-full absolute top-0 left-0 z-[-1]"></view>
@@ -55,11 +55,13 @@
         />
       </drop-menu-item>
     </drop-menu>
-    <WXXTable
-      :columns="columns"
-      :tableData="lineList"
-      class="px-[32rpx] mt-[16rpx] pb-safe"
-    ></WXXTable>
+    <WXXTable :data="lineList" class="px-[32rpx] mt-[16rpx] pb-safe">
+      <WXXTableCol prop="province_name" label="地区" width="14%"></WXXTableCol>
+      <WXXTableCol prop="year" label="年份" width="23%"></WXXTableCol>
+      <WXXTableCol prop="subject_name" label="类别" width="23%"></WXXTableCol>
+      <WXXTableCol prop="batch_name" label="批次" width="23%"></WXXTableCol>
+      <WXXTableCol prop="score" label="分数线" width="17%"></WXXTableCol>
+    </WXXTable>
   </view>
 </template>
 
@@ -73,14 +75,15 @@ import UniType from '@/pages-sub/home/components/UniType.vue'
 
 import CheckGroup from '@/pages-sub/components/check-group/CheckGroup.vue'
 import WXXTable from '@/pages-sub/components/table/Table.vue'
+import WXXTableCol from '@/pages-sub/components/table/TableCol.vue'
 
 import { getBatchList } from '@/service/index/api'
 
 const userStore = useUserStore()
 
 const searchParams = ref({
-  locationCode: userStore.userInfo.estimatedAchievement.provinceCode,
-  locationName: userStore.userInfo.estimatedAchievement.provinceName,
+  locationCode: userStore.userInfo.estimatedAchievement.provinceCode || '370000',
+  locationName: userStore.userInfo.estimatedAchievement.provinceName || '山东省',
   year: '',
   type: '',
 })
@@ -117,14 +120,6 @@ const handleYearChange = (val) => {
   getBatchListData()
 }
 
-const columns = [
-  { name: '地区', key: 'province_name', width: '14%' },
-  { name: '年份', key: 'year', width: '23%' },
-  { name: '类别', key: 'subject_name', width: '23%' },
-  { name: '批次', key: 'batch_name', width: '23%' },
-  { name: '分数线', key: 'score', width: '17%' },
-]
-
 type LineItem = {
   batch_id: number
   batch_name: string
diff --git a/src/pages-sub/home/major/components/EmploymentProspects.vue b/src/pages-sub/home/major/components/EmploymentProspects.vue
index b9f67c0..972d58d 100644
--- a/src/pages-sub/home/major/components/EmploymentProspects.vue
+++ b/src/pages-sub/home/major/components/EmploymentProspects.vue
@@ -4,14 +4,14 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx] line-clamp-3">
       {{ careerInfo.jobs || '暂无' }}
     </text>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[16rpx]"
       @click="handleFullFun(1)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
   <view class="h-[16rpx] bg-[#f8f8f8]"></view>
   <view class="flex flex-col py-[32rpx] px-[24rpx] bg-[#fff]">
@@ -19,14 +19,14 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx] line-clamp-3">
       {{ careerInfo.profession || '暂无' }}
     </text>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[16rpx]"
       @click="handleFullFun(2)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
 
   <view class="h-[16rpx] bg-[#f8f8f8]"></view>
diff --git a/src/pages-sub/home/major/components/MajorBaseInfo.vue b/src/pages-sub/home/major/components/MajorBaseInfo.vue
index e11e62f..e774853 100644
--- a/src/pages-sub/home/major/components/MajorBaseInfo.vue
+++ b/src/pages-sub/home/major/components/MajorBaseInfo.vue
@@ -5,14 +5,14 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx] line-clamp-3">
       {{ zyjx || '暂无' }}
     </text>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[16rpx]"
       @click="handleFullFun(1)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
   <view class="h-[16rpx] bg-[#f8f8f8]"></view>
   <view class="flex flex-col py-[32rpx] px-[24rpx] bg-[#fff]">
@@ -21,33 +21,34 @@
     <text class="text-[22rpx] font-normal text-[#636363] my-[24rpx] line-clamp-3">
       {{ kyfx.map((item) => item.zymc).join(',') || '暂无' }}
     </text>
-    <wd-button
+
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[16rpx]"
       @click="handleFullFun(2)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
   <view class="h-[16rpx] bg-[#f8f8f8]"></view>
   <view class="flex flex-col py-[32rpx] px-[24rpx] bg-[#fff]">
     <text class="text-[32rpx] font-semibold text-[#333]">课程列表</text>
     <view class="my-[24rpx]">
-      <WXXTable
-        :columns="columns"
-        :tableData="courseInfo.slice(0, 4)"
-        class="my-[24rpx]"
-      ></WXXTable>
+      <WXXTable :data="courseInfo.slice(0, 4)" class="my-[24rpx]">
+        <WXXTableCol prop="kcmc" label="课程名称" width="50%"></WXXTableCol>
+        <WXXTableCol prop="difficulty" label="课程难易度" width="25%"></WXXTableCol>
+        <WXXTableCol prop="practicality" label="课程实用度" width="25%"></WXXTableCol>
+      </WXXTable>
     </view>
-    <wd-button
+    <button
       block
-      custom-class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]!"
+      class="mt-[24rpx] rounded-[8rpx]! bg-[#f8f8f8]! w-full text-[#303030]! text-[28rpx]! flex! items-center! justify-center! gap-[16rpx]"
       @click="handleFullFun(3)"
     >
       查看全部
-      <wd-icon name="arrow-right"></wd-icon>
-    </wd-button>
+      <view class="i-carbon-chevron-down rotate-270"></view>
+    </button>
   </view>
 
   <MessageBox v-model:show="show" :title="title">
@@ -55,12 +56,14 @@
       <view class="text-[22rpx] text-[#636363] max-h-600rpx mb-[32rpx]" v-show="showType !== 3">
         {{ innerContent }}
       </view>
-      <WXXTable
-        :columns="columns"
-        :tableData="courseInfo"
-        class="my-[24rpx]"
-        v-show="showType === 3"
-      ></WXXTable>
+      <scroll-view class="max-h-600rpx mb-[32rpx] overflow-y-auto" :scroll-y="true">
+        <WXXTable :data="courseInfo" class="my-[24rpx]" v-show="showType === 3">
+          >
+          <WXXTableCol prop="kcmc" label="课程名称" width="50%"></WXXTableCol>
+          <WXXTableCol prop="difficulty" label="课程难易度" width="25%"></WXXTableCol>
+          <WXXTableCol prop="practicality" label="课程实用度" width="25%"></WXXTableCol>
+        </WXXTable>
+      </scroll-view>
     </template>
   </MessageBox>
 </template>
@@ -68,6 +71,7 @@
 <script lang="ts" setup>
 import MessageBox from '@/pages-sub/home/components/MessageBox.vue'
 import WXXTable from '@/pages-sub/components/table/Table.vue'
+import WXXTableCol from '@/pages-sub/components/table/TableCol.vue'
 import { getMajorCourse } from '@/service/index/api'
 
 const props = defineProps({
@@ -85,12 +89,6 @@ const props = defineProps({
   },
 })
 
-const columns = [
-  { name: '课程名称', key: 'kcmc', width: '50%' },
-  { name: '课程难易度', key: 'difficulty', width: '25%' },
-  { name: '课程实用度', key: 'practicality', width: '25%' },
-]
-
 const courseInfo = ref<any[]>([])
 
 watch(
diff --git a/src/pages-sub/home/major/components/MajorTreeList.vue b/src/pages-sub/home/major/components/MajorTreeList.vue
index 733f42d..632f25e 100644
--- a/src/pages-sub/home/major/components/MajorTreeList.vue
+++ b/src/pages-sub/home/major/components/MajorTreeList.vue
@@ -22,8 +22,11 @@
               >
                 {{ item.childMajors.length }}
               </text>
-              <wd-icon name="arrow-up" size="16rpx" v-if="expanded" color="#1580FF"></wd-icon>
-              <wd-icon name="arrow-down" size="16rpx" v-else></wd-icon>
+              <view
+                class="i-carbon-chevron-down rotate-180 text-[16rpx] text-[#1580FF]"
+                v-if="expanded"
+              ></view>
+              <view class="i-carbon-chevron-down text-[16rpx]" v-else></view>
             </view>
           </view>
         </template>
diff --git a/src/pages-sub/home/major/components/MajorUniversity.vue b/src/pages-sub/home/major/components/MajorUniversity.vue
index 150aa58..1aeac1b 100644
--- a/src/pages-sub/home/major/components/MajorUniversity.vue
+++ b/src/pages-sub/home/major/components/MajorUniversity.vue
@@ -29,7 +29,7 @@
         class="px-[24rpx] py-[8rpx] bg-[#f8f8f8] rounded-[8rpx] flex justify-between items-center text-[24rpx] w-[144rpx] mt-[30rpx]"
       >
         {{ provinceName || '不限' }}
-        <wd-icon name="arrow-down" size="16rpx" custom-class="ml-[80rpx]"></wd-icon>
+        <view class="i-carbon-chevron-down text-[16rpx]"></view>
       </view>
       <scroll-view :scroll-x="true" class="">
         <view
diff --git a/src/pages-sub/home/major/info.vue b/src/pages-sub/home/major/info.vue
index cfbd954..1f94d75 100644
--- a/src/pages-sub/home/major/info.vue
+++ b/src/pages-sub/home/major/info.vue
@@ -8,7 +8,7 @@
 </route>
 
 <template>
-  <view class="pb-safe flex flex-col h-screen">
+  <view class="flex flex-col h-screen">
     <view class="relative">
       <Navbar
         safeAreaInsetTop
diff --git a/src/pages.json b/src/pages.json
index 1c133f9..4a746d1 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -191,7 +191,11 @@
         },
         {
           "path": "home/expand/index",
-          "type": "page"
+          "type": "page",
+          "layout": "page",
+          "style": {
+            "navigationStyle": "custom"
+          }
         },
         {
           "path": "home/inputScore/index",
@@ -275,6 +279,20 @@
         {
           "path": "index",
           "type": "page"
+        },
+        {
+          "path": "rank/index",
+          "type": "page",
+          "layout": "page",
+          "style": {
+            "navigationStyle": "custom"
+          },
+          "usingComponents": {
+            "LEchart": "../uni_modules/lime-echart/components/l-echart/l-echart"
+          },
+          "componentPlaceholder": {
+            "LEchart": "view"
+          }
         }
       ]
     }
diff --git a/src/pages/home/index/index.vue b/src/pages/home/index/index.vue
index a220f82..c2eacaa 100644
--- a/src/pages/home/index/index.vue
+++ b/src/pages/home/index/index.vue
@@ -1,7 +1,7 @@
 <template>
   <scroll-view class="" :scroll-y="true">
     <view class="gradient-background relative">
-      <Navbar safeAreaInsetTop bg-color="transparent" :bordered="false">
+      <Navbar safeAreaInsetTop bg-color="transparent" placeholder :bordered="false">
         <template #left>
           <navigator open-type="navigate" class="left-icon" url="/pages-sub/home/city/index">
             <text
diff --git a/src/service/index/api.ts b/src/service/index/api.ts
index 8fba784..9b6f1bd 100644
--- a/src/service/index/api.ts
+++ b/src/service/index/api.ts
@@ -182,3 +182,12 @@ export const getProfessionInfo = (params: { id: string }) => {
 export const getBatchList = (params: { locationCode: string; year: string; type: string }) => {
   return http.get('/api/zhiYuan/batchList', params)
 }
+
+export const getScoreSection = (params: {
+  locationCode: string
+  year: string
+  type: string
+  Score: string
+}) => {
+  return http.get('/api/ScoreSection/scoreSection/V2', params)
+}
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index bb3dce1..4feda79 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -30,7 +30,8 @@ interface NavigateToOptions {
        "/pages-sub/home/rank/index" |
        "/pages-sub/home/schoolRank/index" |
        "/login-sub/index" |
-       "/pages-evaluation-sub/index";
+       "/pages-evaluation-sub/index" |
+       "/pages-evaluation-sub/rank/index";
 }
 interface RedirectToOptions extends NavigateToOptions {}
 
diff --git a/src/utils/http.ts b/src/utils/http.ts
index f0ea72b..282ae30 100644
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -1,5 +1,8 @@
 import { CustomRequestOptions } from '@/interceptors/request'
 import { staticBaseUrl, baseUrl } from '@/utils/index'
+import { useUserStore } from '@/store'
+
+const userStore = useUserStore()
 
 export const http = <T>(options: CustomRequestOptions) => {
   // 1. 返回 Promise 对象
@@ -14,13 +17,15 @@ export const http = <T>(options: CustomRequestOptions) => {
       // 响应成功
       success(res) {
         // 状态码 2xx，参考 axios 的设计
-        if (res.statusCode >= 200 && res.statusCode < 300) {
+        if ((res.data as IResData<T>).code === 401) {
+          uni.navigateTo({ url: '/login-sub/index' })
+          reject(res)
+        } else if (res.statusCode < 300 && res.statusCode >= 200) {
           // 2.1 提取核心数据 res.data
           resolve(res.data as IResData<T>)
         } else if (res.statusCode === 401) {
           // 401错误  -> 清理用户信息，跳转到登录页
-          // userStore.clearUserInfo()
-          // uni.navigateTo({ url: '/pages/login/login' })
+          uni.navigateTo({ url: '/login-sub/index' })
           reject(res)
         } else {
           // 其他错误 -> 根据后端错误信息轻提示