| | |
| | | <div class="side_title">审批流程</div> |
| | | <div class="list" v-if="model.approveDateVO !=null && model.approveDateVO.approveList !=null"> |
| | | <div class="item" v-for="(item,index) in model.approveDateVO.approveList" :key="item.id"> |
| | | <div class="separate" v-if="(model.approveDateVO.copyList !=null && model.approveDateVO.copyList.length>0) || (index < model.approveDateVO.approveList.length-1)"></div> |
| | | <div class="separate" v-if=" (index < model.approveDateVO.approveList.length-1)"></div> |
| | | <div class="info"> |
| | | <i class="el-icon-success icon1" v-if="(item.status ==2)"></i> |
| | | <i class="el-icon-question icon" v-if="(item.status==1)"></i> |
| | | <i class="el-icon-error icon2" v-if="(item.status==3)"></i> |
| | | <i class="el-icon-question icon3" v-if="(item.status==null || item.status==0 )"></i> |
| | | <img src="@/assets/icons/ic_tongguo.png" class="iconnew" v-if="(item.status ==2)"/> |
| | | <img src="@/assets/icons/ic_dangqian.png" class="iconnew" v-if="(item.status==1)"/> |
| | | <img src="@/assets/icons/ic_jujue.png" class="iconnew" v-if="(item.status==3)"></i> |
| | | <img src="@/assets/icons/ic_grep.png" class="iconnew" v-if="(item.status==null || item.status==0 )"></i> |
| | | <div style="display: inline" v-if="item.approveType ===0"> |
| | | <img v-if="item.faceImg!=null && item.faceImg !=''" :src="item.faceImg" class="avatar" alt="" /> |
| | | <img v-if="item.faceImg ==null ||item.faceImg ==''" src="@/assets/avatar/man.png" class="avatar" alt="" /> |
| | | </div> |
| | | <div style="display: inline" v-if="item.approveType ===1"> |
| | | <img src="@/assets/avatar/man.png" class="avatar" alt="" /> |
| | | <img v-if="item.status === 1" src="@/assets/icons/ic_chaosong.png" class="avatar" alt="" /> |
| | | <img v-if="item.status != 1" src="@/assets/icons/ic_duoren.png" class="avatar" alt="" /> |
| | | </div> |
| | | <div class="content"> |
| | | <div class="line"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="remark"> |
| | | <div v-if="item.approveType != 1 " class="remark"> |
| | | {{ item.checkInfo ||'水电费反反复复反反复复方法方法方法方法方法方法方法方法方法方法方法方法发发发' }} |
| | | </div> |
| | | </div> |
| | | <!-- <div class="item" v-if="model.approveDateVO.copyList !=null && model.approveDateVO.copyList.length"> |
| | | <div class="info"> |
| | | <i class="el-icon-question icon3"></i> |
| | | <img v-if="1===2" :src="faceImg" class="avatar" alt="" /> |
| | | <img v-if="1===1" src="@/assets/avatar/man.png" class="avatar" alt="" /> |
| | | <div class="content"> |
| | | <div class="line"> |
| | | <div class="name">抄送</div> |
| | | <div class="time"></div> |
| | | </div> |
| | | <div class="line"> |
| | | <div class="company"> |
| | | {{ 'aaa' }} {{ 'aaaad' }} |
| | | <div style="display: inline"> |
| | | (<span class="status-green">{{'sdf'}}</span>) |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div v-if="item.approveType == 1 " class="childList"> |
| | | <div style="display: inline" v-for="item1 in item.approveList" :key="item1.id"> |
| | | <img v-if="item1.faceImg!=null && item1.faceImg !=''" :src="item1.faceImg" class="avatar" alt="" /> |
| | | <img v-if="item1.faceImg ==null ||item1.faceImg ==''" src="@/assets/avatar/man.png" class="avatar" alt="" /> |
| | | <span style="display: inline-block"> {{item1.memberName}}</span> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | border-left: 2px dashed #cccccc; |
| | | left: 31px; |
| | | height: calc(100% - 24px); |
| | | top: 46px; |
| | | top: 34px; |
| | | } |
| | | .info { |
| | | display: flex; |
| | |
| | | z-index: 11; |
| | | color: #dc362e; |
| | | font-size: 24px; |
| | | } |
| | | .iconnew{ |
| | | width: 24px; |
| | | height: 24px; |
| | | } |
| | | .icon3 { |
| | | position: relative; |
| | |
| | | color: #666666; |
| | | margin-left: 120px; |
| | | } |
| | | .childList { |
| | | margin-left: 120px; |
| | | } |
| | | } |
| | | } |
| | | } |