|  |  | 
 |  |  |         <span class="mulsz" slot="label" | 
 |  |  |           ><i class="el-icon-s-management"></i> 医疗档案</span | 
 |  |  |         > | 
 |  |  |         <el-tabs v-model="sonactiveName" @tab-click="handleClick"> | 
 |  |  |         <el-tabs v-model="sonactiveName" @tab-click="handleClickson"> | 
 |  |  |           <el-tab-pane name="outpatient" | 
 |  |  |             ><span class="mulsz" slot="label" | 
 |  |  |               >门诊({{ mznumber }})</span | 
 |  |  |             ></el-tab-pane | 
 |  |  |             ><span class="mulsz" slot="label">门诊</span></el-tab-pane | 
 |  |  |           > | 
 |  |  |           <el-tab-pane name="inhospital" | 
 |  |  |             ><span class="mulsz" slot="label" | 
 |  |  |               >住院({{ zynumber }}) | 
 |  |  |             </span></el-tab-pane | 
 |  |  |             ><span class="mulsz" slot="label">在院 </span></el-tab-pane | 
 |  |  |           > | 
 |  |  |           <el-tab-pane name="checkout" | 
 |  |  |             ><span class="mulsz" slot="label" | 
 |  |  |               >体检({{ jynumber }}) | 
 |  |  |             </span></el-tab-pane | 
 |  |  |             ><span class="mulsz" slot="label">出院 </span></el-tab-pane | 
 |  |  |           > | 
 |  |  |         </el-tabs> | 
 |  |  |       </el-tab-pane> | 
 |  |  |       <el-tab-pane name="monitor"> | 
 |  |  |       <!-- <el-tab-pane name="monitor"> | 
 |  |  |         <span class="mulsz" slot="label" | 
 |  |  |           ><i class="el-icon-s-data"></i> 健康监测</span | 
 |  |  |         > | 
 |  |  | 
 |  |  |             </span></el-tab-pane | 
 |  |  |           > | 
 |  |  |         </el-tabs></el-tab-pane | 
 |  |  |       > | 
 |  |  |       > --> | 
 |  |  |       <el-tab-pane name="serve"> | 
 |  |  |         <span class="mulsz" slot="label" | 
 |  |  |           ><i class="el-icon-s-custom"></i> 服务记录</span | 
 |  |  | 
 |  |  |           <el-button type="primary" @click="savefile">保存患者档案</el-button> | 
 |  |  |         </div> | 
 |  |  |         <div class="detailed"> | 
 |  |  |           <el-row :gutter="20"> | 
 |  |  |             <el-col :span="12" | 
 |  |  |               ><div class="grid-content bg-purple"> | 
 |  |  |                 患者姓名:<span class="spanvalue">{{ userform.name }}</span> | 
 |  |  |               </div></el-col | 
 |  |  |             > | 
 |  |  |             <el-col :span="12" | 
 |  |  |               ><div class="grid-content bg-purple"> | 
 |  |  |                 联系电话:<span class="spanvalue">{{ userform.telcode }}</span> | 
 |  |  |               </div></el-col | 
 |  |  |             > | 
 |  |  |           </el-row> | 
 |  |  |           <el-row :gutter="20"> | 
 |  |  |             <el-col :span="24" | 
 |  |  |               ><div class="grid-content bg-purple"> | 
 |  |  |                 出生地:<span class="spanvalue">{{ userform.birthplace }}</span> | 
 |  |  |               </div></el-col | 
 |  |  |             > | 
 |  |  |           </el-row> | 
 |  |  |           <el-row :gutter="20"> | 
 |  |  |             <el-col :span="24" | 
 |  |  |               ><div class="grid-content bg-purple"> | 
 |  |  |                 居住地:<span class="spanvalue">{{ | 
 |  |  |                   userform.placeOfResidence | 
 |  |  |                 }}</span> | 
 |  |  |               </div></el-col | 
 |  |  |             > | 
 |  |  |           </el-row> | 
 |  |  |           <el-row :gutter="20"> | 
 |  |  |             <el-col :span="24" | 
 |  |  |               ><div class="xinz-inf"> | 
 |  |  |                 <el-tag | 
 |  |  |                   :key="tag.tagid" | 
 |  |  |                   type="success" | 
 |  |  |                   v-for="tag in dynamicTags" | 
 |  |  |                   closable | 
 |  |  |                   :disable-transitions="false" | 
 |  |  |                   @close="handleClose(tag)" | 
 |  |  |                 > | 
 |  |  |                   {{ tag.tagname }} | 
 |  |  |                 </el-tag> | 
 |  |  |                 <el-select | 
 |  |  |                   v-model="inputValue" | 
 |  |  |                   v-if="inputVisible" | 
 |  |  |                   @change="handleInputConfirm" | 
 |  |  |                   :remote-method="remoteMethod" | 
 |  |  |                   remote | 
 |  |  |                   filterable | 
 |  |  |                   allow-create | 
 |  |  |                   default-first-option | 
 |  |  |                   placeholder="请选择/查询" | 
 |  |  |                   :loading="loading" | 
 |  |  |                 > | 
 |  |  |                   <el-option | 
 |  |  |                     v-for="item in options" | 
 |  |  |                     :key="item.tagid" | 
 |  |  |                     :label="item.tagname" | 
 |  |  |                     :value="item.tagname" | 
 |  |  |                   > | 
 |  |  |                   </el-option> | 
 |  |  |                 </el-select> | 
 |  |  |           <el-form | 
 |  |  |             ref="userform" | 
 |  |  |             :model="userform" | 
 |  |  |             :rules="rules" | 
 |  |  |             label-width="150px" | 
 |  |  |           > | 
 |  |  |             <el-row :gutter="20"> | 
 |  |  |               <el-col :span="12"> | 
 |  |  |                 <el-form-item label="患者姓名" prop="name"> | 
 |  |  |                   <el-input | 
 |  |  |                     v-model="userform.name" | 
 |  |  |                     placeholder="请输入姓名" | 
 |  |  |                     maxlength="30" | 
 |  |  |                   ></el-input> </el-form-item | 
 |  |  |               ></el-col> | 
 |  |  |             </el-row> | 
 |  |  |             <el-row > | 
 |  |  |               <el-col :span="12" | 
 |  |  |                 ><el-form-item label="联系方式" prop="telcode"> | 
 |  |  |                   <el-input | 
 |  |  |                     v-model="userform.telcode" | 
 |  |  |                     placeholder="请输入联系方式" | 
 |  |  |                     maxlength="30" | 
 |  |  |                   /> </el-form-item | 
 |  |  |               ></el-col> | 
 |  |  |               <el-col :span="12"> | 
 |  |  |                 <el-form-item label="亲属联系方式"  prop="name"> | 
 |  |  |                   <el-input | 
 |  |  |                     v-model="userform.telcodewx" | 
 |  |  |                     placeholder="请输入姓名" | 
 |  |  |                     maxlength="30" | 
 |  |  |                   ></el-input> </el-form-item | 
 |  |  |               ></el-col> | 
 |  |  |             </el-row> | 
 |  |  |             <el-row :gutter="20"> | 
 |  |  |               <el-col :span="24"> | 
 |  |  |                 <el-form-item label="出生地" prop="birthplace"> | 
 |  |  |                   <el-input | 
 |  |  |                     v-model="userform.birthplace" | 
 |  |  |                     placeholder="国、省、地市、区县、街道等详细信息" | 
 |  |  |                     maxlength="50" | 
 |  |  |                   /> </el-form-item | 
 |  |  |               ></el-col> | 
 |  |  |             </el-row> | 
 |  |  |             <el-row :gutter="20"> | 
 |  |  |               <el-col :span="24" | 
 |  |  |                 ><el-form-item label="居住地" prop="placeOfResidence"> | 
 |  |  |                   <el-input | 
 |  |  |                     v-model="userform.placeOfResidence" | 
 |  |  |                     placeholder="国、省、地市、区县、街道等详细信息" | 
 |  |  |                     maxlength="50" | 
 |  |  |                   /> </el-form-item | 
 |  |  |               ></el-col> | 
 |  |  |             </el-row> | 
 |  |  |             <el-row :gutter="20"> | 
 |  |  |               <el-col :span="24"> | 
 |  |  |                 <el-form-item label="标签" prop="desc"> | 
 |  |  |                   <div class="xinz-inf"> | 
 |  |  |                     <el-tag | 
 |  |  |                       :key="tag.tagname" | 
 |  |  |                       type="success" | 
 |  |  |                       v-for="tag in dynamicTags" | 
 |  |  |                       v-if="tag.isoperation != 3" | 
 |  |  |                       closable | 
 |  |  |                       :disable-transitions="false" | 
 |  |  |                       @close="handleClose(tag)" | 
 |  |  |                     > | 
 |  |  |                       {{ tag.tagname }} | 
 |  |  |                     </el-tag> | 
 |  |  |                     <el-select | 
 |  |  |                       v-if="inputVisible" | 
 |  |  |                       v-model="inputValue" | 
 |  |  |                       @change="handleInputConfirm" | 
 |  |  |                       filterable | 
 |  |  |                       allow-create | 
 |  |  |                       default-first-option | 
 |  |  |                       placeholder="请选择/查询" | 
 |  |  |                     > | 
 |  |  |                       <el-option | 
 |  |  |                         v-for="item in options" | 
 |  |  |                         :key="item.tagid" | 
 |  |  |                         :label="item.tagname" | 
 |  |  |                         :value="item.tagname" | 
 |  |  |                       > | 
 |  |  |                       </el-option> | 
 |  |  |                     </el-select> | 
 |  |  |  | 
 |  |  |                 <el-button | 
 |  |  |                   v-else | 
 |  |  |                   class="button-new-tag" | 
 |  |  |                   size="small" | 
 |  |  |                   @click="showInput" | 
 |  |  |                   >+ 新增标签</el-button | 
 |  |  |                 > | 
 |  |  |               </div></el-col | 
 |  |  |             > | 
 |  |  |           </el-row> | 
 |  |  |                     <el-button | 
 |  |  |                       v-else | 
 |  |  |                       class="button-new-tag" | 
 |  |  |                       size="small" | 
 |  |  |                       @click="showInput" | 
 |  |  |                       >+ 新增标签</el-button | 
 |  |  |                     > | 
 |  |  |                   </div> | 
 |  |  |                 </el-form-item> | 
 |  |  |               </el-col> | 
 |  |  |             </el-row> | 
 |  |  |           </el-form> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <div class="top-message"> | 
 |  |  |       <!-- <div class="top-message"> | 
 |  |  |         <div class="headline">病史</div> | 
 |  |  |         <div class="detailed"> | 
 |  |  |           <el-form ref="form" :model="form" label-width="100px"> | 
 |  |  |           <el-form :model="form" label-width="100px"> | 
 |  |  |             <el-row> | 
 |  |  |               <el-col :span="8"> | 
 |  |  |                 <el-form-item label="过往疾病" prop="name"> | 
 |  |  | 
 |  |  |             </el-row> | 
 |  |  |           </el-form> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       </div> --> | 
 |  |  |       <!-- 联系电话 --> | 
 |  |  |       <div class="bottom-message"> | 
 |  |  |         <div class="headline"> | 
 |  |  |           号码维护<span style="margin-right: 60px">  </span> | 
 |  |  |           亲属号码维护<span style="margin-right: 60px">  </span> | 
 |  |  |           <el-button type="primary" @click="addcompiletb">+新增</el-button> | 
 |  |  |         </div> | 
 |  |  |         <div class="Table-screen"> | 
 |  |  | 
 |  |  |           > | 
 |  |  |             <el-table-column prop="id" label="序号" width="180"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column prop="contactname" label="姓名" width="180"> | 
 |  |  |             <el-table-column prop="contactname" label="姓名" width="100"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column prop="contactway" label="联系方式" width="180"> | 
 |  |  |             </el-table-column> | 
 |  |  | 
 |  |  |       <!-- 门诊 --> | 
 |  |  |       <div v-if="sonactiveName == 'outpatient'"> | 
 |  |  |         <el-table :data="serviceData" style="width: 100%"> | 
 |  |  |           <el-table-column prop="daya" label="就诊日期" width="180"> | 
 |  |  |           <el-table-column | 
 |  |  |             label="就诊时间" | 
 |  |  |             align="center" | 
 |  |  |             key="admitdate" | 
 |  |  |             prop="admitdate" | 
 |  |  |             width="160" | 
 |  |  |           > | 
 |  |  |             <template slot-scope="scope"> | 
 |  |  |               <span>{{ formatTime(scope.row.admitdate) }}</span> | 
 |  |  |             </template> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="就诊科室" width="180"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="doctor" label="医生"> </el-table-column> | 
 |  |  |           <el-table-column prop="result" label="疾病诊断"> </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="检验"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="检查"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="手术"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="用药"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="columcz" label="医嘱" width="200"> | 
 |  |  |           </el-table-column> | 
 |  |  |         </el-table> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="病案号" | 
 |  |  |             align="center" | 
 |  |  |             key="outhospno" | 
 |  |  |             prop="outhospno" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="姓名" | 
 |  |  |             width="100" | 
 |  |  |             align="center" | 
 |  |  |             key="patname" | 
 |  |  |             prop="patname" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="联系电话" | 
 |  |  |             align="center" | 
 |  |  |             key="telcode" | 
 |  |  |             prop="telcode" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="入院诊断" | 
 |  |  |             align="center" | 
 |  |  |             key="diagname" | 
 |  |  |             prop="diagname" | 
 |  |  |             width="190" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="出院诊断" | 
 |  |  |             align="center" | 
 |  |  |             key="leavediagname" | 
 |  |  |             prop="leavediagname" | 
 |  |  |             width="190" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="就诊科室" | 
 |  |  |             align="center" | 
 |  |  |             key="deptname" | 
 |  |  |             prop="deptname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="所在病区" | 
 |  |  |             align="center" | 
 |  |  |             key="leavehospitaldistrictname" | 
 |  |  |             prop="leavehospitaldistrictname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="主治医生" | 
 |  |  |             align="center" | 
 |  |  |             key="drname" | 
 |  |  |             prop="drname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="责任护士" | 
 |  |  |             align="center" | 
 |  |  |             key="nurseName" | 
 |  |  |             prop="nurseName" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |         </el-table> | 
 |  |  |         <pagination | 
 |  |  |           v-show="total > 0" | 
 |  |  |           :total="total" | 
 |  |  | 
 |  |  |       </div> | 
 |  |  |       <!-- 住院 --> | 
 |  |  |       <div v-if="sonactiveName == 'inhospital'"> | 
 |  |  |         <el-table :data="serviceData" style="width: 100%"> | 
 |  |  |           <el-table-column prop="godaya" label="入院日期"> </el-table-column> | 
 |  |  |           <el-table-column prop="hospitalname" label="出院时间"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="病区"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="result" label="主治医师"> </el-table-column> | 
 |  |  |           <el-table-column prop="bed" label="管床护士"> </el-table-column> | 
 |  |  |           <el-table-column prop="doctor" label="出院疾病诊断"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="today" label="检验"> </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="检查"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="手术"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="用药"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="columcz" label="出院小结" width="200"> | 
 |  |  |           </el-table-column> | 
 |  |  |         <el-table :data="serviceDatary" style="width: 100%"> | 
 |  |  |           <el-table-column | 
 |  |  |             label="住院号" | 
 |  |  |             align="center" | 
 |  |  |             key="inhospno" | 
 |  |  |             prop="inhospno" | 
 |  |  |             width="180" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="姓名" | 
 |  |  |             width="100" | 
 |  |  |             align="center" | 
 |  |  |             key="patname" | 
 |  |  |             prop="patname" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="联系电话" | 
 |  |  |             align="center" | 
 |  |  |             key="telcode" | 
 |  |  |             prop="telcode" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="入院诊断" | 
 |  |  |             align="center" | 
 |  |  |             key="diagname" | 
 |  |  |             prop="diagname" | 
 |  |  |             width="190" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="出院诊断" | 
 |  |  |             align="center" | 
 |  |  |             key="leavediagname" | 
 |  |  |             prop="leavediagname" | 
 |  |  |             width="190" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="就诊科室" | 
 |  |  |             align="center" | 
 |  |  |             key="deptname" | 
 |  |  |             prop="deptname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="所在病区" | 
 |  |  |             align="center" | 
 |  |  |             key="leavehospitaldistrictname" | 
 |  |  |             prop="leavehospitaldistrictname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="主治医生" | 
 |  |  |             align="center" | 
 |  |  |             key="drname" | 
 |  |  |             prop="drname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="责任护士" | 
 |  |  |             align="center" | 
 |  |  |             key="nurseName" | 
 |  |  |             prop="nurseName" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="床位号" | 
 |  |  |             align="center" | 
 |  |  |             key="bedNo" | 
 |  |  |             prop="bedNo" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |         </el-table> | 
 |  |  |       </div> | 
 |  |  |       <!-- 体检 --> | 
 |  |  |       <!-- 出院 --> | 
 |  |  |       <div v-if="sonactiveName == 'checkout'"> | 
 |  |  |         <el-table :data="serviceData" style="width: 100%"> | 
 |  |  |           <el-table-column prop="godaya" label="体检类型"> </el-table-column> | 
 |  |  |           <el-table-column prop="hospitalname" label="体检套餐名称"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="result" label="体检预约日期"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="体检项目"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="体检报告日"> | 
 |  |  |           </el-table-column> | 
 |  |  |           <el-table-column prop="administrative" label="体检总检报告"> | 
 |  |  |           </el-table-column> | 
 |  |  |         <el-table :data="serviceDatacy" style="width: 100%"> | 
 |  |  |           <el-table-column | 
 |  |  |             label="住院号" | 
 |  |  |             align="center" | 
 |  |  |             key="inhospno" | 
 |  |  |             prop="inhospno" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="姓名" | 
 |  |  |             width="100" | 
 |  |  |             align="center" | 
 |  |  |             key="patname" | 
 |  |  |             prop="patname" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="联系电话" | 
 |  |  |             align="center" | 
 |  |  |             key="telcode" | 
 |  |  |             prop="telcode" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="入院诊断" | 
 |  |  |             align="center" | 
 |  |  |             key="diagname" | 
 |  |  |             prop="diagname" | 
 |  |  |             width="190" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="出院诊断" | 
 |  |  |             align="center" | 
 |  |  |             key="leavediagname" | 
 |  |  |             prop="leavediagname" | 
 |  |  |             width="190" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="就诊科室" | 
 |  |  |             align="center" | 
 |  |  |             key="deptname" | 
 |  |  |             prop="deptname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="所在病区" | 
 |  |  |             align="center" | 
 |  |  |             key="leavehospitaldistrictname" | 
 |  |  |             prop="leavehospitaldistrictname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |           <el-table-column | 
 |  |  |             label="主治医生" | 
 |  |  |             align="center" | 
 |  |  |             key="drname" | 
 |  |  |             prop="drname" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="责任护士" | 
 |  |  |             align="center" | 
 |  |  |             key="nurseName" | 
 |  |  |             prop="nurseName" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |  | 
 |  |  |           <el-table-column | 
 |  |  |             label="床位号" | 
 |  |  |             align="center" | 
 |  |  |             key="bedNo" | 
 |  |  |             prop="bedNo" | 
 |  |  |             width="120" | 
 |  |  |           /> | 
 |  |  |         </el-table> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  | 
 |  |  |               border-left: 4px solid rgb(190, 65, 134); | 
 |  |  |             " | 
 |  |  |           > | 
 |  |  |             {{ item.name }} | 
 |  |  |             <span v-if="item.serviceType == 2">出院随访</span> | 
 |  |  |             <span v-if="item.serviceType == 1">心电随访</span> | 
 |  |  |             <span v-if="item.serviceType == 3">影像随访</span> | 
 |  |  |             <span v-if="item.serviceType == 4">宣教关怀</span> | 
 |  |  |           </div> | 
 |  |  |           <el-divider></el-divider> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             随访状态:已终止<span style="color: #2775b6" | 
 |  |  |               >(终止原因:患者痊愈回访结束,终止时间:2023-12-18 12:00)</span | 
 |  |  |             > | 
 |  |  |             服务名称:<span style="color: #2775b6">{{ | 
 |  |  |               item.templatename | 
 |  |  |             }}</span> | 
 |  |  |           </div> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             随访发送时间:<span style="color: #2775b6">2023-11-23 12:00</span> | 
 |  |  |             创建时间:<span style="color: #2775b6">{{ item.createTime }}</span> | 
 |  |  |           </div> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             随访完成时间:<span style="color: #2775b6">2023-12-18 12:00</span> | 
 |  |  |             完成时间:<span style="color: #2775b6">{{ item.finishtime }}</span> | 
 |  |  |           </div> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             疼痛程度:<span style="color: #2775b6">中度</span> | 
 |  |  |             <el-row :gutter="20"> | 
 |  |  |               <el-col :span="12" | 
 |  |  |                 >科室: | 
 |  |  |                 <span style="color: #2775b6">{{ item.deptname }}</span></el-col | 
 |  |  |               > | 
 |  |  |               <el-col :span="12" | 
 |  |  |                 >病区: | 
 |  |  |                 <span style="color: #2775b6">{{ | 
 |  |  |                   item.leavehospitaldistrictname | 
 |  |  |                 }}</span></el-col | 
 |  |  |               > | 
 |  |  |             </el-row> | 
 |  |  |           </div> | 
 |  |  |  | 
 |  |  |           <div | 
 |  |  |             style=" | 
 |  |  |               font-size: 20px; | 
 |  |  | 
 |  |  |               border-left: 4px solid rgb(65, 161, 190); | 
 |  |  |             " | 
 |  |  |           > | 
 |  |  |             人工随访记录 | 
 |  |  |             人工记录 | 
 |  |  |           </div> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             <el-row :gutter="20"> | 
 |  |  |               <el-col :span="6" | 
 |  |  |                 >随访日期: | 
 |  |  |                 <span style="color: #2775b6">2023-11-22 11:22</span></el-col | 
 |  |  |                 >负责人: | 
 |  |  |                 <span style="color: #2775b6">{{ item.createBy }}</span></el-col | 
 |  |  |               > | 
 |  |  |               <el-col :span="6" | 
 |  |  |                 >随访人: <span style="color: #2775b6">吴小龙</span></el-col | 
 |  |  |                 >主治医生: | 
 |  |  |                 <span style="color: #2775b6">{{ item.drname }}</span></el-col | 
 |  |  |               > | 
 |  |  |               <el-col :span="6" | 
 |  |  |                 >患者配合度: <span style="color: #2775b6">高</span></el-col | 
 |  |  |                 >责任护士 | 
 |  |  |                 <span style="color: #2775b6">{{ item.nurseName }}</span></el-col | 
 |  |  |               > | 
 |  |  |             </el-row> | 
 |  |  |           </div> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             随访结果: <span style="color: #2775b6">患者痊愈,身体倍棒</span> | 
 |  |  |             结果状态: | 
 |  |  |             <span style="color: #2775b6" v-if="item.excep == 0">服务正常</span> | 
 |  |  |             <span style="color: #b55e54" v-if="item.excep == 1">异常</span> | 
 |  |  |           </div> | 
 |  |  |           <div style="margin-top: 10px"> | 
 |  |  |             随访备注: <span style="color: #2775b6">提醒注意饮食健康</span> | 
 |  |  |           </div> | 
 |  |  |           <!-- <div style="margin-top: 10px"> | 
 |  |  |             备注: | 
 |  |  |             <span style="color: #2775b6">提醒注意饮食健康</span> | 
 |  |  |           </div> --> | 
 |  |  |         </el-card> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     <!-- 健康监测 --> | 
 |  |  |     <div class="medical-record" v-show="activeName == 'monitor'"> | 
 |  |  |       <!-- 血压图标 --> | 
 |  |  |     <!-- <div class="medical-record" v-show="activeName == 'monitor'"> | 
 |  |  |       <div v-show="sontwoactiveName == 'blood'" style="display: flex"> | 
 |  |  |         <div | 
 |  |  |           id="xyeCharts" | 
 |  |  | 
 |  |  |           </el-card> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <!-- 血糖 --> | 
 |  |  |       <div v-show="sontwoactiveName == 'glucose'" style="display: flex"> | 
 |  |  |         <div | 
 |  |  |           id="xteCharts" | 
 |  |  | 
 |  |  |           </el-card> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <!-- 体重 --> | 
 |  |  |       <div v-show="sontwoactiveName == 'weight'" style="display: flex"> | 
 |  |  |         <div | 
 |  |  |           id="tzeCharts" | 
 |  |  | 
 |  |  |           </el-card> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <!-- 心率 --> | 
 |  |  |       <div v-show="sontwoactiveName == 'heartrate'" style="display: flex"> | 
 |  |  |         <div | 
 |  |  |           id="xleCharts" | 
 |  |  | 
 |  |  |           </el-card> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <!-- 血氧 --> | 
 |  |  |       <div v-show="sontwoactiveName == 'bloodoxygen'" style="display: flex"> | 
 |  |  |         <div | 
 |  |  |           id="xueyangeCharts" | 
 |  |  | 
 |  |  |           </el-card> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <!-- 体温 --> | 
 |  |  |       <div v-show="sontwoactiveName == 'animalheat'" style="display: flex"> | 
 |  |  |         <div | 
 |  |  |           id="tweCharts" | 
 |  |  | 
 |  |  |           </el-card> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     </div> --> | 
 |  |  |  | 
 |  |  |     <el-dialog :title="titletb" :visible.sync="AddanumberVisible"> | 
 |  |  |       <el-form :model="numberform" label-width="100px"> | 
 |  |  |         <el-form-item label="姓名"> | 
 |  |  |         <el-form-item label="姓名" width="100"> | 
 |  |  |           <el-input v-model="numberform.contactname"></el-input> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="联系电话"> | 
 |  |  |           <el-input v-model="numberform.contactway"></el-input> | 
 |  |  |           <el-input v-model="numberform.telcode"></el-input> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="关系"> | 
 |  |  |           <el-input v-model="numberform.relation"></el-input> | 
 |  |  | 
 |  |  |   delcontactinformation, | 
 |  |  |   listcontactinformation, | 
 |  |  |   alterpatient, | 
 |  |  |   Patientclinic, | 
 |  |  | } from "@/api/patient/homepage"; | 
 |  |  |  | 
 |  |  | import { getsearchrResults, getTaskservelist } from "@/api/AiCentre/index"; | 
 |  |  | import { listPatouthosp } from "@/api/smartor/patouthosp"; | 
 |  |  | import { listpatient } from "@/api/patient/record"; | 
 |  |  |  | 
 |  |  | export default { | 
 |  |  |   name: "Profile", | 
 |  |  | 
 |  |  |       id: "", | 
 |  |  |       loading: false, | 
 |  |  |       activeName: "health", //一类导航 | 
 |  |  |       sonactiveName: "outpatient", //健康监测导航 | 
 |  |  |       sonactiveName: "inhospital", //健康监测导航 | 
 |  |  |       sontwoactiveName: "blood", //医疗档案导航 | 
 |  |  |       dynamicTags: [], | 
 |  |  |       record: [ | 
 |  |  |         { | 
 |  |  |           name: "宣教任务", | 
 |  |  |           serviceType: "4", | 
 |  |  |           templatename: "管饲宣教一期", | 
 |  |  |           createTime: "2024-11-10", | 
 |  |  |           finishtime: "2024-11-12", | 
 |  |  |           createBy: "王政", | 
 |  |  |           drname: "刘明", | 
 |  |  |           nurseName: "张淑琴", | 
 |  |  |           excep: "0", | 
 |  |  |           deptname: "呼吸科", | 
 |  |  |           leavehospitaldistrictname: "五病区", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           name: "通知任务", | 
 |  |  |           name: "随访任务", | 
 |  |  |           serviceType: "2", | 
 |  |  |           templatename: "心血管随访一期", | 
 |  |  |           createTime: "2024-11-11", | 
 |  |  |           finishtime: "2024-11-14", | 
 |  |  |           createBy: "章程", | 
 |  |  |           drname: "刘明", | 
 |  |  |           nurseName: "李丽", | 
 |  |  |           excep: "0", | 
 |  |  |           deptname: "呼吸科", | 
 |  |  |           leavehospitaldistrictname: "五病区", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           name: "问卷调查", | 
 |  |  |         }, | 
 |  |  |         // { | 
 |  |  |         //   name: "问卷调查", | 
 |  |  |         // }, | 
 |  |  |       ], | 
 |  |  |       inputVisible: false, | 
 |  |  |       AddanumberVisible: false, | 
 |  |  | 
 |  |  |           address: "89", | 
 |  |  |         }, | 
 |  |  |       ], | 
 |  |  |       serviceData: [ | 
 |  |  |         { | 
 |  |  |           daya: "2023-12-12", | 
 |  |  |           hospitalname: "协和", | 
 |  |  |           result: "韧带拉伤", | 
 |  |  |           administrative: "骨科", | 
 |  |  |           doctor: "吴大龙", | 
 |  |  |         }, | 
 |  |  |       ], | 
 |  |  |       serviceData: [], | 
 |  |  |       serviceDatary: [], | 
 |  |  |       serviceDatacy: [], | 
 |  |  |       options: [ | 
 |  |  |         { | 
 |  |  |           value: "1", | 
 |  |  | 
 |  |  |         { label: "测量时间", width: "", prop: "name" }, | 
 |  |  |         { label: "体温", width: "", prop: "sex" }, | 
 |  |  |       ], | 
 |  |  |       // 表单校验 | 
 |  |  |       rules: { | 
 |  |  |         name: [ | 
 |  |  |           { required: true, message: "用户名称不能为空", trigger: "blur" }, | 
 |  |  |           { | 
 |  |  |             min: 2, | 
 |  |  |             max: 20, | 
 |  |  |             message: "用户名称长度必须介于 2 和 20 之间", | 
 |  |  |             trigger: "blur", | 
 |  |  |           }, | 
 |  |  |         ], | 
 |  |  |  | 
 |  |  |         sex: [{ required: true, message: "性别不能为空", trigger: "blur" }], | 
 |  |  |         age: [{ required: true, message: "年龄不能为空", trigger: "blur" }], | 
 |  |  |         nation: [{ required: true, message: "民族不能为空", trigger: "blur" }], | 
 |  |  |         telcode: [ | 
 |  |  |           { required: true, message: "联系方式不能为空", trigger: "blur" }, | 
 |  |  |           { | 
 |  |  |             pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, | 
 |  |  |             message: "请输入正确的手机号码", | 
 |  |  |             trigger: "blur", | 
 |  |  |           }, | 
 |  |  |         ], | 
 |  |  |         idcardtype: [ | 
 |  |  |           { required: true, message: "证件类型不能为空", trigger: "blur" }, | 
 |  |  |         ], | 
 |  |  |         idcardno: [ | 
 |  |  |           { required: true, message: "证件号能为空", trigger: "blur" }, | 
 |  |  |         ], | 
 |  |  |         placeOfResidence: [ | 
 |  |  |           { required: true, message: "居住地不能为空", trigger: "blur" }, | 
 |  |  |         ], | 
 |  |  |       }, | 
 |  |  |     }; | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     this.id = this.$route.query.id; | 
 |  |  |     this.getuserinfo(); | 
 |  |  |     this.gettabList(); | 
 |  |  |     this.$nextTick(function () { | 
 |  |  |       this.echartdom = document.getElementById("xyeCharts"); | 
 |  |  |       this.xtechartdom = document.getElementById("xteCharts"); | 
 |  |  | 
 |  |  |       this.xueyangechartsInit(); | 
 |  |  |       this.twechartsInit(); | 
 |  |  |     }); | 
 |  |  |     this.id = this.$route.query.id; | 
 |  |  |     this.getuserinfo(); | 
 |  |  |     this.gettabList(); | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  |   methods: { | 
 |  |  |     // 查询档案列表信息 | 
 |  |  |     getList() { | 
 |  |  |     // 查询医疗档案各列表信息 | 
 |  |  |     getList(type) { | 
 |  |  |       this.loading = true; | 
 |  |  |       if (type == 0) { | 
 |  |  |         // 门诊记录 | 
 |  |  |         listPatouthosp({ patid: this.id }).then((response) => { | 
 |  |  |           if (response.code == 200) { | 
 |  |  |             this.serviceData = response.rows; | 
 |  |  |             // this.serviceData = []; | 
 |  |  |           } | 
 |  |  |         }); | 
 |  |  |       } else if (type == 1) { | 
 |  |  |         listpatient({ patid: this.id, cry: 0 }).then((response) => { | 
 |  |  |           if (response.code == 200) { | 
 |  |  |             this.serviceDatary = response.rows; | 
 |  |  |           } | 
 |  |  |         }); | 
 |  |  |       } else if (type == 2) { | 
 |  |  |         listpatient({ patid: this.id, cry: 1 }).then((response) => { | 
 |  |  |           if (response.code == 200) { | 
 |  |  |             this.serviceDatacy = response.rows; | 
 |  |  |             console.log(this.serviceDatacy); | 
 |  |  |             this.$forceUpdate(); | 
 |  |  |           } | 
 |  |  |         }); | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     getcontactlist() { | 
 |  |  |       listcontactinformation({ patid: this.id }).then((response) => { | 
 |  |  |         this.tableData = response.rows; | 
 |  |  |         if (this.tableData.length) { | 
 |  |  |           this.userform.telcodewx = this.tableData[0].contactway; | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     processElement(element) { | 
 |  |  |       return { ...element, isoperation: 0 }; | 
 |  |  |       return { ...element, isoperation: null }; | 
 |  |  |     }, | 
 |  |  |     // 获取基础信息 | 
 |  |  |     getuserinfo() { | 
 |  |  | 
 |  |  |         this.userform = response.rows[0]; | 
 |  |  |         // this.dynamicTags = response.rows[0].tagList; | 
 |  |  |         this.dynamicTags = response.rows[0].tagList.map(this.processElement); | 
 |  |  |         this.getcontactlist(); | 
 |  |  |       }); | 
 |  |  |       // 病史信息 | 
 |  |  |       getmedicalhistory({ pid: this.id }).then((res) => { | 
 |  |  |         this.form = res.rows[0]; | 
 |  |  |         if (res.code == 200 && res.rows[0]) { | 
 |  |  |           this.form = res.rows[0]; | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |       // 联系信息 | 
 |  |  |       this.getcontactlist(); | 
 |  |  |     }, | 
 |  |  |     // 保存患者档案 | 
 |  |  |     savefile() { | 
 |  |  |       // this.userform.tagList = this.dynamicTags; | 
 |  |  |       this.userform.isoperation = 2; | 
 |  |  |       alterpatient(this.userform).then((res) => { | 
 |  |  |         if (res.code == 200) { | 
 |  |  |           this.$modal.msgSuccess("基础信息保存成功"); | 
 |  |  |         } else { | 
 |  |  |           this.$modal.msgError("基础信息修改失败"); | 
 |  |  |       this.$refs["userform"].validate((valid) => { | 
 |  |  |         if (valid) { | 
 |  |  |           this.userform.isoperation = 2; | 
 |  |  |           this.userform.tagList = this.dynamicTags; | 
 |  |  |           alterpatient(this.userform).then((res) => { | 
 |  |  |             if (res.code == 200) { | 
 |  |  |               this.$modal.msgSuccess("基础信息保存成功"); | 
 |  |  |             } else { | 
 |  |  |               this.$modal.msgError("基础信息修改失败"); | 
 |  |  |             } | 
 |  |  |           }); | 
 |  |  |           // 病史 | 
 |  |  |           this.medicalhistory(); | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |       // 病史是 | 
 |  |  |       this.medicalhistory(); | 
 |  |  |     }, | 
 |  |  |     // 病史 | 
 |  |  |     medicalhistory() { | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     // tab切换 | 
 |  |  |     handleClick(tab, event) { | 
 |  |  |       console.log(tab, event); | 
 |  |  |       if (tab.index == "1") { | 
 |  |  |         this.getList(1); | 
 |  |  |       } else if (tab.index == "2") { | 
 |  |  |         this.handleClickfw(); | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     handleClickson(tab, event) { | 
 |  |  |       console.log(tab, "son"); | 
 |  |  |       this.getList(tab.index); | 
 |  |  |     }, | 
 |  |  |     // 查询服务记录 | 
 |  |  |     handleClickfw() { | 
 |  |  |       getTaskservelist({ | 
 |  |  |         patid: this.id, | 
 |  |  |       }).then((res) => { | 
 |  |  |         if (res.code == 200) { | 
 |  |  |           this.record = res.rows[0].serviceSubtaskList; | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     // 联系方式新增 | 
 |  |  |     Addanumber() {}, | 
 |  |  | 
 |  |  |     gettabList() { | 
 |  |  |       const tagqueryParams = { | 
 |  |  |         pageNum: 1, | 
 |  |  |         pageSize: 1000, | 
 |  |  |         pageSize: 10000, | 
 |  |  |         tagcategoryid: "0", | 
 |  |  |       }; | 
 |  |  |       listtag(tagqueryParams).then((response) => { | 
 |  |  |         this.options = response.rows; | 
 |  |  |         console.log(this.options, "标签"); | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     remoteMethod(value) { | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     handleClose(tag) { | 
 |  |  |       const lindex = this.dynamicTags.indexOf(tag); | 
 |  |  |       this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); | 
 |  |  |       this.userform.tagList[lindex].isoperation = 3; | 
 |  |  |       // this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); | 
 |  |  |       this.dynamicTags[lindex].isoperation = 3; | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     showInput() { | 
 |  |  |       this.inputVisible = true; | 
 |  |  |       // this.$nextTick((_) => { | 
 |  |  |       //   this.$refs.saveTagInput.$refs.input.focus(); | 
 |  |  |       // }); | 
 |  |  |       console.log("展示"); | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     handleInputConfirm() { | 
 |  |  | 
 |  |  |             }; | 
 |  |  |           } | 
 |  |  |           console.log(tagvalue); | 
 |  |  |           this.userform.tagList.push(tagvalue); | 
 |  |  |           // this.userform.tagList.push(tagvalue); | 
 |  |  |           this.dynamicTags.push(tagvalue); | 
 |  |  |           console.log(this.userform.tagList); | 
 |  |  |           console.log(this.dynamicTags); | 
 |  |  |         }); | 
 |  |  |       } | 
 |  |  |       console.log("关了"); | 
 |  |  |       this.inputVisible = false; | 
 |  |  |       this.inputValue = ""; | 
 |  |  |     }, |