计划详情页

src/store/followup/planManage.js

@@ -23,8 +23,8 @@ export default {
     GET_RESIDENT_DETAIL(state, payload) {
       state.residentDetail = payload
     },
-    GET_RESIDENT_DETAIL(state, payload) {
-      state.residentDetail = payload
+    GET_PLAN_DETAIL(state, payload) {
+      state.planDetail = payload
     }
   },
   actions: {
@@ -49,6 +49,13 @@ export default {
       }).then(({data}) => {
         context.commit('GET_RESIDENT_DETAIL', data);
       });
+    },
+    getPlanDetail(context, payload) {
+      followApi.getPlanDetail({}, {
+        urlSuffix:payload
+      }).then(({data}) => {
+        context.commit('GET_PLAN_DETAIL', data);
+      });
     }
   },
 }

src/utils/followup/followapis.js

@@ -15,10 +15,10 @@ const  planManageApi = [
     description: '获取居民列表',
   },
   {
-    url: '/followup/plans/detail/',
+    url: '/plans/',
     method: 'get',
     params: 'params',
-    name: 'getPlanDetails',
+    name: 'getPlanDetail',
     description: '获取计划详情',
   },
   {
@@ -90,7 +90,7 @@ apis.forEach(item => api[item.name] = (params = {}, extraConfig = {}) => {
   //   url: getFollowUpApi(item.url),
   //   method: item.method,
   // };
-let config = {};
+  let config = {};
   if(item.name == 'getBasicData'){
      config = {
       url: getBasicDataApi(item.url),

src/views/followup/plan-manage/plan-detail.vue

@@ -13,67 +13,65 @@
           <el-button class="button-white" plain @click="changePlan">修改</el-button>
         </div>
       </div>
-      <div class="base-info" v-if="residentDetail.fPlanPatientDatilDtoList">
+      <div class="base-info" >
         <div class="resident-info base-content">
           <div class="content-div">
             <div class="c-title">随访计划名称：</div>
-            <div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.nickName}}</div>
+            <div class="c-content">{{planDetail.name}}</div>
           </div>
         </div>
         <div class="group-info base-content">
           <div class="content-div">
             <div class="c-title">随访居民：</div>
-            <div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.labelName}}</div>
+            <div class="c-content">{{planDetail.num}}人<el-button type="text" @click="goToResidentList">查看居民></el-button></div>
           </div>
         </div>
         <div class="followup-info base-content">
           <div class="content-div">
             <div class="c-title">随访模板：</div>
-            <div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.planTemplate}}</div>
+            <div class="c-content">{{planDetail.resourceName}}</div>
           </div>
         </div>
         <div class="followup-info base-content">
           <div class="content-div">
             <div class="c-title">随访开始时间：</div>
-            <div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.planTemplate}} <el-button type="text" @click="goToFollowTime">查看全部></el-button></div>
+            <div class="c-content">{{planDetail.timeStr}} <el-button type="text" @click="goToFollowTime">查看全部></el-button></div>
           </div>
         </div>
         <div class="followup-info base-content">
           <div class="content-div">
             <div class="c-title">备注：</div>
-            <div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.planTemplate}}</div>
+            <div class="c-content">{{planDetail.remarksStatusStr}}</div>
           </div>
         </div>
       </div>
-      <div class="time-nodes" v-if="residentDetail.fPlanPatientDatilDtoList">
+      <div class="time-nodes">
         <p class="title">随访时间节点</p>
         <el-radio-group v-model="timeNodes">
-          <el-radio-button :key="item.nodeId" v-for="item in residentDetail.fPlanPatientDatilDtoList.timeNodeList" :label="item.nodeId">{{item.timeNodeContent}}</el-radio-button>
+          <el-radio-button :key="item.id" v-for="item in planDetail.fPlanTimeDtoList" :label="item.id">{{item.timeStr}}</el-radio-button>
         </el-radio-group>
-        <div class="followup-contents">
+        <div class="followup-contents" v-if="thisNodeContents[0]">
           <div class="content-div">
             <div class="c-title">随访方式：</div>
-            <div class="c-content">门诊随访</div>
+            <div class="c-content">{{thisNodeContents[0].typeStr}}</div>
           </div>
           <div class="content-div">
             <div class="c-title">提醒医生预约居民：</div>
             <div class="c-content more-content">
-              <p>开始前20天提醒</p>
-              <p>开始前10天提醒</p>
+              <p v-for="item in thisNodeContents[0].remindList">{{item.startDaysStr}}</p>
             </div>
           </div>
           <div class="content-div">
             <div class="c-title">推送患教：</div>
-            <div class="c-content more-content">
-              <p>开始前30天 <span class="click-text">《患教内容患教内容患教内容》</span></p>
+            <div class="c-content more-content" v-for="item in thisNodeContents[0].pushContentList">
+              <p>{{item.startDaysStr}} <span class="click-text" >《{{item.sendContent}}》</span></p>
               <p class="reminding">推送规则：优先微信推送，如果居民没关注云鹊医公众号，将短信推送，短信推送会消耗您的额度。推送详情请前往云鹊医app患教中心查询</p>
             </div>
           </div>
           <div class="content-div">
             <div class="c-title">随访登记表：</div>
             <div class="c-content more-content">
-              <p class="click-text">《登记表名登记表名登记表名》</p>
-              <p class="click-text">《登记表名登记表名登记表名登记表名》</p>
+              <p v-for="item in thisNodeContents[0].followupList">{{item.sendContent}}</p>
             </div>
           </div>
         </div>
@@ -103,35 +101,47 @@
         curmbThird: '计划详情',
         jumPathThird: '/followUp/plan-manage',
         /*面包屑配置*/
-        timeNodes: 0,//时间节点
+        timeNodes: null,//时间节点
         showFollowTime: false,  //是否展示全部时间
+        thisNodeContents: {},
       }
     },
     created() {
 
     },
     mounted() {
-      this.getResidentDetail({
-        patientId: this.$route.query.patientId,
-        planId: this.$route.query.planId
-      }); //获取居民详情
+      this.getPlanDetail(this.$route.query.planId); //获取居民详情
     },
     computed: {
       ...mapState('planManage', {
-        residentDetail: state => state.residentDetail
+        residentDetail: state => state.residentDetail,
+        planDetail: state => state.planDetail,
       })
     },
     methods: {
-      ...mapActions('planManage', ['getResidentDetail']),
+      ...mapActions('planManage', ['getResidentDetail', 'getPlanDetail']),
       goToFollowTime() {
         this.showFollowTime = true
       },
+      goToResidentList() {
+        this.$router.push({path: '/followup/plan-manage/resident-list', query: {planId:'1'}})
+      },
       changePlan() {
 
       },
       closeFollowTime(isShow) {
         this.showFollowTime = isShow
       },
+    },
+    watch: {
+      planDetail(val) {
+        this.timeNodes = val.fPlanTimeDtoList[0].id
+      },
+      timeNodes(val) {
+        this.thisNodeContents = this.planDetail.fPlanTimeDtoList.filter(function(item){
+          return item.id == val;
+        });
+      }
     }
   }
 </script>

src/views/followup/plan-manage/plan-list.vue

@@ -32,7 +32,7 @@
           <el-table :data="planListData" style="width: 100%;margin-top: 20px;">
             <el-table-column prop="name" label="随访计划名称" min-width="100" align="center" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <span style="cursor: pointer" @click="visitDetail(scope.row)">{{scope.row.name}}</span>
+                <el-button class="btn-right-class" type="text" @click="visitDetail(scope.row)">{{scope.row.name}}</el-button>
               </template>
             </el-table-column>
             <el-table-column prop="startYear" label="开始年份" min-width="100" align="center"></el-table-column>
@@ -109,7 +109,7 @@
         this.searchData.timeRange = '';
       },
       visitDetail(row){
-        this.dialogDetailShow = true;
+        this.$router.push({path: '/followup/plan-manage/plan-detail', query: {planId:'1'}})
       },
       visitRow(row){
         this.$router.push({path: '/followup/plan-manage/resident-list', query: {planId:'1'}})