| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>账单详情</title>
- <link rel="stylesheet" href="../../../css/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
- <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/style.min.css"/>
- <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
- <link rel="stylesheet" href="../css/stop_special_service.css" />
- </head>
- <body>
- <!--startprint-->
- <div class="w820 plr60 pt40 pb30 c-m-auto c-t-center c-f14" id="app" v-cloak role="accountList">
- <p class="m0 c-f30">居民康复账单</p>
- <p class="m0 mtb10 c-f18">(已执行项目清单)</p>
- <p><span class="mr20">居民：{{accountList.patientName}}</span><span class="mr20">联系方式：{{accountList.mobile}}</span><span>医保：{{accountList.ssc}}</span></p>
- <div class="c-w100 mt40 c-border bgc-f5f5fa">
- <p class="c-f16 ptb20 m0"><span class="c-position-r plr40"><em class="c-position-a row-left"></em>您有一份来自居民完成的康复项目清单<em class="c-position-a row-right"></em></span></p>
- <table class="c-w100">
- <tr>
- <td>已完成项目</td>
- <td>出账时间</td>
- <td>预估费用</td>
- <td>计划进度</td>
- </tr>
- <tr>
- <td class="ptb20">{{accountList.finishCount}}</td>
- <td class="ptb20">{{accountList.abortTime | formatDate("yyyy-MM-dd")}}</td>
- <td class="ptb20">￥{{accountList.totalExpense}}</td>
- <td class="ptb20">{{accountList.finishCount}}/{{accountList.allCount}}</td>
- </tr>
- </table>
- </div>
- <div class="c-t-left ptb30">
- <p class="m0 pb10 c-999 c-border-b">服务相关机构</p>
- <p class="m0 ptb15"><span class="mr40">{{accountList.hospitalName}}</span></p>
- <p class="m0 pb10 c-999 c-border-b">中止原因</p>
- <p class="m0 ptb15">{{accountList.abortReason}}</p>
- </div>
- <table class="c-w100">
- <thead class="c-border ptb15 bgc-f5f5fa">
- <tr>
- <th class="plr10 ptb15 c-t-left">项目名</th>
- <th class="plr10 ptb15 c-t-right">标价</th>
- <th class="plr10 ptb15 c-t-center">执行人</th>
- <th class="plr10 ptb15 c-t-center">完成时间</th>
- </tr>
- </thead>
- <tbody v-if="accountList.serviceList">
- <tr v-for="(li, index) in accountList.serviceList" :key="index">
- <td class="plr10 pt20 c-t-left">{{li.service_item_name}}</td>
- <td class="plr10 pt20 c-t-right">{{li.expense}}</td>
- <td class="plr10 pt20">{{li.doctor_name}}</td>
- <td class="plr10 pt20">{{li.complete_time | formatDate("yyyy-MM-dd")}}</td>
- </tr>
- </tbody>
- </table>
- <div class="mt40 c-border-t clearfix">
- <div class="fr w180 ptb10">
- <p class="m0 ptb10 c-border-b-dotted c-t-left clearfix">
- 预估费用<span class="fr">￥{{accountList.totalExpense}}</span>
- </p>
- <p class="m0 ptb10 c-t-left clearfix">
- 实际费用<span class="fr c-999">待填写</span>
- </p>
- </div>
- <span class="fr mr10 pt35 c-f20">合计：</span>
- </div>
- </div>
- <!--endprint-->
- <div class="c-t-center c-f14 pt100 pb40">
- <span class="btn b-r-3 btn-12b7f5 c-fff" id="printBtn">打印</span>
- <span class="btn b-r-3 bgc-c8c8c8 c-fff ml30 c-hide" id="seeQianShou">查看签收</span>
- </div>
- <script type="text/javascript" src="../../../js/vue.js"></script>
- <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../plugins/toastr/toastr.min.js"></script>
- <script type="text/javascript" src="../../../api/http-request.js"></script>
- <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
- <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="../../../js/underscore.js"></script>
- <script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
- <script type="text/javascript" src="../js/stop_special_service.js"></script>
- </body>
- </html>
|
