Others.vue 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <template>
  2. <div class="other-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 v-for="item in it.questionMapping" :class="['symp',{'over':item.name&&item.name.length>5}]">{{item.name}}</span> -->
  9. <span v-for="item in it.questionMapping" class="symp">{{item.name}}</span>
  10. </div>
  11. </div>
  12. <div class="result">
  13. <p class="title">其他病史</p>
  14. <p>结果</p>
  15. </div>
  16. <div class="foot">
  17. <span class="back" @click="beBack">{{'返回'+ preName}}</span>
  18. <span class="next" @click="toNext">{{'进入'+ nextName}}</span>
  19. </div>
  20. </div>
  21. </template>
  22. <script type="text/javascript">
  23. export default {
  24. name:'Others',
  25. data(){
  26. return{
  27. msg:"诊疗情况",
  28. chooseSymp:[{name:'未治疗'}]
  29. }
  30. },
  31. props:['datas','preName','nextName'],
  32. methods:{
  33. beBack(){
  34. this.$emit('back');
  35. },
  36. toNext(){
  37. this.$emit('next');
  38. }
  39. }
  40. }
  41. </script>
  42. <style lang="less" scoped>
  43. @import '../less/base.less';
  44. .other-wrap{
  45. font-size: .3rem;
  46. .quest{
  47. color: #000;
  48. margin-bottom: .36rem;
  49. font-weight: 700;
  50. }
  51. .label{
  52. .label;
  53. }
  54. .result{
  55. .title{
  56. color: #4F50FF;
  57. padding-left: .1rem;
  58. border-left: .08rem solid #4F50FF;
  59. margin-bottom: .19rem;
  60. font-weight: 700;
  61. }
  62. p{
  63. color: #666;
  64. line-height: .44rem;
  65. }
  66. }
  67. }
  68. .foot{
  69. .dbfooter;
  70. }
  71. </style>