preliminary/src/components/AddContent.vue

<template>
  <div class="symp-wrap">
    <div class="choose">
      <ul class="addPart">
        <li v-for="(item,idx) in dataTrd">
          <p class="question">{{idx+1 + '. ' +item.name}}</p>
          <Radio v-if="item.controlType==1" 
            :item="item"
            :key="item.id"
            @updata="updataData($event,idx,item)"/>
          <CheckBox v-if="item.controlType==2" 
            :item="item"
            :key="item.id"
            @updata="updataData($event,idx,item)"/>
          <ComTextArea
            v-if="item.controlType == 5"
            :item="item"
            @updata="updataData($event,idx,item)"
            @changeAreaVal="changeAreaVal($event,idx)"
          ></ComTextArea>
          <Input v-if="item.controlType==6 || item.controlType==7"
            :item="item"
            :key="item.id"
            @updata="updataData($event,idx,item)"/>
          <template
            v-if="item.controlType == 3"
            v-for="(part,index) in item.questionDetailList"
          >
            <MultiLineInput
              v-if="item.controlType == 3"
              :msg="part.name"
              :part="part"
              @updata="updataData($event,index,item)"
            ></MultiLineInput>
          </template>
        </li>
      </ul>
      <div class="result" v-if="allStr">
        <p class="title">{{allMoudles.name}}</p>
        <p>{{allStr}}</p>
      </div>
      <div class="thanks">
        <p>感谢您的回答，您的病历已经自动生成。</p>
        <p>您可以点击预览并提交病历按钮预览病历，</p>
        <p>如果没有需要修改的内容，请点击提交，医生便能看到您的病历。</p>
      </div>
    </div>
    <div class="foot">
      <span class="back" @click="back">{{'返回'+ preName}}</span>
      <span class="next" @click="next">预览并提交病历</span>
    </div>
  </div>
</template>
<script type="text/javascript">
import ComTextArea from '../common/ComTextArea.vue';
import MultiLineInput from '../common/MultiLineInput.vue';
import Input from '../common/Input.vue';
import Radio from '../common/Radio.vue';
import CheckBox from '../common/CheckBox.vue';
import {getAllStr} from '@utils/tools.js'

export default {
  name: 'AddContent',
  props: ['allMoudles','preName'],
  data() {
    return {
      dataTrd: [],
      val: '',
      allStr:''
    }
  },
  mounted() {
    this.dataTrd = this.allMoudles && this.allMoudles.moduleDetailDTOList
  },
  methods: {
    back() {
      this.$emit("back");
    },
    changeAreaVal(value, idx) {
      this.val = value
    },
    next(){
      this.$store.commit('setText',{data:this.dataTrd,type:this.allMoudles&&this.allMoudles.type});
      this.$emit('next','preview')
    },
    setDetail(obj){
      this.labelDetail = obj.detail;
      this.ppId = obj.ppId;
      this.show = true;
    },
    updateOrig(){
      let origin = this.$store.state.diagnose.origin;
      // this.dtoList = origin;console.log("更新：",origin)
    },
    updataData(data,idx,item){
      let mapping = this.dataTrd;
      if(data.controlType == 3){//多行输入，多了一层需单独处理
        let tmpLis = item.questionDetailList
        tmpLis.splice(idx,1,data)
        this.allStr=getAllStr({data:this.dataTrd,type:this.allMoudles&&this.allMoudles.type})
        return;
      }
      for(let i in mapping){
        if(mapping[i].id==data.id){
          mapping.splice(i,1,data)
        }
      }
      this.allStr=getAllStr({data:this.dataTrd,type:this.allMoudles&&this.allMoudles.type})
      this.$store.commit('setDataAll',{data:data,idx:idx});
    },
  },
  components: {
    ComTextArea,
    MultiLineInput,
    Input,
    Radio,
    CheckBox
  }
}
</script>
<style lang="less" scoped>
@import "../less/base.less";
.symp-wrap {
  font-size: 0.3rem;
  padding-right: .3rem;
  h3 {
    color: #000;
    margin-bottom: 0.36rem;
  }
}
.choose {
  padding-bottom: 0.2rem;
  .addPart {
    li {
      margin-bottom: 0.1rem;
      clear: both;
    }
    .question {
      margin-bottom: 0.2rem;
      font-weight: bold;
    }
  }
}
  .foot{
    .dbfooter;
  }
  
.result{
  margin-bottom: .3rem;
}
.thanks {
  font-size: .28rem /* 28/100 */;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: .48rem /* 48/100 */;
}
.label{
  .label;
}
</style>