PC-application/component/statistics/CopdServiceRecord/index.js

// 慢阻肺患者档案-服务档案
var template = ''
$.ajax('../../../component/statistics/CopdServiceRecord/index.html',{
  data: {},
  dataType: 'html',
  cache: false,
  timeout: 60000,
  async: false,
  error: function(res) {
  },
  success: function(res) {
    template = res
  }
})
  
Vue.component('copd-service-record', {
  template: template,
  props: [],
  data() {
    return {
      dialog: true,
      events: [
        {date: '2023年'},
        {title: 'Event 1', date: '05-11 17:00:01', description: 'Description for event 1'},
        {date: '2024年', description: 'Description for event 2'},
        {date: '2025年', description: 'Description for event 3'},
        {date: '2026年', description: 'Description for event 4'},
        {title: 'Event 5', date: '2027年', description: 'Description for event 5'}
      ]
    }
  },
  methods: {
    setLeftHeights() {
      this.$nextTick(() => {
        this.events.forEach((event, index) => {
          const rightContent = document.getElementById('right-' + index);
          const leftContent = document.getElementById('left-' + index);
          if (rightContent && leftContent) {
            leftContent.style.height = rightContent.offsetHeight + 'px';
          }
        });
      });
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.setLeftHeights();
    });
  },
});