Skip to content

S
SuperMan
Commit 431f7700 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

update

parent 1c19c52f
Hide whitespace changes
Inline Side-by-side
Showing with 384 additions and 342 deletions
src/components/administrative/AssetsSystem/AssetsShenpi.vue
View file @ 431f7700
<template> <template>
<div class="approvalDetails" v-loading="pageLoad"> <div class="approvalDetails" v-loading="pageLoad">
<div style="width:80%;margin:0 auto;"> <div style="width:100%;background:#f5f5f5">
<!-- <div style="border-bottom:1px solid #E2E4EB;padding-bottom:10px"> <div style="width:80%;margin:0 auto;">
<span class="pageTitle" style="float:inherit">详情</span>
<span @click="backTo" class="backTo" style="">返回</span> <div style="margin-top:30px;background:rgba(255,255,255,1);border-radius:10px;padding:20px;position:relative;">
</div> --> <div style="padding-bottom:10px;text-align:right">
<div style="margin-top:30px;background:rgba(255,255,255,1);border-radius:10px;padding:20px;position:relative;"> <span @click="GoZcUrl" class="backTo" style="">资产管理</span>
<el-row class="HeaderDiv" style="border-bottom:1px solid #E2E4EB;padding-bottom:20px"> </div>
<span class="underline"></span> <el-row class="HeaderDiv" style="border-bottom:1px solid #E2E4EB;padding-bottom:20px">
<el-col :span="12" style="position:relative;padding-left:50px"> <span class="underline"></span>
<span class="titleSpan"> <el-col :span="12" style="position:relative;padding-left:50px">
<span>{{GetDetail.FirstStr}}</span> <span class="titleSpan">
</span> <span>{{GetDetail.FirstStr}}</span>
<p class="c11 f14">{{GetDetail.TemplateName}}</p>
</el-col>
<el-col class="StateCol" :span="12" style="text-align:right;padding-top:15px">
<span v-if="GetDetail.AuditStatus==1" class="spz">{{GetDetail.AuditStatusName}}</span>
<span v-if="GetDetail.AuditStatus==2 || GetDetail.AuditStatus==4" class="ytg">{{GetDetail.AuditStatusName}}</span>
<span v-if="GetDetail.AuditStatus==3 || GetDetail.AuditStatus==5" class="wtg">{{GetDetail.AuditStatusName}}</span>
</el-col>
</el-row>
<el-row class="zcInfo">
<el-col :span="12">
<span>来源 :</span>
<span>{{GetDetail.SourceName}}</span>
</el-col>
<el-col v-if="GetDetail.Source!=2 && GetDetail.Source!=4 && GetDetail.Source!=5" :span="12">
<span>申请人 :</span>
<span>{{GetDetail.EmName}}</span>
</el-col>
<el-col v-if="GetDetail.Source!=2 && GetDetail.Source!=4 && GetDetail.Source!=5" :span="12">
<span>公司 :</span>
<span>{{GetDetail.BranchName}}</span>
</el-col>
<el-col v-if="GetDetail.Source==5" :span="12">
<span>调入公司 :</span>
<span>{{GetDetail.InBranchName}}</span>
</el-col>
<el-col v-if="GetDetail.Source!=2 && GetDetail.Source!=4 && GetDetail.Source!=5" :span="12">
<span>部门 :</span>
<span>{{GetDetail.DepartmentName}}</span>
</el-col>
<el-col :span="12">
<span>单号 :</span>
<span>{{GetDetail.OrderCode}}</span>
</el-col>
<el-col :span="12">
<span>时间 :</span>
<span v-if="GetDetail.Time!=''">{{GetDetail.Time}}</span>
<span v-if="GetDetail.BackTime!=''">{{GetDetail.BackTime}}</span>
</el-col>
<el-col :span="12">
<span>备注 :</span>
<span>{{GetDetail.Remark}}</span>
</el-col>
</el-row>
<p class="f12 c11" style="margin-top:25px">资产清单</p>
<table style="margin-top:10px" class="zcmyTable noHoverTable" border="0" cellspacing="0" cellpadding="0">
<thead>
<th>资产编号</th>
<th>资产名称</th>
<th>品牌名称</th>
<th>分类名称</th>
<th>型号</th>
</thead>
<tbody>
<tr v-for="(item,index) in GetDetail.DetailList" :key="index">
<td><span @click="getCheckDes(item)" style="text-decoration: underline;cursor: pointer;">{{item.PropertyNum}}</span></td>
<td>{{item.PropertyName}}</td>
<td>{{item.BrandName}}</td>
<td>{{item.CategoryName}}</td>
<td>{{item.PropertyModel}}</td>
</tr>
<tr v-show="GetDetail.DetailList.length==0">
<td colspan="4" align="center">暂无数据</td>
</tr>
</tbody>
</table>
</div>
<div style="margin-top:30px;background:rgba(255,255,255,1);border-radius:10px;padding:20px;position:relative;">
<ul class="allStep" style="position:relative;">
<li v-for="(item,index) in GetDetail.AuditSteps" :key="index">
<div>
<span v-if="index!=0" class="line"></span>
<span class="circle">
<img src="../../../assets/img/step2.png" alt="">
</span>
<span style="display:inline-block;position:relative;top:20px">
<div>{{item.AuditDescription}}</div>
<div style="margin-top:10px;color:#28CACC">{{item.AuditWayName}}</div>
</span> </span>
</div> <p class="c11 f14">{{GetDetail.TemplateName}}</p>
</el-col>
<el-col class="StateCol" :span="12" style="text-align:right;padding-top:15px">
<span v-if="GetDetail.AuditStatus==1" class="spz">{{GetDetail.AuditStatusName}}</span>
<span v-if="GetDetail.AuditStatus==2 || GetDetail.AuditStatus==4" class="ytg">{{GetDetail.AuditStatusName}}</span>
<span v-if="GetDetail.AuditStatus==3 || GetDetail.AuditStatus==5" class="wtg">{{GetDetail.AuditStatusName}}</span>
</el-col>
</el-row>
<el-row class="zcInfo">
<el-col :span="12">
<span>来源 :</span>
<span>{{GetDetail.SourceName}}</span>
</el-col>
<el-col v-if="GetDetail.Source!=2 && GetDetail.Source!=4 && GetDetail.Source!=5" :span="12">
<span>申请人 :</span>
<span>{{GetDetail.EmName}}</span>
</el-col>
<el-col v-if="GetDetail.Source!=2 && GetDetail.Source!=4 && GetDetail.Source!=5" :span="12">
<span>公司 :</span>
<span>{{GetDetail.BranchName}}</span>
</el-col>
<el-col v-if="GetDetail.Source==5" :span="12">
<span>调入公司 :</span>
<span>{{GetDetail.InBranchName}}</span>
</el-col>
</li> <el-col v-if="GetDetail.Source!=2 && GetDetail.Source!=4 && GetDetail.Source!=5" :span="12">
<el-popover <span>部门 :</span>
popper-class="detailsIT_Journal" <span>{{GetDetail.DepartmentName}}</span>
width="250" </el-col>
trigger="click"> <el-col :span="12">
<div class="InfoChangeLog" > <span>单号 :</span>
<div class="changLog"> <span>{{GetDetail.OrderCode}}</span>
<p class="_log_t">流程日志</p> </el-col>
<ul class="changLogList" v-if="danjuList.length>0"> <el-col :span="12">
<li class="changLogList_l" v-for="(log,li) in danjuList"> <span>时间 :</span>
<span style="background-color: #47BF8C" class="_radius_green"></span> <span v-if="GetDetail.Time!=''">{{GetDetail.Time}}</span>
<p> <span class="_color_blue">{{log.UpdateBy}}</span> <span style="float:right" class="fr changLog_time">{{log.UpdateDate}}</span> </p> <span v-if="GetDetail.BackTime!=''">{{GetDetail.BackTime}}</span>
<p class="_dtel">{{log.Content}}</p>
</li> </el-col>
</ul> <el-col :span="12">
<ul v-else> <span>备注 :</span>
<li>暂无修改日志</li> <span>{{GetDetail.Remark}}</span>
</ul> </el-col>
</el-row>
<p class="f12 c11" style="margin-top:25px">资产清单</p>
<table style="margin-top:10px" class="zcmyTable noHoverTable" border="0" cellspacing="0" cellpadding="0">
<thead>
<th>资产编号</th>
<th>资产名称</th>
<th>品牌名称</th>
<th>分类名称</th>
<th>型号</th>
</thead>
<tbody>
<tr v-for="(item,index) in GetDetail.DetailList" :key="index">
<td><span @click="getCheckDes(item)" style="text-decoration: underline;cursor: pointer;">{{item.PropertyNum}}</span></td>
<td>{{item.PropertyName}}</td>
<td>{{item.BrandName}}</td>
<td>{{item.CategoryName}}</td>
<td>{{item.PropertyModel}}</td>
</tr>
<tr v-show="GetDetail.DetailList.length==0">
<td colspan="4" align="center">暂无数据</td>
</tr>
</tbody>
</table>
</div>
<div style="margin-top:30px;background:rgba(255,255,255,1);border-radius:10px;padding:20px;position:relative;">
<ul class="allStep" style="position:relative;">
<li v-for="(item,index) in GetDetail.AuditSteps" :key="index">
<div>
<span v-if="index!=0" class="line"></span>
<span class="circle">
<img src="../../../assets/img/step2.png" alt="">
</span>
<span style="display:inline-block;position:relative;top:20px">
<div>{{item.AuditDescription}}</div>
<div style="margin-top:10px;color:#28CACC">{{item.AuditWayName}}</div>
</span>
</div> </div>
</div>
<span slot="reference" class="rizhi underline">单据操作日志</span> </li>
</el-popover> <el-popover
popper-class="detailsIT_Journal"
</ul> width="250"
<div class="_process clearfix"> trigger="click">
<div class="_process_box"> <div class="InfoChangeLog" >
<template v-for="(item,index) in GetDetail.AuditSteps"> <div class="changLog">
<div class="_pb_son" :class="{_none_after:(item.NextStep==1||item.Status==4),_bohui_after:(GetDetail.Status==3 && !IsBoHui && index===GetDetail.AuditSteps.length-1)}" v-if="item.Sort==0 || (item.Status==1 && item.NextStep==1) || (item.Status==2 && item.Sort!=0) || (item.Status==4)"> <p class="_log_t">流程日志</p>
<div class="_left_radius" v-if="item.Sort==0">发起</div> <ul class="changLogList" v-if="danjuList.length>0">
<div class="_left_radius _left_radius_sus" v-if="item.NextStep==1"> <li class="changLogList_l" v-for="(log,li) in danjuList">
<span v-if="item.SpecialNode==2">待签</span> <span style="background-color: #47BF8C" class="_radius_green"></span>
<span v-else>待审</span> <p> <span class="_color_blue">{{log.UpdateBy}}</span> <span style="float:right" class="fr changLog_time">{{log.UpdateDate}}</span> </p>
</div> <p class="_dtel">{{log.Content}}</p>
<div class="_left_radius" v-if="item.Sort!=0 && item.Status==2"> </li>
<span v-if="item.SpecialNode==2">已签</span> </ul>
<span v-else>通过</span> <ul v-else>
<li>暂无修改日志</li>
</ul>
</div> </div>
<div class="_left_radius _left_radius_err" v-else-if="item.Status==4">驳回</div> </div>
<div class="_right_content" v-if="item.AuditWay==2 || item.AuditWay==3"> <span slot="reference" class="rizhi underline">单据操作日志</span>
<p class="_name"> </el-popover>
<span class="_n">{{item.AuditDescription}}<span class="_sm">({{item.AuditWay==2?'会签':'或签'}})</span></span>
</p> </ul>
<div class="_more _mgt_15" v-for="(son,sindex) in item.AuditRecordList" v-if="son.AuditStatus==2"> <div class="_process clearfix">
<div class="_right_content"> <div class="_process_box">
<p class="_name"> <template v-for="(item,index) in GetDetail.AuditSteps">
<span class="_n PingFangSC">{{son.AuditName}}</span> <div class="_pb_son" :class="{_none_after:(item.NextStep==1||item.Status==4),_bohui_after:(GetDetail.Status==3 && !IsBoHui && index===GetDetail.AuditSteps.length-1)}" v-if="item.Sort==0 || (item.Status==1 && item.NextStep==1) || (item.Status==2 && item.Sort!=0) || (item.Status==4)">
<span class="_sn" v-if="son.AuditStatus==2"> <div class="_left_radius" v-if="item.Sort==0">发起</div>
<span v-if="item.SpecialNode==2">已签</span> <div class="_left_radius _left_radius_sus" v-if="item.NextStep==1">
<span v-else>通过</span> <span v-if="item.SpecialNode==2">待签</span>
</span> <span v-else>待审</span>
<span class="_time _time_n">{{son.AduitDate}}</span>
</p>
<template v-if="son.CareOfRemarks">
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)">
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p>
</div>
</template>
<div class="_pp_info" v-if="son.AuditStatus!=1 && item.SpecialNode!=2">
<p>{{!son.Remark || son.Remark==''?'无' : son.Remark}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&son.AuditStatus==2" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son,2)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
</div>
<div v-if="son.SignImage!=''">
<img style="height: 82px;width: 143px;margin-top:10px;border: 1px solid #eee" :src="son.SignImage">
</div>
</div>
</div> </div>
<div class="_more _mgt_15" v-for="(son,sindex) in item.AuditRecordList" v-if="son.AuditStatus!=2"> <div class="_left_radius" v-if="item.Sort!=0 && item.Status==2">
<div class="_right_content" v-if="item.AuditWay==2&&son.AuditStatus!=2"> <span v-if="item.SpecialNode==2">已签</span>
<p class="_name"> <span v-else>通过</span>
<span class="_n PingFangSC">{{son.AuditName}}</span> </div>
<span class="_sn" v-if="son.AuditStatus==2"> <div class="_left_radius _left_radius_err" v-else-if="item.Status==4">驳回</div>
<span v-if="item.SpecialNode==2">已签</span> <div class="_right_content" v-if="item.AuditWay==2 || item.AuditWay==3">
<span v-else>通过</span> <p class="_name">
</span> <span class="_n">{{item.AuditDescription}}<span class="_sm">({{item.AuditWay==2?'会签':'或签'}})</span></span>
<span class="_m" v-else-if="son.AuditStatus==4">驳回</span> </p>
<span class="_sm" v-else-if="son.AuditStatus==1"> <div class="_more _mgt_15" v-for="(son,sindex) in item.AuditRecordList" v-if="son.AuditStatus==2">
<span v-if="item.SpecialNode==2">待签</span> <div class="_right_content">
<span v-else>待审</span> <p class="_name">
</span> <span class="_n PingFangSC">{{son.AuditName}}</span>
<span class="_time _time_n" v-if="item.Status!=1">{{son.AduitDate}}</span> <span class="_sn" v-if="son.AuditStatus==2">
</p> <span v-if="item.SpecialNode==2">已签</span>
<template v-if="son.CareOfRemarks"> <span v-else>通过</span>
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)"> </span>
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p> <span class="_time _time_n">{{son.AduitDate}}</span>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p> </p>
<template v-if="son.CareOfRemarks">
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)">
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p>
</div>
</template>
<div class="_pp_info" v-if="son.AuditStatus!=1 && item.SpecialNode!=2">
<p>{{!son.Remark || son.Remark==''?'无' : son.Remark}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&son.AuditStatus==2" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son,2)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
</div> </div>
</template> <div v-if="son.SignImage!=''">
<div class="_pp_info" v-if="item.Status!=1"> <img style="height: 82px;width: 143px;margin-top:10px;border: 1px solid #eee" :src="son.SignImage">
<p>{{!son.Remark || son.Remark==''?'无' : son.Remark}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&item.Status!=1" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son,2)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div> </div>
</div> </div>
<div v-if="son.SignImage!=''">
<img style="height: 82px;width: 143px;margin-top:10px;border: 1px solid #eee" :src="son.SignImage">
</div>
</div> </div>
<div class="_right_content" v-else-if="item.AuditWay==3 && son.AuditStatus==1"> <div class="_more _mgt_15" v-for="(son,sindex) in item.AuditRecordList" v-if="son.AuditStatus!=2">
<p class="_name"> <div class="_right_content" v-if="item.AuditWay==2&&son.AuditStatus!=2">
<span class="_n PingFangSC">{{son.AuditName}}</span> <p class="_name">
<span class="_sm" v-if="item.Status==2 && item.Sort!=0">通过</span> <span class="_n PingFangSC">{{son.AuditName}}</span>
<span class="_m" v-else-if="item.Status==4">驳回</span> <span class="_sn" v-if="son.AuditStatus==2">
<span class="_sm _left_radius_sus" v-else-if="son.AuditStatus==1">待审</span> <span v-if="item.SpecialNode==2">已签</span>
<span class="_time _time_n" v-if="item.Status!=1">{{son.AduitDate}}</span> <span v-else>通过</span>
</p> </span>
<template v-if="son.CareOfRemarks"> <span class="_m" v-else-if="son.AuditStatus==4">驳回</span>
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)"> <span class="_sm" v-else-if="son.AuditStatus==1">
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p> <span v-if="item.SpecialNode==2">待签</span>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p> <span v-else>待审</span>
</span>
<span class="_time _time_n" v-if="item.Status!=1">{{son.AduitDate}}</span>
</p>
<template v-if="son.CareOfRemarks">
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)">
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p>
</div>
</template>
<div class="_pp_info" v-if="item.Status!=1">
<p>{{!son.Remark || son.Remark==''?'无' : son.Remark}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&item.Status!=1" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son,2)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
</div> </div>
</template> <div v-if="son.SignImage!=''">
<div class="_pp_info" v-if="item.Status!=1"> <img style="height: 82px;width: 143px;margin-top:10px;border: 1px solid #eee" :src="son.SignImage">
<p>{{!son.Remark || son.Remark==''?'无' : son.Remark}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&item.Status!=1" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div> </div>
</div> </div>
</div> <div class="_right_content" v-else-if="item.AuditWay==3 && son.AuditStatus==1">
<div class="_right_content" v-else-if="item.AuditWay==3 && son.AuditStatus==4"> <p class="_name">
<p class="_name">
<span class="_n PingFangSC">{{son.AuditName}}</span> <span class="_n PingFangSC">{{son.AuditName}}</span>
<span class="_sm" v-if="item.Status==2 && item.Sort!=0">通过</span> <span class="_sm" v-if="item.Status==2 && item.Sort!=0">通过</span>
<span class="_m" v-else-if="item.Status==4">驳回</span> <span class="_m" v-else-if="item.Status==4">驳回</span>
<span class="_sm _left_radius_sus" v-else-if="son.AuditStatus==1">待审</span> <span class="_sm _left_radius_sus" v-else-if="son.AuditStatus==1">待审</span>
<span class="_time _time_n" v-if="item.Status!=1">{{son.AduitDate}}</span> <span class="_time _time_n" v-if="item.Status!=1">{{son.AduitDate}}</span>
</p> </p>
<template v-if="son.CareOfRemarks"> <template v-if="son.CareOfRemarks">
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)"> <div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)">
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p> <p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p> <p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p>
</div> </div>
</template> </template>
<div class="_pp_info" v-if="item.Status!=1"> <div class="_pp_info" v-if="item.Status!=1">
<p>{{son.Remark!=''?son.Remark:'无'}}</p> <p>{{!son.Remark || son.Remark==''?'无' : son.Remark}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&item.Status!=1" > <div class="_info_img" v-if="son.ImageList!=null&&item.Status!=1" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1"> <ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList"> <li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt=""> <img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt=""> <img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son)"> <div class="_see_img" @click="showImg(son)">
<i class="iconfont icon-sousuo"></i> <i class="iconfont icon-sousuo"></i>
</div> </div>
</li> </li>
</ul> </ul>
</div>
</div> </div>
</div> </div>
<div v-if="son.SignImage!=''"> <div class="_right_content" v-else-if="item.AuditWay==3 && son.AuditStatus==4">
<img style="height: 82px;width: 143px;margin-top:10px;border: 1px solid #eee" :src="son.SignImage"> <p class="_name">
<span class="_n PingFangSC">{{son.AuditName}}</span>
<span class="_sm" v-if="item.Status==2 && item.Sort!=0">通过</span>
<span class="_m" v-else-if="item.Status==4">驳回</span>
<span class="_sm _left_radius_sus" v-else-if="son.AuditStatus==1">待审</span>
<span class="_time _time_n" v-if="item.Status!=1">{{son.AduitDate}}</span>
</p>
<template v-if="son.CareOfRemarks">
<div class="_zhuan_msg" v-for="(z,zIndex) in JSON.parse(son.CareOfRemarks)">
<p><span>由</span>{{z.BeFrom}}<span><i class="_color_green">转交</i>给</span>{{z.Target}}</p>
<p class="_pp_info">转交备注：{{z.Remarks?z.Remarks:'无'}}</p>
</div>
</template>
<div class="_pp_info" v-if="item.Status!=1">
<p>{{son.Remark!=''?son.Remark:'无'}}</p>
<div class="_info_img" v-if="son.ImageList!=null&&item.Status!=1" >
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<li v-for="(img,imgI) in son.ImageList">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-else :src="img" alt="">
<div class="_see_img" @click="showImg(son)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
</div>
<div v-if="son.SignImage!=''">
<img style="height: 82px;width: 143px;margin-top:10px;border: 1px solid #eee" :src="son.SignImage">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="_right_content" v-else>
<div class="_right_content" v-else> <div class="_more" v-for="(son,sindex) in item.AuditRecordList">
<div class="_more" v-for="(son,sindex) in item.AuditRecordList"> <p class="_name">
<p class="_name"> <span class="_n">{{son.AuditName}}<span class="_sm">{{item.AuditDescription}}</span></span>
<span class="_n">{{son.AuditName}}<span class="_sm">{{item.AuditDescription}}</span></span> <span class="_time _time_n" v-if="item.NextStep!=1">{{son.AduitDate}}</span>
<span class="_time _time_n" v-if="item.NextStep!=1">{{son.AduitDate}}</span> </p>
</p> <div class="_right_content">
<div class="_right_content"> <div class="_pp_info" v-if="item.NextStep!=1 && item.SpecialNode!=2">
<div class="_pp_info" v-if="item.NextStep!=1 && item.SpecialNode!=2"> <p>{{son.Remark==''?'无':son.Remark}}</p>
<p>{{son.Remark==''?'无':son.Remark}}</p> <div class="_info_img" v-if="son.ImageList!=null" >
<div class="_info_img" v-if="son.ImageList!=null" > <ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1">
<ul class="clearfix" v-if="son.ImageList.length&&son.ImageList.length>=1"> <li v-for="(img,imgI) in son.ImageList">
<li v-for="(img,imgI) in son.ImageList"> <img v-if="!img" src="../../../assets/img/Travelslider.png" alt="">
<img v-if="!img" src="../../../assets/img/Travelslider.png" alt=""> <img v-else :src="img" alt="">
<img v-else :src="img" alt=""> <div class="_see_img" @click="showImg(son)">
<div class="_see_img" @click="showImg(son)"> <i class="iconfont icon-sousuo"></i>
<i class="iconfont icon-sousuo"></i> </div>
</div> </li>
</li> </ul>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <!-- beizhu -->
<!-- beizhu --> <textarea v-if="item.NextStep==1 && compType=='shenpi' && item.SpecialNode!=2" class="_textareaNew" v-model="addMsg.AuditDescription" placeholder="请输入..."></textarea>
<textarea v-if="item.NextStep==1 && compType=='shenpi' && item.SpecialNode!=2" class="_textareaNew" v-model="addMsg.AuditDescription" placeholder="请输入..."></textarea> <!-- 签名(当前审核人是否需要签名) -->
<!-- 签名(当前审核人是否需要签名) --> <div v-if="GetDetail.Is_CanAudit==1 && item.NextStep==1 && item.SpecialNode!=0 && compType=='shenpi'" style="margin:10px 0;padding:10px 0 0 0">
<div v-if="GetDetail.Is_CanAudit==1 && item.NextStep==1 && item.SpecialNode!=0 && compType=='shenpi'" style="margin:10px 0;padding:10px 0 0 0"> <p>
<p> <span @click="signState=true" class="signSpan f12">签名</span>
<span @click="signState=true" class="signSpan f12">签名</span> </p>
</p> <div v-show="addMsg.SignImage!=''">
<div v-show="addMsg.SignImage!=''"> <img style="height: 82px;width: 143px;margin-top:10px;border:1px solid rgb(238, 238, 238)" :src="addMsg.SignImage">
<img style="height: 82px;width: 143px;margin-top:10px;border:1px solid rgb(238, 238, 238)" :src="addMsg.SignImage"> </div>
</div> </div>
</div> </div>
</template>
<div v-if="GetDetail.Is_CanAudit==1 && compType=='shenpi' && !needSign" class="_upload_box basefix" style="margin-bottom:20px;">
<ul class="clearfix">
<li v-for="(img,imgIndex) in uploadImgList" :key="imgIndex">
<img :src="img" alt="">
<div class="_delete_img" @click="deleteImg(imgIndex)">
<i style="color:#FFA475" class="iconfont icon-shanchu"></i>
</div>
</li>
<li v-if="uploadImgList.length<10">
<el-upload
action=""
class="avatar-uploader"
:http-request="uploadFileBtn"
:show-file-list="false"
:multiple="true"
:limit="10">
<i class="el-icon-plus avatar-uploader-icon"></i>
<span class="_upload_tips f12">最多可上传10张图片</span>
</el-upload>
</li>
</ul>
</div> </div>
</template> <div class="_pb_son" :class="GetDetail.AuditStatus==1?'_none_after':''" v-if="GetDetail.AuditStatus==1">
<div v-if="GetDetail.Is_CanAudit==1 && compType=='shenpi' && !needSign" class="_upload_box basefix" style="margin-bottom:20px;"> <div class="_left_radius" >结束</div>
<ul class="clearfix"> <div class="_right_content">
<li v-for="(img,imgIndex) in uploadImgList" :key="imgIndex"> <p class="_time">累计耗时：{{endDate}}</p>
<img :src="img" alt=""> </div>
<div class="_delete_img" @click="deleteImg(imgIndex)">
<i style="color:#FFA475" class="iconfont icon-shanchu"></i>
</div>
</li>
<li v-if="uploadImgList.length<10">
<el-upload
action=""
class="avatar-uploader"
:http-request="uploadFileBtn"
:show-file-list="false"
:multiple="true"
:limit="10">
<i class="el-icon-plus avatar-uploader-icon"></i>
<span class="_upload_tips f12">最多可上传10张图片</span>
</el-upload>
</li>
</ul>
</div>
<div class="_pb_son" :class="GetDetail.AuditStatus==1?'_none_after':''" v-if="GetDetail.AuditStatus==1">
<div class="_left_radius" >结束</div>
<div class="_right_content">
<p class="_time">累计耗时：{{endDate}}</p>
</div> </div>
</div> <div v-if="GetDetail.Is_CanAudit==1 && compType=='shenpi'" class="button" style="padding-left:15px;margin-top:20px">
<div v-if="GetDetail.Is_CanAudit==1 && compType=='shenpi'" class="button" style="padding-left:15px;margin-top:20px"> <span v-if="needSign" @click="approvalOrder(1)" class="tongguo" >保存</span>
<span v-if="needSign" @click="approvalOrder(1)" class="tongguo" >保存</span> <div v-if="!needSign" style="display:inline-block">
<div v-if="!needSign" style="display:inline-block"> <span @click="approvalOrder(1)" class="tongguo" >通过</span>
<span @click="approvalOrder(1)" class="tongguo" >通过</span> <span @click="approvalOrder(2)" class="bohui" >驳回</span>
<span @click="approvalOrder(2)" class="bohui" >驳回</span> </div>
</div> </div>
<!-- 申请人审批 -->
</div>
<!-- 申请人审批 -->
</div>
</div>
</div>
<!-- 签名 -->
<div class="Sign" :class="signState?'zindex':''">
<div class="signature">
<p class="f14" style="padding:10px 10px 10px 0">签名
<span @click="CloseSign" style="float:right" class="el-icon-close"></span>
</p>
<div class="signatureBox">
<div class="canvasBox" ref="canvasHW">
<canvas ref="canvasF" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd' @mousedown="mouseDown" @mousemove="mouseMove" @mouseup="mouseUp"></canvas>
<div class="button" style="text-align:center;margin-top:20px">
<span @click="commit" class="bohui" >提交</span>
<span @click="overwrite" class="tongguo" >重写</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 签名 -->
<div class="Sign" :class="signState?'zindex':''">
<div class="signature">
<p class="f14" style="padding:10px 10px 10px 0">签名
<span @click="CloseSign" style="float:right" class="el-icon-close"></span>
</p>
<div class="signatureBox">
<div class="canvasBox" ref="canvasHW">
<canvas ref="canvasF" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd' @mousedown="mouseDown" @mousemove="mouseMove" @mouseup="mouseUp"></canvas>
<div class="button" style="text-align:center;margin-top:20px">
<span @click="commit" class="bohui" >提交</span>
<span @click="overwrite" class="tongguo" >重写</span>
</div>
</div>
</div>
</div>
</div>
<el-dialog title="详情" :visible.sync="CheckDetailState" width="1150px">
<CheckDetails ref="mychild"></CheckDetails>
</el-dialog>
<viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="src in images" :src="src" :key="src">
</viewer>
</div> </div>
<el-dialog title="详情" :visible.sync="CheckDetailState" width="1150px">
<CheckDetails ref="mychild"></CheckDetails>
</el-dialog>
<viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="src in images" :src="src" :key="src">
</viewer>
</div> </div>
</div> </div>
</template> </template>
...@@ -470,6 +472,9 @@ export default { ...@@ -470,6 +472,9 @@ export default {
}, },
methods:{ methods:{
GoZcUrl(){
window.open("http://www.test.com:8080")
},
inited (viewer){ inited (viewer){
this.$viewer = viewer this.$viewer = viewer
}, },
...@@ -763,6 +768,43 @@ export default { ...@@ -763,6 +768,43 @@ export default {
</script> </script>
<style> <style>
.approvalDetails .backTo{
width:80px;
height:34px;
line-height:34px;
background:rgba(0,210,214,1);
border-radius:17px;
text-align: center;
color: #fff;
font-size: 12px;
font-family: "宋体";
display: inline-block;
margin-left:15px;
cursor: pointer;
}
.detailsIT_Journal p{
margin:0;
}
li{
list-style: none;
}
.detailsIT_Journal .changLogList_l {
border-left: 1px solid #E9E9E9;
position: relative;
padding-bottom: 10px;
padding-left: 20px;
padding-top: 10px;
}
.detailsIT_Journal ._radius_green {
background-color: #47BF8C;
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 19px;
}
/* myTable */ /* myTable */
.approvalDetails .zcmyTable{ .approvalDetails .zcmyTable{
width: 100%; width: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment