|  |  |  | 
|---|
|  |  |  | <div class="time">提交时间:{{model.createDate}}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <span class="right"  v-if="model.status === 0">申请中</span> | 
|---|
|  |  |  | <span class="right"  v-if="model.status === 1">待审批</span> | 
|---|
|  |  |  | <span class="right"  v-if="model.status === 1">审批中</span> | 
|---|
|  |  |  | <span class="right" style="background:#53b76f " v-if="model.status === 2">审批通过</span> | 
|---|
|  |  |  | <span class="right" style="background:#dc362e " v-if="model.status === 3">审批不通过</span> | 
|---|
|  |  |  | <span class="right" style="background:#dc362e " v-if="model.status === 4">已取消</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="item" v-for="(item,index) in model.approveDateVO.approveList" :key="item.id"> | 
|---|
|  |  |  | <div class="separate" v-if=" (index < model.approveDateVO.approveList.length-1)"></div> | 
|---|
|  |  |  | <div class="info"> | 
|---|
|  |  |  | <img src="@/assets/icons/ic_tongguo.png"   class="iconnew" v-if="(item.type !=1 &&item.status ==2)"/> | 
|---|
|  |  |  | <img src="@/assets/icons/ic_dangqian.png"   class="iconnew"  v-if="(item.type !=1 &&item.status==1)"/> | 
|---|
|  |  |  | <img src="@/assets/icons/ic_jujue.png"  class="iconnew"  v-if="(item.type !=1 &&item.status==3)"/> | 
|---|
|  |  |  | <img src="@/assets/icons/ic_grey.png"  class="iconnew" v-if="item.type ==1 || (item.status==null || item.status==0 )"/> | 
|---|
|  |  |  | <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)"/> | 
|---|
|  |  |  | <img src="@/assets/icons/ic_grey.png"  class="iconnew" v-if=" (item.status==null || item.status==0 )"/> | 
|---|
|  |  |  | <div style="display: inline" v-if="item.approveType !=1"> | 
|---|
|  |  |  | <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 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 style="display: inline" v-if="item.approveType  == 1"> | 
|---|
|  |  |  | <img  v-if="item.type !=1"  src="@/assets/icons/ic_duoren.png" class="avatar" alt="" /> | 
|---|
|  |  |  | <img v-if="item.type == 1"  src="@/assets/icons/ic_chaosong.png" class="avatar" alt="" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="content"> | 
|---|
|  |  |  | <div class="line"> | 
|---|
|  |  |  | 
|---|
|  |  |  | {{ item.checkInfo || '' }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="item.approveType == 1 "  class="childList"> | 
|---|
|  |  |  | <div class="m_content" v-for="item1 in item.approveList" :key="item1.id"> | 
|---|
|  |  |  | <div class="m_content company" 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 > {{item1.memberName}}</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import { driveList } from '@/api/business/member' | 
|---|
|  |  |  | import { approveDo } from '@/api/business/approve' | 
|---|
|  |  |  | import { mapState } from 'vuex' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaCarUseBookWindow', | 
|---|
|  |  |  | 
|---|
|  |  |  | if (!valid) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$dialog.actionConfirm('操作确认', '您确认提交该隐患处理情况吗?') | 
|---|
|  |  |  | this.$dialog.actionConfirm('操作确认', '您确认同意该申请吗?') | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.dealing = true | 
|---|
|  |  |  | this.api.dealHiddenDanger({ | 
|---|
|  |  |  | id: this.dataId, | 
|---|
|  |  |  | status: 1, | 
|---|
|  |  |  | approveDo({ | 
|---|
|  |  |  | objId: this.dataId, | 
|---|
|  |  |  | objType: this.model.type == 1?4:3, | 
|---|
|  |  |  | status: 2, | 
|---|
|  |  |  | driverId: this.dealForm.driveId, | 
|---|
|  |  |  | checkInfo: this.dealForm.checkInfo | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | if (!valid) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$dialog.actionConfirm('操作确认', '您确认退回该隐患处理情况吗?') | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.dealing = true | 
|---|
|  |  |  | this.api.dealHiddenDanger({ | 
|---|
|  |  |  | id: this.dataId, | 
|---|
|  |  |  | status: 2, | 
|---|
|  |  |  | checkInfo: this.backForm.checkInfo | 
|---|
|  |  |  | approveDo({ | 
|---|
|  |  |  | objId: this.dataId, | 
|---|
|  |  |  | objType: this.model.type == 1?4:3, | 
|---|
|  |  |  | status: 3, | 
|---|
|  |  |  | checkInfo: this.dealForm.checkInfo | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.$tip.apiSuccess('退回成功') | 
|---|
|  |  |  | this.getDetail() | 
|---|
|  |  |  | this.isBackProblem = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.$tip.apiSuccess('退回成功') | 
|---|
|  |  |  | this.getDetail() | 
|---|
|  |  |  | this.isBackProblem = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.dealing = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .catch(e => { | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.dealing = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | open (title, target) { | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | .side_title{ | 
|---|
|  |  |  | font-weight: 600; | 
|---|
|  |  |  | font-size: 18px; | 
|---|
|  |  |  | color: #111111; | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  | margin-left: 20px; | 
|---|
|  |  |  | margin-top: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .upload_box { | 
|---|
|  |  |  | width: 84px; | 
|---|
|  |  |  | height: 84px; | 
|---|
|  |  |  | 
|---|
|  |  |  | font-size: 12px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .side_title{ | 
|---|
|  |  |  | font-weight: 600; | 
|---|
|  |  |  | font-size: 18px; | 
|---|
|  |  |  | color: #111111; | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  | margin-left: 20px; | 
|---|
|  |  |  | margin-top: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .modal_wrap { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | 
|---|
|  |  |  | flex-wrap: wrap; | 
|---|
|  |  |  | margin-left: 100px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .company { | 
|---|
|  |  |  | font-size: 13px; | 
|---|
|  |  |  | color: #888888; | 
|---|
|  |  |  | .status { | 
|---|
|  |  |  | color: #00ba67; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .m_content{ | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | 
|---|
|  |  |  | .time { | 
|---|
|  |  |  | color: #888888; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .company { | 
|---|
|  |  |  | font-size: 13px; | 
|---|
|  |  |  | color: #888888; | 
|---|
|  |  |  | .status { | 
|---|
|  |  |  | color: #00ba67; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | border-radius: 4px; | 
|---|
|  |  |  | padding: 13px 15px; | 
|---|
|  |  |  | color: #666666; | 
|---|
|  |  |  | margin-left: 120px; | 
|---|
|  |  |  | margin-left: 100px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|