恢复随访

src/views/followup/plan-manage/dialog/recover-followup.vue

+<template>
+  <div class="finish-followup" v-if="showThisPage">
+    <el-dialog
+      title="恢复随访"
+      :visible.sync="showFinishFollowup"
+      v-if="showThisPage"
+      :before-close="clickClose"
+      width="30%"
+      center>
+      <div class="finish-content">
+        <el-form
+          :model="recoverData"
+          :rules="rules"
+          label-width="100px">
+          <el-form-item label="居民：">
+            {{recoverData.patientName}}
+          </el-form-item>
+          <el-form-item label="恢复原因：" prop="finishReason">
+            <el-input
+              type="textarea"
+              v-model="recoverData.finishReason"
+              placeholder="请输入原因"
+              maxlength="30"
+              rows="3"
+              resize="none"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="button-green" @click="clickClose" size="small" type="primary">取 消</el-button>
+        <el-button class="button-white" @click="clickClose" size="small" plain>确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "recover-followup",
+    props: {
+      showThisPage: { //是否显示model
+        type: Boolean,
+        default: function () {
+          return false;
+        }
+      },
+      recoverData: {
+        type: Object,
+        default: function () {
+          return {};
+        }
+      }
+    },
+    data() {
+      return {
+        showFinishFollowup: true,
+        rules: {
+          recoverData: [
+            { required: true, message: '请输入恢复原因', trigger: 'blur' },
+            { min: 1, max: 30, message: '长度在30个字符内', trigger: 'blur' }
+          ],
+        }
+      }
+    },
+    methods: {
+      clickClose() {
+        this.$emit('closeRecoverFollowup',false)
+      },
+    }
+  }
+</script>
+<style scoped>
+  .el-input__inner:disabled {
+    background-color: #ffffff!important;
+  }
+</style>
+<style lang="scss" scoped>
+  @import '../../../../style/followup/followup-common';
+  @import '../../../../style/followup/element-reset.css';
+
+</style>

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

@@ -51,7 +51,8 @@
             <el-radio-button label="2">已结束({{residentList.yesCount}})</el-radio-button>
           </el-radio-group>
           <div class="btn-left">
-            <el-button class="button-green" type="primary" size="small" @click="finishFollowup('all')">结束随访</el-button>
+            <el-button class="button-green" type="primary" size="small" v-if="status==2" @click="recoverFollowup('all')">恢复随访</el-button>
+            <el-button class="button-green" type="primary" size="small" v-else @click="finishFollowup('all')">结束随访</el-button>
             <el-button class="button-white" plain size="small" @click="selectPatientHandler">添加居民</el-button>
           </div>
         </div>
@@ -100,7 +101,8 @@
             align="center">
             <template slot-scope="scope">
               <el-button class="btn-right-class" type="text" @click="changePlan(scope.row)" >变更计划</el-button>|
-              <el-button class="btn-right-class" type="text" @click="finishFollowup(scope.row)" >结束随访</el-button>
+              <el-button class="btn-right-class" type="text" v-if="status==2" @click="recoverFollowup(scope.row)" >恢复随访</el-button>
+              <el-button class="btn-right-class" type="text" v-else @click="finishFollowup(scope.row)" >结束随访</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -121,6 +123,7 @@
     </div>
     <change-plan :showThisPage="showChangePlan" :planChangeData="planChangeData"  @closeChangePlan="closeChangePlan"></change-plan>
     <finish-followup :showThisPage="showFinishFollowup" :finishData="finishData" @closeFinishFollowup="closeFinishFollowup"></finish-followup>
+    <recover-followup :showThisPage="showRecoverFollowup" :finishData="recoverData" @closeFinishFollowup="closeRecoverFollowup"></recover-followup>
     <select-patient
       :isShowSelectPatient="isShowSelectPatient"
       @closeSelectPatient="closeSelectPatient"
@@ -135,6 +138,8 @@
   import ChangePlan from '@/views/followup/plan-manage/dialog/change-plan';
   //结束随访dialog
   import FinishFollowup from '@/views/followup/plan-manage/dialog/finish-followup';
+  //恢复随访dialog
+  import RecoverFollowup from '@/views/followup/plan-manage/dialog/finish-followup';
   //添加居民
   import SelectPatient from '@/views/followup/plan-manage/dialog/select-patient';
 
@@ -145,7 +150,8 @@
       BreadCrumb,
       ChangePlan,
       FinishFollowup,
-      SelectPatient
+      SelectPatient,
+      RecoverFollowup
     },
     data() {
       return {
@@ -166,6 +172,8 @@
         planChangeData: {}, //变更计划数据
         showFinishFollowup: false, //是否展示结束随访
         finishData: {}, //结束数据
+        showRecoverFollowup: false, //是否展示恢复随访
+        recoverData: {}, //恢复数据
         isShowSelectPatient: false, //显示居民选择框
         hasSelectedList: [], //已选居民
         finishPatientList: [], //结束随访居民（多选）
@@ -254,6 +262,29 @@
       closeFinishFollowup(isShow) {
         this.showFinishFollowup = isShow
       },
+      recoverFollowup(row) {
+        if(row=='all') {
+          if(this.finishPatientList.length<=0) {
+            this.$message({
+              message: '请选择居民！',
+              type: 'warning'
+            });
+            return;
+          }
+          this.finishData = {
+            patientName: row.patientName,
+          };
+        } else {
+          this.finishData = {
+            patientName: row.patientName,
+          };
+        }
+
+        this.showFinishFollowup = true;
+      },
+      closeRecoverFollowup(isShow) {
+        this.showRecoverFollowup = isShow
+      },
       selectPatientHandler() {
         this.isShowSelectPatient = true;
       },