• 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>
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    [Oracle DBA学习笔记] STARTUP详解
    亦步亦趋完成在CentOS 6.4下安装Oracle 11gR2
    ‘程序员’与‘页面仔’
    Linux下建立Oracle服务及其开机自启动
    解析并验证IE6及之前版本的'!important’ BUG
    浅谈CSS选择器中的空格
    在CentOS安装CMake
    关于CentOS下RPM的一些实例
    CentOS配置ssh无密码登录的注意点
    CentOS下的账户管理
  • 原文地址:https://www.cnblogs.com/knuzy/p/9635303.html
Copyright © 2020-2023  润新知