ElmentUI

elmentui table 基本使用

        <div style="width: 100%;">
          <el-table :key="tableKey" ref="table" v-loading="false" :data="data" :height="height" row-key="id" style="width: 100%" stripe border>
            <el-table-column align="center" type="index" />
            <el-table-column align="center" prop="sgjcdw" label="建设单位" />
            <el-table-column align="center" prop="sgdw" label="施工单位" />
            <el-table-column align="center" prop="ldmc" label="施工路段信息" />
            <el-table-column align="center" prop="term" label="施工期限(天)" />
            <el-table-column align="center" prop="sgzbh" label="施工证编号"/>
            <el-table-column align="center" label="施工证照片">
<!--              <img src=xkztpwjs[0]>-->
              <template slot-scope="scope">
              <div class="demo-image__preview">
                <el-image
                  style="width: 100px; height: 100px"
                  :src=scope.row.xkztpwjs[0]
                  :preview-src-list="scope.row.xkztpwjs">
                </el-image>
              </div>
              </template>

            </el-table-column>
            <el-table-column align="center" prop="sgnr" label="施工内容"/>
            <el-table-column align="center" prop="lxdh" label="联系方式"/>

          </el-table>
          <div slot="footer" style="height: 30px;width: 100%;text-align: center" >