clinic-v2
/
web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dev

This commit is contained in:
ChenQiuYu 2025-04-24 13:21:46 +08:00
parent 9d7947ef87
commit c0f4613829
17 changed files with 48 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/common/Mask.vue
View File

@ -1,41 +1,48 @@
<script setup lang="ts">
import { ref, watch,defineEmits } from "vue";
import { CloseBold } from '@element-plus/icons-vue'
import {ref, watch, defineEmits} from "vue";
import {CloseBold} from '@element-plus/icons-vue'
let _width = ref(0);
let _height = ref(0);
let _isShow = ref(false);
const { width, height, isShow,title } = defineProps(['width', 'height', 'isShow','title']);
let _close = ref(true);
const {width, height, isShow, title, close} = defineProps(['width', 'height', 'isShow', 'title', 'close']);
_isShow.value = isShow == null ? false : isShow;
_width.value = width == null ? 1200 : width;
_height.value = height == null ? 800 : height;
_close.value = close == null ? true : close;
console.log(_width, _height, _isShow);
watch(() => isShow, (newVal) => {
_isShow.value = newVal == null ? false : newVal;
});
const emit=defineEmits(['close']);
const close = () => {
emit('close',false);
const emit = defineEmits(['close']);
const closeBtn = () => {
emit('close', false);
};
</script>
<template>
<teleport to="body">
<transition name="el-fade-in">
<div class="mask" v-if="_isShow">
<transition name="el-fade-in">
<div class="mask" v-if="_isShow">
<div class="mask-wrapper" :style="{ width: _width + 'px', height: _height + 'px' }" v-if="_isShow">
<el-scrollbar height="100%">
<div class="header">
<div class="title">{{title}}</div>
<div class="close" @click="close"><el-icon><CloseBold/></el-icon></div>
<div class="title">{{ title }}</div>
<div class="close" @click="closeBtn" v-if="_close">
<el-icon>
<CloseBold/>
</el-icon>
</div>
</div>
<slot></slot>
</el-scrollbar>
</div>
</div>
</transition>
</div>
</transition>
</teleport>
</template>
@ -57,32 +64,36 @@ const close = () => {
position: relative;
background-color: #FFF;
border-radius: 6px;
padding:0 20px 20px 20px;
padding: 0 20px 20px 20px;
overflow: hidden;
max-height: 90vh;
z-index: 1999;
.header{
.header {
position: relative;
height: 72px;
padding: 0 4px;
.title{
.title {
position: absolute;
top: 50%;
left:0;
left: 0;
font-weight: 800;
font-size: 20px;
color: #333333;
font-style: normal;
transform: translateY(-50%);
}
.close{
.close {
position: absolute;
top: 50%;
right: 0;
color: #6e6e6e;
font-size: 32px;
transform: translateY(-50%);
&:hover{
&:hover {
color: #409eff;
}
}

0
src/components/home/index/PanmentDetail.vue → src/components/home/index/PaymentDetails.vue
View File

3
src/components/member/memberProfile/Exchange.vue
View File

@ -1,8 +1,5 @@
<template>
<div class="container_grant">
<div class="title_grant">
积分兑换
</div>
<div class="content_grant">
<div class="head">
<div class="name">

4
src/components/member/memberProfile/FlowingWater.vue
View File

@ -1,9 +1,5 @@
<template>
<div class="container">
<div class="title" style="background-color: #fff">
<CloseBtn @click="close"></CloseBtn>
<span>积分流水</span>
</div>
<div class="body">
<div class="body_info">
<span class="name">{{props.info.realName}}</span>

3
src/components/member/memberProfile/Grant.vue
View File

@ -1,8 +1,5 @@
<template>
<div class="container_grant">
<div class="title_grant">
积分发放
</div>
<div class="content_grant">
<div class="head">
<div class="name">

3
src/components/member/memberProfile/VipEdit.vue
View File

@ -1,6 +1,5 @@
<template>
<Mask :width="600" :height="500" :is-show="show">
<CloseBtn @click="close"></CloseBtn>
<Mask :width="600" :height="500" :is-show="show" @close="show=false" :title="id?'会员编辑':'会员建档'">
<div class="content">
<el-form
:model="ruleForm"

2
src/components/member/memberProfile/VipLevelEdit.vue
View File

@ -1,7 +1,7 @@
<template>
<Mask :width="600" :height="500" :is-show="show">
<Mask :width="600" :height="500" :is-show="show" @close="show=false" :title="levelId?'编辑等级':'添加等级'">
<el-select v-model="levelId">
<el-option
v-for="item in options"

2
src/components/retail/OrderDetail.vue
View File

@ -1,5 +1,5 @@
<template>
<Mask :width="1000" :height="560" :is-show="show">
<Mask :width="1000" :height="560" :is-show="show" @close="show = false">
<div class="container">
<div class="title">
<CloseBtn @click="show = false"></CloseBtn>

5
src/components/settings/AddProject.vue
View File

@ -1,6 +1,5 @@
<template>
<Mask :is-show="isShow">
<CloseBtn @click="isShow = false" style="height: 60px"></CloseBtn>
<Mask :is-show="isShow" @close="isShow = false" title="添加子项目">
<div style="display: flex">
<el-form
:model="form"
@ -37,7 +36,7 @@
</div>
</div>
</Mask>
<Mask :is-show="isShowAdd">
<Mask :is-show="isShowAdd" @close="isShowAdd = false" title="子项目列表">
<ListChild @close="isShowAdd=false" @selected="selected"></ListChild>
</Mask>
</template>

3
src/components/settings/SetMenu.vue
View File

@ -1,6 +1,5 @@
<template>
<Mask :width="800" :height="600" :is-show="show" :top="100">
<CloseBtn @click="show=false" style="height: 60px"></CloseBtn>
<Mask :width="800" :height="600" :is-show="show" :top="100" @close="show=false" title="项目列表">
<div class="search_content_wrapper">
<div class="search_wrapper">
<span>药品名称:</span>

5
src/views/home/index.vue
View File

@ -12,7 +12,7 @@
<div class="business">
<BusinessOverview></BusinessOverview>
</div>
<PanmentDetail></PanmentDetail>
<PaymentDetails></PaymentDetails>
</div>
<div class="right">
<Card></Card>
@ -26,12 +26,11 @@
</template>
<script setup lang="ts">
import {ref, onMounted, nextTick} from "vue"
import ExpireWarnDetail from "@/components/home/index/Dialog/ExpireWarnDetail.vue";
import Card from "@/components/home/index/Card.vue";
import CustomerService from "@/components/home/index/CustomerService.vue";
import SystemMessage from "@/components/home/index/SystemMessage.vue";
import Banner from "@/components/home/index/Banner.vue";
import PanmentDetail from "@/components/home/index/PanmentDetail.vue";
import PaymentDetails from "@/components/home/index/PaymentDetails.vue";
import BusinessOverview from "@/components/home/index/BusinessOverview.vue";
import InventoryAlert from "@/components/home/index/InventoryAlert.vue";
import ValidityWarning from "@/components/home/index/ValidityWarning.vue";

4
src/views/inventory/apply.vue
View File

@ -28,10 +28,10 @@
/>
</div>
</div>
<Mask :width="1200" :height="600" :top="100" :is-show="is_add">
<Mask :width="1200" :height="600" :top="100" :is-show="is_add" @close="is_add=false">
<AddApply @close="closeAddApply"/>
</Mask>
<Mask :width="1200" :height="600" :top="100" :is-show="is_detail">
<Mask :width="1200" :height="600" :top="100" :is-show="is_detail" @close="is_detail=false">
<DetailApply :id="id" @close="closeDetailApply"/>
</Mask>
</div>

4
src/views/inventory/check.vue
View File

@ -31,10 +31,10 @@
</div>
</div>
</div>
<Mask :width="1200" :height="500" :is-show="showAdd" :top="100">
<Mask :width="1200" :height="500" :is-show="showAdd" :top="100" @close="showAdd = false">
<Add @close="showAdd = false"/>
</Mask>
<Mask :width="1200" :height="500" :is-show="showDetail" :top="100">
<Mask :width="1200" :height="500" :is-show="showDetail" :top="100" @close="showDetail = false">
<Detail :id="id" @close="showDetail = false"/>
</Mask>
</template>

8
src/views/member/index.vue
View File

@ -148,14 +148,14 @@
</div>
<VipEdit ref="refEdit" @close="init"></VipEdit>
<VipLevelEdit ref="levelEditRef" @close="init"></VipLevelEdit>
<Mask :width="600" :height="400" :is-show="isGrant">
<Mask :width="600" :height="400" :is-show="isGrant" @close="isGrant=false" :title="'发放积分'">
<Grant :info="listItem" @close="closeGrant()"></Grant>
</Mask>
<Mask :width="600" :height="400" :is-show="isExchange">
<Mask :width="600" :height="400" :is-show="isExchange" @close="isExchange=false" title="兑换积分">
<Exchange :info="listItem" @close="closeExchange()"></Exchange>
</Mask>
<Mask :is-show="isFlowingWater">
<FlowingWater :info="listItem" @close="isFlowingWater = false"></FlowingWater>
<Mask :is-show="isFlowingWater" @close="isFlowingWater = false" title="流水记录">
<FlowingWater :info="listItem"></FlowingWater>
</Mask>
<OrderDetail ref="orderDetailRef"></OrderDetail>
</template>

2
src/views/settings/item.vue
View File

@ -74,7 +74,7 @@
</el-table>
</div>
</div>
<Mask :is-show="isShow">
<Mask :is-show="isShow" @close="initData()">
<ItemEdit :id="id" ref="ItemEditRef" @close="initData()"></ItemEdit>
</Mask>
<SetMenu ref="setMenuRef"></SetMenu>

2
src/views/social/directory.vue
View File

@ -30,7 +30,7 @@
v-model:current-page="current_page" @current-change="change_page"/>
</div>
</div>
<Mask :is-show="loading" :width="300" height="150">
<Mask :is-show="loading" :width="300" height="150" title="更新版本" :close="false">
{{ uploadMsg }}
<div class="demo-progress" style="margin-top: 20px">
<el-progress :percentage="percentage" :format="format"/>

2
src/views/social/inventoryUp.vue
View File

@ -29,7 +29,7 @@
<List_3505 v-if="current_tab == 3505"></List_3505>
</div>
</div>
<Mask :is-show="loading" :width="300" height="150">
<Mask :is-show="loading" :width="300" height="150" title="上传数据" :close="false">
{{uploadMsg}}
<div class="demo-progress" style="margin-top: 20px">
<el-progress :percentage="uploadNumber" />