添加补充内容页面

src/components/AddContent.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="symp-wrap">
+    <div class="choose">
+      <h3>添加内容</h3>
+    </div>
+  </div>
+</template>
+<script type="text/javascript">
+  export default {
+    name:'Symptom',
+    data(){
+      const pathInfo = this.$store.state.pathInfo;
+      return {
+        age:pathInfo.patientAge,
+        sexType:pathInfo.patientSex=='男'?1:(pathInfo.patientSex=='女'?2:3),
+        deptName:pathInfo.selfDeptName,
+        hosCode:pathInfo.hospitalCode,
+        choose:false,
+        check:false,
+        show:false, //显示明细
+        chooseSymp:[], //已选症状
+        symp:[], //症状
+        labelDetail:{}, //明细
+        checkText:{}, //选中拼好的明细
+        current:null,
+        delText:"是否删除该信息？",
+        delIndex:null,
+        showToast:false
+      }
+    },
+    methods:{
+      
+    }
+  }
+</script>
+<style lang="less" scoped>
+@import '../less/base.less';
+  .symp-wrap{
+    font-size: .3rem;
+    h3{
+      color: #000;
+      margin-bottom: .36rem;
+    }
+  }
+  .choose{
+    padding-bottom: .2rem;
+    .choo-symp{
+      display: inline-block;
+      width:1.9rem;
+      height: .74rem;
+      background: linear-gradient(-270deg, #4F4FFF, #4F8BFF);
+      box-shadow: 0 .08rem .16rem 0 rgba(79,129,255,0.40);
+      border-radius: .08rem;
+      white-space: nowrap;
+      margin: 0 .3rem .3rem 0;
+      span{
+        display: inline-block;
+        vertical-align: top;
+      }
+      span:first-child{
+        width:1.34rem;
+        height: .74rem;
+        line-height: .74rem;
+        text-align: center;
+        color: #fff;
+      }
+      img{
+        width:.56rem;
+        height: .74rem;
+      }
+    }
+  }
+  .label{
+    padding-bottom: .2rem;
+    .symp{
+      display: inline-block;
+      width:1.9rem;
+      height: .74rem;
+      line-height: .74rem;
+      border: 1px solid #DFE0E4;
+      border-radius: .08rem;
+      text-align: center;
+      color: #7C828E;
+      margin: 0 0 .3rem .3rem;
+      box-sizing: border-box;
+    }
+    .symp:nth-child(3n+2){
+      margin-left: 0;
+    }
+  }
+  .result{
+    h4{
+      color: #4F50FF;
+      padding-left: .1rem;
+      border-left: .08rem solid #4F50FF;
+      margin-bottom: .19rem;
+    }
+    p{
+      color: #666;
+      line-height: .44rem;
+    }
+  }
+  .footer{
+    .footer;
+  }
+  .detail{
+    .mask;
+    z-index: 66;
+  }
+</style>

src/components/Symptom.vue

@@ -73,6 +73,7 @@ import Toast from '../common/Toast.vue';
       },
       toNext(){
         // 把1切换成完成图标，且2高亮
+        this.$emit("nextStep",3);
       },
       showDetil(item){
         this.chooseSymp.push(item);

src/components/TabPage.vue

@@ -2,7 +2,7 @@
   <div class="tab-wrap">
     <div class="tab" v-if="modlues&&modlues.length>0">
       <p v-for="(it,index) in modlues" :key="it.id">
-        <span :class="{current:index==0}" v-if="type[it.type]==1">
+        <span :class="{current:index==step}" v-if="type[it.type]==1">
           <i>{{it.type}}</i>
           {{it.name}}
         </span>
@@ -10,13 +10,15 @@
     </div>
     <!-- 内容 -->
     <div class="content">
-      <Symptom />
+      <Symptom @nextStep="nextStep" v-show="step == 0"/>
+      <AddContent  v-show="step == 3"/>
     </div>
     <!-- <div class="footer">下一步</div> -->
   </div>
 </template>
 <script type="text/javascript">
   import Symptom from './Symptom.vue';
+  import AddContent from './AddContent.vue';
   export default {
     name:'TabPage',
     data(){
@@ -30,14 +32,22 @@
           "2":sysConfig.filter(item=>item.code=="diagnosis_show")[0].value,
           "3":sysConfig.filter(item=>item.code=="omhistory_show")[0].value,
           "4":sysConfig.filter(item=>item.code=="replenish_show")[0].value,
-        }
+        },
+        step:0
       }
     },
     created(){
       // console.log('配置信息：',this.config,'type',this.type)
     },
+    methods:{
+      nextStep(idx){
+        console.log(idx)
+        this.step = idx
+      }
+    },
     components:{
-      Symptom
+      Symptom,
+      AddContent,
     }
   }
 </script>

webpack.dev.js

@@ -10,6 +10,7 @@ module.exports = merge(common,{
   devServer: {
     // contentBase:'./dist',
     port:'8082',
+    host:'192.168.3.126',
     openPage:'?hospitalCode=A001&hospitalDeptCode=D01&doctorCode=YS001&patientCode=1600&recordId=44',//携带参数
     proxy:{
       '/api':{