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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM