feat:事件工单滚动条

张含笑

2025-08-05 c832bf2e80ac465e71b7a1c1f7a59d4252030989

 src/components/basic-container/main.vue

@@ -1,3 +1,13 @@
<!--
 * @Author       : yuan
 * @Date         : 2025-06-14 15:19:16
 * @LastEditors  : yuan
 * @LastEditTime : 2025-06-27 14:34:02
 * @FilePath     : \src\components\basic-container\main.vue
 * @Description  : 
 * Copyright 2025 OBKoro1, All Rights Reserved. 
 * 2025-06-14 15:19:16
-->
<template>
  <div class="basic-container" :style="styleName" :class="{ 'basic-container--block': block }">
    <el-card class="basic-container__card">
@@ -23,20 +33,42 @@
    },
  },
  computed: {
    styleName() {
    styleName () {
      return {
        borderRadius: `${this.radius}px`,
        background: this.background,
      };
      }
    },
  },
};
}
</script>

<style lang="scss">
<style lang="scss" scoped>
.basic-container {
  padding: 10px 6px;
  box-sizing: border-box;
  height: 0;
  flex: 1;

  padding: 10px;
  // box-sizing: border-box;
  // height: 100%;

  .basic-container__card {
    height: 100% !important;
    overflow: hidden;

    .el-card__body {
      display: flex;
      flex-direction: column;
      height: 100% !important;
      overflow: hidden;
      box-sizing: border-box;

      &>div {
        height: 0;
        flex: 1;
      }
    }
  }

  &--block {
    height: 100%;