xiugai

马宇豪

2024-07-08 20b0ce2db27b64a60de60aee05dedd448099e330

 src/views/specialWorkSystem/specialIndex/components/workRecord.vue

@@ -20,6 +20,12 @@
        <div>操作时间：{{item.operationTime}}</div>
        <div>操作内容：{{item.content}}</div>
        <div>操作意见：{{item.approvalOpinions}}</div>
        <div v-if="item.fileUrl" style="display: flex;align-items: flex-start">附件内容：
          <el-image style="width: 150px; height: 150px;margin-right: 50px;margin-bottom: 20px" :src="item.fileUrl" fit="cover" />
        </div>
        <div v-if="item.signUrl" style="display: flex;align-items: flex-start">签字图片：
          <el-image style="width: 150px; height: 150px;margin-right: 50px;margin-bottom: 20px" :src="item.signUrl" fit="cover" />
        </div>
      </div>
    </div>
  </el-dialog>
@@ -101,16 +107,21 @@
      }
    .item{
      display: flex;
      align-items: flex-start;
      align-items: stretch; /* 使 marker 和 content 高度一致 */
      width: 100%;
      padding-left: 50px;
      margin-bottom: 10px;
      position: relative;

      .marker{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 20px;
        height: 100%; /* 使 marker 高度自适应父元素 */

        .dot{
          width: 28px;
@@ -121,11 +132,12 @@
        }
        .line{
          width: 1px;
          height: 120px;
          flex-grow: 1; /* 自动适应剩余高度 */
          background: #13ce66;
        }
      }
      .content{

        div{
          margin-bottom: 6px;
        }