|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="Questionnairemanagement"> | 
 |  |  |     <!-- 左侧栏 --> | 
 |  |  |     <div class="sidecolumn"> | 
 |  |  |     <!-- <div class="sidecolumn"> | 
 |  |  |       <div class="sidecolumn-top"> | 
 |  |  |         <div class="top-wj">医院患者</div> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  |           v-model="queryParams.allhosp" | 
 |  |  |           @tab-click="handleClick" | 
 |  |  |         > | 
 |  |  |           <!-- <el-tab-pane label="患者列表" name="0"></el-tab-pane> --> | 
 |  |  |           <el-tab-pane label="出入院患者" name="1"></el-tab-pane> | 
 |  |  |           <el-tab-pane label="门诊患者" name="2"></el-tab-pane> | 
 |  |  |           <el-tab-pane label="体检患者" name="3"></el-tab-pane> | 
 |  |  |         </el-tabs> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     </div> --> | 
 |  |  |     <!-- 右侧数据 --> | 
 |  |  |  | 
 |  |  |     <div class="leftvlue"> | 
 |  |  | 
 |  |  |                 /> | 
 |  |  |               </el-form-item> | 
 |  |  |  | 
 |  |  |               <el-form-item label="门诊编号" prop="visitno"> | 
 |  |  |               <el-form-item label="患者档案号" prop="visitno"> | 
 |  |  |                 <el-input | 
 |  |  |                   v-model="queryParams.visitno" | 
 |  |  |                   placeholder="请输入编号" | 
 |  |  | 
 |  |  |                   </el-option> | 
 |  |  |                 </el-select> | 
 |  |  |               </el-form-item> --> | 
 |  |  |               <el-form-item label="患者范围" prop="status"> | 
 |  |  |               <!-- <el-form-item label="患者范围" prop="status"> | 
 |  |  |                 <el-cascader | 
 |  |  |                   v-model="queryParams.scopetype" | 
 |  |  |                   placeholder="默认全部" | 
 |  |  | 
 |  |  |                   :props="{ expandTrigger: 'hover' }" | 
 |  |  |                   @change="handleChange" | 
 |  |  |                 ></el-cascader> | 
 |  |  |               </el-form-item> | 
 |  |  |               </el-form-item> --> | 
 |  |  |               <el-form-item label="联系电话" prop="telcode"> | 
 |  |  |                 <el-input | 
 |  |  |                   v-model="queryParams.telcode" | 
 |  |  | 
 |  |  |               <el-input | 
 |  |  |                 v-model="form.age" | 
 |  |  |                 placeholder="请输入年龄" | 
 |  |  |                 maxlength="30" | 
 |  |  |               /> | 
 |  |  |             </el-form-item> | 
 |  |  |           </el-col> | 
 |  |  |         </el-row> | 
 |  |  |         <el-row v-if="amendtag"> | 
 |  |  |           <el-col :span="8"> | 
 |  |  |             <el-form-item label="过滤医生" width="100" prop="filterDrname"> | 
 |  |  |               <el-input | 
 |  |  |                 v-model="form.filterDrname" | 
 |  |  |                 placeholder="请输入医生姓名" | 
 |  |  |                 maxlength="30" | 
 |  |  |               /> | 
 |  |  |             </el-form-item> | 
 |  |  | 
 |  |  |       // 查询参数 | 
 |  |  |       queryParams: { | 
 |  |  |         pageNum: 1, | 
 |  |  |         allhosp: "1", | 
 |  |  |         allhosp: "0", | 
 |  |  |         pageSize: 10, | 
 |  |  |         notrequiredFlag: 0, | 
 |  |  |         searchscope: 2, | 
 |  |  | 
 |  |  |     this.getList(); | 
 |  |  |     this.gettabList(); | 
 |  |  |     //获取已筛选后的可选任务类型 | 
 |  |  |     this.sourcetype[0].children = store.getters.belongDepts.map((dept) => { | 
 |  |  |       return { | 
 |  |  |         label: dept.deptName, | 
 |  |  |         value: dept.deptCode, | 
 |  |  |       }; | 
 |  |  |     }); | 
 |  |  |     this.sourcetype[1].children = store.getters.belongWards.map((dept) => { | 
 |  |  |       return { | 
 |  |  |         label: dept.districtName, | 
 |  |  |         value: dept.districtCode, | 
 |  |  |       }; | 
 |  |  |     }); | 
 |  |  |     this.taskoptions = store.getters.Serviceauthority; | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  | 
 |  |  |     /** 重置按钮操作 */ | 
 |  |  |     resetQuery() { | 
 |  |  |       this.dateRange = []; | 
 |  |  |       (this.queryParams = { | 
 |  |  |       this.queryParams = { | 
 |  |  |         pageNum: 1, | 
 |  |  |         allhosp: "1", | 
 |  |  |         allhosp: "0", | 
 |  |  |         pageSize: 10, | 
 |  |  |         notrequiredFlag: 0, | 
 |  |  |         searchscope: 2, | 
 |  |  |         idcardno: undefined, | 
 |  |  |         name: undefined, | 
 |  |  |         status: undefined, | 
 |  |  |         tagIds: undefined, | 
 |  |  |         telcode: undefined, | 
 |  |  |       }), | 
 |  |  |         scopetype: [], | 
 |  |  |         leaveldeptcodes: [], | 
 |  |  |         leavehospitaldistrictcodes: [], | 
 |  |  |       }; | 
 |  |  |         this.handleQuery(); | 
 |  |  |     }, | 
 |  |  |     // 多选框选中数据 | 
 |  |  | 
 |  |  |     handleUpdate(row) { | 
 |  |  |       const userIds = row.id || this.ids; | 
 |  |  |       particularpatient(userIds).then((response) => { | 
 |  |  |         console.log(response); | 
 |  |  |         this.form = response.data; | 
 |  |  |         this.form.filterDrname = store.getters.nickName; | 
 |  |  |       }); | 
 |  |  |       this.amendtag = true; | 
 |  |  |       this.Labelchange = true; | 
 |  |  | 
 |  |  |  | 
 |  |  | <style lang="scss" scoped> | 
 |  |  | .Questionnairemanagement { | 
 |  |  |   display: flex; | 
 |  |  |   // display: flex; | 
 |  |  | } | 
 |  |  | .sidecolumn { | 
 |  |  |   width: 180px; | 
 |  |  | 
 |  |  |   cursor: pointer; /* 鼠标悬浮时变为手形 */ | 
 |  |  | } | 
 |  |  | .leftvlue { | 
 |  |  |   width: 80%; | 
 |  |  |   margin-left: 220px; | 
 |  |  |   // width: 100%; | 
 |  |  |   // margin-left: 220px; | 
 |  |  |   margin-top: 10px; | 
 |  |  | } | 
 |  |  | .leftvlue-bg { |