qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 健康档案统计，样式优化完善。

Browse Source
This commit is contained in:
tianyongbao
2025-11-26 02:19:19 +08:00
parent 2006eb22e4
commit aa2b470219
62 changed files with 16320 additions and 4930 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/pages/health/person/addEdit.vue
View File

@@ -6,71 +6,67 @@
title="成员管理"
>
</u-navbar>
<view class="section">
<view class="section-title">{{ title}}</view>
<view class="form-view">
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
:labelStyle="{ color: '#333333', fontSize: '30rpx' }">
<u-form-item label="姓名" prop="name" required >
<u--input v-model="form.name" placeholder="请填写姓名"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="昵称" prop="nickName" required >
<u--input v-model="form.nickName" placeholder="请填写昵称"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="类型" prop="typeName" required @click="handleType">
<u--input v-model="form.typeName" disabled disabledColor="#ffffff" placeholder="请选择类型"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="生日" prop="birthday" required @click="selectBirthday()">
<u--input v-model="form.birthday" disabled disabledColor="#ffffff" placeholder="请选择生日" inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
<view class="section">
<view class="section-title">{{ title}}</view>
<view class="form-view">
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
:labelStyle="{ color: '#333333', fontSize: '30rpx' }">
<u-form-item label="姓名" prop="name" required >
<u--input v-model="form.name" placeholder="请填写姓名"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="性别" prop="sexName" required @click="handleSex">
<u--input v-model="form.sexName" disabled disabledColor="#ffffff" placeholder="请选择性别"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="身份证" prop="identityCard" >
<u--input v-model="form.identityCard" placeholder="请填写身份证"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="排序" prop="ranking" >
<u--input v-model="form.ranking" type="number" placeholder="请填写排序"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="身高" prop="height" >
<u--input v-model="form.height" placeholder="请填写身高"
inputAlign="right" border="none">
<template #suffix>
<u-form-item label="昵称" prop="nickName" required >
<u--input v-model="form.nickName" placeholder="请填写昵称"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="类型" prop="typeName" required @click="handleType">
<u--input v-model="form.typeName" disabled disabledColor="#ffffff" placeholder="请选择类型"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="生日" prop="birthday" required @click="selectBirthday()">
<u--input v-model="form.birthday" disabled disabledColor="#ffffff" placeholder="请选择生日" inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="性别" prop="sexName" required @click="handleSex">
<u--input v-model="form.sexName" disabled disabledColor="#ffffff" placeholder="请选择性别"
inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item>
<u-form-item label="身份证" prop="identityCard" >
<u--input v-model="form.identityCard" placeholder="请填写身份证"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="身高" prop="height" >
<u--input v-model="form.height" placeholder="请填写身高"
inputAlign="right" border="none">
<template #suffix>
<up-text
text="CM"
></up-text>
</template></u--input>
</u-form-item>
<u-form-item label="体重" prop="weight" >
<u--input v-model="form.weight" placeholder="请填写体重"
inputAlign="right" border="none">
<template #suffix>
</u-form-item>
<u-form-item label="体重" prop="weight" >
<u--input v-model="form.weight" placeholder="请填写体重"
inputAlign="right" border="none">
<template #suffix>
<up-text
text="KG"
></up-text>
</template></u--input>
</u-form-item>
<u-form-item label="备注" prop="remark" labelPosition="top">
<u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
maxlength="2000" style="padding:18rpx 0;"></u--textarea>
</u-form-item>
</u--form>
<view class="form-btn">
<u-button type="primary" text="提交" @click="submit"></u-button>
</view>
<u-form-item label="备注" prop="remark" labelPosition="top">
<u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
maxlength="2000" style="padding:18rpx 0;"></u--textarea>
</u-form-item>
</u--form>
<view class="form-btn">
<u-button type="primary" text="提交" @click="submit"></u-button>
</view>
</view>
</view>
<u-toast ref="uToast"></u-toast>
<u-picker itemHeight="88" :show="showType" :columns="typeList" keyName="dictLabel" @cancel="handleTypeCancel"
@confirm="handleTypeConfirm"></u-picker>
@@ -254,25 +250,54 @@ function submit() {
<style lang="scss" scoped>
.section {
margin: 24rpx;
padding: 16rpx 24rpx;
padding: 0;
background-color: #fff;
border-radius: 8rpx;
border-radius: 16rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
overflow: hidden;
.section-title {
width: 360rpx;
color: #333333;
line-height: 44rpx;
font-size: 30rpx;
border-left: 6rpx solid #2681FF;
padding-left: 26rpx;
padding: 16rpx 24rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff;
line-height: 1.2;
font-size: 28rpx;
font-weight: 600;
display: flex;
align-items: center;
&::before {
content: '';
width: 6rpx;
height: 28rpx;
background: #ffffff;
border-radius: 3rpx;
margin-right: 12rpx;
}
}
.form-view {
padding: 20rpx 0rpx 0 10rpx;
padding: 24rpx;
.form-btn {
padding-top: 20rpx;
padding-top: 16rpx;
}
}
}
</style>
<style lang="scss">
.form-btn .u-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
border: none !important;
border-radius: 24rpx !important;
height: 80rpx !important;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4) !important;
}
.form-btn .u-button__text {
font-size: 30rpx !important;
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
</style>