|
@@ -5,7 +5,7 @@
|
|
|
<p v-for="(it,index) in modlues"
|
|
|
:style="{'width':1/modlues.length*100+'%'}"
|
|
|
:key="it.id">
|
|
|
- <span :class="{current:index==parseInt(flag)-1,comp:finish[it.type]}"
|
|
|
+ <span :class="{current:index==number,comp:finish[it.type]}"
|
|
|
v-if="type[it.type]==1">
|
|
|
<!-- <i>{{it.type}}</i> -->
|
|
|
<i>{{index+1}}</i>
|
|
@@ -16,38 +16,42 @@
|
|
|
<!-- 内容 -->
|
|
|
<div class="content">
|
|
|
<template v-for="(item,idx) in modlues">
|
|
|
-
|
|
|
+ <Symptom
|
|
|
+ v-if="flag==1&&item.type==1&&moduleShow"
|
|
|
+ @next="toNext"
|
|
|
+ :modluesLen="modluesLen"
|
|
|
+ />
|
|
|
+
|
|
|
+ <DiagTreat
|
|
|
+ v-if="flag==2&&item.type==2&&moduleShow"
|
|
|
+ :datas="item"
|
|
|
+ :preName="modlues[0]&&modlues[0].name"
|
|
|
+ :modluesLen="modluesLen"
|
|
|
+ :nextName="modlues[2]&&modlues[2].name"
|
|
|
+ @next="toNext"
|
|
|
+ @back="beBack"
|
|
|
+ />
|
|
|
+ <Others
|
|
|
+ v-if="flag==3&&item.type==3&&moduleShow"
|
|
|
+ :modluesLen="modluesLen"
|
|
|
+ :datas="item"
|
|
|
+ :preName="modlues[idx-1]&&modlues[idx-1].name"
|
|
|
+ :nextName="modlues[idx+1]&&modlues[idx+1].name"
|
|
|
+ @next="toNext"
|
|
|
+ @back="beBack"
|
|
|
+ />
|
|
|
+ <AddContent
|
|
|
+ v-show="flag == 4&&item.type==4&&moduleShow"
|
|
|
+ :modluesLen="modluesLen"
|
|
|
+ :allMoudles="item"
|
|
|
+ :preName="modlues[idx-1]&&modlues[idx-1].name"
|
|
|
+ @toggleModule="toggleModule"
|
|
|
+ @next="toNext"
|
|
|
+ @back="beBack"
|
|
|
+ />
|
|
|
</template>
|
|
|
- <Symptom
|
|
|
- v-if="flag==1&&moduleShow"
|
|
|
- @next="toNext"
|
|
|
- />
|
|
|
- <DiagTreat
|
|
|
- v-if="flag==2&&moduleShow"
|
|
|
- :datas="modlues[1]"
|
|
|
- :preName="modlues[0]&&modlues[0].name"
|
|
|
- :nextName="modlues[2]&&modlues[2].name"
|
|
|
- @next="toNext"
|
|
|
- @back="beBack"
|
|
|
- />
|
|
|
- <Others
|
|
|
- v-if="flag==3&&moduleShow"
|
|
|
- :datas="modlues[2]"
|
|
|
- :preName="modlues[1]&&modlues[1].name"
|
|
|
- :nextName="modlues[3]&&modlues[3].name"
|
|
|
- @next="toNext"
|
|
|
- @back="beBack"
|
|
|
- />
|
|
|
- <AddContent
|
|
|
- v-show="flag == 4&&moduleShow"
|
|
|
- :allMoudles="modlues[3]"
|
|
|
- :preName="modlues[2]&&modlues[2].name"
|
|
|
- @toggleModule="toggleModule"
|
|
|
- @next="toNext"
|
|
|
- @back="beBack"
|
|
|
- />
|
|
|
<Preview v-show="!moduleShow"
|
|
|
- :preName="modlues[3]&&modlues[3].name"
|
|
|
+ :preName="getPreviewName()"
|
|
|
@back="beBack"
|
|
|
/>
|
|
|
</div>
|
|
@@ -66,24 +70,25 @@ export default {
|
|
|
let sysConfig = this.$store.state.sysConfig;
|
|
|
let tmpAllMoudles = this.$store.state.allMoudles;
|
|
|
let allMoudles = moduleConfig(sysConfig,tmpAllMoudles);
|
|
|
-
|
|
|
return {
|
|
|
config: sysConfig,
|
|
|
- modlues: allMoudles,
|
|
|
+ modlues: allMoudles.data,
|
|
|
+ modluesLen: allMoudles.len,
|
|
|
type: {
|
|
|
"1": sysConfig.length > 0 && sysConfig.filter(item => item.code == "symptoms_show")[0].value,
|
|
|
"2": sysConfig.length > 0 && sysConfig.filter(item => item.code == "diagnosis_show")[0].value,
|
|
|
"3": sysConfig.length > 0 && sysConfig.filter(item => item.code == "omhistory_show")[0].value,
|
|
|
"4": sysConfig.length > 0 && sysConfig.filter(item => item.code == "replenish_show")[0].value,
|
|
|
},
|
|
|
- flag: 1,
|
|
|
+ flag: allMoudles.order,
|
|
|
moduleShow:true,
|
|
|
finish:{ //标识已填
|
|
|
"1":true,
|
|
|
"2":false,
|
|
|
"3":false,
|
|
|
"4":false
|
|
|
- }
|
|
|
+ },
|
|
|
+ number:0
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -92,32 +97,76 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ getPreviewName(){
|
|
|
+ let len = this.modluesLen,tmpModule = this.modlues;
|
|
|
+ let preName = '';
|
|
|
+ if(len == 1){
|
|
|
+ preName=tmpModule[0].name
|
|
|
+ }else if(len == 2){
|
|
|
+ preName=tmpModule[1].name
|
|
|
+ }else if(len == 3){
|
|
|
+ preName=tmpModule[2].name
|
|
|
+ }else if(len == 4){
|
|
|
+ preName=tmpModule[3].name
|
|
|
+ }
|
|
|
+ return preName
|
|
|
+ },
|
|
|
+ getNames(type){
|
|
|
+ let len = this.modluesLen,tmpModule = this.modlues;
|
|
|
+ let nextName = '';
|
|
|
+ if(len == 1){
|
|
|
+ preName=tmpModule[0].name
|
|
|
+ }else if(len == 2){
|
|
|
+ preName=tmpModule[1].name
|
|
|
+ }else if(len == 3){
|
|
|
+ preName=tmpModule[2].name
|
|
|
+ }else if(len == 4){
|
|
|
+ preName=tmpModule[3].name
|
|
|
+ }
|
|
|
+ return preName
|
|
|
+ },
|
|
|
toNext(preview) {
|
|
|
if(preview === 'preview'){
|
|
|
this.moduleShow=false
|
|
|
return
|
|
|
}
|
|
|
- let flag = parseInt(this.flag);
|
|
|
- this.finish[flag] = true;
|
|
|
- this.flag = ++flag;
|
|
|
+ let flag = parseInt(this.flag),num=this.number;
|
|
|
+ // this.finish[flag] = true;
|
|
|
+ this.number = ++num;
|
|
|
|
|
|
- // if (this.modlues[flag]) {
|
|
|
- // const type = this.modlues[flag].type;
|
|
|
- // this.flag = type;
|
|
|
- // this.finish[type] = true;
|
|
|
- // }
|
|
|
+ for(let j in this.finish){
|
|
|
+ if(j <= flag){
|
|
|
+ this.finish[j] = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for(let i = 0;i < this.modlues.length;i++){
|
|
|
+ let part = this.modlues[i];
|
|
|
+ if(part.type == flag){
|
|
|
+ if(i < (this.modlues.length-1)){
|
|
|
+ this.flag = this.modlues[i+1].type
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
beBack(preview) {
|
|
|
if(preview === 'preview'){
|
|
|
this.moduleShow=true
|
|
|
return
|
|
|
}
|
|
|
- let flag = parseInt(this.flag);
|
|
|
- this.flag = --flag;
|
|
|
+ let flag = parseInt(this.flag),num=this.number;
|
|
|
+ this.number = --num;
|
|
|
|
|
|
- // if (this.modlues[flag - 1]) {
|
|
|
- // this.flag = this.modlues[flag - 1].type;
|
|
|
- // }
|
|
|
+ for(let j in this.finish){
|
|
|
+ if(j <= flag){
|
|
|
+ this.finish[j] = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for(let i = 0;i < this.modlues.length;i++){
|
|
|
+ let part = this.modlues[i];
|
|
|
+ if(part.type == flag){
|
|
|
+ this.flag = this.modlues[i-1].type
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
toggleModule(flg){
|
|
|
this.moduleShow = flg
|