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>

 

posted @ 2018-09-12 15:59  叶子玉  阅读(2893)  评论(0)  编辑  收藏  举报