123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180 |
- <template>
- <div class="treat-wrap">
- <div v-for="(it,i) in dtoList"
- v-if="dtoList"
- :key="it.id"
- class="label">
- <p class="quest">{{i + 1 +'.' + it.name}}</p>
- <Label v-if="it.controlType==0"
- :item="it"
- :indx="i"
- :ppId="it.id"
- :moduleType="datas.type"
- @setDetail="setDetail"/>
- <!-- 上传图片 -->
- <UploadImg v-if="it.controlType==4"
- :item="it"
- :moduleType="datas.type"
- :imgList="imgs"
- />
- <!-- 输入框 -->
- <Input v-if="it.controlType==6 || it.controlType==7"
- :item="it"
- :key="it.id"
- @updata="updataData($event,it.id)"/>
- <!-- 文本域 -->
- <ComTextArea v-if="it.controlType == 5"
- :item="it"
- @updata="updataData($event,it.id)"/>
- </div>
- <div class="result" v-if="checkText.length>0">
- <p class="title">治疗情况</p>
- <!-- <p v-for="(v,i) in checkText">{{v.text}}</p> -->
- <p>{{getText()}}</p>
- </div>
- <div class="foot" v-if="modluesLen==2">
- <span class="back" @click="beBack">{{'返回'+ preName}}</span>
- <span class="next" @click="toNext">{{'预览'}}</span>
- </div>
- <div class="foot" v-else>
- <span class="back" @click="beBack">{{'返回'+ preName}}</span>
- <span class="next" @click="toNext">{{'进入'+ nextName}}</span>
- </div>
- <div class="detail" v-if="show">
- <DetailBox @close="closeDetal"
- :data="labelDetail"
- :moduleType="datas.type"
- :ppId="ppId"
- v-if="labelDetail.questionMapping&&labelDetail.questionMapping.length>0"
- @pComplete="complete"/>
- </div>
- </div>
- </template>
- <script type="text/javascript">
- import UploadImg from '../common/UploadImg.vue';
- import Label from '../common/Label.vue';
- import DetailBox from './DetailBox.vue';
- import Input from '../common/Input.vue';
- import ComTextArea from '../common/ComTextArea.vue';
- export default {
- name:'DiagTreat',
- data(){
- let {origin,text,datas} = this.$store.state.diagnose;
- return{
- msg:"诊疗情况",
- imgs:this.$store.state.diagnose.imgSrc,
- // dtoList:origin, //模板数据
- dtoList:datas, //模板数据
- labelDetail:{}, //标签明细
- checkText:text, //选中的文字-Arr
- show:false,
- ppId:null
- }
- },
- props:['datas','preName','nextName','modluesLen'],
- methods:{
- beBack(){
- this.$emit('back');
- },
- toNext(){
- if(this.modluesLen==2){
- this.$emit('next','preview')
- }else{
- this.$emit('next');
- }
- },
- setDetail(obj){
- this.labelDetail = obj.detail;
- this.ppId = obj.ppId;
- this.show = true;
- },
- complete(){
- this.show = false;
- this.labelDetail = {};
- this.ppId = null;
- // 处理明细选中的值
- },
- closeDetal(){
- this.show = false;
- this.labelDetail = {};
- this.ppId = null;
- },
- getText(){
- let textArr = this.checkText;
- let msg = "";
- for(let k in textArr){
- msg += textArr[k].text + ';'
- }
- return msg;
- },
- updataData(data,id){//输入框存值
- let list = this.dtoList;
- for(let i in list){
- if(list[i].id==data.id){
- list.splice(i,1,data)
- }
- }
- this.$store.commit('setDatas',{type:'2',data:data,pId:data.id,ppId:id});
- this.$store.commit('setText',{type:'2',text:data.value,pId:data.id,flag:true});
- }
- },
- components:{
- UploadImg,
- Label,
- DetailBox,
- Input,
- ComTextArea
- },
- /*watch:{
- dtoList:{
- handler(newVal,oldVal){
- },
- deep:true
- }
- },*/
- }
- </script>
- <style lang="less" scoped>
- @import '../less/base.less';
- .treat-wrap{
- font-size: .3rem;
- .quest{
- color: #000;
- margin-bottom: .36rem;
- font-weight: 700;
- }
- .label{
- .label;
- /* img{
- width:.56rem;
- height: .74rem;
- vertical-align: top;
- } */
- }
- .result{
- .title{
- color: #4F50FF;
- padding-left: .1rem;
- border-left: .08rem solid #4F50FF;
- margin-bottom: .19rem;
- font-weight: 700;
- }
- p{
- color: #666;
- line-height: .44rem;
- }
- }
- }
- .foot{
- .dbfooter;
- }
- .detail{
- .mask;
- z-index: 66;
- }
-
- .footer{
- .footer;
- }
- </style>
|