添加选择居民弹层

src/views/patients/labels-manage/labels-detail.vue

@@ -17,7 +17,7 @@
         <p class="title">分组成员：</p>
         <p class="member-number">{{searchData.totalRows}}人</p>
         <div class="right">
-          <el-button type="primary" size="small" class="create-new-label" v-if="!isUngrouped" >添加居民</el-button>
+          <el-button type="primary" size="small" class="create-new-label" v-if="!isUngrouped" @click="addPatientsHandler">添加居民</el-button>
           <el-button type="default" size="small" class="create-new-label" v-if="!isUngrouped" @click="handleDeletePatients">批量删除</el-button>
         </div>
       </div>
@@ -135,6 +135,12 @@
         </span>
       </el-dialog>
     </div>
+    <select-patient
+      :isShowSelectPatient="isShowSelectPatient"
+      :patientIdList="patientIdList"
+      @closeSelectPatient="closeSelectPatient"
+      @sureSelectPatient="sureSelectPatient(arguments)"
+    />
   </div>
 </template>
 
@@ -147,6 +153,7 @@
     changeLabelName,
     deleteCurrentPatients,
   } from '@/utils/patients/patientsapi'
+  import SelectPatient from './dialog/select-patitents';
 
 
   export default {
@@ -162,6 +169,8 @@
         showChangeLabelNameDialog: false,
         centerDialogVisible: false,
         showDeletePatientsDialog: false,
+        isShowSelectPatient: false,
+        patientIdList: [],
         searchData: {
           pageNo: 1,  // 第几页
           pageSize: 10,  // 每页条数
@@ -176,6 +185,7 @@
     },
     components: {
       BreadCrumb,
+      SelectPatient,
     },
     computed: {
       changeNameClass() {
@@ -370,7 +380,14 @@
         }).catch(err => {
           console.log('error: ', err)
         });
-      }
+      },
+      addPatientsHandler() {
+        this.isShowSelectPatient = true;
+      },
+      closeSelectPatient() {},
+      sureSelectPatient(arg) {
+
+      },
     }
   }
 </script>