89 lines
2.1 KiB
Vue
89 lines
2.1 KiB
Vue
|
<template>
|
|||
|
|
<uni-popup ref="popup" type="center" :mask-click="false">
|
|||
|
|
<view class="bg-white w-345 border-box rounded" :style="elderVarStyle">
|
|||
|
|
<view class="popup-header flex items-center justify-between px-15 py-12">
|
|||
|
|
<view class="popup-title">重复用药提示</view>
|
|||
|
|
<uni-icons type="closeempty" :size="elderMode ? 32 : 24" color="#999" @click="close"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
<scroll-view scroll-y="true" class="popup-content-scroll">
|
|||
|
|
<view :style="elderVarStyle" class="text-base text-gray px-15 py-12">以下药品相互间存在重复用药，请确认</view>
|
|||
|
|
<view :style="elderVarStyle" class="px-15 py-12">
|
|||
|
|
<view v-for="(msg, idx) in repeatDrugs" :key="idx" class="mb-10 p-10 bg-gray rounded text-base text-dark">
|
|||
|
|
{{ msg }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
<view class="footer-buttons">
|
|||
|
|
<footer-buttons cancelText="重新选药" confirmText="确认并提交" @cancel="close" @confirm="confirm" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</uni-popup>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { ref, watch } from 'vue';
|
|||
|
|
import { storeToRefs } from "pinia";
|
|||
|
|
import orderStore from '@/store/order';
|
|||
|
|
import FooterButtons from '@/components/footer-buttons.vue';
|
|||
|
|
const emits = defineEmits(['close', 'confirm'])
|
|||
|
|
const props = defineProps({
|
|||
|
|
elderVarStyle: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
elderMode: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
visible: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
const { repeatDrugs } = storeToRefs(orderStore());
|
|||
|
|
const popup = ref()
|
|||
|
|
|
|||
|
|
function close() {
|
|||
|
|
emits('close')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function confirm() {
|
|||
|
|
close()
|
|||
|
|
setTimeout(() => {
|
|||
|
|
emits('confirm')
|
|||
|
|
}, 500)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
watch(() => props.visible, n => {
|
|||
|
|
if (n) {
|
|||
|
|
popup.value && popup.value.open()
|
|||
|
|
} else {
|
|||
|
|
popup.value && popup.value.close()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.w-345 {
|
|||
|
|
width: 690rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-header {
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-title {
|
|||
|
|
font-size: var(--text-base);
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-content-scroll {
|
|||
|
|
max-height: 55vh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text-base {
|
|||
|
|
font-size: var(--text-base);
|
|||
|
|
line-height: 1.5;
|
|||
|
|
}
|
|||
|
|
</style>
|