vue实现时间线点击按钮“查看详情”弹窗展示详情列表

 html:

  <el-timeline>

        <el-timeline-item

          v-for="item in followupList"

          :key="item.followId"

          :timestamp="item.createTime"

          placement="top"

        >

          <el-card

            >     

            <div style="float: right;  margin: 20px 50px">

              <el-button

                v-if="item.followUpDescription"

                type="primary"

                plain

                icon="el-icon-plus"

                size="mini"

                @click="handledetails(item.followUpDescription)"

                >详情</el-button

              >

              <el-button

                type="danger"

                plain

                icon="el-icon-delete"

                size="mini"

                @click="handlefollowDelete(item.followId)"

                >删除</el-button

              >        

            </div>

               

            <h4>跟进人员: {{ item.nickName }}</h4>

            <div style="margin: 10px 0">

              跟进描述: {{ item.followUpDescription }}

            </div>

                   

            <div>跟进时间: {{ item.followUpTime }}</div>

          </el-card>

        </el-timeline-item>

              

      </el-timeline>

 js

    handledetails(value) {

      this.$alert(value, '详情', {

          confirmButtonText: '确定',

          callback: action => {

            this.$message({

              type: 'info',

              // message: `action: ${ action }`

            });

          }

        });

    },