advice.html 3.8 KB

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