feat: fix bug处理

src/directive/index.js

@@ -1,11 +1,12 @@
 import hasRole from './permission/hasRole'
 import hasPermi from './permission/hasPermi'
 import copyText from './common/copyText'
-import { vCardExpand } from './view/index'
+import { vCardExpand, autoScrollDirective } from './view/index'
 
 export default function directive(app){
   app.directive('hasRole', hasRole)
   app.directive('hasPermi', hasPermi)
   app.directive('copyText', copyText)
   app.directive('card-expand', vCardExpand)
+  app.directive('auto-scroll', autoScrollDirective)
 }

src/directive/view/index.js

@@ -233,6 +233,170 @@ export const vCardExpand = {
   }
 }
 
+
+
+// 自动滚动公共方法
+const autoScrollUtils = {
+  /**
+   * 初始化自动滚动
+   * @param {HTMLElement} scrollContainer - 滚动容器元素
+   * @param {Object} options - 配置选项
+   * @returns {Object} 控制方法
+   */
+  init (scrollContainer, options = {}) {
+    const defaultOptions = {
+      speed: 0.2,
+      pauseDuration: 3000,
+      autoStart: true
+    };
+
+    const config = { ...defaultOptions, ...options };
+
+    // 状态变量
+    let isScrolling = config.autoStart;
+    let animationId = null;
+    let direction = 'down';
+    let isAtEdge = false;
+    let curScrollTop = scrollContainer.scrollTop;
+
+    // 滚动函数
+    const scroll = () => {
+      if (!isScrolling) {
+        if (animationId) {
+          cancelAnimationFrame(animationId);
+          animationId = null;
+        }
+        return;
+      }
+
+      const scrollHeight = scrollContainer.scrollHeight;
+      const clientHeight = scrollContainer.clientHeight;
+      
+      const scrollTop = scrollContainer.scrollTop;
+
+      // 检查边界
+      const isAtBottom = Math.abs(scrollTop + clientHeight - scrollHeight) < 1;
+      const isAtTop = scrollTop < 1;
+      
+
+      if ((isAtBottom && direction === 'down') || (isAtTop && direction === 'up')) {
+        if (!isAtEdge) {
+          isAtEdge = true;
+          setTimeout(() => {
+            direction = direction === 'down' ? 'up' : 'down';
+            isAtEdge = false;
+            animationId = requestAnimationFrame(scroll);
+          }, config.pauseDuration);
+          return;
+        }
+      } else {
+        isAtEdge = false;
+      }
+      
+      // 执行滚动
+      if (direction === 'down') {
+        curScrollTop += config.speed
+      } else {
+        curScrollTop -= config.speed
+      }
+      scrollContainer.scrollTop = Math.floor(curScrollTop)
+      animationId = requestAnimationFrame(scroll);
+    };
+
+    // 控制方法
+    const start = () => {
+      if (isScrolling) return;
+      isScrolling = true;
+      animationId = requestAnimationFrame(scroll);
+    };
+
+    const pause = () => {
+      isScrolling = false;
+      if (animationId) {
+        cancelAnimationFrame(animationId);
+        animationId = null;
+      }
+    };
+
+    const resume = () => {
+      if (isScrolling && animationId) return;
+      curScrollTop = scrollContainer.scrollTop
+      isScrolling = true;
+      animationId = requestAnimationFrame(scroll);
+    };
+
+    const stop = () => {
+      isScrolling = false;
+      scrollContainer.scrollTop = 0;
+      direction = 'down';
+      if (animationId) {
+        cancelAnimationFrame(animationId);
+        animationId = null;
+      }
+    };
+
+    return { start, pause, resume, stop };
+  }
+};
+
+export const autoScrollDirective = {
+  mounted (el, binding) {
+    const config = binding.value || {};
+
+    // 默认配置
+    const defaultConfig = {
+      speed: 0.2, // 滚动速度 px/帧
+      direction: 'down', // 初始方向
+      pauseDuration: 3000, // 到底部/顶部暂停时间
+      hoverPause: true, // 鼠标悬停暂停
+      autoStart: true // 是否自动开始
+    };
+
+    const options = { ...defaultConfig, ...config };
+
+    const autoScrollHandler = autoScrollUtils.init(el.querySelector('.el-scrollbar__wrap'), {
+      speed: options.speed,
+      pauseDuration: options.pauseDuration
+    })
+
+
+    // 鼠标悬停暂停功能
+    if (options.hoverPause) {
+      el.addEventListener('mouseenter', () => {
+        autoScrollHandler.pause()
+      });
+
+      el.addEventListener('mouseleave', () => {
+        autoScrollHandler.resume()
+      });
+    }
+
+    // 存储方法到元素上，供外部调用
+    el._autoScroll = {
+      start: autoScrollHandler.start,
+      pause: autoScrollHandler.pause,
+      resume: autoScrollHandler.resume,
+      stop: autoScrollHandler.stop
+    };
+  },
+  updated (el, binding) {
+    if (el._autoScroll) {
+      nextTick(() => {
+        el._autoScroll.resume();
+      })
+    }
+  },
+  unmounted (el) {
+    // 清理
+    if (el._autoScroll) {
+      el._autoScroll.stop();
+      delete el._autoScroll;
+    }
+  }
+};
+
+
+
 // 导出工具函数供外部使用
 export {
   toggleCard,

src/views/portraitManagement/components/ProfileMembers.vue

@@ -36,9 +36,8 @@ const props = defineProps({
 
 <style lang="scss" scoped>
 .table-container {
+  height: 100%;
   max-height: 400px;
-  overflow-y: auto;
-
   &::-webkit-scrollbar {
     width: 6px;
   }

src/views/portraitManagement/components/rollingTable.vue

@@ -5,8 +5,8 @@
         <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="table-body" v-auto-scroll="{ speed: 0.3 }">
+      <div class="scroll-content el-scrollbar__wrap">
         <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>
@@ -98,19 +98,19 @@ const stopScroll = () => {
 onMounted(() => {
   isActive = true
   if (props.data.length > 0) {
-    startScroll()
+    // startScroll()
   }
 })
 
 watch(() => props.data, (val) => {
   if (val && val.length > 0) {
-    startScroll()
+    // startScroll()
   }
 })
 
 onUnmounted(() => {
   isActive = false
-  stopScroll()
+  // stopScroll()
 })
 </script>
 
@@ -118,6 +118,9 @@ onUnmounted(() => {
 .rolling-table {
   width: 100%;
   overflow: hidden;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .table-header {
@@ -140,14 +143,23 @@ onUnmounted(() => {
 
 .table-body {
   overflow: hidden;
-  max-height: 300px;
+  flex: 1;
 }
 
 .scroll-content {
   display: flex;
   flex-direction: column;
   gap: 2px;
-  will-change: transform;
+  height: 100%;
+  // will-change: transform;
+  overflow-y: auto;
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: linear-gradient(225deg, #4355cb, #873dc3);
+    border-radius: 4px;
+  }
 }
 
 .body-row {

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

@@ -42,7 +42,7 @@ const teamColumns = [
   { label: '平均年龄', prop: 'avgAge' },
   { label: '平均工龄', prop: 'avgWorkYears' },
   { label: '职业资格等级证书数量', prop: 'qualificationLevel' },
-  { label: '平均开机年龄', prop: 'avgXrayOperatorYears' },
+  { label: '平均开机年限', prop: 'avgXrayOperatorYears' },
   { label: '综合得分', prop: 'totalScore' }
 ]
 

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

@@ -48,10 +48,8 @@ const memberColumns = ref([
   { label: '民族', prop: 'nation' },
   { label: '政治面貌', prop: 'politicalStatus' },
   { label: '职务', prop: 'roleNames' },
-  { label: '岗位资质', prop: 'qualificationLevel' },
-  { label: '职业技能等级', prop: 'skillLevel' },
+  { label: '职业技能等级', prop: 'qualificationLevel' },
   { label: '开机年限', prop: 'xrayOperatorYears' },
-  { label: '平均年限', prop: 'avgYears' },
   { label: '综合得分', prop: 'totalScore' }
 ])
 

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

@@ -45,7 +45,7 @@ const teamColumns = [
   { label: '平均年龄', prop: 'avgAge' },
   { label: '平均工龄', prop: 'avgWorkYears' },
   { label: '职业资格等级证书数量', prop: 'qualificationLevel' },
-  { label: '平均开机年龄', prop: 'avgXrayOperatorYears' },
+  { label: '平均开机年限', prop: 'avgXrayOperatorYears' },
   { label: '综合得分', prop: 'totalScore' }
 ]
 

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

@@ -43,7 +43,7 @@ const teamColumns = [
   { label: '平均年龄', prop: 'avgAge' },
   { label: '平均工龄', prop: 'avgWorkYears' },
   { label: '职业资格等级证书数量', prop: 'qualificationLevel' },
-  { label: '平均开机年龄', prop: 'avgXrayOperatorYears' },
+  { label: '平均开机年限', prop: 'avgXrayOperatorYears' },
   { label: '综合得分', prop: 'totalScore' }
 ]