123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>消息通知</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="renderer" content="webkit">
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <link rel="shortcut icon" href="../../../favicon.ico">
- <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/common.css" />
- <link rel="stylesheet" type="text/css" href="../../../plugins/toastr/toastr.min.css" />
- <link rel="stylesheet" type="text/css" href="../css/xiaoxi.css" />
- </head>
- <body>
- <div id="app">
- <page-header></page-header>
- <div class="container ptb20 ">
- <div class="row w3-row">
- <left-menu :code="code"></left-menu>
- <div class="pl251">
- <div class="bgc-fff c-border ptb30" style="min-height: 706px;">
- <div class="plr20">
- <div class="pb10 c-border-b c-f20">
- 消息通知
- </div>
- <div class="width-100 c-border mt20" v-for="data in xiaoxis">
- <div class="c-border-b plr10 ptb12" @click="getinfo(data.orderId)">
- <img src="../image/icon_biaoqian.png" />
- <span class="xiaoxi-title">{{data.title}}</span>
- <span class="xiaoxi-time">{{data.createDate}}</span>
- </div>
- <div class="w3-row xiao-content">
- <div class="w3-col" style="width:150px;float: right;padding-top:20px;" v-if="data.issatisfaction">
- <div class="satisfactionbtn" @click="satisfactionbtn(data.id)">参与满意度调查</div>
- </div>
- <div class="w3-rest xiaoxi-rest" @click="getinfo(data.orderId)">
- <span class="pl35">{{data.classification}}</span>
- <template v-if="data.islong">
- <template v-for="item in data.contentJsons">
- <span v-if="item.value!=''" class="pl10">
- {{item.name}}:{{item.value}}
- </span>
- </template>
- </template>
- <template v-else><span class="pl10">{{data.contentJsons[0].value}}</span></template>
- <span class="pl10">{{data.afterContent}}</span>
- </div>
- </div>
- </div>
- <div id="page" class="page_div"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal fade" id="appointmentinfo" tabindex="-1" role="dialog" aria-labelledby="appointmentinfoLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header bgc-f9f9f9">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h4 class="modal-title" id="appointmentinfoLabel">挂号明细</h4>
- </div>
- <div class="modal-body">
- <div class="bgc-fff">
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">订单号</div>
- <div class="w3-rest">{{recordinfo.orderId}}</div>
- </div>
- <div class="w3-row modal-list" style="border:none;">
- <div class="w3-col" style="width:120px;">订单状态</div>
- <div class="w3-rest">{{recordinfo.stateDesc}}</div>
- </div>
- <div class="w3-row modal-list bgc-f9f9f9" style="color:#323232;border:none;">预约信息</div>
- <div class="w3-row c-border-b modal-list">
- <div class="w3-col" style="width:120px;">预约医院</div>
- <div class="w3-rest">{{recordinfo.hospitalName}}</div>
- </div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">预约科室</div>
- <div class="w3-rest">{{recordinfo.deptName}}</div>
- </div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">就诊日期</div>
- <div class="w3-rest">{{recordinfo.registerDate}} {{recordinfo.timeId}}</div>
- </div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">就诊时间</div>
- <div class="w3-rest">{{recordinfo.commendTime}}</div>
- </div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">就诊序号</div>
- <div class="w3-rest">{{recordinfo.serialNo}}</div>
- </div>
- <div class="w3-row modal-list" style="border:none;">
- <div class="w3-col" style="width:120px;">退号截止时间</div>
- <div class="w3-rest">{{recordinfo.invalidDate}}</div>
- </div>
- <div class="w3-row modal-list bgc-f9f9f9" style="color:#323232;border:none;">就诊人信息</div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">姓名</div>
- <div class="w3-rest">{{recordinfo.patientName}}</div>
- </div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">证件号</div>
- <div class="w3-rest">{{recordinfo.cardNo}}</div>
- </div>
- <div class="w3-row modal-list">
- <div class="w3-col" style="width:120px;">手机号</div>
- <div class="w3-rest">{{recordinfo.phoneNo}}</div>
- </div>
- <div class="c-t-center">
- <button type="button" class="btn btn-default c-f16 mt30 mb20" style="width:144px;" @click="hideModel()">关 闭</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <page-footer></page-footer>
- </div>
- <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/jquery-2.2.4.js"></script>
- <script src="../../../js/bootstrap.min.js"></script>
- <script src="../../../js/validate/jquery.validate.min.js"></script>
- <script src="../../../js/validate/messages_zh.min.js"></script>
- <script src="../../../js/security.js"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/util.js" type="text/javascript " charset="utf-8"></script>
- <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../plugins/layer/layer.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../plugins/toastr/toastr.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/paging.js"></script>
- <script src="../../../api/patient/jiuzhen-api.js"></script>
- <script src="../../../component/common/event-bus.js"></script>
- <script src="../../../component/common/footer.js"></script>
- <script src="../../../component/common/header.js"></script>
- <script src="../../../component/common/pagination.js"></script>
- <script src="../../../component/mine/left-menu.js"></script>
- <script src="../../../component/mineJiuZhen/mineJiuZhen-dialog-form.js"></script>
- <script src="../js/xiaoxi.js"></script>
- </body>
- </html>
|