feat: 健康管理平台。

2024-09-24 20:44:28 +08:00
parent 59a7d18cda
commit 52d8d90fad
5 changed files with 965 additions and 160 deletions
--- a/src/pages/health/index.vue
+++ b/src/pages/health/index.vue
@@ -0,0 +1,117 @@
+<template>
+  <view class="work-container">
+
+
+    <!-- 宫格组件 -->
+    <uni-section title="健康管理" v-show="auth.hasPermi('invest:bankcard:list')"  type="line"></uni-section>
+    <view class="grid-body">
+      <uni-grid :column="4" :showBorder="false">
+        <uni-grid-item v-for="(item, index) in healthGridList" :key="index" v-show="auth.hasPermi(item.permission)" @click="navigateTo(item.path)">
+        <view class="grid-item-box">
+            <uni-icons :type="item.icon" size="30"></uni-icons>
+            <text class="text">{{ item.text }}</text>
+          </view>
+      </uni-grid-item>
+      </uni-grid>
+    </view>
+  </view>
+
+      
+</template>
+
+<script setup>
+import auth from "@/plugins/auth"; // 建议使用auth进行鉴权操作
+
+// 也可以使用下面的方式
+	import { ref } from "vue";
+
+  const healthGridList=ref([
+        { path: '/pages/work/base/debitCard/list', text: '健康档案', icon: 'wallet-filled', permission: 'invest:debitCard'  },
+        { path: '/pages/work/base/creditCard/list', text: '体温记录', icon: 'wallet', permission: 'invest:creditCard'  },
+        { path: '/pages/work/base/lend/list', text: '就医管理', icon: 'upload', permission: 'invest:onlineLend'  },
+        { path: '/pages/work/base/posmachine/list', text: '用药记录', icon: 'shop-filled', permission: 'invest:posmachine:list' },
+        { path: '/pages/work/base/stocks/list', text: '体重记录', icon: 'calendar', permission: 'invest:futureStocks:list'  },
+        { path: '/pages/work/base/futures/list', text: '成员管理', icon: 'paperplane-filled', permission: 'invest:futureStocks:list'  }
+      ])
+	function navigateTo(path) {
+    uni.navigateTo({
+        url: path
+      });
+	}
+</script>
+
+<style lang="scss">
+  /* #ifndef APP-NVUE */
+  page {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    background-color: #fff;
+    min-height: 100%;
+    height: auto;
+  }
+
+  view {
+    font-size: 14px;
+    line-height: inherit;
+  }
+
+  /* #endif */
+
+  .text {
+    text-align: center;
+    font-size: 22rpx;
+    margin-top: 10rpx;
+  }
+
+  .grid-item-box {
+    flex: 1;
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 15px 0;
+  }
+
+  .uni-margin-wrap {
+    width: 690rpx;
+    width: 100%;
+    ;
+  }
+
+  .swiper {
+    height: 300rpx;
+  }
+
+  .swiper-box {
+    height: 150px;
+  }
+
+  .swiper-item {
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+    height: 300rpx;
+    line-height: 300rpx;
+  }
+
+  @media screen and (min-width: 500px) {
+    .uni-swiper-dot-box {
+      width: 400px;
+      /* #ifndef APP-NVUE */
+      margin: 0 auto;
+      /* #endif */
+      margin-top: 8px;
+    }
+
+    .image {
+      width: 100%;
+    }
+  }
+</style>
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -3,7 +3,7 @@
    <view class="logo-content align-center justify-center flex">
      <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
      </image>
-      <text class="title">智聪科技记账平台登录</text>
+      <text class="title">智聪健康平台登录</text>
    </view>
    <view class="login-form-content">
      <view class="input-item flex align-center">