• vue element-ui 实现点击查看审核记录


     1 <el-dialog
     2           title="审核信息"
     3           :visible.sync="seeVisible"
     4           width="30%"
     5           :before-close="handleClose">
     6           <div style="border:1px solid #ddd;padding:20px;margin-bottom:20px"
     7             v-for="(item, index) in his"
     8             :key="index">
     9             <div class="see-title" style="border-bottom: 1px solid #ddd;padding-bottom:20px;font-size:17px">{{item.name}}</div>
    10               <el-row style="padding: 20px 0 20px 0;border-bottom:1px solid #ddd">
    11                 <el-col :span="7">
    12                   <span>经办人:</span>
    13                 </el-col>
    14                 <el-col :span="7">
    15                   <span>{{item.assignee}}</span>
    16                 </el-col>
    17               </el-row>
    18               
    19               <el-row style="padding: 20px 0 20px 0;border-bottom:1px solid #ddd">
    20                 <el-col :span="24">
    21                   <span>开始时间:{{item.startTime}}</span>
    22                 </el-col>
    23               </el-row>
    24 
    25               <el-row style="padding: 20px 0 0 0">
    26                 <el-col :span="24">
    27                   <span>结束时间:{{item.endTime}}</span>
    28                 </el-col>
    29               </el-row>
    30 
    31               <el-row style="padding: 20px 0 0 0" v-if="item.comment!=null">
    32                 <el-col :span="24">
    33                   <span>审核意见:{{item.comment}}</span>
    34                 </el-col>
    35               </el-row>
    36 
    37               <el-row style="padding: 20px 0 0 0" v-if="item.state!=null">
    38                 <el-col :span="24">
    39                   <span v-if="item.state == '1' && item.name != '提交申请'">审核:<el-button type="success">{{item.state == '1' ?'通过':'不通过'}}</el-button></span>
    40                   <span v-if="item.state == '0' && item.name != '提交申请'">审核:<el-button type="danger">{{item.state == '1' ?'通过':'不通过'}}</el-button></span>
    41                 </el-col>
    42               </el-row>
    43           </div>
    44 
    45           <span slot="footer" class="see-footer">
    46             <el-button @click="seeVisible = false">取 消</el-button>
    47             <el-button type="primary" @click="seeVisible = false">确 定</el-button>
    48           </span>
    49 </el-dialog>
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    免费下载 80多种的微软推出入门级 .NET视频
    和付费网盘说再见,自己搭建个人网盘(Java 开源项目)
    JS惰性删除和定时删除可过期的localStorage缓存,或sessionStorage缓存
    docker——系列文章
    Bash 脚本教程
    Sublime text3里 修改TAB键为缩进为四个空格
    百度网盘不限速,直接获取直链
    技术党适合做浏览器首页的网站
    常用电脑软件
    有哪些开源的 Python 库让你相见恨晚?
  • 原文地址:https://www.cnblogs.com/knuzy/p/9635303.html
Copyright © 2020-2023  润新知