feat:first commit

This commit is contained in:
2024-08-16 14:04:26 +08:00
commit f276677d09
72 changed files with 33361 additions and 0 deletions

View File

@@ -0,0 +1,45 @@
<template>
<view class="cus_button" @click.stop="handleClick" :style="[btnStyle]">{{ buttonText }}</view>
</template>
<script>
export default {
name: 'cusButton',
props: {
propData: {
type: Object,
default: () => ({})
},
highlight: {
type: Boolean,
default: false
},
buttonText: {
type: String,
default: ''
},
btnStyle: {
type: Object,
default: {}
}
},
emits: ['onClick'],
methods: {
handleClick() {
this.$emit('onClick', this.propData)
}
}
}
</script>
<style scoped lang="scss">
@import '@/static/style/public.scss';
.cus_button {
border-radius: 45rpx;
display: flex;
font-family: 'PingFang SC';
color: #1d2129;
align-items: center;
justify-content: center;
}
</style>

View File

@@ -0,0 +1,69 @@
<template>
<uni-popup ref="bookingPopup" type="center" :is-mask-click="false" style="z-index: 99999">
<view class="booking_popup">
<view class="tip_box">{{ title }}</view>
<view class="btn_box">
<view class="close" @click="cancel">{{ cancelText }}</view>
<view class="confirm" @click="confirm">{{ confirmText }}</view>
</view>
</view>
</uni-popup>
</template>
<script>
export default {
name: 'doubleConfirm',
props: ['title', 'cancelText', 'confirmText'],
methods: {
confirm() {
this.$emit('confirm')
},
cancel() {
this.$refs.bookingPopup.close()
this.$emit('cancel')
},
show() {
this.$refs.bookingPopup.open()
}
}
}
</script>
<style scoped lang="scss">
.booking_popup {
width: 560rpx;
border-radius: 20rpx;
background: #fff;
box-shadow: 0 0 10rpx 0 #0000001a;
.tip_box {
padding: 50rpx 40rpx;
color: #1d2129;
text-align: center;
font-size: 30rpx;
font-weight: 400;
line-height: 60rpx;
}
.btn_box {
border-top: 1rpx solid #e5e5e5;
font-size: 30rpx;
font-weight: 400;
line-height: 32rpx;
text-align: center;
display: flex;
align-items: center;
view {
width: 50%;
padding: 34rpx 0;
}
.close {
color: #666666;
}
.confirm {
border-top: 1rpx solid #fcbd00;
color: #1d2129;
background: #fcbd00;
border-radius: 0 0 20rpx 0;
}
}
}
</style>

View File

@@ -0,0 +1,44 @@
<template>
<view class="info_gender" :style="{ backgroundColor: data.gender === GenderType.boy ? '#6AC7FC' : '#FF9FC2', padding }">
<image v-if="data.gender === GenderType.girl" class="gender_icon" mode="aspectFill" src="@/static/images/common/girl.png" />
<image v-else class="gender_icon" mode="aspectFill" src="@/static/images/common/boy.png" />
<view>{{ data.age || 0 }}</view>
</view>
</template>
<script>
import { GenderType } from '@/enum/indexEnum'
export default {
name: 'genderBox',
computed: {
GenderType() {
return GenderType
}
},
props: {
data: {
type: Object,
default: {}
},
padding: {
type: String,
default: ''
}
}
}
</script>
<style scoped lang="scss">
.info_gender {
display: flex;
padding: 0 8rpx;
align-items: center;
color: white;
font-size: 20rpx;
border-radius: 6rpx;
.gender_icon {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
}
}
</style>

View File

@@ -0,0 +1,125 @@
<template>
<view
class="custom-navbar"
:style="{
backgroundColor: backgroundColor,
color: textColor,
position: fixed ? 'fixed' : 'absolute',
paddingTop: `${statusBarHeight}px`,
height: `${navHeight}px`
}"
>
<view class="nav-grid">
<view class="nav-side nav-left" @click="handleLeftClick">
<slot name="left">
<image v-if="showBack" class="arrow-icon" src="/static/images/common/left.png" mdoe="aspectFill" />
</slot>
</view>
<view class="nav-title">
<slot name="title"></slot>
</view>
<view class="nav-side nav-right" @click="handleRightClick">
<slot name="right"></slot>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'navBar',
props: {
showBack: {
type: Boolean,
default: true
},
fixed: {
type: Boolean,
default: true
},
backgroundColor: {
type: String,
default: 'transDOCTOR'
},
textColor: {
type: String,
default: '#000000'
}
},
emits: ['leftClick', 'rightClick'],
data() {
return {
statusBarHeight: 0,
navHeight: 44
}
},
mounted() {
const systemInfo = uni.getSystemInfoSync()
this.statusBarHeight = systemInfo.statusBarHeight
// 根据平台设置 navHeight
let navHeight = 0
if (systemInfo.platform === 'android') {
navHeight = 48
} else if (systemInfo.platform === 'ios') {
navHeight = 44
} else {
navHeight = 44
}
this.navHeight = this.statusBarHeight + navHeight
this.$store.dispatch('SetNavHeight', this.navHeight)
},
methods: {
handleLeftClick() {
this.$emit('leftClick')
},
handleRightClick() {
this.$emit('rightClick')
}
}
}
</script>
<style scoped lang="scss">
.custom-navbar {
display: flex;
justify-content: center;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
z-index: 999;
.nav-grid {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
width: 100%;
padding: 0 30rpx;
.nav-side {
cursor: pointer;
&.nav-left {
text-align: left;
-webkit-tap-highlight-color: transparent;
}
&.nav-right {
display: flex;
justify-content: flex-end;
text-align: right;
}
}
.arrow-icon {
width: 28rpx;
height: 28rpx;
vertical-align: middle;
}
.nav-title {
display: flex;
justify-content: center;
align-items: center;
font-size: 34rpx;
}
}
}
</style>

View File

@@ -0,0 +1,133 @@
<template>
<view class="uni-tabbar width_wrapper">
<view class="uni-tabbar__item" v-for="(item, index) in tabBar" :key="index" v-if="item.show" @tap="changeTab(item)">
<view class="uni-tabbar__bd">
<view class="uni-tabbar__icon">
<image v-if="item.pagePath == pagePath" class="icon-img" mode="aspectFit" :src="item.selectedIconPath"></image>
<image v-else class="icon-img" mode="aspectFit" :src="item.iconPath"></image>
</view>
<view class="uni-tabbar__label" :class="{ active: item.pagePath == pagePath }">
{{ item.text }}
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'TabBar',
props: {
pagePath: {
type: String,
required: true,
default: ''
}
},
data() {
return {}
},
computed: {
tabBar() {
return [
{
pagePath: '/pages/index/index',
text: '检查列表',
iconPath: '/static/images/tabBar/home.png',
selectedIconPath: '/static/images/tabBar/home-active.png',
show: true
},
{
pagePath: '/pages/prophylaxis/index',
text: '预防列表',
iconPath: '/static/images/tabBar/prophylaxis.png',
selectedIconPath: '/static/images/tabBar/prophylaxis-active.png',
show: true
},
{
pagePath: '/pages/diagnosis/index',
text: '诊疗列表',
iconPath: '/static/images/tabBar/diagnosis.png',
selectedIconPath: '/static/images/tabBar/diagnosis-active.png',
show: true
},
{
pagePath: '/pages/mine/index',
text: '我的',
iconPath: '/static/images/tabBar/mine.png',
selectedIconPath: '/static/images/tabBar/mine-active.png',
show: true
}
]
}
},
onLoad() {
// 隐藏默认TabBar
uni.hideTabBar()
},
methods: {
changeTab(item) {
const currentPagePath = `/${getCurrentPages().pop().route}`
// 判断如果是当前页面跳转当前页面则不跳转
if (item.pagePath === currentPagePath) {
return
}
// 使用switchTab打开新的switch页面
uni.switchTab({
url: item.pagePath
})
}
}
}
</script>
<style scoped lang="scss">
.uni-tabbar {
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
width: 100%;
display: flex;
justify-content: space-around;
padding-bottom: env(safe-area-inset-bottom);
box-sizing: initial;
background-color: #fff;
box-shadow: 0rpx -6rpx 12rpx 2rpx rgba(148, 151, 184, 0.08);
.uni-tabbar__item {
flex: 1;
display: block;
height: 120rpx;
font-size: 20rpx;
text-align: center;
}
.uni-tabbar__icon {
margin-top: 15rpx;
height: 24px;
line-height: 24px;
text-align: center;
}
.icon {
display: inline-block;
}
.uni-tabbar__label {
margin-top: 15rpx;
line-height: 24rpx;
font-size: 24rpx;
color: #8d96a1;
&.active {
color: #1d2129;
}
}
.icon-img {
height: 24px;
width: 24px;
}
}
</style>

View File

@@ -0,0 +1,511 @@
<template>
<view class="uni-stat__select">
<span v-if="label" class="uni-label-text hide-on-phone">{{ label + '' }}</span>
<view class="uni-stat-box" :class="{ 'uni-stat__actived': current }">
<view class="uni-select" :class="{ 'uni-select--disabled': disabled }">
<view class="uni-select__input-box" @click="toggleSelector">
<view v-if="current" class="uni-select__input-text">{{ textShow }}</view>
<view v-else class="uni-select__input-text uni-select__input-placeholder">{{ typePlaceholder }}</view>
<view v-if="current && clear && !disabled" @click.stop="clearVal">
<uni-icons type="clear" color="#c0c4cc" size="24" />
</view>
<view v-else>
<uni-icons :type="showSelector ? 'top' : 'bottom'" size="14" color="#999" />
</view>
</view>
<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" />
<view class="uni-select__selector" v-if="showSelector">
<view class="uni-popper__arrow"></view>
<scroll-view scroll-y="true" class="uni-select__selector-scroll">
<view class="uni-select__selector-empty" v-if="mixinDatacomResData.length === 0">
<text>{{ emptyTips }}</text>
</view>
<view v-else class="uni-select__selector-item" v-for="(item, index) in mixinDatacomResData" :key="index" @click="change(item)">
<text :class="{ 'uni-select__selector__disabled': item.disable }">{{ formatItemName(item) }}</text>
</view>
</scroll-view>
</view>
</view>
</view>
</view>
</template>
<script>
/**
* DataChecklist 数据选择器
* @description 通过数据渲染的下拉框组件
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-data-select
* @property {String} value 默认值
* @property {Array} localdata 本地数据 ,格式 [{text:'',value:''}]
* @property {Boolean} clear 是否可以清空已选项
* @property {Boolean} emptyText 没有数据时显示的文字 ,本地数据无效
* @property {String} label 左侧标题
* @property {String} placeholder 输入框的提示文字
* @property {Boolean} disabled 是否禁用
* @event {Function} change 选中发生变化触发
*/
export default {
name: 'uni-data-select',
mixins: [uniCloud.mixinDatacom || {}],
props: {
localdata: {
type: Array,
default() {
return []
}
},
value: {
type: [String, Number],
default: ''
},
modelValue: {
type: [String, Number],
default: ''
},
label: {
type: String,
default: ''
},
placeholder: {
type: String,
default: '请选择'
},
emptyTips: {
type: String,
default: '无选项'
},
clear: {
type: Boolean,
default: true
},
defItem: {
type: Number,
default: 0
},
disabled: {
type: Boolean,
default: false
},
// 格式化输出 用法 field="_id as value, version as text, uni_platform as label" format="{label} - {text}"
format: {
type: String,
default: ''
}
},
data() {
return {
showSelector: false,
current: '',
mixinDatacomResData: [],
apps: [],
channels: [],
cacheKey: 'uni-data-select-lastSelectedValue'
}
},
created() {
this.debounceGet = this.debounce(() => {
this.query()
}, 300)
if (this.collection && !this.localdata.length) {
this.debounceGet()
}
},
computed: {
typePlaceholder() {
const text = {
'opendb-stat-app-versions': '版本',
'opendb-app-channels': '渠道',
'opendb-app-list': '应用'
}
const common = this.placeholder
const placeholder = text[this.collection]
return placeholder ? common + placeholder : common
},
valueCom() {
// #ifdef VUE3
return this.modelValue
// #endif
// #ifndef VUE3
return this.value
// #endif
},
textShow() {
// 长文本显示
let text = this.current
if (text.length > 10) {
return text.slice(0, 25) + '...'
}
return text
}
},
watch: {
localdata: {
immediate: true,
handler(val, old) {
if (Array.isArray(val) && old !== val) {
this.mixinDatacomResData = val
}
}
},
valueCom(val, old) {
this.initDefVal()
},
mixinDatacomResData: {
immediate: true,
handler(val) {
if (val.length) {
this.initDefVal()
}
}
}
},
methods: {
debounce(fn, time = 100) {
let timer = null
return function (...args) {
if (timer) clearTimeout(timer)
timer = setTimeout(() => {
fn.apply(this, args)
}, time)
}
},
// 执行数据库查询
query() {
this.mixinDatacomEasyGet()
},
// 监听查询条件变更事件
onMixinDatacomPropsChange() {
if (this.collection) {
this.debounceGet()
}
},
initDefVal() {
let defValue = ''
if ((this.valueCom || this.valueCom === 0) && !this.isDisabled(this.valueCom)) {
defValue = this.valueCom
} else {
let strogeValue
if (this.collection) {
strogeValue = this.getCache()
}
if (strogeValue || strogeValue === 0) {
defValue = strogeValue
} else {
let defItem = ''
if (this.defItem > 0 && this.defItem <= this.mixinDatacomResData.length) {
defItem = this.mixinDatacomResData[this.defItem - 1].value
}
defValue = defItem
}
if (defValue || defValue === 0) {
this.emit(defValue)
}
}
const def = this.mixinDatacomResData.find((item) => item.value === defValue)
this.current = def ? this.formatItemName(def) : ''
},
/**
* @param {[String, Number]} value
* 判断用户给的 value 是否同时为禁用状态
*/
isDisabled(value) {
let isDisabled = false
this.mixinDatacomResData.forEach((item) => {
if (item.value === value) {
isDisabled = item.disable
}
})
return isDisabled
},
clearVal() {
this.emit('')
if (this.collection) {
this.removeCache()
}
},
change(item) {
if (!item.disable) {
this.showSelector = false
this.current = this.formatItemName(item)
this.emit(item.value)
}
},
emit(val) {
this.$emit('input', val)
this.$emit('update:modelValue', val)
this.$emit('change', val)
if (this.collection) {
this.setCache(val)
}
},
toggleSelector() {
if (this.disabled) {
return
}
this.showSelector = !this.showSelector
},
formatItemName(item) {
let { text, value, channel_code } = item
channel_code = channel_code ? `(${channel_code})` : ''
if (this.format) {
// 格式化输出
let str = ''
str = this.format
for (let key in item) {
str = str.replace(new RegExp(`{${key}}`, 'g'), item[key])
}
return str
} else {
return this.collection.indexOf('app-list') > 0 ? `${text}(${value})` : text ? text : `未命名${channel_code}`
}
},
// 获取当前加载的数据
getLoadData() {
return this.mixinDatacomResData
},
// 获取当前缓存key
getCurrentCacheKey() {
return this.collection
},
// 获取缓存
getCache(name = this.getCurrentCacheKey()) {
let cacheData = uni.getStorageSync(this.cacheKey) || {}
return cacheData[name]
},
// 设置缓存
setCache(value, name = this.getCurrentCacheKey()) {
let cacheData = uni.getStorageSync(this.cacheKey) || {}
cacheData[name] = value
uni.setStorageSync(this.cacheKey, cacheData)
},
// 删除缓存
removeCache(name = this.getCurrentCacheKey()) {
let cacheData = uni.getStorageSync(this.cacheKey) || {}
delete cacheData[name]
uni.setStorageSync(this.cacheKey, cacheData)
}
}
}
</script>
<style lang="scss">
$uni-base-color: #6a6a6a !default;
$uni-main-color: #333 !default;
$uni-secondary-color: #909399 !default;
$uni-border-3: #e5e5e5;
/* #ifndef APP-NVUE */
@media screen and (max-width: 500px) {
.hide-on-phone {
display: none;
}
}
/* #endif */
.uni-stat__select {
display: flex;
align-items: center;
// padding: 15px;
/* #ifdef H5 */
cursor: pointer;
/* #endif */
width: 100%;
flex: 1;
box-sizing: border-box;
}
.uni-stat-box {
width: 100%;
flex: 1;
}
.uni-stat__actived {
width: 100%;
flex: 1;
// outline: 1px solid #2979ff;
}
.uni-label-text {
font-size: 14px;
font-weight: bold;
color: $uni-base-color;
margin: auto 0;
margin-right: 5px;
}
.uni-select {
font-size: 14px;
border: 1px solid $uni-border-3;
box-sizing: border-box;
border-radius: 50px;
padding: 25rpx 40rpx;
position: relative;
/* #ifndef APP-NVUE */
display: flex;
user-select: none;
/* #endif */
flex-direction: row;
align-items: center;
border-bottom: solid 1px $uni-border-3;
width: 100%;
flex: 1;
height: 35px;
&--disabled {
background-color: #f5f7fa;
cursor: not-allowed;
}
}
.uni-select__label {
font-size: 16px;
// line-height: 22px;
height: 35px;
padding-right: 10px;
color: $uni-secondary-color;
}
.uni-select__input-box {
height: 35px;
position: relative;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex: 1;
flex-direction: row;
align-items: center;
}
.uni-select__input {
flex: 1;
font-size: 14px;
height: 22px;
line-height: 22px;
}
.uni-select__input-plac {
font-size: 14px;
color: $uni-secondary-color;
}
.uni-select__selector {
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
position: absolute;
top: calc(100% + 12px);
left: 0;
width: 100%;
background-color: #ffffff;
border: 1px solid #ebeef5;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
z-index: 3;
padding: 4px 0;
}
.uni-select__selector-scroll {
/* #ifndef APP-NVUE */
max-height: 200px;
box-sizing: border-box;
/* #endif */
}
/* #ifdef H5 */
@media (min-width: 768px) {
.uni-select__selector-scroll {
max-height: 600px;
}
}
/* #endif */
.uni-select__selector-empty,
.uni-select__selector-item {
/* #ifndef APP-NVUE */
display: flex;
cursor: pointer;
/* #endif */
line-height: 35px;
font-size: 14px;
text-align: center;
/* border-bottom: solid 1px $uni-border-3; */
padding: 0px 10px;
}
.uni-select__selector-item:hover {
background-color: #f9f9f9;
}
.uni-select__selector-empty:last-child,
.uni-select__selector-item:last-child {
/* #ifndef APP-NVUE */
border-bottom: none;
/* #endif */
}
.uni-select__selector__disabled {
opacity: 0.4;
cursor: default;
}
/* picker 弹出层通用的指示小三角 */
.uni-popper__arrow,
.uni-popper__arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 6px;
}
.uni-popper__arrow {
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
top: -6px;
left: 10%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #ebeef5;
}
.uni-popper__arrow::after {
content: ' ';
top: 1px;
margin-left: -6px;
border-top-width: 0;
border-bottom-color: #fff;
}
.uni-select__input-text {
// width: 280px;
width: 100%;
color: $uni-main-color;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.uni-select__input-placeholder {
color: $uni-base-color;
font-size: 28rpx;
}
.uni-select--mask {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
}
</style>

View File

@@ -0,0 +1,5 @@
{
"uni-load-more.contentdown": "Pull up to show more",
"uni-load-more.contentrefresh": "loading...",
"uni-load-more.contentnomore": "No more data"
}

View File

@@ -0,0 +1,8 @@
import en from './en.json'
import zhHans from './zh-Hans.json'
import zhHant from './zh-Hant.json'
export default {
en,
'zh-Hans': zhHans,
'zh-Hant': zhHant
}

View File

@@ -0,0 +1,5 @@
{
"uni-load-more.contentdown": "上拉显示更多",
"uni-load-more.contentrefresh": "正在加载...",
"uni-load-more.contentnomore": "没有更多数据了"
}

View File

@@ -0,0 +1,5 @@
{
"uni-load-more.contentdown": "上拉顯示更多",
"uni-load-more.contentrefresh": "正在加載...",
"uni-load-more.contentnomore": "沒有更多數據了"
}

File diff suppressed because one or more lines are too long