zoukankan      html  css  js  c++  java
  • 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>
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    BZOJ 4716 假摔
    【UER #4】量子态的棋盘
    [Lydsy2017省队十连测]最长路径
    [Lydsy2017省队十连测]航海舰队
    [Lydsy2017省队十连测]公路建设
    [Lydsy2017省队十连测]商店购物
    湖南省队集训题【2018】(我也不知道是第几场)
    CXMS 胡策2
    [TJOI2018]异或
    TJOI 2018 数学计算
  • 原文地址:https://www.cnblogs.com/knuzy/p/9635303.html
Copyright © 2011-2022 走看看