DiagTreat.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <template>
  2. <div class="treat-wrap">
  3. <div v-for="(it,i) in datas.moduleDetailDTOList"
  4. v-if="datas&&datas.moduleDetailDTOList"
  5. :key="it.id">
  6. <div class="label" v-if="it.controlType==0">
  7. <p class="quest">{{it.name}}</p>
  8. <span class="symp" v-for="item in it.questionMapping">{{item.name}}</span>
  9. </div>
  10. <UploadImg v-if="it.controlType==4"
  11. :item="it"
  12. :moduleType="datas.type"
  13. :imgList="imgs"
  14. />
  15. </div>
  16. <div class="result">
  17. <p class="title">治疗情况</p>
  18. <p>经典款了估计的结果</p>
  19. </div>
  20. <div class="foot">
  21. <span class="back" @click="beBack">{{'返回'+ preName}}</span>
  22. <span class="next" @click="toNext">{{'进入'+ nextName}}</span>
  23. </div>
  24. </div>
  25. </template>
  26. <script type="text/javascript">
  27. import UploadImg from '../common/UploadImg.vue'
  28. export default {
  29. name:'DiagTreat',
  30. data(){
  31. return{
  32. msg:"诊疗情况",
  33. chooseSymp:[{name:'未治疗'}],
  34. imgs:this.$store.state.imgSrc
  35. }
  36. },
  37. props:['datas','preName','nextName'],
  38. methods:{
  39. beBack(){
  40. this.$emit('back');
  41. },
  42. toNext(){
  43. this.$emit('next');
  44. }
  45. },
  46. components:{
  47. UploadImg
  48. }
  49. }
  50. </script>
  51. <style lang="less" scoped>
  52. @import '../less/base.less';
  53. .treat-wrap{
  54. font-size: .3rem;
  55. .quest{
  56. color: #000;
  57. margin-bottom: .36rem;
  58. font-weight: 700;
  59. }
  60. .label{
  61. padding-bottom: .2rem;
  62. .symp{
  63. display: inline-block;
  64. width:1.9rem;
  65. height: .74rem;
  66. line-height: .74rem;
  67. border: 1px solid #DFE0E4;
  68. border-radius: .08rem;
  69. text-align: center;
  70. color: #7C828E;
  71. margin: 0 0 .3rem .3rem;
  72. box-sizing: border-box;
  73. }
  74. .symp:nth-child(3n+2){
  75. margin-left: 0;
  76. }
  77. }
  78. .result{
  79. .title{
  80. color: #4F50FF;
  81. padding-left: .1rem;
  82. border-left: .08rem solid #4F50FF;
  83. margin-bottom: .19rem;
  84. font-weight: 700;
  85. }
  86. p{
  87. color: #666;
  88. line-height: .44rem;
  89. }
  90. }
  91. }
  92. .foot{
  93. .dbfooter;
  94. }
  95. </style>