From 38b17821f508620d6c8bbf8b1b1fd1a72e2d71f2 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期五, 24 十一月 2023 12:39:48 +0800 Subject: [PATCH] Merge branch 'wulong' of http://116.62.18.175:6699/r/~yxh/smartor-web into yxh01 --- src/views/patient/patient/profile/index.vue | 244 ++++++++++++++++++++++++------------------------ 1 files changed, 120 insertions(+), 124 deletions(-) diff --git a/src/views/patient/patient/profile/index.vue b/src/views/patient/patient/profile/index.vue index cd3849d..2bef9ad 100644 --- a/src/views/patient/patient/profile/index.vue +++ b/src/views/patient/patient/profile/index.vue @@ -1,108 +1,105 @@ <template> <div class="app-container"> - <el-row :gutter="20"> - <el-col :span="4" :xs="24"> - <el-card class="box-card"> - <!-- <div slot="header" class="clearfix"> - <span>涓汉淇℃伅</span> - </div> --> - <div class="personage"> + <!-- 澶撮儴鐩掑瓙 --> + <div class="personages"> + <el-row :gutter="20"> + <el-col :span="4" + ><div class="headportrait"> <div class="text-center"> <img v-imgError="require('@/assets/common/head.jpg')" src="" /> </div> - <div class="information"> - <div class="info-xx"> - 鍚撮緳 - <div class="xinz-inf">+鏂板鏍囩</div> - </div> - <div class="info-xx">鐢�<span>66宀�</span></div> - <div class="info-xx">13803963330</div> - </div> - </div> - </el-card> - </el-col> - <el-col :span="18" :xs="24"> - <el-tabs - type="border-card" - v-model="activeName" - @tab-click="handleClick" + <div>鍚村ぇ榫�</div> + </div></el-col > - <el-tab-pane name="health"> - <span class="mulsz" slot="label" - ><i class="el-icon-date"></i> 鍋ュ悍妗f</span - > - 鍩烘湰淇℃伅 - </el-tab-pane> - <el-tab-pane name="medical"> - <span class="mulsz" slot="label" - ><i class="el-icon-s-management"></i> 鍖荤枟妗f</span - > - <el-tabs v-model="sonactiveName" @tab-click="handleClick"> - <el-tab-pane name="outpatient" - ><span class="mulsz" slot="label" - >闂ㄨ瘖({{ mznumber }})</span - ></el-tab-pane - > - <el-tab-pane name="inhospital" - ><span class="mulsz" slot="label" - >浣忛櫌({{ zynumber }}) - </span></el-tab-pane - > - <el-tab-pane name="checkout" - ><span class="mulsz" slot="label" - >妫�楠�({{ jynumber }}) - </span></el-tab-pane - > - <el-tab-pane name="examine" - ><span class="mulsz" slot="label" - >妫�鏌�({{ jcnumber }}) - </span></el-tab-pane - > - <el-tab-pane name="physical" - ><span class="mulsz" slot="label"> - 浣撴({{ tjnumber }})</span - ></el-tab-pane - > - <el-tab-pane name="pharmacy" - ><span class="mulsz" slot="label" - >鐢ㄨ嵂({{ yynumber }}) - </span></el-tab-pane - > - </el-tabs> - </el-tab-pane> - <el-tab-pane name="monitor"> - <span class="mulsz" slot="label" - ><i class="el-icon-s-data"></i> 鍋ュ悍鐩戞祴</span - > + <el-col :span="4" + ><div class="xinz-inf"> + <div class="addtag">锛嬫柊澧炴爣绛�</div> + <div class="tagvalue">蹇冭绠�</div> + </div></el-col + > + <el-col :span="4" + ><div class="info-xx">鐢�<span>66宀�</span></div></el-col + > + <el-col :span="4"><div class="info-xx">13803963330</div></el-col> + </el-row> + </div> - <el-tabs v-model="sontwoactiveName" @tab-click="handleClick"> - <el-tab-pane name="blood" - ><span class="mulsz" slot="label" - ><i class="el-icon-s-operation"></i> 琛�鍘�</span - ></el-tab-pane - > - <el-tab-pane name="glucose" - ><span class="mulsz" slot="label" - ><i class="el-icon-odometer"></i>琛�绯� - </span></el-tab-pane - > - <el-tab-pane name="weight" - ><span class="mulsz" slot="label" - ><i class="el-icon-s-data"></i>浣撻噸 - </span></el-tab-pane - > - </el-tabs></el-tab-pane + <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"> + <el-tab-pane name="health"> + <span class="mulsz" slot="label" + ><i class="el-icon-date"></i> 鍋ュ悍妗f</span + > + 鍩烘湰淇℃伅 + </el-tab-pane> + <el-tab-pane name="medical"> + <span class="mulsz" slot="label" + ><i class="el-icon-s-management"></i> 鍖荤枟妗f</span + > + <el-tabs v-model="sonactiveName" @tab-click="handleClick"> + <el-tab-pane name="outpatient" + ><span class="mulsz" slot="label" + >闂ㄨ瘖({{ mznumber }})</span + ></el-tab-pane > - <el-tab-pane name="serve"> - <span class="mulsz" slot="label" - ><i class="el-icon-s-custom"></i> 鏈嶅姟璁板綍</span - > - - 瀹氭椂浠诲姟琛ュ伩</el-tab-pane + <el-tab-pane name="inhospital" + ><span class="mulsz" slot="label" + >浣忛櫌({{ zynumber }}) + </span></el-tab-pane + > + <el-tab-pane name="checkout" + ><span class="mulsz" slot="label" + >妫�楠�({{ jynumber }}) + </span></el-tab-pane + > + <el-tab-pane name="examine" + ><span class="mulsz" slot="label" + >妫�鏌�({{ jcnumber }}) + </span></el-tab-pane + > + <el-tab-pane name="physical" + ><span class="mulsz" slot="label"> + 浣撴({{ tjnumber }})</span + ></el-tab-pane + > + <el-tab-pane name="pharmacy" + ><span class="mulsz" slot="label" + >鐢ㄨ嵂({{ yynumber }}) + </span></el-tab-pane > </el-tabs> - </el-col> - </el-row> + </el-tab-pane> + <el-tab-pane name="monitor"> + <span class="mulsz" slot="label" + ><i class="el-icon-s-data"></i> 鍋ュ悍鐩戞祴</span + > + + <el-tabs v-model="sontwoactiveName" @tab-click="handleClick"> + <el-tab-pane name="blood" + ><span class="mulsz" slot="label" + ><i class="el-icon-s-operation"></i> 琛�鍘�</span + ></el-tab-pane + > + <el-tab-pane name="glucose" + ><span class="mulsz" slot="label" + ><i class="el-icon-odometer"></i>琛�绯� + </span></el-tab-pane + > + <el-tab-pane name="weight" + ><span class="mulsz" slot="label" + ><i class="el-icon-s-data"></i>浣撻噸 + </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-tab-pane + > + </el-tabs> + <!-- 鍋ュ悍妗f妯″潡 --> <div class="information-content" v-if="activeName == 'health'"> <div class="top-message"> @@ -658,37 +655,36 @@ </script> <style lang="scss" scoped> -.personage { - display: flex; - .text-center { - width: 40px; - height: 40px; - margin-right: 10px; - img { - width: 100%; +.personages { + height: 88px; + width: 100%; + background-color: #2486b9; + border-radius: 5px; + padding: 20px; + margin-bottom: 10px; + line-height: 48px; + font-size: 25px; + font-weight: 600; + color: #ffffff; + .headportrait { + display: flex; + .text-center { + width: 55px; + height: 55px; + margin-right: 10px; + img { + width: 100%; + height: 100%; + border-radius: 50%; + } } } - .information { - font-size: 25px; - .info-xx { - margin-top: 15px; - border-bottom: 2px solid rgb(65, 161, 190); - display: flex; - span { - margin-left: 30px; - } - .xinz-inf { - cursor: pointer; - margin-left: 20px; - height: 23px; - line-height: 23px; - padding: 2px; - align-items: center; - font-size: 16px; - color: rgb(85, 151, 250); - border: 1px solid #439fff; - border-radius: 9px; - } + .xinz-inf { + display: flex; + font-size: 18px; + cursor: pointer; + .addtag{ + } } } -- Gitblit v1.9.3