refactor(portraitManagement,score): 重构多个页面数据与交互逻辑

1. 替换runData.vue默认人员为李凯，清空ProfileRadar默认雷达数据
2. 重构score/dimension页面选择器回调，新增层级切换逻辑
3. 清空多个统计组件默认示例数据，新增接口请求逻辑
4. 重构SearchBar组件，新增选中搜索项回调处理
5. 重构teamProfile与deptProfile页面，适配统一的雷达图props与数据请求
6. 重构score/event页面搜索表单与列表，新增层级联动筛选，优化代码格式

src/views/portraitManagement/components/ProfileMembers.vue

@@ -14,21 +14,21 @@ const props = defineProps({
   columns: {
     type: Array,
     default: () => [
-      { label: '姓名', prop: 'name' },
-      { label: '岗位', prop: 'post' },
-      { label: '技能等级', prop: 'skillLevel' },
-      { label: '开机年限', prop: 'years' }
+      // { label: '姓名', prop: 'name' },
+      // { label: '岗位', prop: 'post' },
+      // { label: '技能等级', prop: 'skillLevel' },
+      // { label: '开机年限', prop: 'years' }
     ]
   },
   data: {
     type: Array,
     default: () => [
-      { name: '张三', post: '主值班员', skillLevel: '高级工', years: '8年' },
-      { name: '李四', post: '副值班员', skillLevel: '中级工', years: '5年' },
-      { name: '王五', post: '巡检员', skillLevel: '高级工', years: '6年' },
-      { name: '赵六', post: '维护员', skillLevel: '中级工', years: '3年' },
-      { name: '钱七', post: '安全员', skillLevel: '技师', years: '12年' },
-      { name: '孙八', post: '主值班员', skillLevel: '高级技师', years: '15年' }
+      // { name: '张三', post: '主值班员', skillLevel: '高级工', years: '8年' },
+      // { name: '李四', post: '副值班员', skillLevel: '中级工', years: '5年' },
+      // { name: '王五', post: '巡检员', skillLevel: '高级工', years: '6年' },
+      // { name: '赵六', post: '维护员', skillLevel: '中级工', years: '3年' },
+      // { name: '钱七', post: '安全员', skillLevel: '技师', years: '12年' },
+      // { name: '孙八', post: '主值班员', skillLevel: '高级技师', years: '15年' }
     ]
   }
 })

src/views/portraitManagement/components/ProfilePositionDistribution.vue

@@ -38,20 +38,20 @@ const props = defineProps({
 })
 
 const defaultSkillData = {
-  categories: ['初级工', '中级工', '高级工', '技师', '高级技师'],
-  values: [30, 45, 60, 35, 20],
+  categories: [],
+  values: [],
   colors: ['#4da6ff', '#0f46fa']
 }
 
 const defaultOperateData = {
-  categories: ['1年以下', '1~3年', '3~5年', '5~10年', '10年以上'],
-  values: [15, 40, 55, 45, 30],
+  categories: [],
+  values: [],
   colors: ['#6bcb77', '#2ecc71']
 }
 
 const defaultPostData = {
-  categories: ['主值班员', '副值班员', '巡检员', '维护员', '安全员'],
-  values: [25, 50, 40, 30, 20],
+  categories: [],
+  values: [],
   colors: ['#ff6b6b', '#ee5a24']
 }
 

src/views/portraitManagement/components/ProfileRadar.vue

@@ -32,13 +32,7 @@ const props = defineProps({
 })
 
 const defaultRadarData = [
-  { name: '通道安全防控力', finalScore: 86, color: '#00e5ff' },
-  { name: '通道安全防控力', finalScore: 90, color: '#00e5ff' },
-  { name: '通道安全防控力', finalScore: 72, color: '#ff4757' },
-  { name: '通道安全防控力', finalScore: 68, color: '#ff4757' },
-  { name: '通道安全防控力', finalScore: 78, color: '#3742fa' },
-  { name: '通道安全防控力', finalScore: 80, color: '#3742fa' },
-  { name: '通道协同作战能力', finalScore: 72, color: '#ff4757' }
+
 ]
 
 const computedRadarData = computed(() => {

src/views/portraitManagement/components/SearchBar.vue

@@ -21,7 +21,8 @@
       <div class="custom-el-style">
         <div>
           <el-autocomplete v-model="personName" :fetch-suggestions="props.deptType === 'user' ? queryUsers : queryDept"
-            :placeholder="props.deptType === 'user' ? '搜索员工/团队画像' : '搜索部门'" style="width:320px;" clearable>
+            :placeholder="props.deptType === 'user' ? '搜索员工/团队画像' : '搜索部门'" style="width:320px;" clearable
+            @select="handleSelect">
             <template #suffix><el-icon>
                 <Search />
               </el-icon></template>
@@ -31,7 +32,7 @@
                 item.deptName }}</span>
             </template>
           </el-autocomplete>
-          <div class="primary" style="border-radius: 6px;" @click="() => searchHandler()">模糊搜索</div>
+          <!-- <div class="primary" style="border-radius: 6px;" @click="() => searchHandler()">模糊搜索</div> -->
         </div>
         <div style="margin-top: 20px;">
           <el-tree :data="departments" :default-expanded-keys="[100]" :props="{ value: 'id', showPrefix: false }"
@@ -79,6 +80,26 @@ const queryDept = async (query, cb) => {
   } catch (_) { cb([]) }
 }
 
+const handleSelect = (item) => {
+  if (props.deptType === 'user') {
+    personName.value = item.nickName
+    searchHandler({ personName: item.nickName })
+  } else {
+    personName.value = item.deptName
+    let obj = {}
+    if (props.deptType === 'BRIGADE' || props.deptType === 'STATION') {
+      obj = { deptId: item.deptId || item.id }
+    }
+    if (props.deptType === 'MANAGER') {
+      obj = { teamId: item.deptId || item.id, deptId: item.deptId || item.id }
+    }
+    if (props.deptType === 'TEAMS') {
+      obj = { groupId: item.deptId || item.id, deptId: item.deptId || item.id }
+    }
+    searchHandler(obj)
+  }
+}
+
 const filterDeptTree = (data, targetType) => {
   const filterNode = (node) => {
     if (node.deptType === targetType) {

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

@@ -2,29 +2,13 @@
   <div class="main-content-wrapper">
     <div class="main-content">
       <div class="content-row">
-        <ProfileRadar
-          :chartData1="radarData"
-          :chartData2="radarIndicators"
-          :chartData3="radarSeries1"
-          :chartData4="radarSeries2"
-        />
-        <ProfileMembers
-          :columns="memberColumns"
-          :data="teamMembers"
-        />
+        <ProfileRadar :chartData="radarData" />
+        <ProfileMembers :columns="memberColumns" :data="teamMembers" />
       </div>
 
       <div class="content-row">
-        <ProfileBasicDistribution
-          :chartData1="genderData"
-          :chartData2="nationData"
-          :chartData3="politicalData"
-        />
-        <ProfilePositionDistribution
-          :chartData1="skillData"
-          :chartData2="operateData"
-          :chartData3="postData"
-        />
+        <ProfileBasicDistribution :chartData1="genderData" :chartData2="nationData" :chartData3="politicalData" />
+        <ProfilePositionDistribution :chartData1="skillData" :chartData2="operateData" :chartData3="postData" />
       </div>
     </div>
   </div>
@@ -36,7 +20,7 @@ import ProfileRadar from '../../components/ProfileRadar.vue'
 import ProfileMembers from '../../components/ProfileMembers.vue'
 import ProfileBasicDistribution from '../../components/ProfileBasicDistribution.vue'
 import ProfilePositionDistribution from '../../components/ProfilePositionDistribution.vue'
-
+import { getDeptMembers, getDeptMemberDistribution, getDeptPositionDistribution, getDimensionScoreOverview } from '@/api/portraitManagement/portraitManagement'
 const props = defineProps({
   queryParams: {
     type: Object,
@@ -45,100 +29,123 @@ const props = defineProps({
 })
 
 const radarData = ref([
-  { 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 radarIndicators = ref([
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道协同作战能力', max: 100 }
 ])
 
-const radarSeries1 = ref([86, 90, 72, 68, 78, 80, 72])
-const radarSeries2 = ref([80, 85, 65, 60, 72, 75, 68])
+
 
 const teamMembers = ref([
-  { name: '孙晓波', age: 25, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 6, totalScore: 88 },
-  { name: '孙晓波', age: 28, seniority: 6, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 5, totalScore: 85 },
-  { name: '孙晓波', age: 31, seniority: 2, gender: '女', nation: '汉', political: '党员', position: '组长', qualification: '前传、特检、人身', skillLevel: '四级', operateYears: 5, avgYears: 76, totalScore: 76 },
-  { name: '马力', age: 26, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '五级', operateYears: 5, avgYears: 81, totalScore: 81 },
-  { name: '马建国', age: 24, seniority: 5, gender: '男', nation: '汉', political: '党员', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 6, avgYears: 78, totalScore: 78 }
+  // { name: '孙晓波', age: 25, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 6, totalScore: 88 },
+  // { name: '孙晓波', age: 28, seniority: 6, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 5, totalScore: 85 },
+  // { name: '孙晓波', age: 31, seniority: 2, gender: '女', nation: '汉', political: '党员', position: '组长', qualification: '前传、特检、人身', skillLevel: '四级', operateYears: 5, avgYears: 76, totalScore: 76 },
+  // { name: '马力', age: 26, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '五级', operateYears: 5, avgYears: 81, totalScore: 81 },
+  // { name: '马建国', age: 24, seniority: 5, gender: '男', nation: '汉', political: '党员', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 6, avgYears: 78, totalScore: 78 }
 ])
 
 const memberColumns = ref([
-  { label: '姓名', prop: 'name' },
+  { label: '姓名', prop: 'personName' },
   { label: '年龄', prop: 'age' },
-  { label: '司龄', prop: 'seniority' },
-  { label: '性别', prop: 'gender' },
+  { label: '司龄', prop: 'workYears' },
+  { label: '性别', prop: 'sex' },
   { label: '民族', prop: 'nation' },
-  { label: '政治面貌', prop: 'political' },
-  { label: '职务', prop: 'position' },
-  { label: '岗位资质', prop: 'qualification' },
+  { label: '政治面貌', prop: 'politicalStatus' },
+  { label: '职务', prop: 'roleNames' },
+  { label: '岗位资质', prop: 'qualificationLevel' },
   { label: '职业技能等级', prop: 'skillLevel' },
-  { label: '开机年限', prop: 'operateYears' },
+  { label: '开机年限', prop: 'xrayOperatorYears' },
   { label: '平均年限', prop: 'avgYears' },
   { label: '综合得分', prop: 'totalScore' }
 ])
 
 const genderData = ref([
-  { value: 6, name: '女', itemStyle: { color: '#ff6b9d' } },
-  { value: 8, name: '男', itemStyle: { color: '#4da6ff' } }
+
 ])
 
 const nationData = ref([
-  { value: 1, name: '回族', itemStyle: { color: '#ff9f43' } },
-  { value: 8, name: '汉族', itemStyle: { color: '#4da6ff' } },
-  { value: 5, name: '其他', itemStyle: { color: '#a55eea' } }
+
 ])
 
 const politicalData = ref([
-  { value: 1, name: '党员', itemStyle: { color: '#ff6b6b' } },
-  { value: 2, name: '共青团员', itemStyle: { color: '#ffd93d' } },
-  { value: 5, name: '群众', itemStyle: { color: '#6bcb77' } },
-  { value: 6, name: '其他', itemStyle: { color: '#4d96ff' } }
+
 ])
 
 const skillData = ref([
-  { name: '等级1', value: 3 },
-  { name: '等级2', value: 5 },
-  { name: '等级3', value: 7 },
-  { name: '等级4', value: 8 },
-  { name: '等级5', value: 4 }
+
 ])
 
 const operateData = ref([
-  { name: '0-3年', value: 4 },
-  { name: '4-7年', value: 2 },
-  { name: '8-11年', value: 3 },
-  { name: '12-15年', value: 5 },
-  { name: '15年以上', value: 8 }
+
 ])
 
 const postData = ref([
-  { name: '前传', value: 4 },
-  { name: '人身', value: 5 },
-  { name: '验证', value: 6 },
-  { name: '开包', value: 7 },
-  { name: '开机', value: 8 }
+
 ])
+const fetchTeamMembers = async (params) => {
+  try {
+    const res = await getDeptMembers(params)
+    if (res.code === 200 && res.data) {
+      teamMembers.value = res.data
+    }
+  } catch (error) {
+    console.error('获取部门成员列表失败', error)
+  }
+}
 
-watch(() => props.queryParams, (newParams) => {
-  fetchData(newParams)
-}, { deep: true })
+const fetchMemberDistribution = async (params) => {
+  try {
+    const res = await getDeptMemberDistribution(params)
+    if (res.code === 200 && res.data) {
+
+      genderData.value = res.data.sexDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      nationData.value = res.data.nationDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      politicalData.value = res.data.politicalDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      console.log('genderData', genderData.value)
+      console.log('nationData', nationData.value)
+      console.log('politicalData', politicalData.value)
+    }
+  } catch (error) {
+    console.error('获取部门成员基本情况分布失败', error)
+  }
+}
+
+const fetchPositionDistribution = async (params) => {
+  try {
+    const res = await getDeptPositionDistribution(params)
+    if (res.code === 200 && res.data) {
+      skillData.value = res.data.qualificationDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      operateData.value = res.data.xrayYearDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      postData.value = res.data.positionDistribution.map(item => ({ value: item.count, name: item.name })) || []
+    }
+  } catch (error) {
+    console.error('获取部门成员职位情况分布失败', error)
+  }
+}
 
+const fetchRadarData = async (params) => {
+  try {
+    const res = await getDimensionScoreOverview(params)
+    if (res.code === 200 && res.data) {
+      radarData.value = res.data.dimensions || [{ name: '', finalScore: 0, color: '#00e5ff' }]
+
+    }
+  } catch (error) {
+    console.error('获取维度得分一览失败', error)
+  }
+}
 const fetchData = (params) => {
-  console.log('查询参数:', params)
+  if (!params.deptId && !params.groupId && !params.teamId) {
+    return
+  }
+  //  console.log('params', params)
+  // debugger
+  fetchTeamMembers(params)
+  fetchMemberDistribution(params)
+  fetchPositionDistribution(params)
+  fetchRadarData(params)
 }
+watch(() => props.queryParams, (newParams) => {
+  fetchData(newParams)
+}, { deep: true, immediate: true })
 </script>
 
 <style lang="scss" scoped>
@@ -154,7 +161,7 @@ const fetchData = (params) => {
     display: flex;
     gap: 20px;
 
-    > .info-card {
+    >.info-card {
       flex: 1;
       min-width: 0;
     }

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

@@ -3,23 +3,12 @@
     <div class="main-content">
       <div class="content-row">
         <ProfileRadar :chartData="radarData" />
-        <ProfileMembers
-          :columns="memberColumns"
-          :data="teamMembers"
-        />
+        <ProfileMembers :columns="memberColumns" :data="teamMembers" />
       </div>
 
       <div class="content-row">
-        <ProfileBasicDistribution
-          :chartData1="genderData"
-          :chartData2="nationData"
-          :chartData3="politicalData"
-        />
-        <ProfilePositionDistribution
-          :chartData1="skillData"
-          :chartData2="operateData"
-          :chartData3="postData"
-        />
+        <ProfileBasicDistribution :chartData1="genderData" :chartData2="nationData" :chartData3="politicalData" />
+        <ProfilePositionDistribution :chartData1="skillData" :chartData2="operateData" :chartData3="postData" />
       </div>
     </div>
   </div>
@@ -43,34 +32,39 @@ const props = defineProps({
 const radarData = ref([])
 
 const teamMembers = ref([
-  { deptName: '安检一队', employeeCount: 32, partyMemberCount: 8, avgAge: 28.5, avgServiceYear: 4.2, avgXrayYear: 3.1, totalScore: 92.5 },
-  { deptName: '安检二队', employeeCount: 28, partyMemberCount: 6, avgAge: 30.2, avgServiceYear: 5.8, avgXrayYear: 4.5, totalScore: 88.3 },
-  { deptName: '安检三队', employeeCount: 35, partyMemberCount: 10, avgAge: 27.8, avgServiceYear: 3.5, avgXrayYear: 2.8, totalScore: 90.1 },
-  { deptName: '安检四队', employeeCount: 30, partyMemberCount: 7, avgAge: 29.6, avgServiceYear: 4.8, avgXrayYear: 3.6, totalScore: 86.7 },
-  { deptName: '安检五队', employeeCount: 26, partyMemberCount: 5, avgAge: 31.0, avgServiceYear: 6.2, avgXrayYear: 5.0, totalScore: 85.9 },
-  { deptName: '安检六队', employeeCount: 33, partyMemberCount: 9, avgAge: 28.0, avgServiceYear: 3.8, avgXrayYear: 2.5, totalScore: 91.2 }
+  // { deptName: '安检一队', employeeCount: 32, partyMemberCount: 8, avgAge: 28.5, avgServiceYear: 4.2, avgXrayYear: 3.1, totalScore: 92.5 },
+  // { deptName: '安检二队', employeeCount: 28, partyMemberCount: 6, avgAge: 30.2, avgServiceYear: 5.8, avgXrayYear: 4.5, totalScore: 88.3 },
+  // { deptName: '安检三队', employeeCount: 35, partyMemberCount: 10, avgAge: 27.8, avgServiceYear: 3.5, avgXrayYear: 2.8, totalScore: 90.1 },
+  // { deptName: '安检四队', employeeCount: 30, partyMemberCount: 7, avgAge: 29.6, avgServiceYear: 4.8, avgXrayYear: 3.6, totalScore: 86.7 },
+  // { deptName: '安检五队', employeeCount: 26, partyMemberCount: 5, avgAge: 31.0, avgServiceYear: 6.2, avgXrayYear: 5.0, totalScore: 85.9 },
+  // { deptName: '安检六队', employeeCount: 33, partyMemberCount: 9, avgAge: 28.0, avgServiceYear: 3.8, avgXrayYear: 2.5, totalScore: 91.2 }
 ])
 
 const memberColumns = ref([
-  { label: '部门', prop: 'deptName' },
-  { label: '员工数量', prop: 'employeeCount' },
-  { label: '党员数量', prop: 'partyMemberCount' },
-  { label: '平均年龄', prop: 'avgAge' },
-  { label: '平均司龄', prop: 'avgServiceYear' },
-  { label: '平均开机年限', prop: 'avgXrayYear' },
+  { label: '姓名', prop: 'personName' },
+  { label: '年龄', prop: 'age' },
+  { label: '司龄', prop: 'workYears' },
+  { label: '性别', prop: 'sex' },
+  { label: '民族', prop: 'nation' },
+  { label: '政治面貌', prop: 'politicalStatus' },
+  { label: '职务', prop: 'roleNames' },
+  { label: '岗位资质', prop: 'qualificationLevel' },
+  { label: '职业技能等级', prop: 'skillLevel' },
+  { label: '开机年限', prop: 'xrayOperatorYears' },
+  { label: '平均年限', prop: 'avgYears' },
   { label: '综合得分', prop: 'totalScore' }
 ])
 
 const genderData = ref([
-  
+
 ])
 
 const nationData = ref([
- 
+
 ])
 
 const politicalData = ref([
-  
+
 ])
 
 const skillData = ref([])
@@ -97,7 +91,7 @@ const fetchMemberDistribution = async (params) => {
   try {
     const res = await getDeptMemberDistribution(params)
     if (res.code === 200 && res.data) {
-      
+
       genderData.value = res.data.sexDistribution.map(item => ({ value: item.count, name: item.name })) || []
       nationData.value = res.data.nationDistribution.map(item => ({ value: item.count, name: item.name })) || []
       politicalData.value = res.data.politicalDistribution.map(item => ({ value: item.count, name: item.name })) || []
@@ -128,14 +122,14 @@ const fetchRadarData = async (params) => {
     const res = await getDimensionScoreOverview(params)
     if (res.code === 200 && res.data) {
       radarData.value = res.data.dimensions || [{ name: '', finalScore: 0, color: '#00e5ff' }]
-     
+
     }
   } catch (error) {
     console.error('获取维度得分一览失败', error)
   }
 }
 const fetchData = (params) => {
-  if (!params.deptId && !params.groupId && !params.teamId ) {
+  if (!params.deptId && !params.groupId && !params.teamId) {
     return
   }
   //  console.log('params', params)
@@ -167,7 +161,7 @@ watch(() => props.queryParams, (newParams) => {
     display: flex;
     gap: 20px;
 
-    > .info-card {
+    >.info-card {
       flex: 1;
       min-width: 0;
     }

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

@@ -44,18 +44,13 @@ const teamColumns = [
   { label: '党员数量', prop: 'partyCount' },
   { label: '平均年龄', prop: 'avgAge' },
   { label: '平均工龄', prop: 'avgWorkYears' },
-  { label: '职业资格证书等级', prop: 'certLevel' },
-  { label: '平均升级年龄', prop: 'avgUpgradeAge' },
+  { label: '职业资格等级证书数量', prop: 'certLevel' },
+  { label: '平均开机年龄', prop: 'avgUpgradeAge' },
   { label: '综合得分', prop: 'totalScore' }
 ]
 
 const teamData = ref([
-  { dept: '安检一科', empCount: 58, partyCount: 15, avgAge: 29.2, avgWorkYears: 5.1, certLevel: '高级工', avgUpgradeAge: 32.5, totalScore: 91.8 },
-  { dept: '安检二科', empCount: 52, partyCount: 12, avgAge: 30.5, avgWorkYears: 6.3, certLevel: '技师', avgUpgradeAge: 34.0, totalScore: 88.6 },
-  { dept: '安检三科', empCount: 61, partyCount: 18, avgAge: 28.0, avgWorkYears: 4.0, certLevel: '中级工', avgUpgradeAge: 31.2, totalScore: 93.2 },
-  { dept: '安检四科', empCount: 55, partyCount: 14, avgAge: 29.8, avgWorkYears: 5.5, certLevel: '高级工', avgUpgradeAge: 33.1, totalScore: 87.4 },
-  { dept: '安检五科', empCount: 48, partyCount: 10, avgAge: 31.2, avgWorkYears: 6.8, certLevel: '技师', avgUpgradeAge: 35.0, totalScore: 85.9 },
-  { dept: '安检六科', empCount: 60, partyCount: 16, avgAge: 27.5, avgWorkYears: 3.8, certLevel: '中级工', avgUpgradeAge: 30.8, totalScore: 90.5 }
+  
 ])
 
 const genderData = ref([])

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

@@ -109,23 +109,23 @@ const props = defineProps({
   },
   dutyLeader: {
     type: String,
-    default: '张某某'
+    default: '李凯'
   },
   safetySection: {
     type: String,
-    default: '李某某'
+    default: '李凯'
   },
   serviceSection: {
     type: String,
-    default: '王某某'
+    default: '李凯'
   },
   operationSection: {
     type: String,
-    default: '赵某某'
+    default: '李凯'
   },
   standbyDuty: {
     type: String,
-    default: '刘某某'
+    default: '李凯'
   }
 })
 

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

@@ -2,29 +2,13 @@
   <div class="main-content-wrapper">
     <div class="main-content">
       <div class="content-row">
-        <ProfileRadar
-          :chartData1="radarData"
-          :chartData2="radarIndicators"
-          :chartData3="radarSeries1"
-          :chartData4="radarSeries2"
-        />
-        <ProfileMembers
-          :columns="memberColumns"
-          :data="teamMembers"
-        />
+        <ProfileRadar :chartData="radarData" />
+        <ProfileMembers :columns="memberColumns" :data="teamMembers" />
       </div>
 
       <div class="content-row">
-        <ProfileBasicDistribution
-          :chartData1="genderData"
-          :chartData2="nationData"
-          :chartData3="politicalData"
-        />
-        <ProfilePositionDistribution
-          :chartData1="skillData"
-          :chartData2="operateData"
-          :chartData3="postData"
-        />
+        <ProfileBasicDistribution :chartData1="genderData" :chartData2="nationData" :chartData3="politicalData" />
+        <ProfilePositionDistribution :chartData1="skillData" :chartData2="operateData" :chartData3="postData" />
       </div>
     </div>
   </div>
@@ -36,7 +20,7 @@ import ProfileRadar from '../../components/ProfileRadar.vue'
 import ProfileMembers from '../../components/ProfileMembers.vue'
 import ProfileBasicDistribution from '../../components/ProfileBasicDistribution.vue'
 import ProfilePositionDistribution from '../../components/ProfilePositionDistribution.vue'
-
+import { getDeptMembers, getDeptMemberDistribution, getDeptPositionDistribution, getDimensionScoreOverview } from '@/api/portraitManagement/portraitManagement'
 const props = defineProps({
   queryParams: {
     type: Object,
@@ -45,100 +29,126 @@ const props = defineProps({
 })
 
 const radarData = ref([
-  { 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 radarIndicators = ref([
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道协同作战能力', max: 100 }
-])
 
-const radarSeries1 = ref([86, 90, 72, 68, 78, 80, 72])
-const radarSeries2 = ref([80, 85, 65, 60, 72, 75, 68])
 
 const teamMembers = ref([
-  { name: '孙晓波', age: 25, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 6, totalScore: 88 },
-  { name: '孙晓波', age: 28, seniority: 6, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 5, totalScore: 85 },
-  { name: '孙晓波', age: 31, seniority: 2, gender: '女', nation: '汉', political: '党员', position: '组长', qualification: '前传、特检、人身', skillLevel: '四级', operateYears: 5, avgYears: 76, totalScore: 76 },
-  { name: '马力', age: 26, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '五级', operateYears: 5, avgYears: 81, totalScore: 81 },
-  { name: '马建国', age: 24, seniority: 5, gender: '男', nation: '汉', political: '党员', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 6, avgYears: 78, totalScore: 78 }
+  // { name: '孙晓波', age: 25, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 6, totalScore: 88 },
+  // { name: '孙晓波', age: 28, seniority: 6, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 5, totalScore: 85 },
+  // { name: '孙晓波', age: 31, seniority: 2, gender: '女', nation: '汉', political: '党员', position: '组长', qualification: '前传、特检、人身', skillLevel: '四级', operateYears: 5, avgYears: 76, totalScore: 76 },
+  // { name: '马力', age: 26, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '五级', operateYears: 5, avgYears: 81, totalScore: 81 },
+  // { name: '马建国', age: 24, seniority: 5, gender: '男', nation: '汉', political: '党员', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 6, avgYears: 78, totalScore: 78 }
 ])
 
 const memberColumns = ref([
-  { label: '姓名', prop: 'name' },
+  { label: '姓名', prop: 'personName' },
   { label: '年龄', prop: 'age' },
-  { label: '司龄', prop: 'seniority' },
-  { label: '性别', prop: 'gender' },
+  { label: '司龄', prop: 'workYears' },
+  { label: '性别', prop: 'sex' },
   { label: '民族', prop: 'nation' },
-  { label: '政治面貌', prop: 'political' },
-  { label: '职务', prop: 'position' },
-  { label: '岗位资质', prop: 'qualification' },
+  { label: '政治面貌', prop: 'politicalStatus' },
+  { label: '职务', prop: 'roleNames' },
+  { label: '岗位资质', prop: 'qualificationLevel' },
   { label: '职业技能等级', prop: 'skillLevel' },
-  { label: '开机年限', prop: 'operateYears' },
+  { label: '开机年限', prop: 'xrayOperatorYears' },
   { label: '平均年限', prop: 'avgYears' },
   { label: '综合得分', prop: 'totalScore' }
 ])
 
 const genderData = ref([
-  { value: 6, name: '女', itemStyle: { color: '#ff6b9d' } },
-  { value: 8, name: '男', itemStyle: { color: '#4da6ff' } }
+  
 ])
 
 const nationData = ref([
-  { value: 1, name: '回族', itemStyle: { color: '#ff9f43' } },
-  { value: 8, name: '汉族', itemStyle: { color: '#4da6ff' } },
-  { value: 5, name: '其他', itemStyle: { color: '#a55eea' } }
+ 
 ])
 
 const politicalData = ref([
-  { value: 1, name: '党员', itemStyle: { color: '#ff6b6b' } },
-  { value: 2, name: '共青团员', itemStyle: { color: '#ffd93d' } },
-  { value: 5, name: '群众', itemStyle: { color: '#6bcb77' } },
-  { value: 6, name: '其他', itemStyle: { color: '#4d96ff' } }
+  
 ])
 
 const skillData = ref([
-  { name: '等级1', value: 3 },
-  { name: '等级2', value: 5 },
-  { name: '等级3', value: 7 },
-  { name: '等级4', value: 8 },
-  { name: '等级5', value: 4 }
+  
 ])
 
 const operateData = ref([
-  { name: '0-3年', value: 4 },
-  { name: '4-7年', value: 2 },
-  { name: '8-11年', value: 3 },
-  { name: '12-15年', value: 5 },
-  { name: '15年以上', value: 8 }
+  
 ])
 
 const postData = ref([
-  { name: '前传', value: 4 },
-  { name: '人身', value: 5 },
-  { name: '验证', value: 6 },
-  { name: '开包', value: 7 },
-  { name: '开机', value: 8 }
+  
 ])
+const fetchTeamMembers = async (params) => {
+  try {
+    const res = await getDeptMembers(params)
+    if (res.code === 200 && res.data) {
+      teamMembers.value = res.data
+    }
+  } catch (error) {
+    console.error('获取部门成员列表失败', error)
+  }
+}
+
+const fetchMemberDistribution = async (params) => {
+  try {
+    const res = await getDeptMemberDistribution(params)
+    if (res.code === 200 && res.data) {
+
+      genderData.value = res.data.sexDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      nationData.value = res.data.nationDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      politicalData.value = res.data.politicalDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      console.log('genderData', genderData.value)
+      console.log('nationData', nationData.value)
+      console.log('politicalData', politicalData.value)
+    }
+  } catch (error) {
+    console.error('获取部门成员基本情况分布失败', error)
+  }
+}
+
+const fetchPositionDistribution = async (params) => {
+  try {
+    const res = await getDeptPositionDistribution(params)
+    if (res.code === 200 && res.data) {
+      skillData.value = res.data.qualificationDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      operateData.value = res.data.xrayYearDistribution.map(item => ({ value: item.count, name: item.name })) || []
+      postData.value = res.data.positionDistribution.map(item => ({ value: item.count, name: item.name })) || []
+    }
+  } catch (error) {
+    console.error('获取部门成员职位情况分布失败', error)
+  }
+}
+
+const fetchRadarData = async (params) => {
+  try {
+    const res = await getDimensionScoreOverview(params)
+    if (res.code === 200 && res.data) {
+      radarData.value = res.data.dimensions || [{ name: '', finalScore: 0, color: '#00e5ff' }]
+
+    }
+  } catch (error) {
+    console.error('获取维度得分一览失败', error)
+  }
+}
+const fetchData = (params) => {
+  if (!params.deptId && !params.groupId && !params.teamId) {
+    return
+  }
+  //  console.log('params', params)
+  // debugger
+  fetchTeamMembers(params)
+  fetchMemberDistribution(params)
+  fetchPositionDistribution(params)
+  fetchRadarData(params)
+}
 
 watch(() => props.queryParams, (newParams) => {
   fetchData(newParams)
 }, { deep: true })
 
-const fetchData = (params) => {
-  console.log('查询参数:', params)
-}
+
 </script>
 
 <style lang="scss" scoped>
@@ -154,7 +164,7 @@ const fetchData = (params) => {
     display: flex;
     gap: 20px;
 
-    > .info-card {
+    >.info-card {
       flex: 1;
       min-width: 0;
     }

src/views/score/dimension/index.vue

@@ -8,7 +8,7 @@
             <span>配分层级</span>
           </template>
           <div>
-            <el-select v-model="scoreLevel" placeholder="请选择层级" clearable style="width:100%" @change="loadTree">
+            <el-select v-model="scoreLevel" placeholder="请选择层级" clearable style="width:100%" @change="handleLevelChange">
               <el-option v-for="dict in score_level" :key="dict.value" :label="dict.label" :value="dict.value" />
             </el-select>
           </div>
@@ -207,6 +207,11 @@ const { score_level } = proxy.useDict('score_level')
 
 const scoreLevel = ref('4')
 
+const handleLevelChange = async () => {
+  selectedDim.value = null
+  await loadDimensions()
+}
+
 // ===== 维度 =====
 const dimLoading = ref(false)
 const dimList = ref([])

src/views/score/event/index.vue

@@ -1,17 +1,35 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
-      <el-form-item label="责任人" prop="personName">
-        <el-input v-model="queryParams.personName" placeholder="请输入责任人" clearable @keyup.enter="handleQuery" />
+      <el-form-item label="配分层级" prop="org">
+        <el-select v-model="queryParams.org" placeholder="请选择层级" style="width:200px" clearable
+          @change="handleLevelChange">
+          <el-option v-for="dict in score_level" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="部门名称" prop="deptName">
-        <el-input v-model="queryParams.deptName" placeholder="请输入部门名称" clearable @keyup.enter="handleQuery" />
+      <el-form-item label="部门名称" prop="deptId">
+        <el-select v-model="queryParams.deptId" placeholder="请选择部门" style="width:150px" clearable filterable
+          @change="handleQueryDeptChange">
+          <el-option v-for="d in queryDeptOptions" :key="d.deptId" :label="d.deptName" :value="d.deptId" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="队室/班组" prop="teamName">
-        <el-input v-model="queryParams.teamName" placeholder="请输入队室/班组" clearable @keyup.enter="handleQuery" />
+      <el-form-item label="队室/班组" prop="teamId">
+        <el-select v-model="queryParams.teamId" placeholder="请选择队室/班组" style="width:150px" clearable filterable
+          :disabled="queryParams.org < 2" @change="handleQueryTeamChange">
+          <el-option v-for="t in queryTeamOptions" :key="t.id" :label="t.label" :value="t.id" />
+        </el-select>
       </el-form-item>
-      <el-form-item label="通道/小组" prop="groupName">
-        <el-input v-model="queryParams.groupName" placeholder="请输入通道/小组" clearable @keyup.enter="handleQuery" />
+      <el-form-item label="通道/小组" prop="groupId">
+        <el-select v-model="queryParams.groupId" placeholder="请选择通道/小组" style="width:150px" clearable filterable
+          :disabled="queryParams.org < 3" @change="handleQueryGroupChange">
+          <el-option v-for="g in queryGroupOptions" :key="g.id" :label="g.label" :value="g.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="责任人" prop="personId">
+        <el-select v-model="queryParams.personId" placeholder="请选择责任人" style="width:150px" clearable filterable
+          :disabled="queryParams.org < 4">
+          <el-option v-for="p in queryPersonOptions" :key="p.userId" :label="p.nickName" :value="p.userId" />
+        </el-select>
       </el-form-item>
       <el-form-item label="维度" prop="dimensionId">
         <el-select v-model="queryParams.dimensionId" placeholder="全部维度" clearable style="width:150px">
@@ -60,6 +78,9 @@
 
     <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="配分层级" align="center" prop="org" width="110">
+        <template #default="{ row }"><dict-tag :options="score_level" :value="row.org" /></template>
+      </el-table-column>
       <el-table-column label="事件时间" align="center" prop="eventTime" width="120">
         <template #default="{ row }">{{ parseTime(row.eventTime, '{y}-{m}-{d}') }}</template>
       </el-table-column>
@@ -117,7 +138,7 @@
         <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-select v-model="form.org" placeholder="请选择层级" style="width:100%" @change="handleFormLevelChange">
                 <el-option v-for="dict in score_level" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
@@ -147,7 +168,8 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="四级指标">
-              <el-select v-model="form.level4Id" placeholder="请选择" style="width:100%" clearable @change="onLevel4Change">
+              <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>
@@ -233,7 +255,7 @@ import {
   listScoreEvent, addScoreEvent, updateScoreEvent, delScoreEvent,
   exportScoreEvent, importScoreEvent
 } from '@/api/score/index'
-import { allDimension, treeIndicator } from '@/api/score/index'
+import { allDimension, treeIndicator, getDimensionAll } from '@/api/score/index'
 import { listDept } from '@/api/system/dept'
 import { deptTreeSelect } from '@/api/system/user'
 import { parseTime } from '@/utils/ruoyi'
@@ -256,8 +278,12 @@ const deptOptions = ref([])
 const teamOptions = ref([])
 const groupOptions = ref([])
 const personOptions = ref([])
+const queryDeptOptions = ref([])
+const queryTeamOptions = ref([])
+const queryGroupOptions = ref([])
+const queryPersonOptions = ref([])
 
-const queryParams = reactive({ pageNum: 1, pageSize: 10, personName: '', deptName: '', teamName: '', dimensionId: null, sourceType: '', org: '' })
+const queryParams = reactive({ pageNum: 1, pageSize: 10, personId: null, personName: '', deptId: null, deptName: '', teamId: null, teamName: '', groupId: null, groupName: '', 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' }],
@@ -273,6 +299,23 @@ async function loadDimensions() {
   dimensionOptions.value = r.data || []
 }
 
+async function handleLevelChange() {
+  queryParams.dimensionId = null
+  queryParams.deptId = null; queryParams.teamId = null; queryParams.groupId = null; queryParams.personId = null
+  queryTeamOptions.value = []; queryGroupOptions.value = []; queryPersonOptions.value = []
+  const r = await getDimensionAll({ pageNum: 1, pageSize: 100, org: queryParams.org })
+  dimensionOptions.value = r.data || []
+}
+
+async function handleFormLevelChange() {
+  form.dimensionId = null
+  form.level2Id = null; form.level2Name = ''; form.level3Id = null; form.level3Name = ''; form.level4Id = null; form.level4Name = ''
+  indicatorTree.value = []
+  level2Options.value = []; level3Options.value = []; level4Options.value = []
+  const r = await getDimensionAll({ pageNum: 1, pageSize: 100, org: form.org })
+  dimensionOptions.value = r.data || []
+}
+
 async function loadDepts() {
   const r = await listDept()
   deptOptions.value = (r.data || []).filter(d => d.deptType === 'BRIGADE')
@@ -322,6 +365,43 @@ async function handleGroupChange(val, preserve) {
   }
 }
 
+async function loadQueryDepts() {
+  const r = await listDept()
+  queryDeptOptions.value = (r.data || []).filter(d => d.deptType === 'BRIGADE')
+}
+
+async function handleQueryDeptChange(deptId) {
+  queryParams.teamId = null; queryParams.groupId = null; queryParams.personId = null
+  queryTeamOptions.value = []; queryGroupOptions.value = []; queryPersonOptions.value = []
+  if (deptId) {
+    const r = await deptTreeSelect({ parentId: deptId })
+    queryTeamOptions.value = r.data || []
+  }
+}
+
+async function handleQueryTeamChange(val) {
+  queryParams.groupId = null; queryParams.personId = null
+  queryPersonOptions.value = []
+  const team = queryTeamOptions.value.find(t => t.id === val)
+  if (team) {
+    const r = await deptTreeSelect({ parentId: team.id })
+    queryGroupOptions.value = r.data || []
+  } else {
+    queryGroupOptions.value = []
+  }
+}
+
+async function handleQueryGroupChange(val) {
+  queryParams.personId = null
+  const group = queryGroupOptions.value.find(g => g.id === val)
+  if (group) {
+    const r = await listUser({ deptId: group.id })
+    queryPersonOptions.value = r.rows || []
+  } else {
+    queryPersonOptions.value = []
+  }
+}
+
 function getList() {
   loading.value = true
   const p = { ...queryParams }
@@ -330,7 +410,13 @@ function getList() {
 }
 
 function handleQuery() { queryParams.pageNum = 1; getList() }
-function resetQuery() { dateRange.value = []; queryRef.value?.resetFields(); handleQuery() }
+function resetQuery() {
+  dateRange.value = []
+  queryParams.deptId = null; queryParams.teamId = null; queryParams.groupId = null; queryParams.personId = null
+  queryTeamOptions.value = []; queryGroupOptions.value = []; queryPersonOptions.value = []
+  queryRef.value?.resetFields()
+  handleQuery()
+}
 function handleSelectionChange(sel) { ids.value = sel.map(s => s.id); single.value = sel.length !== 1; multiple.value = !sel.length }
 
 function resetForm() {
@@ -340,19 +426,19 @@ function resetForm() {
 }
 
 function handleAdd() { resetForm(); dialogTitle.value = '新增配分事项'; dialogVisible.value = true }
- function handleUpdate(row) {
+function handleUpdate(row) {
   resetForm()
   const record = row?.id ? row : list.value.find(r => r.id === ids.value[0])
   if (record) {
     Object.assign(form, record)
-    if (record.dimensionId)  onDimensionChange(record.dimensionId, true)
-    if (record.level2Id)  onLevel2Change(record.level2Id, true)
-    if (record.level3Id)  onLevel3Change(record.level3Id, true)
-    if (record.level4Id)  onLevel4Change(record.level4Id, true)
-    if (record.deptId)  handleDeptChange(record.deptId, true)
-    if (record.teamId)  handleTeamChange(record.teamId, true)
-    if (record.groupId)  handleGroupChange(record.groupId, true)
-   
+    if (record.dimensionId) onDimensionChange(record.dimensionId, true)
+    if (record.level2Id) onLevel2Change(record.level2Id, true)
+    if (record.level3Id) onLevel3Change(record.level3Id, true)
+    if (record.level4Id) onLevel4Change(record.level4Id, true)
+    if (record.deptId) handleDeptChange(record.deptId, true)
+    if (record.teamId) handleTeamChange(record.teamId, true)
+    if (record.groupId) handleGroupChange(record.groupId, true)
+
   }
   dialogTitle.value = '修改配分事项'; dialogVisible.value = true
 }
@@ -360,9 +446,9 @@ function handleAdd() { resetForm(); dialogTitle.value = '新增配分事项'; di
 async function onDimensionChange(dimId, preserveSelection) {
   const dim = dimensionOptions.value.find(d => d.id === dimId)
   if (dim) form.dimensionName = dim.name
-  const r = await treeIndicator({ dimensionId: dimId })
+  const r = await treeIndicator({ dimensionId: dimId, org: form.org })
   indicatorTree.value = r.data || []
-  level2Options.value = indicatorTree.value.map(n => ({name: n.name,id: n.id, scoreValue: n.scoreValue}))
+  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.level2Id) onLevel2Change(form.level2Id, true)
@@ -374,7 +460,7 @@ function onLevel2Change(val, preserveSelection) {
     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})) : []
+  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.level3Id) onLevel3Change(form.level3Id, true)
@@ -387,7 +473,7 @@ function onLevel3Change(val, preserveSelection) {
     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})) : []
+  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 }
 }
 
@@ -453,5 +539,5 @@ async function handleImportFile(file) {
   }
 }
 
-onMounted(() => { loadDimensions(); loadDepts(); getList() })
+onMounted(() => { loadDimensions(); loadDepts(); loadQueryDepts(); getList() })
 </script>