|
@@ -3,16 +3,21 @@
|
|
|
<div class="tab"
|
|
|
v-if="modlues&&modlues.length>0 && moduleShow">
|
|
|
<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]}"
|
|
|
v-if="type[it.type]==1">
|
|
|
- <i>{{it.type}}</i>
|
|
|
+ <!-- <i>{{it.type}}</i> -->
|
|
|
+ <i>{{index+1}}</i>
|
|
|
{{it.name}}
|
|
|
</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
<!-- 内容 -->
|
|
|
<div class="content">
|
|
|
+ <template v-for="(item,idx) in modlues">
|
|
|
+
|
|
|
+ </template>
|
|
|
<Symptom
|
|
|
v-if="flag==1&&moduleShow"
|
|
|
@next="toNext"
|
|
@@ -54,11 +59,14 @@ import AddContent from './AddContent.vue';
|
|
|
import DiagTreat from './DiagTreat.vue';
|
|
|
import Others from './Others.vue';
|
|
|
import Preview from './Preview.vue';
|
|
|
+import {moduleConfig} from '../utils/tools.js';
|
|
|
export default {
|
|
|
name: 'TabPage',
|
|
|
data() {
|
|
|
let sysConfig = this.$store.state.sysConfig;
|
|
|
- let allMoudles = this.$store.state.allMoudles;
|
|
|
+ let tmpAllMoudles = this.$store.state.allMoudles;
|
|
|
+ let allMoudles = moduleConfig(sysConfig,tmpAllMoudles);
|
|
|
+
|
|
|
return {
|
|
|
config: sysConfig,
|
|
|
modlues: allMoudles,
|
|
@@ -68,7 +76,7 @@ export default {
|
|
|
"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: allMoudles.length > 0 && allMoudles[0].type,
|
|
|
+ flag: 1,
|
|
|
moduleShow:true,
|
|
|
finish:{ //标识已填
|
|
|
"1":true,
|
|
@@ -90,25 +98,30 @@ export default {
|
|
|
return
|
|
|
}
|
|
|
let flag = parseInt(this.flag);
|
|
|
- if (this.modlues[flag]) {
|
|
|
- const type = this.modlues[flag].type;
|
|
|
- this.flag = type;
|
|
|
- this.finish[type] = true;
|
|
|
- }
|
|
|
+ this.finish[flag] = true;
|
|
|
+ this.flag = ++flag;
|
|
|
+
|
|
|
+ // if (this.modlues[flag]) {
|
|
|
+ // const type = this.modlues[flag].type;
|
|
|
+ // this.flag = type;
|
|
|
+ // this.finish[type] = true;
|
|
|
+ // }
|
|
|
},
|
|
|
beBack(preview) {
|
|
|
if(preview === 'preview'){
|
|
|
this.moduleShow=true
|
|
|
return
|
|
|
}
|
|
|
- let flag = parseInt(this.flag) - 1;
|
|
|
- if (this.modlues[flag - 1]) {
|
|
|
- this.flag = this.modlues[flag - 1].type;
|
|
|
- }
|
|
|
+ let flag = parseInt(this.flag);
|
|
|
+ this.flag = --flag;
|
|
|
+
|
|
|
+ // if (this.modlues[flag - 1]) {
|
|
|
+ // this.flag = this.modlues[flag - 1].type;
|
|
|
+ // }
|
|
|
},
|
|
|
toggleModule(flg){
|
|
|
this.moduleShow = flg
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
components: {
|
|
|
Symptom,
|
|
@@ -132,18 +145,20 @@ export default {
|
|
|
padding-top: 0.16rem;
|
|
|
p {
|
|
|
display: inline-block;
|
|
|
+ padding: 0 0.2rem;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
span {
|
|
|
font-size: 0.24rem;
|
|
|
display: inline-block;
|
|
|
vertical-align: top;
|
|
|
- width: 1.48rem;
|
|
|
+ width: 100%;
|
|
|
height: 0.5rem;
|
|
|
line-height: 0.5rem;
|
|
|
color: #7c828e;
|
|
|
text-align: center;
|
|
|
- margin-left: 0.2rem;
|
|
|
- margin-right: 0.19rem;
|
|
|
+ // margin-left: 0.2rem;
|
|
|
+ // margin-right: 0.19rem;
|
|
|
}
|
|
|
.current {
|
|
|
color: #0043e8;
|