refactor: 重构多个页面和组件，优化界面与功能

1. 重构部门人员查询接口，支持传入参数
2. 重构指标树接口，统一参数传递方式
3. 优化肖像管理页面布局与样式
4. 新增滚动表格组件替换旧静态表格
5. 完善配分管理页面的层级筛选功能
6. 优化事件管理页面的表单与数据联动
7. 重构运行数据页面，移除冗余图表并新增值班信息面板

src/api/score/index.js

@@ -27,8 +27,8 @@ export function exportDimension(params) {
 export function listIndicator(params) {
   return request({ url: '/score/indicator/list', method: 'get', params })
 }
-export function treeIndicator(dimensionId) {
-  return request({ url: '/score/indicator/tree', method: 'get', params: { dimensionId } })
+export function treeIndicator(params) {
+  return request({ url: '/score/indicator/tree', method: 'get', params })
 }
 export function getIndicator(id) {
   return request({ url: `/score/indicator/${id}`, method: 'get' })

src/api/system/user.js

@@ -137,10 +137,11 @@ export function updateAuthRole(data) {
 }
 
 // 查询部门下拉树结构
-export function deptTreeSelect() {
+export function deptTreeSelect(params) {
   return request({
     url: '/system/user/deptTree',
-    method: 'get'
+    method: 'get',
+    params: params
   })
 }
 //获取所有部门和班组下人员

src/views/portraitManagement/components/page.vue

@@ -75,8 +75,9 @@ const handleTabClick = (index) => {
     align-items: center;
     height: 88px;
     background: #2b394d86;
-    position: relative;
     margin-bottom: 2px;
+    position: relative;
+    justify-content: center;
     &::before {
       content: '';
       position: absolute;
@@ -91,8 +92,13 @@ const handleTabClick = (index) => {
     }
   }
   .left-tab {
+    position: absolute;
+    left: 0;
+    top: 0;
     display: flex;
     padding: 0 20px;
+    z-index: 1;
+    height: 88px;
     .tab-item {
       padding: 0 20px;
       height: 88px;
@@ -101,7 +107,7 @@ const handleTabClick = (index) => {
       font-size: 16px;
       cursor: pointer;
       transition: all 0.3s;
-     
+
       &:hover {
         background: rgba(15, 70, 250, 0.1);
         color: #fff;
@@ -114,13 +120,13 @@ const handleTabClick = (index) => {
     }
   }
   .title {
-    flex: 1;
     height: 88px;
     line-height: 88px;
     text-align: center;
     color: #fff;
     font-size: 48px;
     font-weight: bold;
+    white-space: nowrap;
   }
   .content {
     flex: 1;

src/views/portraitManagement/components/rollingTable.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="rolling-table">
+    <div class="table-header">
+      <div class="header-row">
+        <div class="header-cell" v-for="(col, index) in columns" :key="index">{{ col.label }}</div>
+      </div>
+    </div>
+    <div class="table-body">
+      <div class="scroll-content" ref="scrollContentRef">
+        <div class="body-row" v-for="(row, rowIndex) in scrollData" :key="rowIndex">
+          <div class="body-cell" v-for="(col, cellIndex) in columns" :key="cellIndex">{{ row[col.prop] }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+
+const props = defineProps({
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  duration: {
+    type: Number,
+    default: 20
+  }
+})
+
+const scrollContentRef = ref(null)
+let animationId = null
+
+const scrollData = computed(() => {
+  if (!props.data || props.data.length === 0) return []
+  return [...props.data, ...props.data]
+})
+
+const startScroll = () => {
+  const content = scrollContentRef.value
+  if (!content || props.data.length <= 0) return
+
+  let lastTime = performance.now()
+  let currentScrollY = 0
+  content.style.transform = 'translateY(0px)'
+
+  const scroll = (currentTime) => {
+    if (!content) {
+      animationId = requestAnimationFrame(scroll)
+      return
+    }
+
+    const halfHeight = content.scrollHeight / 2
+    if (halfHeight <= 0) {
+      animationId = requestAnimationFrame(scroll)
+      return
+    }
+
+    const step = halfHeight / (props.duration * 60)
+    const delta = currentTime - lastTime
+    lastTime = currentTime
+
+    currentScrollY += step * (delta / 16.67)
+
+    if (currentScrollY >= halfHeight) {
+      currentScrollY = 0
+    }
+
+    content.style.transform = `translateY(${-currentScrollY}px)`
+
+    animationId = requestAnimationFrame(scroll)
+  }
+
+  animationId = requestAnimationFrame(scroll)
+}
+
+const stopScroll = () => {
+  if (animationId) {
+    cancelAnimationFrame(animationId)
+    animationId = null
+  }
+}
+
+onMounted(() => {
+  if (props.data.length > 0) {
+    nextTick(() => {
+      startScroll()
+    })
+  }
+})
+
+onUnmounted(() => {
+  stopScroll()
+})
+</script>
+
+<style lang="scss" scoped>
+.rolling-table {
+  width: 100%;
+  overflow: hidden;
+}
+
+.table-header {
+  .header-row {
+    display: flex;
+    background: linear-gradient(90deg, #1a2058, #1c2a6e);
+    border-radius: 6px;
+    margin-bottom: 4px;
+  }
+  .header-cell {
+    flex: 1;
+    padding: 10px 6px;
+    text-align: center;
+    color: #70CFE7;
+    font-size: 13px;
+    font-weight: bold;
+    white-space: nowrap;
+  }
+}
+
+.table-body {
+  overflow: hidden;
+  max-height: 300px;
+}
+
+.scroll-content {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  will-change: transform;
+}
+
+.body-row {
+  display: flex;
+  background: linear-gradient(90deg, #1E2553, #242D66, #381C4F);
+  border-radius: 4px;
+  margin-bottom: 2px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.body-cell {
+  flex: 1;
+  padding: 8px 6px;
+  text-align: center;
+  color: #fff;
+  font-size: 13px;
+  white-space: nowrap;
+}
+</style>

src/views/portraitManagement/groupProfile/component/profile.vue

@@ -10,50 +10,21 @@
             <div class="radar-list">
               <div class="radar-item" v-for="(item, index) in radarData" :key="index">
                 <span class="item-label">{{ item.name }}</span>
-                <div class="progress-bar">
-                  <div class="progress-fill" :style="{ width: item.value + '%' }"></div>
+                <div class="progress-row">
+                  <div class="progress-bar">
+                    <div class="progress-fill" :style="{ width: item.value + '%', background: `linear-gradient(to right, transparent, ${item.color})` }">
+                      <span class="progress-end"></span>
+                    </div>
+                  </div>
+                  <span class="item-value">{{ item.value }}</span>
                 </div>
-                <span class="item-value">{{ item.value }}</span>
               </div>
             </div>
           </div>
         </InfoCard>
         <InfoCard title="团队成员">
           <div class="table-container">
-            <table class="member-table">
-              <thead>
-                <tr>
-                  <th>姓名</th>
-                  <th>年龄</th>
-                  <th>司龄</th>
-                  <th>性别</th>
-                  <th>民族</th>
-                  <th>政治面貌</th>
-                  <th>职务</th>
-                  <th>岗位资质</th>
-                  <th>职业技能等级</th>
-                  <th>开机年限</th>
-                  <th>平均年限</th>
-                  <th>综合得分</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr v-for="(member, index) in teamMembers" :key="index">
-                  <td>{{ member.name }}</td>
-                  <td>{{ member.age }}</td>
-                  <td>{{ member.seniority }}</td>
-                  <td>{{ member.gender }}</td>
-                  <td>{{ member.nation }}</td>
-                  <td>{{ member.political }}</td>
-                  <td>{{ member.position }}</td>
-                  <td>{{ member.qualification }}</td>
-                  <td>{{ member.skillLevel }}</td>
-                  <td>{{ member.operateYears }}</td>
-                  <td>{{ member.avgYears }}</td>
-                  <td>{{ member.totalScore }}</td>
-                </tr>
-              </tbody>
-            </table>
+            <RollingTable :columns="memberColumns" :data="teamMembers" :duration="20" />
           </div>
         </InfoCard>
       </div>
@@ -145,6 +116,7 @@
 import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'
 import * as echarts from 'echarts'
 import InfoCard from '../../components/card.vue'
+import RollingTable from '../../components/rollingTable.vue'
 
 
 const props = defineProps({
@@ -157,13 +129,13 @@ const props = defineProps({
 
 
 const radarData = ref([
-  { name: '通道安全防控力', value: 86 },
-  { name: '通道安全防控力', value: 90 },
-  { name: '通道安全防控力', value: 72 },
-  { name: '通道安全防控力', value: 68 },
-  { name: '通道安全防控力', value: 78 },
-  { name: '通道安全防控力', value: 80 },
-  { name: '通道协同作战能力', value: 72 }
+  { name: '通道安全防控力', value: 86, color: '#00e5ff' },
+  { name: '通道安全防控力', value: 90, color: '#00e5ff' },
+  { name: '通道安全防控力', value: 72, color: '#ff4757' },
+  { name: '通道安全防控力', value: 68, color: '#ff4757' },
+  { name: '通道安全防控力', value: 78, color: '#3742fa' },
+  { name: '通道安全防控力', value: 80, color: '#3742fa' },
+  { name: '通道协同作战能力', value: 72, color: '#ff4757' }
 ])
 
 const teamMembers = ref([
@@ -174,6 +146,21 @@ const teamMembers = ref([
   { name: '马建国', age: 24, seniority: 5, gender: '男', nation: '汉', political: '党员', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 6, avgYears: 78, totalScore: 78 }
 ])
 
+const memberColumns = [
+  { label: '姓名', prop: 'name' },
+  { label: '年龄', prop: 'age' },
+  { label: '司龄', prop: 'seniority' },
+  { label: '性别', prop: 'gender' },
+  { label: '民族', prop: 'nation' },
+  { label: '政治面貌', prop: 'political' },
+  { label: '职务', prop: 'position' },
+  { label: '岗位资质', prop: 'qualification' },
+  { label: '职业技能等级', prop: 'skillLevel' },
+  { label: '开机年限', prop: 'operateYears' },
+  { label: '平均年限', prop: 'avgYears' },
+  { label: '综合得分', prop: 'totalScore' }
+]
+
 // 监听查询参数变化，重新请求数据
 watch(() => props.queryParams, (newParams) => {
   fetchData(newParams)
@@ -888,41 +875,57 @@ onUnmounted(() => {
       flex: 1;
       display: flex;
       flex-direction: column;
-      gap: 12px;
+      gap: 16px;
       padding: 10px 0;
       
       .radar-item {
         display: flex;
-        align-items: center;
-        gap: 10px;
+        flex-direction: column;
+        gap: 6px;
         font-size: 13px;
         
         .item-label {
-          width: 140px;
           color: #a0c4ff;
-          flex-shrink: 0;
         }
         
-        .progress-bar {
-          flex: 1;
-          height: 10px;
-          background: rgba(15, 70, 250, 0.2);
-          border-radius: 4px;
-          overflow: hidden;
+        .progress-row {
+          display: flex;
+          align-items: center;
+          gap: 10px;
           
-          .progress-fill {
-            height: 100%;
-            background: linear-gradient(90deg, #0f46fa, #bd03fb);
-            border-radius: 4px;
-            transition: width 0.3s ease;
+          .progress-bar {
+            flex: 1;
+            height: 5px;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 0;
+            overflow: visible;
+            
+            .progress-fill {
+              height: 100%;
+              border-radius: 0;
+              transition: width 0.3s ease;
+              position: relative;
+              
+              .progress-end {
+                position: absolute;
+                right: -4px;
+                top: 50%;
+                transform: translateY(-50%);
+                width: 3px;
+                height: 9px;
+                background: #fff;
+                border-radius: 2px;
+              }
+            }
+          }
+          
+          .item-value {
+            width: 45px;
+            text-align: right;
+            color: #fff;
+            font-weight: bold;
+            font-size: 13px;
           }
-        }
-        
-        .item-value {
-          width: 45px;
-          text-align: right;
-          color: #fff;
-          font-weight: bold;
         }
       }
     }

src/views/portraitManagement/stationProfile/component/profile.vue

@@ -7,59 +7,12 @@
 
       <div class="content-row">
         <InfoCard title="团队成员">
-          <div class="team-members-table">
-            <table>
-              <thead>
-                <tr>
-                  <th>部门</th>
-                  <th>员工数量</th>
-                  <th>党员数量</th>
-                  <th>平均年龄</th>
-                  <th>平均工龄</th>
-                  <th>职业资格证书等级</th>
-                  <th>平均升级年龄</th>
-                  <th>综合得分</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>旅检一部</td>
-                  <td>800</td>
-                  <td>7</td>
-                  <td>25</td>
-                  <td>3</td>
-                  <td>16</td>
-                  <td>3</td>
-                  <td>90</td>
-                </tr>
-                <tr>
-                  <td>旅检二部</td>
-                  <td>756</td>
-                  <td>2</td>
-                  <td>28</td>
-                  <td>8</td>
-                  <td>18</td>
-                  <td>5</td>
-                  <td>88</td>
-                </tr>
-                <tr>
-                  <td>旅检三部</td>
-                  <td>708</td>
-                  <td>7</td>
-                  <td>25</td>
-                  <td>3</td>
-                  <td>23</td>
-                  <td>3</td>
-                  <td>86</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
+          <RollingTable 
+            :columns="teamColumns"
+            :data="teamData"
+          />
         </InfoCard>
-      </div>
-
-      <div class="content-row">
-        <InfoCard title="成员基本情况分布">
+         <InfoCard title="成员基本情况分布">
           <div class="member-distribution">
             <div class="dist-item">
               <h4>性别分布</h4>
@@ -77,7 +30,9 @@
         </InfoCard>
       </div>
 
-      <div class="content-row">
+      
+
+      <div class="content-row" style="width: 50%;">
         <InfoCard title="成员职位情况分布">
           <div class="position-distribution">
             <div class="dist-item">
@@ -103,6 +58,7 @@
 import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import * as echarts from 'echarts'
 import InfoCard from '../../components/card.vue'
+import RollingTable from '../../components/rollingTable.vue'
 
 
 
@@ -113,6 +69,22 @@ const props = defineProps({
   }
 })
 
+const teamColumns = [
+  { label: '部门', prop: 'dept' },
+  { label: '员工数量', prop: 'empCount' },
+  { label: '党员数量', prop: 'partyCount' },
+  { label: '平均年龄', prop: 'avgAge' },
+  { label: '平均工龄', prop: 'avgWorkYears' },
+  { label: '职业资格证书等级', prop: 'certLevel' },
+  { label: '平均升级年龄', prop: 'avgUpgradeAge' },
+  { label: '综合得分', prop: 'totalScore' }
+]
+
+const teamData = ref([
+  { dept: '旅检一部', empCount: '800', partyCount: '7', avgAge: '25', avgWorkYears: '3', certLevel: '16', avgUpgradeAge: '3', totalScore: '90' },
+  { dept: '旅检二部', empCount: '756', partyCount: '2', avgAge: '28', avgWorkYears: '8', certLevel: '18', avgUpgradeAge: '5', totalScore: '88' },
+  { dept: '旅检三部', empCount: '708', partyCount: '7', avgAge: '25', avgWorkYears: '3', certLevel: '23', avgUpgradeAge: '3', totalScore: '86' }
+])
 
 const genderDistChartRef = ref(null)
 let genderDistChart = null
@@ -384,37 +356,6 @@ onUnmounted(() => {
     }
   }
 
-  .team-members-table {
-    width: 100%;
-    overflow-x: auto;
-
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      color: #fff;
-
-      th, td {
-        padding: 12px 15px;
-        text-align: center;
-        border: 1px solid rgba(15, 70, 250, 0.3);
-      }
-
-      th {
-        background: rgba(15, 70, 250, 0.2);
-        color: #a0c4ff;
-        font-weight: 600;
-      }
-
-      td {
-        background: rgba(33, 33, 58, 0.5);
-      }
-
-      tbody tr:hover td {
-        background: rgba(15, 70, 250, 0.3);
-      }
-    }
-  }
-
   .member-distribution,
   .position-distribution {
     display: flex;

src/views/portraitManagement/stationProfile/component/runData.vue

@@ -4,35 +4,41 @@
       <InfoCard title="当天开航每小时各区过检人数组合图">
         <div ref="hourlyPassChartRef" class="hourly-pass-chart"></div>
       </InfoCard>
-    </div>
+      <div class="info-panel">
+   
+        <div class="panel-body">
+          <div class="datetime-row">
+            <span class="info-date">{{ currentDate }}</span>
 
-    <div class="content-row">
-      <InfoCard title="每日各时段查获物品趋势图">
-        <div ref="dailyTrendChartRef" class="daily-trend-chart"></div>
-      </InfoCard>
-      <InfoCard title="各区每日查获物品数量对比">
-        <div ref="areaCompareChartRef" class="area-compare-chart"></div>
-      </InfoCard>
-    </div>
+          </div>
+          <div class="date-row">
+            <span class="info-weekday">{{ currentWeekday }}</span>
+            <span class="time-row">{{ currentTime }}</span>
+          </div>
 
-    <div class="content-row">
-      <InfoCard title="各区当日查获物品分布">
-        <div class="area-distribution">
-          <div class="dist-item" v-for="(item, index) in areaDistData" :key="index">
-            <div :ref="el => areaDistChartRefs[index] = el" class="dist-chart"></div>
-            <div class="dist-label">{{ item.name }}</div>
+       
+          <div class="duty-item">
+            <span class="duty-label">值班领导：</span>
+            <span class="duty-value">{{ dutyLeader }}</span>
+          </div>
+          <div class="duty-item">
+            <span class="duty-label">安全板块：</span>
+            <span class="duty-value">{{ safetySection }}</span>
+          </div>
+          <div class="duty-item">
+            <span class="duty-label">服务板块：</span>
+            <span class="duty-value">{{ serviceSection }}</span>
+          </div>
+          <div class="duty-item">
+            <span class="duty-label">运行板块：</span>
+            <span class="duty-value">{{ operationSection }}</span>
+          </div>
+          <div class="duty-item">
+            <span class="duty-label">备勤值班：</span>
+            <span class="duty-value">{{ standbyDuty }}</span>
           </div>
         </div>
-      </InfoCard>
-    </div>
-
-    <div class="content-row">
-      <InfoCard title="近一周各区查获总数趋势">
-        <div ref="weeklyTrendChartRef" class="weekly-trend-chart"></div>
-      </InfoCard>
-      <InfoCard title="当月各类型物品查获对比">
-        <div ref="monthlyTypeChartRef" class="monthly-type-chart"></div>
-      </InfoCard>
+      </div>
     </div>
 
     <div class="content-row">
@@ -65,11 +71,7 @@
       </InfoCard>
     </div>
 
-    <div class="content-row">
-      <InfoCard title="每日查获数量（总表）">
-        <div ref="dailySeizedBarRef" class="daily-bar-chart"></div>
-      </InfoCard>
-    </div>
+
 
     <div class="content-row">
       <InfoCard title="查获工作区域分布">
@@ -112,30 +114,50 @@ const props = defineProps({
   queryParams: {
     type: Object,
     default: () => ({})
+  },
+  dutyLeader: {
+    type: String,
+    default: '张某某'
+  },
+  safetySection: {
+    type: String,
+    default: '李某某'
+  },
+  serviceSection: {
+    type: String,
+    default: '王某某'
+  },
+  operationSection: {
+    type: String,
+    default: '赵某某'
+  },
+  standbyDuty: {
+    type: String,
+    default: '刘某某'
   }
 })
 
-const areaDistData = ref([
-  { name: 'T3国内出发（4层）' },
-  { name: 'T3（8层出发）' },
-  { name: 'T3国际出发' },
-  { name: 'T3国际转国内' },
-  { name: '旅检A区' }
-])
-
-const areaDistChartRefs = ref([])
-const areaDistCharts = ref([])
+const currentDate = ref('')
+const currentWeekday = ref('')
+const currentTime = ref('')
+const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+let dateTimer = null
+
+const updateDateTime = () => {
+  const now = new Date()
+  const year = now.getFullYear()
+  const month = String(now.getMonth() + 1).padStart(2, '0')
+  const day = String(now.getDate()).padStart(2, '0')
+  currentDate.value = `${year}年${month}月${day}日`
+  currentWeekday.value = weekdays[now.getDay()]
+  const hours = String(now.getHours()).padStart(2, '0')
+  const minutes = String(now.getMinutes()).padStart(2, '0')
+  const seconds = String(now.getSeconds()).padStart(2, '0')
+  currentTime.value = `${hours}:${minutes}:${seconds}`
+}
 
 const hourlyPassChartRef = ref(null)
 let hourlyPassChart = null
-const dailyTrendChartRef = ref(null)
-let dailyTrendChart = null
-const areaCompareChartRef = ref(null)
-let areaCompareChart = null
-const weeklyTrendChartRef = ref(null)
-let weeklyTrendChart = null
-const monthlyTypeChartRef = ref(null)
-let monthlyTypeChart = null
 const seizedSmallChartRef = ref(null)
 let seizedSmallChart = null
 const seizedChartRef = ref(null)
@@ -144,8 +166,7 @@ const dailySeizedLineRef = ref(null)
 let dailySeizedLine = null
 const dailySeizedAreaRef = ref(null)
 let dailySeizedArea = null
-const dailySeizedBarRef = ref(null)
-let dailySeizedBar = null
+
 const workAreaDistChartRef = ref(null)
 let workAreaDistChart = null
 const unsafeItemDistChartRef = ref(null)
@@ -164,12 +185,12 @@ let securityTestAreaChart = null
 const initHourlyPassChart = () => {
   if (!hourlyPassChartRef.value) return
   hourlyPassChart = echarts.init(hourlyPassChartRef.value)
-  const hours = Array.from({length: 24}, (_, i) => `${i.toString().padStart(2, '0')}:00`)
+  const hours = Array.from({ length: 24 }, (_, i) => `${i.toString().padStart(2, '0')}:00`)
   const data1 = [450, 420, 380, 390, 410, 430, 460, 480, 520, 560, 600, 620, 650, 680, 700, 680, 650, 620, 580, 540, 500, 480, 450, 420]
   const data2 = [320, 310, 290, 300, 310, 330, 350, 370, 400, 430, 460, 480, 500, 520, 530, 510, 490, 470, 440, 410, 380, 360, 340, 320]
   const data3 = [250, 240, 220, 230, 240, 260, 280, 300, 330, 360, 390, 410, 430, 450, 460, 440, 420, 400, 370, 340, 310, 290, 270, 250]
   const lineData = [5.2, 4.8, 4.5, 4.7, 5.0, 5.3, 5.6, 5.8, 6.2, 6.5, 6.8, 7.0, 7.2, 7.5, 7.3, 7.1, 6.8, 6.5, 6.2, 5.8, 5.5, 5.2, 5.0, 4.8]
-  
+
   const option = {
     tooltip: {
       trigger: 'axis',
@@ -273,291 +294,6 @@ const initHourlyPassChart = () => {
   hourlyPassChart.setOption(option)
 }
 
-const initDailyTrendChart = () => {
-  if (!dailyTrendChartRef.value) return
-  dailyTrendChart = echarts.init(dailyTrendChartRef.value)
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['打火机', '管制刀具', '其他违禁品'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'],
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [
-      {
-        name: '打火机',
-        type: 'line',
-        smooth: true,
-        data: [12, 8, 25, 45, 50, 35, 20],
-        itemStyle: { color: '#ff9f43' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(255,159,67,0.3)' },
-            { offset: 1, color: 'rgba(255,159,67,0.05)' }
-          ])
-        }
-      },
-      {
-        name: '管制刀具',
-        type: 'line',
-        smooth: true,
-        data: [5, 3, 15, 25, 28, 18, 10],
-        itemStyle: { color: '#ff6b6b' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(255,107,107,0.3)' },
-            { offset: 1, color: 'rgba(255,107,107,0.05)' }
-          ])
-        }
-      },
-      {
-        name: '其他违禁品',
-        type: 'line',
-        smooth: true,
-        data: [20, 15, 40, 60, 70, 45, 30],
-        itemStyle: { color: '#4da6ff' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(77,166,255,0.3)' },
-            { offset: 1, color: 'rgba(77,166,255,0.05)' }
-          ])
-        }
-      }
-    ]
-  }
-  dailyTrendChart.setOption(option)
-}
-
-const initAreaCompareChart = () => {
-  if (!areaCompareChartRef.value) return
-  areaCompareChart = echarts.init(areaCompareChartRef.value)
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['T3国内出发（4层）', 'T3（8层出发）', 'T3国际出发', 'T3国际转国内', '旅检A区'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '15%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [
-      {
-        name: 'T3国内出发（4层）',
-        type: 'bar',
-        data: [120, 132, 140, 125, 150, 160, 145],
-        itemStyle: { color: '#4da6ff' },
-        barWidth: '15%'
-      },
-      {
-        name: 'T3（8层出发）',
-        type: 'bar',
-        data: [90, 100, 110, 95, 120, 130, 115],
-        itemStyle: { color: '#7eff7e' },
-        barWidth: '15%'
-      },
-      {
-        name: 'T3国际出发',
-        type: 'bar',
-        data: [70, 80, 85, 75, 90, 100, 88],
-        itemStyle: { color: '#bd03fb' },
-        barWidth: '15%'
-      },
-      {
-        name: 'T3国际转国内',
-        type: 'bar',
-        data: [45, 55, 60, 50, 65, 70, 62],
-        itemStyle: { color: '#ff9f43' },
-        barWidth: '15%'
-      },
-      {
-        name: '旅检A区',
-        type: 'bar',
-        data: [55, 65, 70, 60, 75, 80, 72],
-        itemStyle: { color: '#ffd93d' },
-        barWidth: '15%'
-      }
-    ]
-  }
-  areaCompareChart.setOption(option)
-}
-
-const initAreaDistCharts = () => {
-  const colors = [
-    ['#4da6ff', '#0f46fa'],
-    ['#7eff7e', '#2ecc71'],
-    ['#bd03fb', '#8a06e8'],
-    ['#ff9f43', '#ee5a24'],
-    ['#ffd93d', '#ff9f43']
-  ]
-  areaDistData.value.forEach((item, index) => {
-    if (!areaDistChartRefs.value[index]) return
-    const chart = echarts.init(areaDistChartRefs.value[index])
-    areaDistCharts.value.push(chart)
-    const option = {
-      series: [{
-        type: 'pie',
-        radius: ['40%', '70%'],
-        data: [
-          { value: 40, name: '打火机', itemStyle: { color: colors[index][0] } },
-          { value: 30, name: '管制刀具', itemStyle: { color: colors[index][1] } },
-          { value: 30, name: '其他违禁品', itemStyle: { color: '#a0c4ff' } }
-        ],
-        label: { show: true, color: '#fff', fontSize: 10 },
-        labelLine: { show: true }
-      }]
-    }
-    chart.setOption(option)
-  })
-}
-
-const initWeeklyTrendChart = () => {
-  if (!weeklyTrendChartRef.value) return
-  weeklyTrendChart = echarts.init(weeklyTrendChartRef.value)
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['T3国内出发（4层）', 'T3（8层出发）', 'T3国际出发'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '15%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [
-      {
-        name: 'T3国内出发（4层）',
-        type: 'line',
-        smooth: true,
-        data: [450, 480, 500, 420, 520, 580, 550],
-        itemStyle: { color: '#4da6ff' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(77,166,255,0.3)' },
-            { offset: 1, color: 'rgba(77,166,255,0.05)' }
-          ])
-        }
-      },
-      {
-        name: 'T3（8层出发）',
-        type: 'line',
-        smooth: true,
-        data: [350, 380, 400, 320, 420, 480, 450],
-        itemStyle: { color: '#7eff7e' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(126,255,126,0.3)' },
-            { offset: 1, color: 'rgba(126,255,126,0.05)' }
-          ])
-        }
-      },
-      {
-        name: 'T3国际出发',
-        type: 'line',
-        smooth: true,
-        data: [280, 300, 320, 260, 340, 380, 360],
-        itemStyle: { color: '#bd03fb' },
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(189,3,251,0.3)' },
-            { offset: 1, color: 'rgba(189,3,251,0.05)' }
-          ])
-        }
-      }
-    ]
-  }
-  weeklyTrendChart.setOption(option)
-}
-
-const initMonthlyTypeChart = () => {
-  if (!monthlyTypeChartRef.value) return
-  monthlyTypeChart = echarts.init(monthlyTypeChartRef.value)
-  const option = {
-    tooltip: {
-      trigger: 'item',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    series: [{
-      type: 'pie',
-      radius: ['40%', '70%'],
-      data: [
-        { value: 35, name: '打火机', itemStyle: { color: '#ff9f43' } },
-        { value: 25, name: '管制刀具', itemStyle: { color: '#ff6b6b' } },
-        { value: 20, name: '易燃易爆', itemStyle: { color: '#ffd93d' } },
-        { value: 20, name: '其他', itemStyle: { color: '#a0c4ff' } }
-      ],
-      label: { show: true, color: '#fff', fontSize: 11 },
-      labelLine: { show: true }
-    }]
-  }
-  monthlyTypeChart.setOption(option)
-}
-
 const initSeizedSmallChart = () => {
   if (!seizedSmallChartRef.value) return
   seizedSmallChart = echarts.init(seizedSmallChartRef.value)
@@ -741,58 +477,7 @@ const initDailySeizedArea = () => {
   dailySeizedArea.setOption(option)
 }
 
-const initDailySeizedBar = () => {
-  if (!dailySeizedBarRef.value) return
-  dailySeizedBar = echarts.init(dailySeizedBarRef.value)
-  const option = {
-    tooltip: {
-      trigger: 'axis',
-      backgroundColor: 'rgba(13,80,122,0.95)',
-      borderColor: '#70CFE7',
-      textStyle: { color: '#fff' }
-    },
-    legend: {
-      data: ['查获数量'],
-      textStyle: { color: '#a0c4ff' },
-      top: 0
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '15%',
-      containLabel: true
-    },
-    xAxis: {
-      type: 'category',
-      data: ['T3国内出发（4层）', 'T3（8层出发）', 'T3国际出发', 'T3国际转国内', '旅检A区', 'T3要客服务区东', 'T3要客服务区西', 'T1要客服务区东', 'T2要客服务区东', '旅检B区', '重检C区'],
-      axisLabel: { 
-        color: '#a0c4ff',
-        rotate: 30,
-        fontSize: 10
-      },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } }
-    },
-    yAxis: {
-      type: 'value',
-      axisLabel: { color: '#a0c4ff' },
-      axisLine: { lineStyle: { color: 'rgba(15,70,250,0.3)' } },
-      splitLine: { lineStyle: { color: 'rgba(15,70,250,0.2)' } }
-    },
-    series: [{
-      name: '查获数量',
-      type: 'bar',
-      data: [172, 200, 182, 82, 79, 149, 169, 92, 163, 144, 180],
-      itemStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: '#bd03fb' },
-          { offset: 1, color: '#0f46fa' }
-        ])
-      },
-      barWidth: '40%'
-    }]
-  }
-  dailySeizedBar.setOption(option)
-}
+
 
 const initWorkAreaDistChart = () => {
   if (!workAreaDistChartRef.value) return
@@ -818,7 +503,7 @@ const initWorkAreaDistChart = () => {
     xAxis: {
       type: 'category',
       data: ['T3国内出发（4层）', 'T3（8层出发）', 'T3国际出发', 'T3国际转国内', '旅检A区', 'T3要客服务区东', 'T3要客服务区西', 'T1要客服务区东', 'T2要客服务区东', '旅检B区', '重检C区'],
-      axisLabel: { 
+      axisLabel: {
         color: '#a0c4ff',
         rotate: 30,
         fontSize: 10
@@ -914,7 +599,7 @@ const initUnsafePostDistChart = () => {
     xAxis: {
       type: 'category',
       data: ['境外/非通道', '值机柜台', '验证/通道', '人身检查', 'X光/行李/开检', '开箱/货检'],
-      axisLabel: { 
+      axisLabel: {
         color: '#a0c4ff',
         rotate: 30,
         fontSize: 10
@@ -1005,7 +690,7 @@ const initSecurityTestAreaChart = () => {
     xAxis: {
       type: 'category',
       data: ['T3国内出发（4层）', 'T3（8层出发）', 'T3国际出发', 'T3国际转国内', 'T1要客服务区西', 'T1要客服务区东'],
-      axisLabel: { 
+      axisLabel: {
         color: '#a0c4ff',
         rotate: 30,
         fontSize: 10
@@ -1036,15 +721,11 @@ const initSecurityTestAreaChart = () => {
 
 const handleResize = () => {
   if (hourlyPassChart) hourlyPassChart.resize()
-  if (dailyTrendChart) dailyTrendChart.resize()
-  if (areaCompareChart) areaCompareChart.resize()
-  if (weeklyTrendChart) weeklyTrendChart.resize()
-  if (monthlyTypeChart) monthlyTypeChart.resize()
   if (seizedSmallChart) seizedSmallChart.resize()
   if (seizedChart) seizedChart.resize()
   if (dailySeizedLine) dailySeizedLine.resize()
   if (dailySeizedArea) dailySeizedArea.resize()
-  if (dailySeizedBar) dailySeizedBar.resize()
+
   if (workAreaDistChart) workAreaDistChart.resize()
   if (unsafeItemDistChart) unsafeItemDistChart.resize()
   if (unsafeTypeDistChart) unsafeTypeDistChart.resize()
@@ -1052,23 +733,19 @@ const handleResize = () => {
   if (securityTestItemChart) securityTestItemChart.resize()
   if (securityTestPassChart) securityTestPassChart.resize()
   if (securityTestAreaChart) securityTestAreaChart.resize()
-  areaDistCharts.value.forEach(chart => chart && chart.resize())
 }
 
 onMounted(() => {
+  updateDateTime()
+  dateTimer = setInterval(updateDateTime, 1000)
   nextTick(() => {
     setTimeout(() => {
       initHourlyPassChart()
-      initDailyTrendChart()
-      initAreaCompareChart()
-      initAreaDistCharts()
-      initWeeklyTrendChart()
-      initMonthlyTypeChart()
       initSeizedSmallChart()
       initSeizedChart()
       initDailySeizedLine()
       initDailySeizedArea()
-      initDailySeizedBar()
+
       initWorkAreaDistChart()
       initUnsafeItemDistChart()
       initUnsafeTypeDistChart()
@@ -1082,17 +759,14 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
+  clearInterval(dateTimer)
   window.removeEventListener('resize', handleResize)
   if (hourlyPassChart) hourlyPassChart.dispose()
-  if (dailyTrendChart) dailyTrendChart.dispose()
-  if (areaCompareChart) areaCompareChart.dispose()
-  if (weeklyTrendChart) weeklyTrendChart.dispose()
-  if (monthlyTypeChart) monthlyTypeChart.dispose()
   if (seizedSmallChart) seizedSmallChart.dispose()
   if (seizedChart) seizedChart.dispose()
   if (dailySeizedLine) dailySeizedLine.dispose()
   if (dailySeizedArea) dailySeizedArea.dispose()
-  if (dailySeizedBar) dailySeizedBar.dispose()
+
   if (workAreaDistChart) workAreaDistChart.dispose()
   if (unsafeItemDistChart) unsafeItemDistChart.dispose()
   if (unsafeTypeDistChart) unsafeTypeDistChart.dispose()
@@ -1100,7 +774,6 @@ onUnmounted(() => {
   if (securityTestItemChart) securityTestItemChart.dispose()
   if (securityTestPassChart) securityTestPassChart.dispose()
   if (securityTestAreaChart) securityTestAreaChart.dispose()
-  areaDistCharts.value.forEach(chart => chart && chart.dispose())
 })
 </script>
 
@@ -1111,49 +784,17 @@ onUnmounted(() => {
   gap: 20px;
 
   .content-row {
+    padding: 0 20px;
     display: flex;
     gap: 20px;
-    
-    > .info-card {
-      flex: 1;
-      min-width: 0;
-    }
-  }
-
-  .hourly-pass-chart,
-  .daily-trend-chart,
-  .area-compare-chart {
-    width: 100%;
-    height: 350px;
-  }
 
-  .area-distribution {
-    display: flex;
-    gap: 20px;
-    justify-content: space-around;
-    flex-wrap: wrap;
-
-    .dist-item {
+    >.info-card {
       flex: 1;
-      min-width: 150px;
-      text-align: center;
-
-      .dist-chart {
-        width: 100%;
-        height: 200px;
-      }
-
-      .dist-label {
-        color: #a0c4ff;
-        font-size: 12px;
-        margin-top: 10px;
-        text-align: center;
-      }
+      min-width: 0;
     }
   }
 
-  .weekly-trend-chart,
-  .monthly-type-chart {
+  .hourly-pass-chart {
     width: 100%;
     height: 350px;
   }
@@ -1221,7 +862,7 @@ onUnmounted(() => {
     height: 350px;
   }
 
-  .daily-bar-chart,
+
   .work-area-dist-chart {
     width: 100%;
     height: 400px;
@@ -1236,5 +877,87 @@ onUnmounted(() => {
     width: 100%;
     height: 350px;
   }
+
+  .info-panel {
+    width: 300px;
+    min-width: 300px;
+    background: linear-gradient(135deg, rgba(15, 70, 250, 0.15), rgba(189, 3, 251, 0.15));
+    border: 1px solid rgba(15, 70, 250, 0.3);
+    border-radius: 20px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+
+    .panel-body {
+      padding: 15px 20px;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      justify-content: space-between;
+    }
+
+    .datetime-row {
+      display: flex;
+      align-items: baseline;
+      gap: 12px;
+
+      .info-date {
+        font-size: 22px;
+        font-weight: bold;
+        color: #fff;
+        letter-spacing: 2px;
+      }
+    }
+
+    .date-row {
+      display: flex;
+      align-items: center;
+      .info-date {
+        font-size: 22px;
+        font-weight: bold;
+        color: #fff;
+        letter-spacing: 2px;
+      }
+
+      .info-weekday {
+        font-size: 16px;
+        color: #a0c4ff;
+      }
+    }
+
+    .time-row {
+      font-size: 36px;
+      font-weight: bold;
+      color: #00f5ff;
+      letter-spacing: 4px;
+      text-shadow: 0 0 20px rgba(0, 245, 255, 0.5);
+    }
+
+    .divider {
+      height: 1px;
+      background: linear-gradient(90deg, transparent, rgba(15, 70, 250, 0.5), rgba(189, 3, 251, 0.5), transparent);
+      margin: 4px 0;
+    }
+
+    .duty-item {
+      display: flex;
+      align-items: center;
+      line-height: 28px;
+
+      .duty-label {
+        font-size: 16px;
+        color: #a0c4ff;
+        white-space: nowrap;
+      }
+
+      .duty-value {
+        font-size: 16px;
+        color: #fff;
+        margin-left: 4px;
+      }
+    }
+  }
 }
 </style>

src/views/portraitManagement/stationProfile/index.vue

@@ -69,7 +69,7 @@ const pentagonItems = ref([
       left: { start: 'transparent', end: '#0f46fa' }
     },
     bgGradientStart: 'rgba(33,33,58,0.95)',
-    bgGradientEnd: 'rgba(189,3,251,0.15)'
+    bgGradientEnd: 'rgba(15,70,250,0.2)'
   },
   {
     value: '150',
@@ -79,8 +79,8 @@ const pentagonItems = ref([
     cornerRadius: 20,
     vertices: {
       topLeft: { x: 10, y: 0 },
-      topRight: { x: 270, y: 0 },
-      bottomRight: { x: 270, y: 200 },
+      topRight: { x: 290, y: 0 },
+      bottomRight: { x: 290, y: 200 },
       bottomLeft: { x: -30, y: 200 }
     },
     cardContentStyle: {
@@ -92,8 +92,8 @@ const pentagonItems = ref([
       bottom: { start: '#9903C1', end: 'transparent' },
       left: { start: 'transparent', end: '#0f46fa' }
     },
-    bgGradientStart: 'rgba(33,33,58,0.98)',
-    bgGradientEnd: 'rgba(189,3,251,0.25)'
+    bgGradientStart: 'rgba(33,33,58,0.95)',
+    bgGradientEnd: 'rgba(15,70,250,0.2)'
   },
   {
     value: '80',
@@ -102,8 +102,8 @@ const pentagonItems = ref([
     vertical: true,
     cornerRadius: 20,
     vertices: {
-      topLeft: { x: -20, y: 0 },
-      topRight: { x: 300, y: 0 },
+      topLeft: { x: 0, y: 0 },
+      topRight: { x: 290, y: 0 },
       bottomRight: { x: 320, y: 200 },
       bottomLeft: { x: 0, y: 200 }
     },
@@ -111,13 +111,13 @@ const pentagonItems = ref([
       gap: '10px'
     },
     edgeGradients: {
-      top: { start: '#7eff7e', end: 'transparent' },
+      top: { start: '#0f46fa', end: 'transparent' },
       right: { start: 'transparent', end: '#9903C1' },
       bottom: { start: '#9903C1', end: 'transparent' },
-      left: { start: 'transparent', end: '#7eff7e' }
+      left: { start: 'transparent', end: '#0f46fa' }
     },
     bgGradientStart: 'rgba(33,33,58,0.95)',
-    bgGradientEnd: 'rgba(126,255,126,0.15)'
+    bgGradientEnd: 'rgba(15,70,250,0.2)'
   },
   {
     value: '70',
@@ -126,10 +126,10 @@ const pentagonItems = ref([
     vertical: true,
     cornerRadius: 20,
     vertices: {
-      topLeft: { x: 20, y: 0 },
-      topRight: { x: 300, y: 0 },
-      bottomRight: { x: 300, y: 200 },
-      bottomLeft: { x: 40, y: 200 }
+      topLeft: { x: 0, y: 0 },
+      topRight: { x: 280, y: 0 },
+      bottomRight: { x: 310, y: 200 },
+      bottomLeft: { x: 30, y: 200 }
     },
     cardContentStyle: {
       gap: '10px'
@@ -150,10 +150,10 @@ const pentagonItems = ref([
     vertical: true,
     cornerRadius: 20,
     vertices: {
-      topLeft: { x: 0, y: 0 },
+      topLeft: { x: -10, y: 0 },
       topRight: { x: 300, y: 0 },
       bottomRight: { x: 300, y: 200 },
-      bottomLeft: { x: 0, y: 200 }
+      bottomLeft: { x:20, y: 200 }
     },
     cardContentStyle: {
       gap: '10px'

src/views/score/dimension/index.vue

@@ -3,24 +3,37 @@
     <el-row :gutter="16" style="height:100%">
       <!-- 左侧：维度列表 -->
       <el-col :span="7">
+        <el-card shadow="never">
+          <template #header>
+            <span>配分层级</span>
+          </template>
+          <div>
+            <el-select v-model="scoreLevel" placeholder="请选择层级" clearable style="width:100%" @change="loadTree">
+              <el-option v-for="dict in score_level" :key="dict.value" :label="dict.label" :value="dict.value" />
+            </el-select>
+          </div>
+        </el-card>
         <el-card class="dim-card" shadow="never">
           <template #header>
             <div class="card-header">
               <span>评分维度（6个）</span>
-              <el-button type="primary" size="small" icon="Plus" @click="handleAddDim" v-hasPermi="['score:dimension:add']">新增</el-button>
+              <el-button type="primary" size="small" icon="Plus" @click="handleAddDim"
+                v-hasPermi="['score:dimension:add']">新增</el-button>
             </div>
           </template>
           <div v-loading="dimLoading">
             <div v-for="dim in dimList" :key="dim.id"
-                 :class="['dim-item', { active: selectedDim && selectedDim.id === dim.id }]"
-                 @click="selectDimension(dim)">
+              :class="['dim-item', { active: selectedDim && selectedDim.id === dim.id }]" @click="selectDimension(dim)">
               <div class="dim-name">
-                <el-tag :type="dim.status === '0' ? '' : 'info'" size="small" style="margin-right:6px">{{ dim.name }}</el-tag>
+                <el-tag :type="dim.status === '0' ? '' : 'info'" size="small" style="margin-right:6px">{{ dim.name
+                  }}</el-tag>
                 <span class="dim-weight">{{ dim.weight }}%</span>
               </div>
               <div class="dim-actions">
-                <el-button link size="small" icon="Edit" @click.stop="handleEditDim(dim)" v-hasPermi="['score:dimension:edit']" />
-                <el-button link size="small" icon="Delete" type="danger" @click.stop="handleDeleteDim(dim)" v-hasPermi="['score:dimension:remove']" />
+                <el-button link size="small" icon="Edit" @click.stop="handleEditDim(dim)"
+                  v-hasPermi="['score:dimension:edit']" />
+                <el-button link size="small" icon="Delete" type="danger" @click.stop="handleDeleteDim(dim)"
+                  v-hasPermi="['score:dimension:remove']" />
               </div>
             </div>
           </div>
@@ -32,20 +45,21 @@
 
       <!-- 右侧：指标树 -->
       <el-col :span="17">
-        <el-card shadow="never">
+        <el-card shadow="never" >
           <template #header>
             <div class="card-header">
               <span>{{ selectedDim ? selectedDim.name + ' — 指标树' : '请选择左侧维度' }}</span>
               <div v-if="selectedDim">
-                <el-button size="small" icon="Plus" type="primary" @click="handleAddIndicator(null)" v-hasPermi="['score:indicator:add']">新增二级指标</el-button>
+                <el-button size="small" icon="Plus" type="primary" @click="handleAddIndicator(null)"
+                  v-hasPermi="['score:indicator:add']">新增二级指标</el-button>
                 <el-button size="small" icon="Refresh" @click="loadTree" />
               </div>
             </div>
           </template>
 
+
           <el-table v-loading="treeLoading" :data="indicatorTree" row-key="id"
-                    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-                    border default-expand-all>
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" border default-expand-all>
             <el-table-column label="指标名称" prop="name" min-width="220" />
             <el-table-column label="层级" align="center" width="70">
               <template #default="{ row }">
@@ -56,7 +70,8 @@
             </el-table-column>
             <el-table-column label="类型" align="center" width="80">
               <template #default="{ row }">
-                <el-tag v-if="row.type" size="small" :type="row.type === '1' ? 'success' : row.type === '2' ? 'danger' : 'info'">
+                <el-tag v-if="row.type" size="small"
+                  :type="row.type === '1' ? 'success' : row.type === '2' ? 'danger' : 'info'">
                   {{ row.type === '1' ? '加分' : row.type === '2' ? '扣分' : '记录' }}
                 </el-tag>
               </template>
@@ -64,7 +79,7 @@
             <el-table-column label="分值" align="center" width="90">
               <template #default="{ row }">
                 <span v-if="row.scoreValue != null"
-                      :style="{ color: row.scoreValue > 0 ? '#67c23a' : row.scoreValue < 0 ? '#f56c6c' : '' }">
+                  :style="{ color: row.scoreValue > 0 ? '#67c23a' : row.scoreValue < 0 ? '#f56c6c' : '' }">
                   {{ row.scoreValue > 0 ? '+' : '' }}{{ row.scoreValue }}
                 </span>
               </template>
@@ -72,21 +87,22 @@
             <el-table-column label="叠加规则" prop="cascadeRule" min-width="180" show-overflow-tooltip />
             <el-table-column label="状态" align="center" width="80">
               <template #default="{ row }">
-                <el-switch v-model="row.status" active-value="0" inactive-value="1"
-                           @change="handleStatusChange(row)" v-hasPermi="['score:indicator:edit']" />
+                <el-switch v-model="row.status" active-value="0" inactive-value="1" @change="handleStatusChange(row)"
+                  v-hasPermi="['score:indicator:edit']" />
               </template>
             </el-table-column>
             <el-table-column label="操作" align="center" width="160">
               <template #default="{ row }">
                 <el-button v-if="row.level < 4" link type="primary" size="small" icon="Plus"
-                           @click="handleAddIndicator(row)" v-hasPermi="['score:indicator:add']">子级</el-button>
-                <el-button link type="primary" size="small" icon="Edit"
-                           @click="handleEditIndicator(row)" v-hasPermi="['score:indicator:edit']">修改</el-button>
-                <el-button link type="danger" size="small" icon="Delete"
-                           @click="handleDeleteIndicator(row)" v-hasPermi="['score:indicator:remove']">删除</el-button>
+                  @click="handleAddIndicator(row)" v-hasPermi="['score:indicator:add']">子级</el-button>
+                <el-button link type="primary" size="small" icon="Edit" @click="handleEditIndicator(row)"
+                  v-hasPermi="['score:indicator:edit']">修改</el-button>
+                <el-button link type="danger" size="small" icon="Delete" @click="handleDeleteIndicator(row)"
+                  v-hasPermi="['score:indicator:remove']">删除</el-button>
               </template>
             </el-table-column>
           </el-table>
+
         </el-card>
       </el-col>
     </el-row>
@@ -145,12 +161,10 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="分值" prop="scoreValue">
-          <el-input-number v-model="indForm.scoreValue" :precision="2" style="width:100%"
-                           placeholder="正数=加分，负数=扣分" />
+          <el-input-number v-model="indForm.scoreValue" :precision="2" style="width:100%" placeholder="正数=加分，负数=扣分" />
         </el-form-item>
         <el-form-item label="叠加规则">
-          <el-input v-model="indForm.cascadeRule" type="textarea" :rows="2"
-                    placeholder="如：返航/二次清舱-10、航班延误-8..." />
+          <el-input v-model="indForm.cascadeRule" type="textarea" :rows="2" placeholder="如：返航/二次清舱-10、航班延误-8..." />
         </el-form-item>
         <el-form-item label="排序">
           <el-input-number v-model="indForm.sortOrder" :min="0" style="width:100%" />
@@ -174,7 +188,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, computed, onMounted } from 'vue'
+import { ref, reactive, computed, onMounted, getCurrentInstance } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import {
   listDimension, addDimension, updateDimension, delDimension,
@@ -183,6 +197,11 @@ import {
 
 defineOptions({ name: 'ScoreDimension' })
 
+const { proxy } = getCurrentInstance()
+const { score_level } = proxy.useDict('score_level')
+
+const scoreLevel = ref('')
+
 // ===== 维度 =====
 const dimLoading = ref(false)
 const dimList = ref([])
@@ -251,7 +270,7 @@ const parentIndicatorName = ref('')
 async function loadTree() {
   if (!selectedDim.value) return
   treeLoading.value = true
-  const r = await treeIndicator(selectedDim.value.id).finally(() => treeLoading.value = false)
+  const r = await treeIndicator({ dimensionId: selectedDim.value.id, scoreLevel: scoreLevel.value }).finally(() => treeLoading.value = false)
   indicatorTree.value = r.data || []
 }
 
@@ -292,18 +311,61 @@ onMounted(loadDimensions)
 </script>
 
 <style scoped>
-.score-dimension-page { height: calc(100vh - 130px); }
-.dim-card { height: 100%; }
-.card-header { display: flex; justify-content: space-between; align-items: center; }
+.score-dimension-page {
+  /* height: calc(100vh - 130px); */
+}
+
+.dim-card {
+  height: 100%;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .dim-item {
-  display: flex; justify-content: space-between; align-items: center;
-  padding: 10px 12px; border-radius: 6px; cursor: pointer;
-  margin-bottom: 6px; border: 1px solid #ebeef5; transition: all .2s;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  margin-bottom: 6px;
+  border: 1px solid #ebeef5;
+  transition: all .2s;
+}
+
+.dim-item:hover {
+  border-color: #409eff;
+  background: #f0f7ff;
+}
+
+.dim-item.active {
+  border-color: #409eff;
+  background: #ecf5ff;
+}
+
+.dim-name {
+  display: flex;
+  align-items: center;
+}
+
+.dim-weight {
+  font-size: 12px;
+  color: #909399;
+}
+
+.dim-actions {
+  display: flex;
+  gap: 4px;
+}
+
+.weight-total {
+  text-align: right;
+  margin-top: 12px;
+  font-size: 13px;
+  color: #606266;
 }
-.dim-item:hover { border-color: #409eff; background: #f0f7ff; }
-.dim-item.active { border-color: #409eff; background: #ecf5ff; }
-.dim-name { display: flex; align-items: center; }
-.dim-weight { font-size: 12px; color: #909399; }
-.dim-actions { display: flex; gap: 4px; }
-.weight-total { text-align: right; margin-top: 12px; font-size: 13px; color: #606266; }
 </style>

src/views/score/event/index.vue

@@ -10,6 +10,9 @@
       <el-form-item label="队室/班组" prop="teamName">
         <el-input v-model="queryParams.teamName" placeholder="请输入队室/班组" clearable @keyup.enter="handleQuery" />
       </el-form-item>
+      <el-form-item label="通道/小组" prop="groupName">
+        <el-input v-model="queryParams.groupName" placeholder="请输入通道/小组" clearable @keyup.enter="handleQuery" />
+      </el-form-item>
       <el-form-item label="维度" prop="dimensionId">
         <el-select v-model="queryParams.dimensionId" placeholder="全部维度" clearable style="width:150px">
           <el-option v-for="d in dimensionOptions" :key="d.id" :label="d.name" :value="d.id" />
@@ -22,8 +25,8 @@
         </el-select>
       </el-form-item>
       <el-form-item label="事件时间">
-        <el-date-picker v-model="dateRange" type="daterange" value-format="YYYY-MM-DD"
-          range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" clearable />
+        <el-date-picker v-model="dateRange" type="daterange" value-format="YYYY-MM-DD" range-separator="-"
+          start-placeholder="开始日期" end-placeholder="结束日期" clearable />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -36,13 +39,16 @@
         <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['score:event:add']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" v-hasPermi="['score:event:edit']">修改</el-button>
+        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['score:event:edit']">修改</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" v-hasPermi="['score:event:remove']">删除</el-button>
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['score:event:remove']">删除</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['score:event:export']">导出</el-button>
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['score:event:export']">导出</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-upload :show-file-list="false" accept=".xlsx,.xls" :auto-upload="false" :on-change="handleImportFile">
@@ -93,20 +99,30 @@
         </template>
       </el-table-column>
       <el-table-column label="事件描述" align="center" prop="eventDesc" show-overflow-tooltip />
-      <el-table-column label="操作" align="center" width="120">
+      <el-table-column label="操作" align="center" width="180">
         <template #default="{ row }">
-          <el-button link type="primary" icon="Edit" @click="handleUpdate(row)" v-hasPermi="['score:event:edit']">修改</el-button>
-          <el-button link type="danger" icon="Delete" @click="handleDelete(row)" v-hasPermi="['score:event:remove']">删除</el-button>
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(row)"
+            v-hasPermi="['score:event:edit']">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(row)"
+            v-hasPermi="['score:event:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 新增/修改对话框 -->
     <el-dialog :title="dialogTitle" v-model="dialogVisible" width="680px" append-to-body>
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
         <el-row :gutter="16">
           <el-col :span="12">
+            <el-form-item label="配分层级" prop="org">
+              <el-select v-model="form.org" placeholder="请选择层级" style="width:100%">
+                <el-option v-for="dict in score_level" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="维度" prop="dimensionId">
               <el-select v-model="form.dimensionId" placeholder="请选择维度" style="width:100%" @change="onDimensionChange">
                 <el-option v-for="d in dimensionOptions" :key="d.id" :label="d.name" :value="d.id" />
@@ -114,23 +130,25 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="二级指标" prop="level2Name">
-              <el-select v-model="form.level2Name" placeholder="请选择" style="width:100%" clearable @change="onLevel2Change">
-                <el-option v-for="n in level2Options" :key="n" :label="n" :value="n" />
+            <el-form-item label="二级指标" prop="level2Id">
+              <el-select v-model="form.level2Id" placeholder="请选择" style="width:100%" clearable
+                @change="onLevel2Change">
+                <el-option v-for="n in level2Options" :key="n.id" :label="n.name" :value="n.id" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="三级指标" prop="level3Name">
-              <el-select v-model="form.level3Name" placeholder="请选择" style="width:100%" clearable @change="onLevel3Change">
-                <el-option v-for="n in level3Options" :key="n" :label="n" :value="n" />
+            <el-form-item label="三级指标" prop="level3Id">
+              <el-select v-model="form.level3Id" placeholder="请选择" style="width:100%" clearable
+                @change="onLevel3Change">
+                <el-option v-for="n in level3Options" :key="n.id" :label="n.name" :value="n.id" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="四级指标">
-              <el-select v-model="form.level4Name" placeholder="请选择" style="width:100%" clearable>
-                <el-option v-for="n in level4Options" :key="n" :label="n" :value="n" />
+              <el-select v-model="form.level4Id" placeholder="请选择" style="width:100%" clearable @change="onLevel4Change">
+                <el-option v-for="n in level4Options" :key="n.id" :label="n.name" :value="n.id" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -146,35 +164,45 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="责任人" prop="personName">
-              <el-input v-model="form.personName" placeholder="请输入责任人姓名" />
+            <el-form-item label="部门名称">
+              <el-select v-model="form.deptId" placeholder="请选择部门" style="width:100%" clearable filterable
+                @change="handleDeptChange">
+                <el-option v-for="d in deptOptions" :key="d.deptId" :label="d.deptName" :value="d.deptId" />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="部门名称">
-              <el-input v-model="form.deptName" placeholder="请输入部门名称" />
+            <el-form-item label="队室/班组">
+              <el-select v-model="form.teamId" placeholder="请选择队室/班组" style="width:100%" clearable
+                :disabled="form.org < 2" @change="handleTeamChange">
+                <el-option v-for="t in teamOptions" :key="t.id" :label="t.label" :value="t.id" />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="队室/班组">
-              <el-input v-model="form.teamName" placeholder="请输入队室/班组" />
+            <el-form-item label="通道/小组">
+              <el-select v-model="form.groupId" placeholder="请选择通道/小组" style="width:100%" clearable
+                :disabled="form.org < 3" @change="handleGroupChange">
+                <el-option v-for="g in groupOptions" :key="g.id" :label="g.label" :value="g.id" />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="小组">
-              <el-input v-model="form.groupName" placeholder="请输入小组" />
+            <el-form-item label="责任人">
+              <el-select v-model="form.personId" placeholder="请选择责任人" style="width:100%" clearable
+                :disabled="form.org < 4">
+                <el-option v-for="p in personOptions" :key="p.userId" :label="p.nickName" :value="p.userId" />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="基础分值" prop="scoreValue">
-              <el-input-number v-model="form.scoreValue" :precision="2" style="width:100%"
-                               placeholder="正数=加分 负数=扣分" />
+              <el-input-number v-model="form.scoreValue" :precision="2" style="width:100%" placeholder="正数=加分 负数=扣分" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="叠加分值">
-              <el-input-number v-model="form.cascadeScore" :precision="2" style="width:100%"
-                               placeholder="叠加后果产生的分值" />
+              <el-input-number v-model="form.cascadeScore" :precision="2" style="width:100%" placeholder="叠加后果产生的分值" />
             </el-form-item>
           </el-col>
           <el-col :span="24">
@@ -198,17 +226,23 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, computed, onMounted, getCurrentInstance } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import { listUser } from '@/api/system/user'
 import {
   listScoreEvent, addScoreEvent, updateScoreEvent, delScoreEvent,
   exportScoreEvent, importScoreEvent
 } from '@/api/score/index'
 import { allDimension, treeIndicator } from '@/api/score/index'
+import { listDept } from '@/api/system/dept'
+import { deptTreeSelect } from '@/api/system/user'
 import { parseTime } from '@/utils/ruoyi'
 
 defineOptions({ name: 'ScoreEvent' })
 
+const { proxy } = getCurrentInstance()
+const { score_level } = proxy.useDict('score_level')
+
 const loading = ref(false), list = ref([]), total = ref(0), showSearch = ref(true)
 const dateRange = ref([]), queryRef = ref(null), formRef = ref(null)
 const dialogVisible = ref(false), dialogTitle = ref('')
@@ -218,9 +252,13 @@ const indicatorTree = ref([])  // 当前维度的指标树（扁平+嵌套）
 const level2Options = ref([])
 const level3Options = ref([])
 const level4Options = ref([])
+const deptOptions = ref([])
+const teamOptions = ref([])
+const groupOptions = ref([])
+const personOptions = ref([])
 
-const queryParams = reactive({ pageNum: 1, pageSize: 10, personName: '', deptName: '', teamName: '', dimensionId: null, sourceType: '' })
-const form = reactive({ id: null, dimensionId: null, dimensionName: '', indicatorId: null, level2Name: '', level3Name: '', level4Name: '', eventTime: '', location: '', personName: '', deptName: '', teamName: '', groupName: '', scoreValue: 0, cascadeScore: 0, eventDesc: '', remark: '' })
+const queryParams = reactive({ pageNum: 1, pageSize: 10, personName: '', deptName: '', teamName: '', dimensionId: null, sourceType: '', org: '' })
+const form = reactive({ id: null, dimensionId: null, dimensionName: '', indicatorId: null, level2Id: null, level2Name: '', level3Id: null, level3Name: '', level4Id: null, level4Name: '', eventTime: '', location: '', personId: null, deptName: '', deptId: null, teamId: null, groupId: null, scoreValue: 0, cascadeScore: 0, eventDesc: '', remark: '', org: '' })
 const rules = {
   dimensionId: [{ required: true, message: '请选择维度', trigger: 'change' }],
   personName: [{ required: true, message: '请输入责任人', trigger: 'blur' }],
@@ -228,11 +266,62 @@ const rules = {
   scoreValue: [{ required: true, message: '请输入分值', trigger: 'blur' }]
 }
 
+
+
 async function loadDimensions() {
   const r = await allDimension()
   dimensionOptions.value = r.data || []
 }
 
+async function loadDepts() {
+  const r = await listDept()
+  deptOptions.value = (r.data || []).filter(d => d.deptType === 'BRIGADE')
+}
+
+async function handleDeptChange(deptId, preserve) {
+  if (!preserve) {
+    form.teamId = null; form.groupId = null; form.personId = null
+    groupOptions.value = []; personOptions.value = []
+  }
+  if (deptId) {
+    const r = await deptTreeSelect({ parentId: deptId })
+    teamOptions.value = r.data || []
+    if (preserve && form.teamId) {
+      await handleTeamChange(form.teamId, true)
+    }
+  } else {
+    teamOptions.value = []
+  }
+}
+
+async function handleTeamChange(val, preserve) {
+  if (!preserve) {
+    form.groupId = null; form.personId = null
+    personOptions.value = []
+  }
+  const team = teamOptions.value.find(t => t.id === val)
+  if (team) {
+    const r = await deptTreeSelect({ parentId: team.id })
+    groupOptions.value = r.data || []
+    if (preserve && form.groupId) {
+      await handleGroupChange(form.groupId, true)
+    }
+  } else {
+    groupOptions.value = []
+  }
+}
+
+async function handleGroupChange(val, preserve) {
+  if (!preserve) form.personId = null
+  const group = groupOptions.value.find(g => g.id === val)
+  if (group) {
+    const r = await listUser({ deptId: group.id })
+    personOptions.value = r.rows || []
+  } else {
+    personOptions.value = []
+  }
+}
+
 function getList() {
   loading.value = true
   const p = { ...queryParams }
@@ -245,8 +334,9 @@ function resetQuery() { dateRange.value = []; queryRef.value?.resetFields(); han
 function handleSelectionChange(sel) { ids.value = sel.map(s => s.id); single.value = sel.length !== 1; multiple.value = !sel.length }
 
 function resetForm() {
-  Object.assign(form, { id: null, dimensionId: null, dimensionName: '', indicatorId: null, level2Name: '', level3Name: '', level4Name: '', eventTime: '', location: '', personName: '', deptName: '', teamName: '', groupName: '', scoreValue: 0, cascadeScore: 0, eventDesc: '', remark: '' })
+  Object.assign(form, { id: null, dimensionId: null, dimensionName: '', indicatorId: null, level2Id: null, level2Name: '', level3Id: null, level3Name: '', level4Id: null, level4Name: '', eventTime: '', location: '', personId: null, deptName: '', deptId: null, teamId: null, groupId: null, scoreValue: 0, cascadeScore: 0, eventDesc: '', remark: '', org: '' })
   level2Options.value = []; level3Options.value = []; level4Options.value = []
+  teamOptions.value = []; groupOptions.value = []; personOptions.value = []
 }
 
 function handleAdd() { resetForm(); dialogTitle.value = '新增配分事项'; dialogVisible.value = true }
@@ -256,6 +346,7 @@ function handleUpdate(row) {
   if (record) {
     Object.assign(form, record)
     if (record.dimensionId) onDimensionChange(record.dimensionId, true)
+    if (record.deptId) handleDeptChange(record.deptId, true)
   }
   dialogTitle.value = '修改配分事项'; dialogVisible.value = true
 }
@@ -263,27 +354,45 @@ function handleUpdate(row) {
 async function onDimensionChange(dimId, preserveSelection) {
   const dim = dimensionOptions.value.find(d => d.id === dimId)
   if (dim) form.dimensionName = dim.name
-  const r = await treeIndicator(dimId)
+  const r = await treeIndicator({ dimensionId: dimId })
   indicatorTree.value = r.data || []
-  level2Options.value = indicatorTree.value.map(n => n.name)
-  if (!preserveSelection) { form.level2Name = ''; form.level3Name = ''; form.level4Name = '' }
+  level2Options.value = indicatorTree.value.map(n => ({name: n.name,id: n.id, scoreValue: n.scoreValue}))
+  if (!preserveSelection) { form.level2Id = null; form.level2Name = ''; form.level3Id = null; form.level3Name = ''; form.level4Id = null; form.level4Name = ''; form.scoreValue = 0 }
   level3Options.value = []; level4Options.value = []
-  if (preserveSelection && form.level2Name) onLevel2Change(form.level2Name, true)
+  if (preserveSelection && form.level2Id) onLevel2Change(form.level2Id, true)
 }
 
 function onLevel2Change(val, preserveSelection) {
-  const node = indicatorTree.value.find(n => n.name === val)
-  level3Options.value = node ? (node.children || []).map(n => n.name) : []
-  if (!preserveSelection) { form.level3Name = ''; form.level4Name = '' }
+  const node = indicatorTree.value.find(n => n.id === val)
+  if (node) {
+    form.level2Name = node.name
+    if (node.scoreValue !== undefined) form.scoreValue = node.scoreValue
+  }
+  level3Options.value = node ? (node.children || []).map(n => ({name: n.name,id: n.id, scoreValue: n.scoreValue})) : []
+  if (!preserveSelection) { form.level3Id = null; form.level3Name = ''; form.level4Id = null; form.level4Name = ''; if (node && node.scoreValue === undefined) form.scoreValue = 0 }
   level4Options.value = []
-  if (preserveSelection && form.level3Name) onLevel3Change(form.level3Name, true)
+  if (preserveSelection && form.level3Id) onLevel3Change(form.level3Id, true)
 }
 
 function onLevel3Change(val, preserveSelection) {
-  const level2Node = indicatorTree.value.find(n => n.name === form.level2Name)
-  const node = level2Node ? (level2Node.children || []).find(n => n.name === val) : null
-  level4Options.value = node ? (node.children || []).map(n => n.name) : []
-  if (!preserveSelection) form.level4Name = ''
+  const level2Node = indicatorTree.value.find(n => n.id === form.level2Id)
+  const node = level2Node ? (level2Node.children || []).find(n => n.id === val) : null
+  if (node) {
+    form.level3Name = node.name
+    if (node.scoreValue !== undefined) form.scoreValue = node.scoreValue
+  }
+  level4Options.value = node ? (node.children || []).map(n => ({name: n.name,id: n.id, scoreValue: n.scoreValue})) : []
+  if (!preserveSelection) { form.level4Id = null; form.level4Name = ''; if (node && node.scoreValue === undefined) form.scoreValue = 0 }
+}
+
+function onLevel4Change(val) {
+  const level2Node = indicatorTree.value.find(n => n.id === form.level2Id)
+  const level3Node = level2Node ? (level2Node.children || []).find(n => n.id === form.level3Id) : null
+  const node = level3Node ? (level3Node.children || []).find(n => n.id === val) : null
+  if (node) {
+    form.level4Name = node.name
+    if (node.scoreValue !== undefined) form.scoreValue = node.scoreValue
+  }
 }
 
 async function submitForm() {
@@ -303,7 +412,10 @@ function handleDelete(row) {
 function handleExport() {
   const p = { ...queryParams }
   if (dateRange.value?.length === 2) { p['params[beginTime]'] = dateRange.value[0]; p['params[endTime]'] = dateRange.value[1] }
-  exportScoreEvent(p)
+  // exportScoreEvent(p)
+  proxy.download('score/event/export', {
+    ...p
+  }, `配分事项_${new Date().getTime()}.xlsx`)
 }
 
 async function handleImportFile(file) {
@@ -316,5 +428,5 @@ async function handleImportFile(file) {
   }
 }
 
-onMounted(() => { loadDimensions(); getList() })
+onMounted(() => { loadDimensions(); loadDepts(); getList() })
 </script>