refactor(score/event,portrait): optimize table and chart styles, adjust form layout

1. 优化TestResult.vue图表的图例配置，改为滚动横向布局
2. 优化score/event页面的表单布局和表格样式：
   - 调整区域选择框宽度
   - 为表格添加全屏宽度和常驻滚动条
   - 为表格列添加resizable和合适的宽高配置
   - 整理代码格式和空行
   - 调整接口调用顺序
3. 新增表格容器的less样式优化横向滚动体验

src/views/portraitManagement/components/TestResult.vue

@@ -31,9 +31,10 @@ const setChartsOptionsBar = computed(() => {
       textStyle: { color: '#fff' }
     },
     legend: {
-      top: '10%',
-      left: '0%',
-      orient: 'vertical',
+      type: 'scroll',
+      top: '0%',
+      left: 'center',
+      orient: 'horizontal',
       textStyle: { color: '#fff' }
     },
     series: [{

src/views/score/event/index.vue

@@ -51,21 +51,20 @@
         </el-select>
       </el-form-item>
       <el-form-item label="区域" prop="regionalId">
-        <el-select v-model="queryParams.regionalId" placeholder="请选择区域" clearable filterable
-          style="width:150px" @change="handleRegionalChange">
+        <el-select v-model="queryParams.regionalId" placeholder="请选择区域" clearable filterable style="width:200px"
+          @change="handleRegionalChange">
           <el-option v-for="item in regionalOptions" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
       </el-form-item>
       <el-form-item label="工作点" prop="channelId">
-        <el-select v-model="queryParams.channelId" placeholder="请选择工作点" clearable filterable
-          style="width:150px">
+        <el-select v-model="queryParams.channelId" placeholder="请选择工作点" clearable filterable style="width:150px">
           <el-option v-for="item in channelOptions" :key="item.id" :label="item.positionName" :value="item.id" />
         </el-select>
       </el-form-item>
       <el-form-item label="岗位" prop="postId">
         <el-tree-select v-model="queryParams.postId" :data="postTreeData"
-          :props="{ value: 'postId', label: 'postName', children: 'children' }" clearable filterable
-          placeholder="请选择岗位" check-strictly />
+          :props="{ value: 'postId', label: 'postName', children: 'children' }" clearable filterable placeholder="请选择岗位"
+          check-strictly />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -97,31 +96,32 @@
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
     </el-row>
 
-    <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">
+    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange" style="width: 100%;"
+      :scrollbar-always-on="true">
+      <el-table-column type="selection" width="55" align="center" resizable />
+      <el-table-column label="配分层级" align="center" prop="org" width="110" resizable>
         <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">
+      <el-table-column label="事件时间" align="center" prop="eventTime" width="120" resizable>
         <template #default="{ row }">{{ parseTime(row.eventTime, '{y}-{m}-{d}') }}</template>
       </el-table-column>
-      <el-table-column label="维度" align="center" prop="dimensionName" width="110" />
-      <el-table-column label="二级指标" align="center" prop="level2Name" show-overflow-tooltip />
-      <el-table-column label="三级指标" align="center" prop="level3Name" show-overflow-tooltip />
-      <el-table-column label="责任人" align="center" prop="personName" width="80" />
-      <el-table-column label="部门" align="center" prop="deptName" />
-      <el-table-column label="班组" align="center" prop="teamName" />
-      <el-table-column label="区域" align="center" prop="regionalName" />
-      <el-table-column label="工作点" align="center" prop="channelName" />
-      <el-table-column label="岗位" align="center" prop="postName" />
-      <el-table-column label="基础分值" align="center" prop="scoreValue" width="90">
+      <el-table-column label="维度" align="center" prop="dimensionName" width="110" resizable />
+      <el-table-column label="二级指标" align="center" prop="level2Name" min-width="150" show-overflow-tooltip resizable />
+      <el-table-column label="三级指标" align="center" prop="level3Name" min-width="170" show-overflow-tooltip resizable />
+      <el-table-column label="责任人" align="center" prop="personName" width="80" resizable />
+      <el-table-column label="部门" align="center" prop="deptName" min-width="120" resizable />
+      <el-table-column label="班组" align="center" prop="teamName" min-width="120" resizable />
+      <el-table-column label="区域" align="center" prop="regionalName" min-width="180" resizable />
+      <el-table-column label="工作点" align="center" prop="channelName" min-width="100" resizable />
+      <el-table-column label="岗位" align="center" prop="postName" min-width="180" resizable />
+      <el-table-column label="基础分值" align="center" prop="scoreValue" width="90" resizable>
         <template #default="{ row }">
           <span :style="{ color: row.scoreValue > 0 ? '#67c23a' : row.scoreValue < 0 ? '#f56c6c' : '' }">
             {{ row.scoreValue > 0 ? '+' : '' }}{{ row.scoreValue }}
           </span>
         </template>
       </el-table-column>
-      <el-table-column label="叠加分" align="center" prop="cascadeScore" width="80">
+      <el-table-column label="叠加分" align="center" prop="cascadeScore" width="80" resizable>
         <template #default="{ row }">
           <span v-if="row.cascadeScore" :style="{ color: row.cascadeScore > 0 ? '#67c23a' : '#f56c6c' }">
             {{ row.cascadeScore > 0 ? '+' : '' }}{{ row.cascadeScore }}
@@ -129,22 +129,22 @@
           <span v-else style="color:#c0c4cc">-</span>
         </template>
       </el-table-column>
-      <el-table-column label="总分值" align="center" prop="totalScore" width="90">
+      <el-table-column label="总分值" align="center" prop="totalScore" width="90" resizable>
         <template #default="{ row }">
           <strong :style="{ color: row.totalScore > 0 ? '#67c23a' : row.totalScore < 0 ? '#f56c6c' : '' }">
             {{ row.totalScore > 0 ? '+' : '' }}{{ row.totalScore }}
           </strong>
         </template>
       </el-table-column>
-      <el-table-column label="来源" align="center" width="90">
+      <el-table-column label="来源" align="center" width="90" resizable>
         <template #default="{ row }">
           <el-tag :type="row.sourceType === '1' ? 'primary' : 'warning'" size="small">
             {{ row.sourceType === '1' ? '手动录入' : '台账同步' }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="事件描述" width="460" align="center" prop="eventDesc" show-overflow-tooltip />
-      <el-table-column label="操作" align="center" width="180">
+      <el-table-column label="事件描述" min-width="200" align="center" prop="eventDesc" show-overflow-tooltip resizable />
+      <el-table-column label="操作" align="center" width="180" resizable>
         <template #default="{ row }">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(row)"
             v-hasPermi="['score:event:edit']">修改</el-button>
@@ -206,16 +206,15 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="区域">
-              <el-select v-model="form.regionalId" placeholder="请选择区域" clearable filterable
-                style="width:100%" @change="handleFormRegionalChange">
+              <el-select v-model="form.regionalId" placeholder="请选择区域" clearable filterable style="width:100%"
+                @change="handleFormRegionalChange">
                 <el-option v-for="item in regionalOptions" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="工作点">
-              <el-select v-model="form.channelId" placeholder="请选择工作点" clearable filterable
-                style="width:100%">
+              <el-select v-model="form.channelId" placeholder="请选择工作点" clearable filterable style="width:100%">
                 <el-option v-for="item in formChannelOptions" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>
@@ -349,7 +348,7 @@ const rules = computed(() => {
 
 // 搜索表单责任人选项：未选择部门/班组/小组时使用全量人员，否则使用过滤后的人员
 const searchPersonOptions = computed(() => {
-  
+
   if (queryParams.deptId || queryParams.teamId || queryParams.groupId) {
     return queryPersonOptions.value
   }
@@ -378,6 +377,10 @@ async function handleFormLevelChange() {
   teamOptions.value = []; groupOptions.value = []; personOptions.value = []
 
   const org = form.org
+
+
+  const r = await getDimensionAll({ pageNum: 1, pageSize: 100, org })
+  dimensionOptions.value = r.data || []
   // if (org === '2') {
   await loadAllTeams()
   // } else if (org === '3') {
@@ -385,9 +388,6 @@ async function handleFormLevelChange() {
   // } else if (org === '4') {
   await loadAllPersons()
   // }
-
-  const r = await getDimensionAll({ pageNum: 1, pageSize: 100, org })
-  dimensionOptions.value = r.data || []
 }
 
 async function loadAllTeams() {
@@ -407,7 +407,7 @@ async function loadAllGroups() {
 
 async function loadAllPersons() {
   const r = await listUser({ pageSize: 9999 })
-  
+
   personOptions.value = r.rows || []
 }
 
@@ -517,24 +517,24 @@ function getList() {
 function handleQuery() { queryParams.pageNum = 1; getList() }
 function resetQuery() {
   dateRange.value = []
-  Object.assign(queryParams, { 
-    pageNum: 1, 
-    pageSize: 10, 
-    personId: null, 
-    personName: '', 
-    deptId: null, 
-    deptName: '', 
-    teamId: null, 
-    teamName: '', 
-    groupId: null, 
-    groupName: '', 
-    dimensionId: null, 
-    sourceType: '', 
-    org: '', 
-    scoreType: null, 
-    regionalId: null, 
-    channelId: null, 
-    postId: null 
+  Object.assign(queryParams, {
+    pageNum: 1,
+    pageSize: 10,
+    personId: null,
+    personName: '',
+    deptId: null,
+    deptName: '',
+    teamId: null,
+    teamName: '',
+    groupId: null,
+    groupName: '',
+    dimensionId: null,
+    sourceType: '',
+    org: '',
+    scoreType: null,
+    regionalId: null,
+    channelId: null,
+    postId: null
   })
   queryTeamOptions.value = []; queryGroupOptions.value = []; queryPersonOptions.value = []; channelOptions.value = []
   queryRef.value?.resetFields()
@@ -760,15 +760,28 @@ const processPostTree = (nodes, isFirstLevel = true) => {
   })
 }
 
-onMounted(() => { 
-  loadDimensions(); 
-  loadDepts(); 
-  loadQueryDepts(); 
-  loadAllPersons(); 
-  loadRegions(); 
-  listAllTree().then(res => { 
+onMounted(() => {
+  loadDimensions();
+  loadDepts();
+  loadQueryDepts();
+  loadAllPersons();
+  loadRegions();
+  listAllTree().then(res => {
     postTreeData.value = processPostTree(res.data || [])
-  }); 
-  getList() 
+  });
+  getList()
 })
 </script>
+
+<style scoped lang="less">
+/* Element Plus表格横向滚动配置 */
+.table-container :deep(.el-table) {
+  width: 100%;
+  min-width: 100%;
+}
+
+.table-container :deep(.el-table .el-table__header-wrapper),
+.table-container :deep(.el-table .el-table__body-wrapper) {
+  overflow-x: auto !important;
+}
+</style>