advice.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
  7. <link rel="stylesheet" href="../css/advice.css" />
  8. </head>
  9. <body>
  10. <div class="c-container" id="advice">
  11. <div class="advice-box">
  12. <p class="advice-title">选择健康指导建议(可多选):</p>
  13. <ul class="advice-content">
  14. <li v-for="advice in adviceList">
  15. <input type="checkbox" :value="advice.adviceCode" v-model="advicCcodes"/><i></i><span v-text="advice.advice"></span>
  16. </li>
  17. <li v-if="!adviceList.length">
  18. <span>无建议模板</span>
  19. </li>
  20. </ul>
  21. <p class="qtjy">您还有其他补充建议:</p>
  22. <textarea class="advice-textarea form-control" v-model="otherAdvice" rows="4"></textarea>
  23. <div class="text-center">
  24. <button class="btn btn-primary save" @click="save">保存</button>
  25. </div>
  26. </div>
  27. </div>
  28. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  29. <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  30. <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
  31. <script type="text/javascript" src="../../../api/jbsc-api.js" ></script>
  32. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  33. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  34. <script type="text/javascript">
  35. var httpData=GetRequest();
  36. new Vue({
  37. el: "#advice",
  38. data: {
  39. screeningType:httpData['filter_code'],
  40. adviceList:[],
  41. resultCode:httpData['resultCode'],
  42. advicCcodes:[],
  43. otherAdvice:"",
  44. parentIframe:httpData['parentIframe'],//父级窗口 用户保存后关闭
  45. },
  46. mounted: function(){
  47. if(!this.screeningType){
  48. top.layer.msg("模板code丢失", {icon: 5});
  49. return
  50. }
  51. this.getAdvice();
  52. },
  53. methods: {
  54. getAdvice:function(){
  55. var vm=this;
  56. var data = {templateCode: vm.screeningType};
  57. var loadding = top.layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
  58. jbscAPI.getTemplateAdvice(data).then(function(res){
  59. top.layer.close(loadding);
  60. if(res.status==200){
  61. vm.adviceList=res.data
  62. }else{
  63. top.layer.msg(res.msg, {icon: 5});
  64. }
  65. })
  66. },
  67. save:function(){
  68. var vm=this;
  69. var data={
  70. code: vm.resultCode.toString(),
  71. adviceCodes: vm.advicCcodes.toString(),
  72. otherAdvice: vm.otherAdvice.toString()
  73. }
  74. var loadding = top.layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
  75. jbscAPI.updateAfterFollwoing(data).then(function(res){
  76. top.layer.close(loadding);
  77. if(res.status==200){
  78. top.layer.open({
  79. type: 2,
  80. // offset: ['100px'], //右下角弹出
  81. area: ['568px', '100%'],
  82. shade: 0.5,
  83. title: '查看筛选结果',
  84. fixed: true, //不固定
  85. maxmin: true,
  86. closeBtn:1,
  87. shift: 5,
  88. shadeClose: false, //点击遮罩关闭层
  89. content: '../../jbsc/html/view_screening_results.html?resultCode='+vm.resultCode
  90. });
  91. var index = top.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  92. vm.parentIframe && top.layer.close(vm.parentIframe); //再执行关闭
  93. top.layer.close(index); //再执行关闭
  94. }else{
  95. top.layer.msg(res.msg, {icon: 5});
  96. }
  97. })
  98. }
  99. }
  100. })
  101. </script>
  102. </body>
  103. </html>