This commit is contained in:
ChenQiuYu 2025-05-15 13:06:28 +08:00
parent dce3fb558d
commit ba7af95399
4 changed files with 18 additions and 25 deletions

View File

@ -33,12 +33,12 @@ html{
}
@media screen and (max-width: 1600px) {
html {
font-size: 14px; // 更小的字体以适配较小屏幕
font-size: 12px; // 更小的字体以适配较小屏幕
}
}
@media screen and (max-width: 1440px) {
html {
font-size: 12px; // 更小的字体以适配较小屏幕
font-size: 10px; // 更小的字体以适配较小屏幕
}
}
#app {

View File

@ -143,7 +143,6 @@ const resetSearch= () => {
<style scoped lang="scss">
@use "@/assets/scss/base.scss";
.container-wrapper {
box-sizing: border-box;
padding: 24px;
@ -151,14 +150,12 @@ const resetSearch= () => {
display: flex;
flex-direction: column;
height: 100%;
.content {
width: 100%;
flex: 1;
overflow: hidden;
margin-top: base.$margin-base;
}
.bottom {
width: 100%;
height: 60px;

View File

@ -82,8 +82,8 @@
<span @click="open_edit(0,0)">新增其他商品</span>
</div>
</div>
<div class="content_goods" ref="content">
<el-table :data="tableData" style="width: 100%;height: 100%;padding: 0 24px" @row-click="openMack"
<div class="content_goods">
<el-table :data="tableData" style="height: 100%;padding: 0 24px;" @row-click="openMack"
:header-cell-style="{ backgroundColor: '#F1F5FB' }">
<el-table-column fixed prop="name" label="名称" width="200" show-overflow-tooltip>
<template #default="scope">
@ -128,7 +128,6 @@
</template>
</el-table-column>
<el-table-column label="最近效期" prop="recentlyExpiryDate" width="150"></el-table-column>
<el-table-column label="进价" width="120">
<template #default="scope">
{{ scope.row.purchaseUnitPrice.toFixed(2) }}
@ -168,11 +167,11 @@
</div>
<div class="bottom">
<div class="statistics">
<div class="">总成本:{{ statisticsData.totalCost }}</div>
<div class="">总售价:{{ statisticsData.totalPrice }}</div>
<div class="">医保药品:{{ statisticsData.totalSocialCount }}</div>
<div v-for="item in statisticsData.chrgitmLvInfoList">
{{ item.name }}:{{ item.ratio }}({{ item.count }})
<div style="margin-right: 40px">总成本{{ statisticsData.totalCost }}</div>
<div style="margin-right: 40px">总售价{{ statisticsData.totalPrice }}</div>
<div style="margin-right: 40px">医保药品{{ statisticsData.totalSocialCount }}</div>
<div v-for="item in statisticsData.chrgitmLvInfoList" style="margin-right: 40px">
{{ item.name }}{{ item.ratio }}({{ item.count }})
</div>
</div>
<div class="page_btn_list">
@ -485,13 +484,11 @@ const getStatisticsData = () => {
}
}
}
.content_goods {
width: 100%;
flex: 1;
overflow: hidden;
min-height: 0;
}
.bottom {
width: 100%;
height: 60px;
@ -501,7 +498,7 @@ const getStatisticsData = () => {
position: relative;
border-top: 1px solid #EEE;
display: flex;
justify-content: flex-end;
justify-content: space-between;
align-items: center;
.statistics {

View File

@ -27,8 +27,8 @@
<span @click="addSupplier(null)">添加供应商</span>
</div>
</div>
<div class="content_list">
<el-table :data="tableData" @row-click="editSupplier" style="height: 100%" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
<div class="content">
<el-table :data="tableData" style="width: 100%;height: 100%" @row-click="editSupplier" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
<el-table-column label="供应商名称" prop="name" width="250">
</el-table-column>
<el-table-column label="启用状态" prop="turn" width="80">
@ -40,7 +40,7 @@
<el-table-column label="许可证号" prop="licenseCode"></el-table-column>
<el-table-column label="联系人" prop="contactName" width="100"></el-table-column>
<el-table-column label="联系方式" prop="contactTel" width="150"></el-table-column>
<el-table-column label="备注" prop="reamark"/>
<el-table-column label="备注" prop="remark"/>
</el-table>
</div>
<div class="bottom">
@ -64,7 +64,7 @@ import {post} from "@/utils/request.ts";
import AddSupplier from "@/components/inventory/supplier/AddSupplier.vue";
import {Search} from "@element-plus/icons-vue";
const tableData = ref([])
const tableData = ref<any>([])
const getSupplier = () => {
const query = {
page: page.value,
@ -121,6 +121,7 @@ const resetSearch = () => {
}
}
</script>
<style scoped lang="scss">
@use "@/assets/scss/base.scss";
.container-wrapper {
@ -130,14 +131,11 @@ const resetSearch = () => {
display: flex;
flex-direction: column;
height: 100%;
.content_list {
.content {
width: 100%;
flex: 1;
overflow: hidden;
margin-top: base.$margin-base;
}
.bottom {
width: 100%;
height: 60px;
@ -151,6 +149,7 @@ const resetSearch = () => {
align-items: center;
}
}
.top {
height: 110px;
background: #fff;