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

dev

This commit is contained in:
ChenQiuYu 2025-05-19 13:11:28 +08:00
parent 859cacc1ce
commit f1010aa4cb
11 changed files with 97 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/home/index/Card.vue
View File

@ -32,16 +32,10 @@ const imageUrl = ref<any>()
<div class="info-content"> <div class="info-content">
<img class="image" :src="imageUrl? imageUrl:userMessage.logo" alt="app"> <img class="image" :src="imageUrl? imageUrl:userMessage.logo" alt="app">
<div class="app_info-content-text"> <div class="app_info-content-text">
<el-tooltip <div class="app_info-title">{{ userMessage.name }}</div>
effect="dark"
:content="userMessage.name"
placement="bottom-start"
>
<div class="app_info-title">{{ userMessage.name }}</div>
</el-tooltip>
<div>软件版本：{{ userMessage.version }}</div> <div>软件版本：{{ userMessage.version }}</div>
<div style="margin: 10px 0">授权到期：{{ formatDate(decryptedText.expiryDate) }}</div> <div style="margin: 10px 0">授权到期：{{ formatDate(decryptedText.expiryDate) }}</div>
<div>版本类型： {{ decryptedText.rule == 1 ? "禁用医保" : decryptedText.rule == 2 ? "全部开放" : "暂无" }}</div> <div>版本类型：{{ decryptedText.rule == 1 ? "禁用医保" : decryptedText.rule == 2 ? "全部开放" : "暂无" }}</div>
</div> </div>
</div> </div>
</Panel> </Panel>

7
src/components/home/index/Dialog/ExpireWarnDetail.vue
View File

@ -2,7 +2,7 @@
<Mask :width="1100" :height="600" :is-show="show" title="过期商品详情" @close="close" :show-footer="true"> <Mask :width="1100" :height="600" :is-show="show" title="过期商品详情" @close="close" :show-footer="true">
<template #default> <template #default>
<div style="height: 100%;padding: 24px"> <div style="height: 100%;padding: 24px">
<el-table :data="tableData" style="width: 100%" class="table"> <el-table border :data="tableData" style="width: 100%;height: 100%" class="table" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
<el-table-column label="名称" prop="name" show-overflow-tooltip></el-table-column> <el-table-column label="名称" prop="name" show-overflow-tooltip></el-table-column>
<el-table-column label="剩余天数" show-overflow-tooltip> <el-table-column label="剩余天数" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
@ -33,10 +33,10 @@
<el-pagination <el-pagination
background background
layout="prev, pager, next" layout="prev, pager, next"
:page-count="pageNum" :current-page="pageNum"
:page-size="pageSize" :page-size="pageSize"
:total="total" :total="total"
@current-change="changePage" @change="changePage"
/> />
</div> </div>
</template> </template>
@ -66,6 +66,7 @@ const pageSize = ref(20);
const total = ref(0); const total = ref(0);
const changePage = (pageNum: any) => { const changePage = (pageNum: any) => {
pageNum.value = pageNum pageNum.value = pageNum
console.log(pageNum.value)
init() init()
} }
</script> </script>

8
src/components/home/index/Dialog/InventoryWarnDetail.vue
View File

@ -2,7 +2,7 @@
<Mask :width="1100" :height="600" :is-show="show" title="库存预警详情" @close="close" :show-footer="true"> <Mask :width="1100" :height="600" :is-show="show" title="库存预警详情" @close="close" :show-footer="true">
<template #default> <template #default>
<div style="height: 100%;padding: 24px"> <div style="height: 100%;padding: 24px">
<el-table border :data="tableData" style="width: 100%;height: 100%" class="table"> <el-table border :data="tableData" style="width: 100%;height: 100%" class="table" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
<el-table-column label="名称" prop="name" show-overflow-tooltip></el-table-column> <el-table-column label="名称" prop="name" show-overflow-tooltip></el-table-column>
<el-table-column label="剩余库存"> <el-table-column label="剩余库存">
<template #default="scope"> <template #default="scope">
@ -37,10 +37,10 @@
<el-pagination <el-pagination
background background
layout="prev, pager, next" layout="prev, pager, next"
:page-count="pageNum" :current-page="pageNum"
:page-size="pageSize" :page-size="pageSize"
:total="total" :total="total"
@current-change="changePage" @change="changePage"
/> />
</div> </div>
</template> </template>
@ -67,7 +67,7 @@ const close = () => {
tableData.value = [] tableData.value = []
}; };
const pageNum = ref(1); const pageNum = ref(1);
const pageSize = ref(20); const pageSize = ref(1);
const total = ref(0); const total = ref(0);
const changePage = (pageNum: any) => { const changePage = (pageNum: any) => {
pageNum.value = pageNum pageNum.value = pageNum

37
src/components/home/index/InventoryAlert.vue
View File

@ -16,7 +16,7 @@ const openInventoryWarnDetail = () => {
} }
const getInventoryWarning = () => { const getInventoryWarning = () => {
post("statistics/numberEarlyWarning",{pageNum: 1, pageSize: 20}).then((res: any) => { post("statistics/numberEarlyWarning", {pageNum: 1, pageSize: 20}).then((res: any) => {
inventoryWarnList.value = res.list.slice(0, 4) inventoryWarnList.value = res.list.slice(0, 4)
}) })
} }
@ -29,20 +29,15 @@ const isZeroInventory = (item: any) => {
<template> <template>
<Panel title="库存预警" class="kuCun"> <Panel title="库存预警" class="kuCun">
<template #tools> <template #tools>
<span class="small-btn" @click="openInventoryWarnDetail">查看详情</span> <span class="small-btn" @click="openInventoryWarnDetail">查看详情</span>
</template> </template>
<div style="padding: 0 24px 24px"> <div style="padding: 0 24px 24px">
<div class="box"> <div class="box">
<div class="item" style="margin-right: 8px" v-for="item in inventoryWarnList" :class="isZeroInventory(item) ? 'item__danger' : 'item__warn'"> <div class="item" style="margin-right: 8px" v-for="item in inventoryWarnList"
<div class="image" /> :class="isZeroInventory(item) ? 'item__danger' : 'item__warn'">
<div class="image"/>
<div class="item-content"> <div class="item-content">
<el-tooltip <div class="item-name">{{ item.name }}</div>
effect="dark"
:content="item.name"
placement="bottom-start"
>
<div class="item-name">{{ item.name }}</div>
</el-tooltip>
<div class="item-name-font">剩余库存值</div> <div class="item-name-font">剩余库存值</div>
</div> </div>
<div class="item-right"> <div class="item-right">
@ -72,26 +67,30 @@ const isZeroInventory = (item: any) => {
margin-right: 24px; margin-right: 24px;
.box { .box {
.item__danger{ .item__danger {
.image{ .image {
background-image: url("/static/images/home/1-danger.png") ; background-image: url("/static/images/home/1-danger.png");
} }
.item-right{
.item-right {
color: #FF282E; color: #FF282E;
} }
} }
.item__warn{
.image{ .item__warn {
background-image: url("/static/images/home/1-warn.png") ; .image {
background-image: url("/static/images/home/1-warn.png");
} }
.item-right{
.item-right {
color: #F69C51; color: #F69C51;
} }
} }
.item { .item {
float: left; float: left;
width: 48%; width: 48%;

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

@ -115,20 +115,24 @@ const reduceIntegral = () => {
align-items: center; align-items: center;
margin-bottom: 16px; margin-bottom: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
}
.right { .right {
flex: 1;
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin-left: 16px; margin-left: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text { .text {
margin-top: 4px; margin-top: 4px;

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

@ -23,18 +23,20 @@
</div> </div>
</div> </div>
</div> </div>
<el-table class="body_list" :data="tableData" style="width: 100%;height: 100%" <div class="body_list">
:header-cell-style="{ backgroundColor: '#F1F5FB'}"> <el-table :data="tableData" style="height: 100%"
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip> :header-cell-style="{ backgroundColor: '#F1F5FB'}">
<template #default="scope"> <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip>
{{ formatDate(scope.row.createTime) }} <template #default="scope">
</template> {{ formatDate(scope.row.createTime) }}
</el-table-column> </template>
<el-table-column prop="beforeIntegral" label="变化前" show-overflow-tooltip/> </el-table-column>
<el-table-column prop="changeIntegral" label="变化量" show-overflow-tooltip/> <el-table-column prop="beforeIntegral" label="变化前" show-overflow-tooltip/>
<el-table-column prop="afterIntegral" label="变化后" show-overflow-tooltip/> <el-table-column prop="changeIntegral" label="变化量" show-overflow-tooltip/>
<el-table-column prop="remark" label="备注" show-overflow-tooltip/> <el-table-column prop="afterIntegral" label="变化后" show-overflow-tooltip/>
</el-table> <el-table-column prop="remark" label="备注" show-overflow-tooltip/>
</el-table>
</div>
</div> </div>
</template> </template>
<template #footer> <template #footer>
@ -104,7 +106,6 @@ defineExpose({init})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.content-flowing { .content-flowing {
width: 100%;
padding-top: 24px; padding-top: 24px;
height: 100%; height: 100%;
display: flex; display: flex;
@ -118,21 +119,24 @@ defineExpose({init})
margin-bottom: 16px; margin-bottom: 16px;
padding: 0 24px; padding: 0 24px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
}
.right { .right {
flex: 1;
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin-left: 16px; margin-left: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text { .text {
margin-top: 4px; margin-top: 4px;
display: flex; display: flex;
@ -159,8 +163,9 @@ defineExpose({init})
} }
.body_list { .body_list {
width: 100%;
flex: 1; flex: 1;
width: 100%;
min-height: 0;
background: #F9FAFC; background: #F9FAFC;
padding: 24px 24px 0; padding: 24px 24px 0;
} }

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

@ -105,20 +105,24 @@ const grant = async () => {
align-items: center; align-items: center;
margin-bottom: 16px; margin-bottom: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
}
.right { .right {
flex: 1;
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin-left: 16px; margin-left: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text { .text {
margin-top: 4px; margin-top: 4px;

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

@ -17,6 +17,7 @@
v-model="ruleForm.exp" v-model="ruleForm.exp"
placeholder="等级" placeholder="等级"
size="default" size="default"
:disabled="ruleForm.id"
style="width: 100%" style="width: 100%"
> >
<el-option <el-option

2
src/components/registration/Edit.vue
View File

@ -111,7 +111,7 @@
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="费用类型"> <el-descriptions-item label="费用类型">
<el-form-item prop="type"> <el-form-item prop="type">
<el-select v-model="edit_data.type"> <el-select v-model="edit_data.type" :disabled="edit_data.status==0">
<el-option label="普通" :value="1"></el-option> <el-option label="普通" :value="1"></el-option>
<el-option label="医保" :value="2"></el-option> <el-option label="医保" :value="2"></el-option>
</el-select> </el-select>

2
src/components/registration/List.vue
View File

@ -11,7 +11,7 @@
<img style="width: 25px;height: 25px;margin-right: 10px" <img style="width: 25px;height: 25px;margin-right: 10px"
:src="scope.row.gender === 1 ? '/static/images/member/man.png' :scope.row.gender === 2 ? '/static/images/member/women.png':'无'" :src="scope.row.gender === 1 ? '/static/images/member/man.png' :scope.row.gender === 2 ? '/static/images/member/women.png':'无'"
alt="" srcset=""> alt="" srcset="">
<span> {{ scope.row.name }}</span> <span>{{ scope.row.name }}</span>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>

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

@ -103,7 +103,7 @@
@cell-click="openDetail"> @cell-click="openDetail">
<el-table-column label="单号" prop="code" show-overflow-tooltip> <el-table-column label="单号" prop="code" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column label="创建时间" prop="createDatetime"> <el-table-column label="创建时间" prop="createDatetime" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
{{ formatDate(scope.row.createDatetime) }} {{ formatDate(scope.row.createDatetime) }}
</template> </template>
@ -113,17 +113,17 @@
<!-- {{ scope.row.preTotalPrice }}元--> <!-- {{ scope.row.preTotalPrice }}元-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column label="实收" prop="totalPrice" width="80"> <el-table-column label="实收" prop="totalPrice" width="100" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
{{ scope.row.totalPrice }}元 {{ scope.row.totalPrice }}元
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="支付方式" width="100"> <el-table-column label="支付方式" width="100" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
{{ scope.row.payType ? getPayTypeStr(scope.row.payType) : "" }} {{ scope.row.payType ? getPayTypeStr(scope.row.payType) : "" }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" width="100"> <el-table-column label="状态" width="100" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.status==0 || scope.row.status==2 " type="info"> <el-tag v-if="scope.row.status==0 || scope.row.status==2 " type="info">
{{ getStatusStr(scope.row.status) }} {{ getStatusStr(scope.row.status) }}
@ -132,7 +132,7 @@
<el-tag v-if="scope.row.status==3" type="danger">{{ getStatusStr(scope.row.status) }}</el-tag> <el-tag v-if="scope.row.status==3" type="danger">{{ getStatusStr(scope.row.status) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="支付时间" prop="payTime"> <el-table-column label="支付时间" prop="payTime" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
{{ formatDate(scope.row.payTime) }} {{ formatDate(scope.row.payTime) }}
</template> </template>
@ -341,6 +341,7 @@ type StatusKey = 0 | 1 | 2 | 3;
type PayTypeKey = 1 | 2 | 3 | 4 | 5; type PayTypeKey = 1 | 2 | 3 | 4 | 5;
//修改时间格式化 //修改时间格式化
const formatDate = (isoStr: any) => { const formatDate = (isoStr: any) => {
if(!isoStr)return ''
const date = new Date(isoStr); const date = new Date(isoStr);
return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`; return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
} }
@ -544,10 +545,12 @@ const openFlowingWater = () => {
} }
.detail-top-left-text { .detail-top-left-text {
flex: 1;
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin-right: 24px;
.detail-top-left-text-name { .detail-top-left-text-name {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
@ -555,6 +558,7 @@ const openFlowingWater = () => {
font-size: 24px; font-size: 24px;
color: #333333; color: #333333;
font-style: normal; font-style: normal;
display: flex;
.name{ .name{
white-space: nowrap; /* 防止文本换行 */ white-space: nowrap; /* 防止文本换行 */
overflow: hidden; /* 隐藏溢出的文本 */ overflow: hidden; /* 隐藏溢出的文本 */
@ -569,7 +573,7 @@ const openFlowingWater = () => {
color: rgba(34, 42, 57, 0.8); color: rgba(34, 42, 57, 0.8);
.age { .age {
margin: 0 10px; margin-right: 10px;
} }
} }
} }