div模拟表格单元格合并

效果如下图：

html代码如下：

<ul class="schedule-list">
   <li class="schedule-title">
      <div>影响因素</div>
      <div>实际得分</div>
      <div>赋分标准</div>
      <div>赋分值</div>
   </li>
   <li class="schedule-item" v-for="(item, index) in shipInfo.shipList" :key="index">
      <div class="influence-factor">{{item.influenceFactor}}</div>
      <div class="schedule-date">{{item.actualScore}}</div>

      <div v-if="item.influenceFactor === '船型'" class="structure-model-wrap">
          <div class="structure-model">{{item.structureModel}}</div>
          <div class="structure-model-right">
              <div v-for="(subItem, subIndex) in item.subList" :key="subIndex" class="schedule-content">
                 <div class="journey">{{subItem.scaleMark}}</div>
                 <div class="lecturer">{{subItem.scaleVal}}</div>
              </div>
          </div>
      </div>
      <div class="schedule-content-wrap" v-if="item.influenceFactor !== '船型'">
          <div class="schedule-content" v-for="(subItem, subIndex) in item.subList" :key="subIndex">
              <div class="journey">{{subItem.scaleMark}}</div>
              <div class="lecturer">{{subItem.scaleVal}}</div>
          </div>
      </div>
   </li>
   <li class="total-score">
      <div>本项得分小计</div>
      <div>{{shipInfo.totalScore}}</div>
   </li>
   <li class="total-weight">
      <div>权重得分(实际得分*20%)</div>
      <div>{{shipInfo.totalWeight}}</div>
   </li>
</ul>

data数据格式如下 1 data: {

   shipInfo: {
      shipList: [{
         influenceFactor: '船龄',
         actualScore: 7,
         subList: [{
            scaleMark: '<=12年',
            scaleVal: 30
         },
         {
            scaleMark: '>12年',
            scaleVal: 0
         }
         ]
      },
      {
         influenceFactor: '船型',
         actualScore: 8,
         structureModel: '结构类型',
         subList: [{
            scaleMark: '双底双壳',
            scaleVal: 20
         },
         {
            scaleMark: '双底单壳',
            scaleVal: 10
         },
         {
            scaleMark: '单底单壳',
            scaleVal: 0
         }
         ]
      },
      {
         influenceFactor: '船检',
         actualScore: 4,
         subList: [{
            scaleMark: 'CCS',
            scaleVal: 20
         },
         {
            scaleMark: 'ZC',
            scaleVal: 10
         }
         ]
      },
      {
         influenceFactor: '过去36个月发生责任事故情况',
         actualScore: 5,
         subList: [{
            scaleMark: '无事故',
            scaleVal: 20
         },
         {
            scaleMark: '发生过一次及以上责任事故',
            scaleVal: 0
         }
         ]
      },
      {
         influenceFactor: '重大风险船舶',
         actualScore: '本项得分归零',
         subList: [{
            scaleMark: '船龄>26年',
            scaleVal: '自动归零'
         },
         {
            scaleMark: '去过12个月内发生过一次及以上等级的责任事故',
            scaleVal: '自动归零'
         }
         ]
      },
      ],
      totalScore: 95,
      totalWeight: 30
  },
},