123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458 |
- <style type="text/css">
- .btn-list {
- position: fixed;
- right: 40px;
- }
- .div-flex {
- display: flex
- }
- .div-flex .form-group {
- margin-right: 50px;
- text-align: center;
- line-height: 25px;
- margin-bottom: 0;
- }
- .tab-pane {
- border: 1px solid #F6F6F6;
- }
- .i-color {
- font-size: 34px;margin-right: 10px;color: #86C3FF;
- }
- .thumbnail {
- display: flow-root;
- width: max-content;
- }
- .thumbnail img {
- width: 50px;
- float: left;
- padding: 5px;
- }
- </style>
- <style type="text/css">
- .examine_title{
- font-size: 14px;
- color: #333;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- display: block;
- height: 30px;
- }
- .examine_box{
- padding-left:20px;
- position: relative;
- }
- .examine_box .newicon{
- position: absolute;
- left:0;
- top:0;
- z-index: 2;
- }
- .examine_box .xian{
- width:1px;
- height:100%;
- background:#e6e6e6;
- position: absolute;
- left:4px;
- top:10px;
- z-index: 1;
- }
- .examine_box .examine_bg{
- position: relative;
- margin-top: 15px;
- border-radius: 4px;
- background-color: #f7f8fa;
- font-size: 12px;
- color: #929293;
- padding: 8px;
- line-height: 18px;
- }
- .rowbox{
- display: flex;
- justify-content: flex-start;
- align-items: center;
- }
- .stafflist{
- width: 70px;text-align: center;float: left;
- }
- .stafflist-right{
- width: 30px;text-align: center;float: left;margin: 0 20px;
- }
- .stafflist-right:last-child{
- display: none;
- }
- .stafflist img{
- width: 40px;
- height: 40px;
- margin: 10px;
- border-radius:50%;
- }
- </style>
- <div class="panel panel-default panel-intro">
- <input type="hidden" name="ids" id="ids" value="{$ids}"/>
- <div class="div-flex">
- <i class="fa fa-address-card i-color"></i>
- <div style="line-height: 35px"><b>{$row.number}</b></div>
- <div class="btn-list">
- {if condition="isset($flow) && $flow"}
- {eq name="flow.is_check" value="1"}
- <a class="btn btn-success btn-dialog" data-area="" data-shade="0.3"
- data-url="qingdongams/examine/examine_record/examine?relation_type=invoice&relation_id={$ids}&status=1"
- data-title="审核通过" >审核通过</a>
- <a class="btn btn-danger btn-dialog" data-area="" data-shade="0.3"
- data-url="qingdongams/examine/examine_record/examine?relation_type=invoice&relation_id={$ids}&status=2"
- data-title="审核拒绝" >审核拒绝</a>
- {/eq}
- {/if}
- {if condition="($row['check_status'] == 3) OR ($row['check_status'] == 4) "}
- <a class="btn btn-success btn-dialog" data-shade="0.3" data-area=["95%","95%"]
- data-url="qingdongams/finance/invoice/edit?ids={$ids}"
- data-title="编辑费用" >编辑</a>
- {/if}
- </div>
- </div>
- <div class="div-flex" style="margin-top: 10px;margin-left: 10px">
- <div class="form-group">
- <span class="text-muted">发票申请编号</span>
- <p>{$row.number}</p>
- </div>
- <div class="form-group">
- <span class="text-muted">开票金额</span>
- <p>{$row.money}</p>
- </div>
- <div class="form-group">
- <span class="text-muted">开票日期</span>
- <p>{$row.time}</p>
- </div>
- <div class="form-group">
- <span class="text-muted">负责人</span>
- <p>{if condition="isset($row.owner_staff) && $row.owner_staff"}{$row.owner_staff.name}{/if}</p>
- </div>
- <div class="form-group">
- <span class="text-muted">审核状态</span>
- {switch name="row.check_status"}
- {case value="0"}<p class="text-success">审核中</p>{/case}
- {case value="1"}<p class="text-success">审核中</p>{/case}
- {case value="2"}<p class="text-primary">审核通过</p>{/case}
- {case value="3"}<p class="text-red">审核拒绝</p>{/case}
- {case value="4"}<p class="text-red">撤销审批</p>{/case}
- {default /}
- {/switch}
- </div>
- <div class="form-group">
- <span class="text-muted">提交时间</span>
- <p>{$row.createtime|datetime}</p>
- </div>
- </div>
- <div style="margin-top: 10px">
- </div>
- {if condition="isset($flow) && $flow"}
- {if condition="$flow.status == 1"}
- <div class="div-flex">
- <div class="form-group col-sm-10">
- <blockquote style="padding: 2px 10px;text-align: left">
- <p>审核信息 <span class="label label-danger">固定审批流</span></p>
- </blockquote>
- <div style="text-align: left">
- <a href="javascript:void(0)" data-toggle="popover"
- data-content="
- <p class='examine_title'>审批流程</p>
- {foreach name='$examine_record' item='examine_r'}
- {if condition='$examine_r.status == 0'}
- {elseif condition='$examine_r.status == 1'}
- <div class='examine_box'>
- <i class='fa fa-check-circle text-success newicon'></i>
- <div class='xian'></div>
- <p><span class='text-muted'>{$examine_r.check_time}</span></p>
- <p> {$examine_r.check_staff.name} <span class='text-muted'>通过了此申请</span></p>
- {if condition='$examine_r.content'}<p class='examine_bg'> {$examine_r.content}</p>{/if}
- </div>
- {elseif condition='$examine_r.status == 2'}
- <div class='examine_box'>
- <i class='fa fa-window-close text-red newicon'></i>
- <div class='xian'></div>
- <p><span class='text-muted'>{$examine_r.check_time}</span></p>
- <p> {$examine_r.check_staff.name} <span class='text-muted'>拒绝了此申请</span></p>
- {if condition='$examine_r.content'}<p class='examine_bg'> {$examine_r.content}</p>{/if}
- </div>
- {else/}
- <div class='examine_box'>
- <i class='fa fa-window-close text-red newicon'></i>
- <div class='xian'></div>
- <p><span class='text-muted'>{$examine_r.check_time}</span></p>
- <p> {$examine_r.check_staff.name} <span class='text-muted'>撤回了此申请</span></p>
- {if condition='$examine_r.content'}<p class='examine_bg'> {$examine_r.content}</p>{/if}
- </div>
- {/if}
- {/foreach}" data-html="true">查看审批历史</a>
- </div>
- <div class="row rowbox" style="margin-left: 20px">
- {foreach name="$flow.stepList" item="val"}
- <div class="stafflist" data-container="body" data-toggle="popover" data-placement="bottom" data-content="{foreach name='$val.stafflist' item='sf'}
- {if condition='$sf.examine_reord.status == 0'}
- <p><i class='fa fa-clock-o text-red'></i> {$sf.name} 待审核此申请</p>
- {elseif condition='$sf.examine_reord.status == 1'}
- <p><i class='fa fa-check-circle text-success'></i> {$sf.examine_reord.check_time}</p>
- <p>{$sf.name} 通过此申请</p>
- {elseif condition='$sf.examine_reord.status == 2'}
- <p><i class='fa fa-window-close text-red'></i> {$sf.examine_reord.check_time}</p>
- <p>{$sf.name} 拒绝此申请</p>
- {else/}
- <p><i class='fa fa-mail-reply text-red'></i> {$sf.name} 已撤销</p>
- {/if}
- {/foreach}" data-html="true">
- <img src="/assets/addons/qingdongams/img/avatar.png" class="img-circle">
- {if condition="$val.status == 3"}
- <span class="text-muted">发起人主管</span>
- {elseif condition="$val.status == 2"/}
- <span class="text-muted">{:count($val.stafflist)}人并签</span>
- {else/}
- <span class="text-muted">{:count($val.stafflist)}人或签</span>
- {/if}
- {if condition="$val.order_id < $flow.order_id"}
- <p><span><i class="fa fa-check-circle text-success"></i> 审核通过</span></p>
- {else/}
- {if condition="$row.check_status == 3"}
- <p> <span><i class="fa fa-window-close text-red"></i> 审核拒绝</span></p>
- {else/}
- <p><span><i class="fa fa-clock-o text-red"></i> 待审核</span></p>
- {/if}
- {/if}
- </div>
- <div class="stafflist-right">
- <i class="fa fa-angle-right" style="color: #ccc;margin: 0 16px;font-size: 20px;font-weight: 600;"></i>
- </div>
- {/foreach}
- </div>
- </div>
- </div>
- {else/}
- <div class="div-flex">
- <div class="form-group col-sm-10">
- <blockquote style="padding: 2px 10px;text-align: left">
- <p>审核信息 <span class="label label-danger">发起人自选</span></p>
- </blockquote>
- <div style="text-align: left">
- <a href="javascript:void(0)" data-toggle="popover"
- data-content="
- <p class='examine_title'>审批流程</p>
- {foreach name='$examine_record' item='examine_r'}
- {if condition='$examine_r.status == 0'}
- {elseif condition='$examine_r.status == 1'}
- <div class='examine_box'>
- <i class='fa fa-check-circle text-success newicon'></i>
- <div class='xian'></div>
- <p><span class='text-muted'>{$examine_r.check_time}</span></p>
- <p> {$examine_r.check_staff.name} <span class='text-muted'>通过了此申请</span></p>
- {if condition='$examine_r.content'}<p class='examine_bg'> {$examine_r.content}</p>{/if}
- </div>
- {elseif condition='$examine_r.status == 2'}
- <div class='examine_box'>
- <i class='fa fa-window-close text-red newicon'></i>
- <div class='xian'></div>
- <p><span class='text-muted'>{$examine_r.check_time}</span></p>
- <p> {$examine_r.check_staff.name} <span class='text-muted'>拒绝了此申请</span></p>
- {if condition='$examine_r.content'}<p class='examine_bg'> {$examine_r.content}</p>{/if}
- </div>
- {else/}
- <div class='examine_box'>
- <i class='fa fa-window-close text-red newicon'></i>
- <div class='xian'></div>
- <p><span class='text-muted'>{$examine_r.check_time}</span></p>
- <p> {$examine_r.check_staff.name} <span class='text-muted'>撤回了此申请</span></p>
- {if condition='$examine_r.content'}<p class='examine_bg'> {$examine_r.content}</p>{/if}
- </div>
- {/if}
- {/foreach}" data-html="true">查看审批历史</a>
- </div>
- <div class="row rowbox" style="margin-left: 20px">
- {foreach name="$flow.stepList.0.stafflist" item="val"}
- <div class="stafflist">
- <img src="{$val.img}" class="img-circle">
- <span class="text-muted">{$val.name}</span>
- {if condition="$val.examine_reord.status == 0"}
- <p><span><i class="fa fa-clock-o text-red"></i> 待审核</span></p>
- {elseif condition="$val.examine_reord.status == 1"}
- <p><span><i class="fa fa-check-circle text-success"></i> 审核通过</span></p>
- {else/}
- <p> <span><i class="fa fa-window-close text-red"></i> 审核拒绝</span></p>
- {/if}
- </div>
- <div class="stafflist-right">
- <i class="fa fa-angle-right" style="color: #ccc;margin: 0 16px;font-size: 20px;font-weight: 600;"></i>
- </div>
- {/foreach}
- </div>
- </div>
- </div>
- {/if}
- {/if}
- <div>
- <ul class="nav nav-tabs" role="tablist">
- <li role="presentation" class="active"><a href="#basic" aria-controls="home" role="tab" data-toggle="tab">基础信息</a></li>
- </ul>
- <div class="tab-content" style="overflow-y: scroll">
- <div role="tabpanel" class="tab-pane fade active in panel-body" id="basic">
- <div class="col-xs-12 col-sm-12">
- <div class="form-group">
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">关联客户:</span>
- {if condition="isset($row.customer.name)"}{$row.customer.name}{/if}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">关联合同:</span>
- {if condition="isset($row.contract.num)"}{$row.contract.num}{/if}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">开票金额:</span>
- {$row.money}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">开票日期:</span>
- {$row.time}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">开票类型:</span>
- {$row.type}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">抬头类型:</span>
- {$row.head_type}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">发票抬头:</span>
- {$row.invoice_header}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">纳税人识别号:</span>
- {$row.taxpayer_number}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">开户行:</span>
- {$row.bank_deposit}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">开户账户:</span>
- {$row.bank_account}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">开票地址:</span>
- {$row.invoice_address}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">电话:</span>
- {$row.invoice_mobile}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">联系人:</span>
- {$row.contacts}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">联系方式:</span>
- {$row.phone}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">邮寄地址:</span>
- {$row.address}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">详细地址:</span>
- {$row.address_detail}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">发票号码:</span>
- {$row.invoice_number}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">实际开票日期:</span>
- {$row.invoice_time}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">物流单号:</span>
- {$row.logistics}
- </div>
- </div>
- <div class="col-xs-12 col-sm-5">
- <div class="form-group col-sm-10">
- <span class="text-muted">凭证:</span>
- {if condition='$row.image neq ""'}<a href="{$row.image}" target="_blank"><img src="{$row.image}" data-tips-image style="margin-left: 10px;width:100px;height: 100px;" class=""></a>{/if}
- </div>
- </div>
- <div class="col-xs-12 col-sm-10">
- <div class="form-group col-sm-10">
- <span class="text-muted">备注:</span>
- {$row.remark}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
|