123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 |
- <template>
- <div class="page_homeIndex">
- <van-sticky>
- <div class="homeTitle">
- <div class="homeTitleLeft">
- <van-dropdown-menu>
- <van-dropdown-item v-model="value1" :options="option1" />
- </van-dropdown-menu>
- </div>
- <div class="homeTitleRight">
- <i class="iconfont icon-sousuo search"></i>
- <van-icon class="iconOne" name="comment-o" />
- <van-icon class="iconOne" name="add-o" />
- </div>
- </div>
- </van-sticky>
- <div class="banner">
- <img src="../../assets/images/homebanner.jpg" alt />
- </div>
- <div class="noticeBox">
- <i class="iconfont icon-public-notice notice"></i>
- <div class="noticeNews">
- <div>今日上机:<span>6 人</span></div>
- <div>今日透析:<span>6 人</span></div>
- <div>今日生日:<span>6 人</span></div>
- </div>
- </div>
- <div class="background1"></div>
- <div class="management">
- <div class="managementTitle">
- <div class="managementName">
- 管理控制台<span>(仅管理员可见)</span>
- </div>
- <div class="setting"><van-icon name="setting-o" />管理</div>
- </div>
- <div class="managementBox">
- <div class="managementOne">
- <img src="../../assets/images/M1.png" alt="" />员工管理
- </div>
- <div class="managementOne">
- <img src="../../assets/images/M2.png" alt="" />权限管理
- </div>
- <div class="managementOne">
- <img src="../../assets/images/M3.png" alt="" />应用管理
- </div>
- <div class="managementOne">
- <img src="../../assets/images/M4.png" alt="" />机构管理
- </div>
- </div>
- </div>
- <div class="application">
- <div class="applicationTitle">
- <div class="applicationName">应用工作台</div>
- <div class="applicationService">+ 应用服务</div>
- </div>
- <div class="applicationBox">
- <div class="applicationOne" @click="toPatients">
- <img src="../../assets/images/S1.png" alt="" />患者中心
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S2.png" alt="" />排班管理
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S3.png" alt="" />签到称重
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S4.png" alt="" />透析记录
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S5.png" alt="" />质控管理
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S6.png" alt="" />院感管理
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S7.png" alt="" />血管通路
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S8.png" alt="" />慢病管理
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S9.png" alt="" />SCRM
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S10.png" alt="" />分销商城
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S11.png" alt="" />设备管理
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S12.png" alt="" />库存管理
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S13.png" alt="" />客服中心
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S14.png" alt="" />集成中心
- </div>
- <div class="applicationOne">
- <img src="../../assets/images/S15.png" alt="" />配置中心
- </div>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- data() {
- return {
- value1: 0,
- option1: [
- { text: "新款商品", value: 0 },
- { text: "全部商品全部商品全部商品全部商品全部商品全部商品", value: 1 },
- { text: "活动商品", value: 2 }
- ]
- };
- },
- methods: {
- toPatients() {
- this.$router.push({ path: "/patients" });
- }
- }
- };
- </script>
-
- <style lang="scss" scoped>
- .page_homeIndex {
- .homeTitle {
- height: 3.125rem;
- padding: 0 1.125rem;
- display: flex;
- justify-content: space-between;
- background: #fff;
- }
- .homeTitleLeft {
- width: 60%;
- }
- .homeTitleRight {
- width: 30%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- /deep/ .van-dropdown-menu__item {
- justify-content: left;
- }
- .van-hairline--top-bottom {
- position: static;
- }
- .iconOne {
- font-size: 1.5rem;
- }
- .search {
- font-size: 1.5rem;
- }
- .banner {
- padding: 0 1.125rem;
- img {
- height: 6.75rem;
- width: 100%;
- }
- }
- .noticeBox {
- padding: 0 1.125rem;
- height: 2.5rem;
- display: flex;
- align-items: center;
- color: #cccccc;
- .notice {
- font-size: 1.25rem;
- margin-right: 0.375rem;
- }
- .noticeNews {
- width: 90%;
- display: flex;
- justify-content: space-between;
- color: #666666;
- font-size: 0.8125rem;
- }
- }
- .background1 {
- background: #f6f6f6;
- width: 100%;
- height: 0.8125rem;
- }
- .management {
- padding: 1.25rem 1.125rem 0;
- }
- .managementTitle {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .managementName {
- font-weight: bold;
- font-size: 1rem;
- color: #000;
- span {
- font-size: 0.8125rem;
- color: #989898;
- font-weight: 400;
- }
- }
- .setting {
- display: flex;
- align-items: center;
- color: #989898;
- font-size: 0.8125rem;
- .van-icon-setting-o {
- margin-right: 0.25rem;
- }
- }
- .managementBox {
- display: flex;
- justify-content: space-between;
- .managementOne {
- display: flex;
- align-items: center;
- flex-direction: column;
- font-size: 0.8125rem;
- color: #666666;
- img {
- width: 1.375rem;
- height: 1.375rem;
- margin: 1rem 0 0.2rem;
- }
- }
- }
- .application {
- .applicationTitle {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 1.25rem 1.125rem 0.625rem;
- }
- .applicationName {
- font-weight: bold;
- font-size: 1rem;
- color: #000;
- }
- .applicationService {
- font-size: 0.8125rem;
- color: #666666;
- }
- }
- .applicationBox {
- display: flex;
- flex-wrap: wrap;
- .applicationOne {
- width: 25%;
- display: flex;
- align-items: center;
- flex-direction: column;
- padding: 0.625rem 0;
- font-size: 0.8125rem;
- color: #666666;
- img {
- width: 3.25rem;
- height: 3.25rem;
- margin-bottom: 0.375rem;
- }
- }
- }
- .van-popup {
- border-radius: 0 !important;
- top: 0 !important;
- transform: translate3d(0, 0, 0) !important;
- }
- }
- </style>
- <style lang="scss"></style>
|